85799fbd-385b-436d-b39e-b773586c0e91/src/app/page.tsx

"use client";

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 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 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 (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumSizeLargeTitles"
        background="grid"
        cardStyle="layered-gradient"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { 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" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <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" },
        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/shallots-placed-black_1150-25542.jpg" },
        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-peeled-garlic-cloves-garlic-bulbs-sackcloth-background_141793-5949.jpg" },
        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/chopped-purple-onion-cabbage-salad-platter-concrete-table_114579-56748.jpg" },
        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/side-view-close-up-dried-vegetables-wooden-box_176474-3264.jpg" },
        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pickled-vegetables-glass-jar_23-2148738098.jpg" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      title="Warisan Kualitas dari Jantung Indonesia"
      tag="Profil Perusahaan"
      useInvertedBackground={false}
      description="Kami berkomitmen mempromosikan kualitas bawang merah asli Indonesia ke panggung internasional. Dengan kontrol mutu yang ketat, produk kami menjamin kebersihan dan kesegaran di setiap kemasan."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      title="Keunggulan Kami"
      description="Fokus kami adalah memberikan yang terbaik bagi setiap mitra bisnis global."
      useInvertedBackground={true}
      textboxLayout="default"
      features={[
        { 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 },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <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"
      products={[
        { 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" },
        { 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" },
        { 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" },
      ]}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      title="Pencapaian Kami"
      gridVariant="bento-grid"
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        { id: "1", value: "15+", description: "Negara Terlayani" },
        { id: "2", value: "500T+", description: "Produksi Tahunan" },
        { id: "3", value: "99%", description: "Loyalitas Mitra" },
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      title="Testimoni Mitra"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", title: "Kualitas Luar Biasa", quote: "Produk bawang goreng terbaik yang pernah kami beli untuk ekspor.", name: "Marcus T.", role: "Buyer Internasional" },
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      title="Pertanyaan Umum"
      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}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      text="Siap Bermitra? Hubungi Tim Kami"
      background={{ variant: "gradient-bars" }}
      buttons={[
          { text: "WhatsApp", href: "https://wa.me/628123456789" },
          { text: "Email", href: "mailto:info@bawangeksport.com" }
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      logoText="BawangEksport"
      columns={[
        { title: "Navigasi", items: [{ label: "Home", href: "#hero" }, { label: "Tentang", href: "#about" }] },
        { title: "Kontak", items: [{ label: "WhatsApp", href: "#contact" }] },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}