This commit is contained in:
Carls2320 2025-01-22 10:38:34 +07:00
parent b601add5e4
commit c428157517
6 changed files with 12 additions and 23 deletions

View File

@ -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)

View File

@ -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>

View File

@ -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 (

View File

@ -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]"
/> />

View File

@ -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

View File

@ -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>