Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -4,14 +4,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
+import TextAbout from '@/components/sections/about/TextAbout';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import { Zap, ShieldCheck, Truck, BarChart3 } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,14 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Beranda",          id: "hero"},
-        {
-          name: "Tentang",          id: "about"},
-        {
-          name: "Produk",          id: "products"},
-        {
-          name: "Kontak",          id: "contact"},
+        { name: "Beranda", id: "hero" },
+        { name: "Tentang", id: "about" },
+        { name: "Fitur", id: "features" },
+        { name: "Produk", id: "products" },
+        { name: "Kontak", id: "contact" },
       ]}
       brandName="BawangEksport"
       button={{ text: "Hubungi Kami", href: "#contact" }}
@@ -46,197 +44,126 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars"}}
-      title="Bawang Goreng Premium untuk Pasar Internasional"
-      description="Menghadirkan kelezatan autentik bawang goreng Indonesia berkualitas ekspor ke seluruh dunia dengan standar higienis dan cita rasa terbaik."
-      buttons={[
-        {
-          text: "Lihat Produk",          href: "#products"},
-        {
-          text: "Hubungi Kami",          href: "#contact"},
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-cooked-dough-with-rice-dark-surface-dish-dough-pasta-meal_140725-82588.jpg?_wi=1",          imageAlt: "Bawang Goreng Premium"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-grilled-shrimps-plate_181624-22460.jpg",          imageAlt: "Bawang Goreng Premium"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-portuguese-empadao-dish_23-2149862952.jpg",          imageAlt: "Bawang Goreng Premium"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plate-green-beans-lemon-garlic-bottle-oil-plate-green-beans-with-tomatoes-black-table_140725-120161.jpg",          imageAlt: "Bawang Goreng Premium"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/food-waste-concept_23-2148688614.jpg",          imageAlt: "Bawang Goreng Premium"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-grated-carrot-salad-inside-brown-plate-dark-blue-rustic-desk-health-salad-color-ripe-diet-vegetable_140725-121181.jpg",          imageAlt: "Bawang Goreng Premium"},
+      <HeroBillboardRotatedCarousel
+      background={{ variant: "gradient-bars" }}
+      title="Bawang Goreng Premium untuk Pasar Global"
+      description="Menghadirkan kelezatan autentik bawang goreng Indonesia dengan kualitas ekspor terbaik, renyah tanpa campuran."
+      buttons={[{ text: "Jelajahi Produk", href: "#products" }]}
+      carouselItems={[
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/bunches-fresh-onions_23-2147828823.jpg?w=1200&q=90" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/shallots-placed-black_1150-25542.jpg?w=1200&q=90" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-peeled-garlic-cloves-garlic-bulbs-sackcloth-background_141793-5949.jpg?w=1200&q=90" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/chopped-purple-onion-cabbage-salad-platter-concrete-table_114579-56748.jpg?w=1200&q=90" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/side-view-close-up-dried-vegetables-wooden-box_176474-3264.jpg?_wi=1&w=1200&q=90" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pickled-vegetables-glass-jar_23-2148738098.jpg?_wi=1&w=1200&q=90" },
       ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
+      <TextAbout
       title="Warisan Kualitas dari Jantung Indonesia"
-      description="Kami berdedikasi menjaga tradisi pengolahan bawang goreng dengan sentuhan teknologi modern. Setiap batch dipilih dari bawang merah pilihan terbaik yang tumbuh di tanah subur Indonesia, diproses dengan ketelitian tinggi untuk hasil yang renyah dan gurih alami."
-      imageSrc="http://img.b2bpic.net/free-photo/bunches-fresh-onions_23-2147828823.jpg?_wi=1"
-      imageAlt="Proses Produksi Bawang Goreng"
+      tag="Profil Perusahaan"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardNineteen
-      textboxLayout="default"
+      <FeatureCardTwentySix
+      title="Keunggulan Kami"
+      description="Fokus kami adalah memberikan yang terbaik bagi setiap mitra bisnis global."
       useInvertedBackground={true}
+      textboxLayout="default"
       features={[
-        {
-          tag: "Kualitas",          title: "Bahan Pilihan",          subtitle: "Tanpa campuran tepung",          description: "100% bawang merah asli dengan kualitas premium.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-tomato-slices-topped-with-red-onion-rings-sauce-topped-with-parsley_140725-8708.jpg",          imageAlt: "Close up of tomato slices topped with red onion rings in sauce topped with parsley"},
-        {
-          tag: "Produksi",          title: "Teknologi Higienis",          subtitle: "Standar GMP",          description: "Proses produksi modern dengan pengawasan kualitas ketat.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-cooked-dough-with-rice-dark-surface-dish-dough-pasta-meal_140725-82588.jpg?_wi=2",          imageAlt: "Close up of tomato slices topped with red onion rings in sauce topped with parsley"},
-        {
-          tag: "Logistik",          title: "Ekspor Global",          subtitle: "Pengiriman efisien",          description: "Siap melayani pesanan dalam jumlah besar ke seluruh dunia.",          imageSrc: "http://img.b2bpic.net/free-photo/bunches-fresh-onions_23-2147828823.jpg?_wi=2",          imageAlt: "Close up of tomato slices topped with red onion rings in sauce topped with parsley"},
+        { title: "100% Alami", description: "Tanpa pengawet dan campuran tepung.", buttonIcon: Zap },
+        { title: "Standar Higienis", description: "Proses produksi tersertifikasi GMP.", buttonIcon: ShieldCheck },
+        { title: "Logistik Cepat", description: "Sistem pengiriman efisien untuk ekspor.", buttonIcon: Truck },
+        { title: "Skala Global", description: "Kapasitas produksi besar untuk pasar internasional.", buttonIcon: BarChart3 },
       ]}
-      title="Keunggulan Produk Kami"
-      description="Standar internasional adalah janji kami bagi para mitra global."
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardTwo
+      <ProductCardFour
+      title="Katalog Produk"
+      description="Solusi kemasan bawang goreng premium untuk kebutuhan bisnis ritel maupun industri."
+      useInvertedBackground={false}
+      gridVariant="three-columns-all-equal-width"
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          brand: "BawangEksport",          name: "Bawang Goreng Reguler",          price: "Contact for pricing",          rating: 5,
-          reviewCount: "120+",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-pickled-vegetables-glass-jar_23-2148738098.jpg"},
-        {
-          id: "p2",          brand: "BawangEksport",          name: "Bawang Goreng Premium",          price: "Contact for pricing",          rating: 5,
-          reviewCount: "85+",          imageSrc: "http://img.b2bpic.net/free-photo/pickled-tomatoes-glass-jar-bowl-with-garlic-blue_114579-15507.jpg"},
-        {
-          id: "p3",          brand: "BawangEksport",          name: "Bawang Goreng Organik",          price: "Contact for pricing",          rating: 5,
-          reviewCount: "45+",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-close-up-dried-vegetables-wooden-box_176474-3264.jpg"},
-        {
-          id: "p4",          brand: "BawangEksport",          name: "Bulk Pack 5kg",          price: "Contact for pricing",          rating: 4,
-          reviewCount: "20+",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-dried-pineapple-inside-can-white-surface_140725-103216.jpg"},
-        {
-          id: "p5",          brand: "BawangEksport",          name: "Custom Label Pack",          price: "Contact for pricing",          rating: 5,
-          reviewCount: "30+",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-healthy-red-onions-wicker-tray-yellow-onions-bowl-grey-wooden-background_141793-84564.jpg"},
-        {
-          id: "p6",          brand: "BawangEksport",          name: "Retail Sachet",          price: "Contact for pricing",          rating: 5,
-          reviewCount: "90+",          imageSrc: "http://img.b2bpic.net/free-photo/shallots-placed-black_1150-25542.jpg"},
+        { id: "1", name: "Reguler Pack", price: "Kontak", variant: "500g", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pickled-vegetables-glass-jar_23-2148738098.jpg?_wi=2&w=800&q=90" },
+        { id: "2", name: "Premium Crispy", price: "Kontak", variant: "1kg", imageSrc: "http://img.b2bpic.net/free-photo/pickled-tomatoes-glass-jar-bowl-with-garlic-blue_114579-15507.jpg?w=800&q=90" },
+        { id: "3", name: "Bulk Industry", price: "Kontak", variant: "5kg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-close-up-dried-vegetables-wooden-box_176474-3264.jpg?_wi=2&w=800&q=90" },
       ]}
-      title="Katalog Produk Ekspor"
-      description="Pilihan ukuran dan kemasan yang fleksibel untuk kebutuhan bisnis Anda."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardEleven
+      <MetricCardTwo
+      title="Pencapaian Kami"
+      description="Bukti komitmen dan kualitas yang kami berikan kepada mitra global."
+      gridVariant="bento-grid"
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",          value: "15+",          title: "Negara Tujuan",          description: "Melayani pasar internasional di 3 benua.",          imageSrc: "http://img.b2bpic.net/free-photo/chopped-purple-onion-cabbage-salad-platter-concrete-table_114579-56748.jpg"},
-        {
-          id: "m2",          value: "500T",          title: "Kapasitas Tahunan",          description: "Produksi skala besar dengan kualitas konsisten.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-peeled-garlic-cloves-garlic-bulbs-sackcloth-background_141793-5949.jpg"},
-        {
-          id: "m3",          value: "99%",          title: "Tingkat Kepuasan",          description: "Mitra yang loyal dan puas dengan kualitas kami.",          imageSrc: "http://img.b2bpic.net/free-photo/noodle-rolls-with-ingredients-wooden-black-board_114579-17588.jpg"},
+        { id: "1", value: "15+", description: "Negara Terlayani" },
+        { id: "2", value: "500T+", description: "Produksi Tahunan" },
+        { id: "3", value: "99%", description: "Loyalitas Mitra" },
       ]}
-      title="Pencapaian Ekspor"
-      description="Dedikasi kami diakui oleh mitra di berbagai negara."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
+      <TestimonialCardTen
+      title="Testimoni Mitra"
+      description="Apa yang dikatakan mitra global kami tentang kualitas bawang goreng kami."
+      textboxLayout="default"
       useInvertedBackground={false}
-      testimonial="Kualitas bawang goreng yang luar biasa. Renyah, aroma alami, dan sangat konsisten. Mitra bisnis terbaik untuk kebutuhan ekspor kami."
-      rating={5}
-      author="Marcus Thorne, International Food Buyer"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/crazy-chef-angry-expression_1194-1424.jpg",          alt: "Marcus Thorne"},
-        {
-          src: "http://img.b2bpic.net/free-photo/one-cheerful-man-cooking-domestic-kitchen-generated-by-ai_188544-25325.jpg",          alt: "Maria Santos"},
-        {
-          src: "http://img.b2bpic.net/free-photo/technologist-white-coat-with-laptop-his-hands-is-warehouse-cheese-shop-production-butter-cheese-quality-control-dairy-plant-racks-with-cheese_645730-510.jpg",          alt: "John Doe"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-cheerful-happy-woman_171337-11646.jpg",          alt: "Yuki Tanaka"},
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-receiving-groceries_23-2149722263.jpg",          alt: "Sarah Smith"},
+      testimonials={[
+        { id: "1", title: "Kualitas Luar Biasa", quote: "Produk bawang goreng terbaik yang pernah kami beli untuk ekspor.", name: "Marcus T.", role: "Buyer Internasional" },
       ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqSplitMedia
+      title="Pertanyaan Umum"
+      description="Informasi lengkap mengenai layanan dan standar produk kami."
+      faqs={[
+        { id: "1", title: "Bagaimana cara memesan?", content: "Hubungi tim sales kami melalui WhatsApp atau email untuk detail spesifikasi." },
+        { id: "2", title: "Apa standar ekspor?", content: "Produk kami telah melalui uji standar kebersihan internasional." },
+      ]}
+      faqsAnimation="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",          title: "Bagaimana prosedur ekspornya?",          content: "Kami melayani pengiriman internasional dengan persyaratan dokumen ekspor yang lengkap."},
-        {
-          id: "q2",          title: "Berapa lama masa simpan?",          content: "Produk kami memiliki masa simpan 12 bulan dalam kondisi penyimpanan yang disarankan."},
-        {
-          id: "q3",          title: "Apakah ada minimal order?",          content: "Minimal order disesuaikan dengan skema pengiriman (FCL atau LCL)."},
-      ]}
-      title="Pertanyaan Umum"
-      description="Kami siap menjawab pertanyaan Anda mengenai layanan ekspor."
-      faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/jar-pickled-vegetables-marble-surface_114579-57600.jpg"
-      imageAlt="FAQ Background"
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars"}}
-      text="Siap Bermitra untuk Kebutuhan Bawang Goreng Dunia?"
+      text="Siap Bermitra? Hubungi Tim Kami"
+      background={{ variant: "gradient-bars" }}
+      useInvertedBackground={true}
       buttons={[
-        {
-          text: "Kirim Pesan WhatsApp",          href: "https://wa.me/628123456789"},
-        {
-          text: "Email Kami",          href: "mailto:info@bawangeksport.com"},
+          { text: "WhatsApp", href: "https://wa.me/628123456789" },
+          { text: "Email", href: "mailto:info@bawangeksport.com" }
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Tentang Kami",              href: "#about"},
-            {
-              label: "Produk",              href: "#products"},
-            {
-              label: "Kontak",              href: "#contact"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Kebijakan Privasi",              href: "#"},
-            {
-              label: "Syarat & Ketentuan",              href: "#"},
-            {
-              label: "Dokumentasi Ekspor",              href: "#"},
-          ],
-        },
-      ]}
+      <FooterBase
       logoText="BawangEksport"
+      copyrightText="© 2025 | Hotel FortunaGrande Seturan Yogyakarta by FOSIA, Jl. Seturan Raya Gg. Puluhdadi, Kledokan, Caturtunggal, Kec. Depok, Kabupaten Sleman, Daerah Istimewa Yogyakarta 55281"
+      columns={[
+        { title: "Navigasi", items: [{ label: "Home", href: "#hero" }, { label: "Tentang", href: "#about" }] },
+        { title: "Kontak", items: [{ label: "WhatsApp", href: "#contact" }] },
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}