"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Building2, DollarSign, Tag } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="medium"
        background="blurBottom"
        cardStyle="solid"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Advantages",          id: "about"},
        {
          name: "Products",          id: "products"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="BANYAN"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "gradient-bars"}}
      title="Factory-Direct Manufacturing for Foodservice"
      description="Banyan International manufactures the complete single-serve disposable category — from our facility in Haiphong, Vietnam, direct to you. Cut costs, simplify your supply chain."
      kpis={[
        {
          value: "100%",          label: "Factory Owned"},
        {
          value: "20+",          label: "Product Categories"},
        {
          value: "Quick",          label: "Inquiry Response"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Get Your Factory-Direct Quote",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/empty-space-car-park-interior-night_1127-2306.jpg"
      imageAlt="Modern factory interior"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/purple-parking-lot_1127-40.jpg",          alt: "Purple parking lot"},
        {
          src: "http://img.b2bpic.net/free-photo/spaces-parking-lot_1127-35.jpg",          alt: "Spaces in a parking lot"},
        {
          src: "http://img.b2bpic.net/free-photo/factory-workers-white-lab-suits-producing-tv-sets-assebly-line-with-some-modern-equipment-clean-room_645730-549.jpg",          alt: "Factory workers in white lab suits"},
        {
          src: "http://img.b2bpic.net/free-photo/sign-neon-light-illuminated-inside_1127-2360.jpg",          alt: "Sign neon light"},
        {
          src: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12846.jpg",          alt: "Two people working in warehouse"},
      ]}
      avatarText="Trusted by 500+ global partners"
      marqueeItems={[
        {
          type: "text",          text: "ISO 9001 Certified"},
        {
          type: "text",          text: "Sustainable Materials"},
        {
          type: "text",          text: "Custom Branding"},
        {
          type: "text",          text: "Global Logistics"},
        {
          type: "text",          text: "Direct-to-Warehouse"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="The Factory-Direct Advantage"
      description="We own the facility. You work directly with the source—no middlemen or brokers. Our model ensures margin gains while providing guaranteed supply chain stability from our Haiphong, Vietnam facility."
      metrics={[
        {
          value: "15-20%",          title: "Avg Margin Boost"},
        {
          value: "24h",          title: "Inquiry Response"},
        {
          value: "100%",          title: "Direct Sourcing"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/men-with-tablet-working-logistic_23-2148886827.jpg"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "Factory-Direct Pricing",          description: "No middlemen. No markups. Work directly with the source to maximize your margins.",          icon: DollarSign,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-sustainable-coffee-cup-alternatives_23-2149165689.jpg",              imageAlt: "Paper hot cups"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/arrangement-non-eco-friendly-plastic-objects_23-2148862506.jpg",              imageAlt: "Cold beverage cups"},
          ]
        },
        {
          title: "High-Volume Reliability",          description: "Consistent quality and schedule control from our own production floor.",          icon: Building2,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/abundance-fresh-berry-fruit-colorful-bowl-generated-by-ai_188544-40927.jpg",              imageAlt: "Microwave containers"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/best-friends-hanging-out-while-enjoying-cup-coffee_23-2148914554.jpg",              imageAlt: "Paper plates"},
          ]
        },
        {
          title: "Custom Branding",          description: "Full private label and custom print capabilities across our entire product range.",          icon: Tag,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-chef-holding-tray-with-fruit_23-2148763115.jpg",              imageAlt: "Dispenser napkins"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/colorful-disposable-cutlery-turquoise-background_23-2148309777.jpg",              imageAlt: "Disposable cutlery"},
          ]
        },
      ]}
      title="Why Banyan International?"
      description="Everything we do is built to simplify your supply chain and increase your profitability."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="opacity"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Microwave Containers",          price: "Custom",          variant: "24oz - 48oz",          imageSrc: "http://img.b2bpic.net/free-photo/tray-with-leftover-fast-food-pasta_23-2148764808.jpg"},
        {
          id: "p2",          name: "Deli Containers",          price: "Custom",          variant: "8oz - 32oz",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-preservation-method_23-2149185615.jpg"},
        {
          id: "p3",          name: "Paper Hot Cups",          price: "Custom",          variant: "All Sizes",          imageSrc: "http://img.b2bpic.net/free-photo/set-cartoon-glasses-forks_23-2148576743.jpg"},
        {
          id: "p4",          name: "Cutlery & Kits",          price: "Custom",          variant: "Wrapped/Bulk",          imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-green-biodegradable-tableware-with-cups_23-2148723798.jpg"},
        {
          id: "p5",          name: "Paper Plates",          price: "Custom",          variant: "Assorted",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-meals-arrangement-high-angle_23-2149177851.jpg"},
        {
          id: "p6",          name: "PET Cups",          price: "Custom",          variant: "Cold Beverage",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-packed-food-prepared-takeaway_23-2149025888.jpg"},
      ]}
      title="Our Single-Serve Range"
      description="Consolidate your disposables sourcing with a full-line manufacturer."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={true}
      title="Banyan by the Numbers"
      tag="Reliability"
      metrics={[
        {
          id: "m1",          value: "100%",          description: "Factory-Owned Production"},
        {
          id: "m2",          value: "20+",          description: "Product Categories"},
        {
          id: "m3",          value: "24h",          description: "Fast Response Times"},
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sarah Jenkins",          role: "Distributor",          testimonial: "Banyan has transformed our category margin. No middleman premiums make a huge difference.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg"},
        {
          id: "t2",          name: "Michael Chen",          role: "Retail Buyer",          testimonial: "The private label quality is excellent. Our customers haven't noticed a spec change from domestic suppliers.",          imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg"},
        {
          id: "t3",          name: "Elena Rodriguez",          role: "Foodservice Operator",          testimonial: "Reliable supply and the ability to consolidate our orders under one roof has been a total win.",          imageSrc: "http://img.b2bpic.net/free-photo/dentist-smiling-office_1328-4082.jpg"},
        {
          id: "t4",          name: "David Kim",          role: "Wholesaler",          testimonial: "Flexible MOQs and transparent communication make them my preferred import partner.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg"},
        {
          id: "t5",          name: "Mark Sterling",          role: "Foodservice Owner",          testimonial: "Direct factory pricing with none of the usual import headaches. Highly recommended.",          imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg"},
      ]}
      title="Built for Buyers Who Care About Margin"
      description="Our customers report consistent savings vs. domestic suppliers."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "Where is the factory located?",          content: "Our manufacturing facility is located in Haiphong, Vietnam."},
        {
          id: "q2",          title: "Can you handle custom branding?",          content: "Yes, we offer full private label and custom print services on all products."},
        {
          id: "q3",          title: "What are your minimum order quantities?",          content: "We offer flexible MOQs to help our partners manage their inventory effectively."},
      ]}
      title="Common Questions"
      description="Everything you need to know about factory-direct manufacturing."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars"}}
      text="Tell us what you are looking for and we will get back to you within one business day with a custom solution."
      buttons={[
        {
          text: "Request My Direct-Factory Quote",          href: "mailto:dan.globalsales@gmail.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="BANYAN International"
      leftLink={{
        text: "© 2025 Banyan International",        href: "#"}}
      rightLink={{
        text: "dan.globalsales@gmail.com",        href: "mailto:dan.globalsales@gmail.com"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}