From dedf3d942ff207e6e98e6cdd8dc2cbae485b2b6e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 07:40:40 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 284 ++++++++++++++++++-----------------------------
 1 file changed, 106 insertions(+), 178 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8b2ee35..c14b206 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,192 +13,120 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Process",
-          id: "process",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-      ]}
-      brandName="OUR CARGO"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Services", id: "services" },
+              { name: "Process", id: "process" },
+              { name: "FAQ", id: "faq" }
+            ]}
+            brandName="OUR CARGO"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="OUR CARGO"
-      description="Kirim barang internasional dengan tampilan brand yang lebih mewah, proses yang lebih meyakinkan. All-in import & export service terpercaya."
-      buttons={[
-        {
-          text: "Minta Estimasi WhatsApp",
-          href: "https://wa.me/6281370705720",
-        },
-        {
-          text: "Lihat Layanan",
-          href: "#services",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/quality-control-inspectors-with-face-masks-supervising-wood-processing-production-facility_637285-11873.jpg"
-      imageAlt="luxury logistics freight packaging"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="OUR CARGO"
+            description="Kirim barang internasional dengan tampilan brand yang lebih mewah, proses yang lebih meyakinkan. All-in import & export service terpercaya."
+            buttons={[
+              { text: "Minta Estimasi WhatsApp", href: "https://wa.me/6281370705720" },
+              { text: "Lihat Layanan", href: "#services" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/quality-control-inspectors-with-face-masks-supervising-wood-processing-production-facility_637285-11873.jpg"
+            imageAlt="luxury logistics freight packaging"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Import All-In",
-          description: "Harga final termasuk tax dan custom clearance untuk kiriman ke Indonesia.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-clipboard_23-2148943349.jpg",
-        },
-        {
-          title: "Air & Sea Freight",
-          description: "Fleksibel untuk kebutuhan cepat maupun efisien dalam volume besar.",
-          imageSrc: "http://img.b2bpic.net/free-photo/industry-ships-crane-construction-machinery-carrying-cargo-containers-generated-by-ai_188544-22014.jpg",
-        },
-        {
-          title: "Export Service",
-          description: "Dukungan pengiriman keluar negeri dengan proses yang rapi dan jelas.",
-          imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172491.jpg",
-        },
-      ]}
-      title="Layanan Utama"
-      description="Kami fokus pada kemudahan proses import all-in dengan harga transparan dan komunikasi cepat via WhatsApp."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            features={[
+              { title: "Import All-In", description: "Harga final termasuk tax dan custom clearance untuk kiriman ke Indonesia.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-clipboard_23-2148943349.jpg" },
+              { title: "Air & Sea Freight", description: "Fleksibel untuk kebutuhan cepat maupun efisien dalam volume besar.", imageSrc: "http://img.b2bpic.net/free-photo/industry-ships-crane-construction-machinery-carrying-cargo-containers-generated-by-ai_188544-22014.jpg" },
+              { title: "Export Service", description: "Dukungan pengiriman keluar negeri dengan proses yang rapi dan jelas.", imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172491.jpg" }
+            ]}
+            title="Layanan Utama"
+            description="Kami fokus pada kemudahan proses import all-in dengan harga transparan dan komunikasi cepat via WhatsApp."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Apa yang membuat Our Cargo berbeda?",
-          content: "Fokus utamanya adalah all-in import service, harga transparan, proses simpel, dan komunikasi cepat via WhatsApp.",
-        },
-        {
-          id: "2",
-          title: "Apakah harga impor sudah termasuk pajak?",
-          content: "Untuk layanan all-in import, harga dibuat final dan sudah termasuk biaya impor sesuai skema layanan.",
-        },
-        {
-          id: "3",
-          title: "Apakah bisa kirim dalam jumlah kecil?",
-          content: "Bisa. Tidak ada minimum pengiriman untuk memulai.",
-        },
-        {
-          id: "4",
-          title: "Barang apa saja yang bisa dikirim?",
-          content: "Umumnya pakaian, spare part, aksesoris, elektronik, mainan, kosmetik, dan kebutuhan bisnis.",
-        },
-      ]}
-      sideTitle="FAQ"
-      sideDescription="Pertanyaan umum yang sering ditanyakan mengenai layanan kami."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "Apa yang membuat Our Cargo berbeda?", content: "Fokus utamanya adalah all-in import service, harga transparan, proses simpel, dan komunikasi cepat via WhatsApp." },
+              { id: "2", title: "Apakah harga impor sudah termasuk pajak?", content: "Untuk layanan all-in import, harga dibuat final dan sudah termasuk biaya impor sesuai skema layanan." },
+              { id: "3", title: "Apakah bisa kirim dalam jumlah kecil?", content: "Bisa. Tidak ada minimum pengiriman untuk memulai." },
+              { id: "4", title: "Barang apa saja yang bisa dikirim?", content: "Umumnya pakaian, spare part, aksesoris, elektronik, mainan, kosmetik, dan kebutuhan bisnis." }
+            ]}
+            sideTitle="FAQ"
+            sideDescription="Pertanyaan umum yang sering ditanyakan mengenai layanan kami."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Jangkauan Operasional"
-      tag="Kompetensi"
-      metricsAnimation="slide-up"
-      metrics={[
-        {
-          id: "m1",
-          value: "100+",
-          description: "Negara Tujuan",
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          description: "Support WhatsApp",
-        },
-        {
-          id: "m3",
-          value: "98%",
-          description: "Tingkat Kepuasan",
-        },
-        {
-          id: "m4",
-          value: "5k+",
-          description: "Paket Terkirim",
-        },
-        {
-          id: "m5",
-          value: "3",
-          description: "Hari Rata-rata",
-        },
-      ]}
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Jangkauan Operasional"
+            tag="Kompetensi"
+            metricsAnimation="slide-up"
+            metrics={[
+              { id: "m1", value: "100+", description: "Negara Tujuan" },
+              { id: "m2", value: "24/7", description: "Support WhatsApp" },
+              { id: "m3", value: "98%", description: "Tingkat Kepuasan" },
+              { id: "m4", value: "5k+", description: "Paket Terkirim" },
+              { id: "m5", value: "3", description: "Hari Rata-rata" }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Butuh estimasi ongkir atau konsultasi barang? Klik WhatsApp dan tim akan bantu cek rute, kategori barang, dan langkah berikutnya."
-      buttons={[
-        {
-          text: "Mulai Chat WhatsApp",
-          href: "https://wa.me/6281370705720",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            text="Butuh estimasi ongkir atau konsultasi barang? Klik WhatsApp dan tim akan bantu cek rute, kategori barang, dan langkah berikutnya."
+            buttons={[
+              { text: "Mulai Chat WhatsApp", href: "https://wa.me/6281370705720" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663023.jpg"
-      logoText="OUR CARGO"
-      columns={[
-        {
-          title: "Layanan",
-          items: [
-            {
-              label: "Import All-In",
-              href: "#",
-            },
-            {
-              label: "Freight",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Kontak",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/6281370705720",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663023.jpg"
+            logoText="OUR CARGO"
+            columns={[
+              {
+                title: "Layanan",                items: [
+                  { label: "Import All-In", href: "#" },
+                  { label: "Freight", href: "#" }
+                ]
+              },
+              {
+                title: "Kontak",                items: [
+                  { label: "WhatsApp", href: "https://wa.me/6281370705720" }
+                ]
+              }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file