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…
Reference in New Issue