revisi3
This commit is contained in:
parent
b601add5e4
commit
c428157517
|
@ -1,7 +1,5 @@
|
||||||
import { useState } from 'react';
|
import { useState } from 'react';
|
||||||
import Logo1 from '../asset/logo.png'; // Mengimpor logo
|
import { Logo1,search,row } from '../asset'; // Mengimpor logo
|
||||||
import search from '../asset/search.png'; // Mengimpor ikon pencarian
|
|
||||||
import row from '../asset/arrow.png'; // Mengimpor ikon panah untuk dropdown
|
|
||||||
|
|
||||||
const Header = () => {
|
const Header = () => {
|
||||||
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); // Menyimpan status menu mobile (terbuka atau tertutup)
|
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); // Menyimpan status menu mobile (terbuka atau tertutup)
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
import logowa from "../asset/whatsapp-color_svgrepo.com.png"; // Import gambar WhatsApp untuk ikon
|
import { wagreen } from "../asset"; // Import gambar WhatsApp untuk ikon
|
||||||
|
|
||||||
const BottomCTA = () => {
|
const BottomCTA = () => {
|
||||||
return (
|
return (
|
||||||
|
@ -28,7 +28,7 @@ const BottomCTA = () => {
|
||||||
{/* Tombol Konsultasi Gratis dengan ikon WhatsApp */}
|
{/* Tombol Konsultasi Gratis dengan ikon WhatsApp */}
|
||||||
<button className="w-full lg:w-[270px] h-[70px] btn2 flex items-center justify-center py-3 border-2 border-[#DC0168] rounded-[14px] text-[#DC0168] text-[20px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:bg-[#ffffff1a]">
|
<button className="w-full lg:w-[270px] h-[70px] btn2 flex items-center justify-center py-3 border-2 border-[#DC0168] rounded-[14px] text-[#DC0168] text-[20px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:bg-[#ffffff1a]">
|
||||||
{/* Gambar WhatsApp di kiri tombol */}
|
{/* Gambar WhatsApp di kiri tombol */}
|
||||||
<img src={logowa} alt="WhatsApp Icon" className="mr-2 h-[1.2rem] w-auto" />
|
<img src={wagreen} alt="WhatsApp Icon" className="mr-2 h-[1.2rem] w-auto" />
|
||||||
Konsultasi Gratis
|
Konsultasi Gratis
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,4 @@
|
||||||
import email from "../asset/email.png"; // Import gambar icon untuk email,telepon,customer service
|
import { email,phone,customer } from "../asset"; // Import gambar icon untuk email,telepon,customer service
|
||||||
import customer from "../asset/customer.png"; //
|
|
||||||
import phone from "../asset/phone.png"; //
|
|
||||||
|
|
||||||
const CustomerService = () => {
|
const CustomerService = () => {
|
||||||
return (
|
return (
|
||||||
|
|
|
@ -1,12 +1,5 @@
|
||||||
// Import gambar-gambar yang digunakan dalam komponen Footer
|
// Import gambar-gambar yang digunakan dalam komponen Footer
|
||||||
import nvdia from "../asset/nvidia.png"; // Gambar logo NVIDIA sebagai partner
|
import { nvidia,kmn,kominfo,ojk,facebook,x,instagram,component11 } from "../asset"; // Gambar logo NVIDIA sebagai partner
|
||||||
import kmn from "../asset/kementerian.png"; // Gambar logo Kementerian sebagai partner
|
|
||||||
import kominfo from "../asset/kominfo.png"; // Gambar logo Kominfo sebagai partner
|
|
||||||
import ojk from "../asset/ojk.png"; // Gambar logo OJK sebagai partner
|
|
||||||
import facebook from "../asset/facebook.png"; // Gambar logo Facebook untuk ikon media sosial
|
|
||||||
import x from "../asset/x.png"; // Gambar logo X (dulu Twitter) untuk ikon media sosial
|
|
||||||
import instagram from "../asset/instagram.png"; // Gambar logo Instagram untuk ikon media sosial
|
|
||||||
import frame from "../asset/Component 11.png"; // Gambar logo utama perusahaan
|
|
||||||
|
|
||||||
function Footer() {
|
function Footer() {
|
||||||
return (
|
return (
|
||||||
|
@ -16,7 +9,7 @@ function Footer() {
|
||||||
{/* Kolom 1: Logo perusahaan */}
|
{/* Kolom 1: Logo perusahaan */}
|
||||||
<div className="mb-5 sm:mb-0">
|
<div className="mb-5 sm:mb-0">
|
||||||
<img
|
<img
|
||||||
src={frame} // Gambar logo perusahaan
|
src={component11} // Gambar logo perusahaan
|
||||||
alt="Logo"
|
alt="Logo"
|
||||||
className="max-w-[200px] w-[50.3px] h-[40.24px] sm:mx-0"
|
className="max-w-[200px] w-[50.3px] h-[40.24px] sm:mx-0"
|
||||||
/>
|
/>
|
||||||
|
@ -64,7 +57,7 @@ function Footer() {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Kolom 4: Solusi yang ditawarkan */}
|
{/* Kolom 4: Solusi yang ditawarkan */}
|
||||||
<div className="flex-1 mb-5 sm:mb-0 sm:pl-0 md:mx-[10px] 2xl:mx-[-120px]">
|
<div className="flex-1 mb-5 sm:mb-0 sm:pl-0 md:mx-[10runrpx] 2xl:mx-[-120px]">
|
||||||
<h4 className="text-base font-semibold mb-4">Solusi Kami</h4>
|
<h4 className="text-base font-semibold mb-4">Solusi Kami</h4>
|
||||||
<ul className="space-y-4 text-[18px]">
|
<ul className="space-y-4 text-[18px]">
|
||||||
<li>Personal</li> {/* Solusi untuk individu */}
|
<li>Personal</li> {/* Solusi untuk individu */}
|
||||||
|
@ -87,7 +80,7 @@ function Footer() {
|
||||||
<div className="mb-5 sm:mb-0 sm:pl-0">
|
<div className="mb-5 sm:mb-0 sm:pl-0">
|
||||||
<div className="mb-4">
|
<div className="mb-4">
|
||||||
<img
|
<img
|
||||||
src={nvdia} // Gambar logo partner NVIDIA
|
src={nvidia} // Gambar logo partner NVIDIA
|
||||||
alt="NVIDIA Inception Premier Member"
|
alt="NVIDIA Inception Premier Member"
|
||||||
className="w-[221px] h-[83px]"
|
className="w-[221px] h-[83px]"
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -1,11 +1,11 @@
|
||||||
import bgImage from "../asset/image 10.png";
|
import { img10 } from "../asset";
|
||||||
|
|
||||||
const ContactForm = () => {
|
const ContactForm = () => {
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className="flex min-h-screen items-center justify-center p-5 text-white overflow-hidden rounded-tl-[80px] rounded-tr-[80px]"
|
className="flex min-h-screen items-center justify-center p-5 text-white overflow-hidden rounded-tl-[80px] rounded-tr-[80px]"
|
||||||
style={{
|
style={{
|
||||||
background: `linear-gradient(45deg, #DC016866 5%, rgba(91, 89, 232, 1) 100%), url(${bgImage})`,
|
background: `linear-gradient(45deg, #DC016866 5%, rgba(91, 89, 232, 1) 100%), url(${img10})`,
|
||||||
backgroundSize: "100% auto", // Memastikan gambar mengisi seluruh elemen
|
backgroundSize: "100% auto", // Memastikan gambar mengisi seluruh elemen
|
||||||
backgroundPosition: "center", // Menempatkan gambar di tengah
|
backgroundPosition: "center", // Menempatkan gambar di tengah
|
||||||
backgroundRepeat: "no-repeat", // Menghindari gambar terulang
|
backgroundRepeat: "no-repeat", // Menghindari gambar terulang
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
import WaButtons from '../asset/Whatsapp22.png'; // Mengimpor gambar ikon WhatsApp
|
import { wabutton } from '../asset';
|
||||||
|
|
||||||
const WhatsAppButton = () => {
|
const WhatsAppButton = () => {
|
||||||
return (
|
return (
|
||||||
|
@ -6,7 +6,7 @@ const WhatsAppButton = () => {
|
||||||
{/* Tombol WhatsApp */}
|
{/* Tombol WhatsApp */}
|
||||||
<img
|
<img
|
||||||
className="w-10 h-10 md:w-12 md:h-12" // Menentukan ukuran ikon WhatsApp
|
className="w-10 h-10 md:w-12 md:h-12" // Menentukan ukuran ikon WhatsApp
|
||||||
src={WaButtons} // Gambar yang diimpor
|
src={wabutton} // Gambar yang diimpor
|
||||||
alt="WhatsApp" // Deskripsi gambar jika gambar gagal dimuat
|
alt="WhatsApp" // Deskripsi gambar jika gambar gagal dimuat
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue