forked from amnannn/rekan_ai
		
	revisi3
This commit is contained in:
		
							parent
							
								
									b601add5e4
								
							
						
					
					
						commit
						c428157517
					
				| @ -1,7 +1,5 @@ | ||||
| import { useState } from 'react'; | ||||
| import Logo1 from '../asset/logo.png';  // Mengimpor logo | ||||
| import search from '../asset/search.png';  // Mengimpor ikon pencarian | ||||
| import row from '../asset/arrow.png';  // Mengimpor ikon panah untuk dropdown | ||||
| import { Logo1,search,row } from '../asset';  // Mengimpor logo | ||||
| 
 | ||||
| const Header = () => { | ||||
|   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 = () => { | ||||
|   return ( | ||||
| @ -28,7 +28,7 @@ const BottomCTA = () => { | ||||
|         {/* 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]"> | ||||
|           {/* 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 | ||||
|         </button> | ||||
| 
 | ||||
|  | ||||
| @ -1,6 +1,4 @@ | ||||
| import email from "../asset/email.png"; // Import gambar icon untuk email,telepon,customer service | ||||
| import customer from "../asset/customer.png"; // | ||||
| import phone from "../asset/phone.png"; // | ||||
| import { email,phone,customer } from "../asset"; // Import gambar icon untuk email,telepon,customer service | ||||
| 
 | ||||
| const CustomerService = () => { | ||||
|   return ( | ||||
|  | ||||
| @ -1,12 +1,5 @@ | ||||
| // Import gambar-gambar yang digunakan dalam komponen Footer | ||||
| import nvdia from "../asset/nvidia.png"; // 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 | ||||
| import { nvidia,kmn,kominfo,ojk,facebook,x,instagram,component11 } from "../asset"; // Gambar logo NVIDIA sebagai partner | ||||
| 
 | ||||
| function Footer() { | ||||
|   return ( | ||||
| @ -16,7 +9,7 @@ function Footer() { | ||||
|         {/* Kolom 1: Logo perusahaan */} | ||||
|         <div className="mb-5 sm:mb-0"> | ||||
|           <img | ||||
|             src={frame} // Gambar logo perusahaan | ||||
|             src={component11} // Gambar logo perusahaan | ||||
|             alt="Logo" | ||||
|             className="max-w-[200px] w-[50.3px] h-[40.24px] sm:mx-0" | ||||
|           /> | ||||
| @ -64,7 +57,7 @@ function Footer() { | ||||
|         </div> | ||||
| 
 | ||||
|         {/* 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> | ||||
|           <ul className="space-y-4 text-[18px]"> | ||||
|             <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-4"> | ||||
|             <img | ||||
|               src={nvdia} // Gambar logo partner NVIDIA | ||||
|               src={nvidia} // Gambar logo partner NVIDIA | ||||
|               alt="NVIDIA Inception Premier Member" | ||||
|               className="w-[221px] h-[83px]" | ||||
|             /> | ||||
|  | ||||
| @ -1,11 +1,11 @@ | ||||
| import bgImage from "../asset/image 10.png"; | ||||
| import { img10 } from "../asset"; | ||||
| 
 | ||||
| const ContactForm = () => { | ||||
|   return ( | ||||
|     <div | ||||
|       className="flex min-h-screen items-center justify-center p-5 text-white overflow-hidden rounded-tl-[80px] rounded-tr-[80px]" | ||||
|       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 | ||||
|         backgroundPosition: "center", // Menempatkan gambar di tengah | ||||
|         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 = () => { | ||||
|   return ( | ||||
| @ -6,7 +6,7 @@ const WhatsAppButton = () => { | ||||
|       {/* Tombol WhatsApp */} | ||||
|       <img | ||||
|         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 | ||||
|       /> | ||||
|     </div> | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user