"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 FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Headphones, ShieldCheck, Truck } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
            <NavbarLayoutFloatingInline
            navItems={[
              { name: "Home", id: "hero" },
              { name: "About", id: "about" },
              { name: "Products", id: "products" },
              { name: "Contact", id: "contact" }
            ]}
            brandName="HIRO SUKSES"
            button={{ text: "Get Started", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
            <HeroLogoBillboard
            background={{ variant: "gradient-bars" }}
            logoText="HIRO SUKSES INTERNTIONAL"
            description="Delivering premium export-grade seafood, canned fruits, and activated carbon to the world. Your trusted partner in global trade."
            buttons={[
              { text: "Our Products", href: "#products" },
              { text: "Contact Us", href: "#contact" }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/tuna-ice-market_268835-3459.jpg"
            imageAlt="seafood shipping port"
            mediaAnimation="slide-up"
          />
        </div>

        <div id="about" data-section="about">
            <MetricSplitMediaAbout
            useInvertedBackground={false}
            title="Commitment to Excellence"
            description="Hiro Sukses International is a premier exporter dedicated to sourcing the highest quality Indonesian products for global markets. We bridge the gap between quality producers and international demand."
            metrics={[
              { value: "10+", title: "Years Experience" },
              { value: "50+", title: "Global Partners" }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/global-business_53876-31607.jpg"
            imageAlt="international business meeting"
            mediaAnimation="blur-reveal"
            metricsAnimation="slide-up"
          />
        </div>

        <div id="products" data-section="products">
            <ProductCardTwo
            animationType="slide-up"
            textboxLayout="split"
            gridVariant="asymmetric-60-wide-40-narrow"
            useInvertedBackground={false}
            products={[
              { id: "p1", brand: "Hiro", name: "Frozen Vannamei Shrimp", price: "Contact for pricing", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/delicious-shrimps-with-sliced-lemon-peppercorns-greaseproof-paper_114579-43083.jpg", imageAlt: "frozen shrimp product" },
              { id: "p2", brand: "Hiro", name: "Frozen Octopus", price: "Contact for pricing", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-with-octopus-table_23-2148290438.jpg", imageAlt: "frozen octopus seafood" },
              { id: "p3", brand: "Hiro", name: "Frozen Tuna Loins", price: "Contact for pricing", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/fresh-mackerel-steak_1339-6208.jpg", imageAlt: "tuna loins seafood" },
              { id: "p4", brand: "Hiro", name: "Canned Pineapples", price: "Contact for pricing", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/dried-organic-pineapple-rings-placed-wood-piece_114579-65652.jpg", imageAlt: "canned pineapple rings" },
              { id: "p5", brand: "Hiro", name: "Tropical Fruit Cocktail", price: "Contact for pricing", rating: 5, reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/png-tin-gold-tin-can-isolated-white-background_185193-163272.jpg", imageAlt: "fruit cocktail canned" },
              { id: "p6", brand: "Hiro", name: "Activated Carbon", price: "Contact for pricing", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/still-life-ashes-with-charcoal_23-2149631277.jpg", imageAlt: "activated carbon granules" }
            ]}
            title="Premium Export Products"
            description="Discover our curated range of export-grade seafood, canned goods, and industrial materials."
          />
        </div>

        <div id="metrics" data-section="metrics">
            <MetricCardOne
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="uniform-all-items-equal"
            useInvertedBackground={false}
            metrics={[
              { id: "m1", value: "99%", title: "On-Time Delivery", description: "Reliable shipping schedules", icon: Truck },
              { id: "m2", value: "100%", title: "Quality Assured", description: "Standardized inspection", icon: ShieldCheck },
              { id: "m3", value: "24/7", title: "Support Team", description: "Always ready to assist", icon: Headphones }
            ]}
            title="Supply Chain Efficiency"
            description="We ensure strict quality control and timely delivery for every order."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
            <TestimonialCardTwo
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            testimonials={[
              { id: "t1", name: "John Smith", role: "Head Buyer", testimonial: "Excellent seafood quality and consistent delivery.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-employees-looking-laptop-laughing_74855-4007.jpg", imageAlt: "happy business client" },
              { id: "t2", name: "Elena Rodriguez", role: "Procurement Manager", testimonial: "Their canned fruits are always fresh and delicious.", imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office-with-tablet-device_23-2150167749.jpg", imageAlt: "business manager professional" },
              { id: "t3", name: "Kenji Tanaka", role: "Import Agent", testimonial: "Very professional and highly responsive service.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-proud-senior-businessman-sitting_1262-1615.jpg", imageAlt: "asian businessman suit" },
              { id: "t4", name: "Sarah Miller", role: "Supply Chain Director", testimonial: "Hiro Sukses is our preferred activated carbon provider.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12853.jpg", imageAlt: "supply chain woman" },
              { id: "t5", name: "David Osei", role: "Distributor", testimonial: "Top notch products and great value for money.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-courier-red-uniform-black-gloves-red-cap-holding-little-globe_140725-17864.jpg", imageAlt: "global distributor smile" }
            ]}
            title="What Our Partners Say"
            description="Trusted by businesses around the globe."
          />
        </div>

        <div id="faq" data-section="faq">
            <FaqSplitMedia
            textboxLayout="default"
            useInvertedBackground={false}
            faqs={[
              { id: "f1", title: "What are the shipping terms?", content: "We offer flexible FOB and CIF terms." },
              { id: "f2", title: "How is quality controlled?", content: "All shipments undergo strict inspection and certification." },
              { id: "f3", title: "Do you provide bulk discounts?", content: "Yes, we offer competitive volume-based pricing." }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/portrait-cheerful-call-center-manager-evaluating-company-intern-performance_482257-117848.jpg"
            title="Frequently Asked Questions"
            description="Common questions regarding our shipping and quality standards."
            faqsAnimation="slide-up"
            imageAlt="logistics customer support"
            mediaAnimation="slide-up"
          />
        </div>

        <div id="contact" data-section="contact">
            <ContactText
            useInvertedBackground={false}
            background={{ variant: "gradient-bars" }}
            text="Ready to discuss a partnership? Contact our professional team today."
            buttons={[{ text: "Contact Us", href: "mailto:info@hiroindo.com" }]}
          />
        </div>

        <div id="footer" data-section="footer">
            <FooterSimple
            columns={[
              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
              { title: "Services", items: [{ label: "Export Services", href: "#" }, { label: "Quality Assurance", href: "#" }] }
            ]}
            bottomLeftText="© 2024 Hiro Sukses International"
            bottomRightText="All rights reserved"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
