"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Banknote, DollarSign, Share2, Tag, Truck, User, UserPlus, Wallet } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="fluid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "হোম",          id: "#home"},
        {
          name: "বিক্রেতা",          id: "#how-it-works"},
        {
          name: "পণ্য",          id: "#products"},
        {
          name: "যোগাযোগ",          id: "#contact"},
      ]}
      brandName="Free Business BD"
      button={{
        text: "Start Earning Now",        href: "#how-it-works"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardCarousel
      background={{
        variant: "radial-gradient"}}
      title="কোনো ইনভেস্ট ছাড়াই ব্যবসা শুরু করুন"
      description="Buy করুন বা Sell করুন — Free Business BD আপনার ইনকাম প্ল্যাটফর্ম"
      buttons={[
        {
          text: "আমি পণ্য কিনতে চাই",          href: "#products"},
        {
          text: "Sell & Earn শুরু করুন",          href: "#how-it-works"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-with-smart-mobile-phone-laptop-computer-using-credit-card-shopping-online_74190-10048.jpg",          imageAlt: "Bangladeshi fashion e-commerce shopping"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-clothes_23-2149731143.jpg",          imageAlt: "Affiliate marketing online earning in Bangladesh"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/asian-man-working-laptop-sitting-floor-from_1098-18024.jpg",          imageAlt: "Fashion marketplace with young entrepreneurs"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-addicted-social-media_23-2149418076.jpg",          imageAlt: "Diverse fashion collections and fast delivery"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/unsuccessful-online-shopping_1098-16690.jpg",          imageAlt: "Student earning passive income from home"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-clothing-collection-modern-boutique-store-generated-by-ai_188544-33893.jpg",          imageAlt: "Digital shopping and earning dashboard"},
      ]}
    />
  </div>

  <div id="how-it-works" data-section="how-it-works">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Account খুলুন",          description: "সম্পূর্ণ বিনামূল্যে আপনার সেলার অ্যাকাউন্ট তৈরি করুন।",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/business-online-shopping-concept-people-shopping-pay-by-credeit-card_1421-101.jpg",            imageAlt: "Free signup illustration"},
          items: [
            {
              icon: UserPlus,
              text: "Free Signup"},
          ],
          reverse: false
        },
        {
          title: "Product Share করুন",          description: "আপনার পছন্দের পণ্যগুলো কাস্টমারদের সাথে শেয়ার করুন।",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/credit-card-business-buying-contemporary-pc_1301-2086.jpg",            imageAlt: "Product sharing illustration"},
          items: [
            {
              icon: Share2,
              text: "Product Link Share"},
          ],
          reverse: true
        },
        {
          title: "Delivery হবে",          description: "কাস্টমার অর্ডার করলে আমরা দ্রুত ডেলিভারির ব্যবস্থা করব।",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/delivery-service_1098-19713.jpg",            imageAlt: "Delivery process illustration"},
          items: [
            {
              icon: Truck,
              text: "Admin Handles Delivery"},
          ],
          reverse: false
        },
        {
          title: "Commission Auto যোগ হবে",          description: "প্রতিটি সফল বিক্রিতে আপনার অ্যাকাউন্টে কমিশন স্বয়ংক্রিয়ভাবে যোগ হবে।",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-prepares-date-messages-with-boyfriend-makes-beauty-procedures-having-perfect-look-wears-pyjama_273609-38710.jpg",            imageAlt: "Automatic commission addition"},
          items: [
            {
              icon: Wallet,
              text: "Auto Commission"},
          ],
          reverse: true
        },
        {
          title: "bKash / Nagad এ Withdraw করুন",          description: "আপনার অর্জিত কমিশন bKash বা Nagad এর মাধ্যমে সহজেই উত্তোলন করুন।",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/digital-media-connection-information-technology_53876-122770.jpg",            imageAlt: "bKash Nagad withdrawal"},
          items: [
            {
              icon: Banknote,
              text: "Easy Withdrawals"},
          ],
          reverse: false
        }
      ]}
      title="Sell & Earn System"
      description="আপনি শুধু Product Share করবেন, বাকি সব আমরা Handle করবো।"
      tag="কিভাবে কাজ করে"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="আমাদের সম্পর্কে"
      title="Free Business BD হলো একটি ফ্রি ইনকাম ও ই-কমার্স প্ল্যাটফর্ম"
      description="যেখানে যে কেউ ইনভেস্ট ছাড়াই পণ্য বিক্রি করে আয় করতে পারে।"
      subdescription="Free Business BD is a dual platform for Shopping & Earning in Bangladesh."
      icon={User}
      imageSrc="http://img.b2bpic.net/free-photo/businessman-dress-code-introducing-something_114579-19021.jpg"
      imageAlt="Founder Ariyan Islam"
      mediaAnimation="opacity"
    />
  </div>

  <div id="commission" data-section="commission">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "three-piece",          badge: "Three Piece Rule",          badgeIcon: Tag,
          price: "10% - 15%",          subtitle: "প্রতিটি প্রোডাক্টে কমিশন",          buttons: [
            {
              text: "Sell Now",              href: "#products"},
          ],
          features: [
            "যদি একজন কাস্টমার 3 Piece অর্ডার করে",            "প্রতিটা Product এ আপনি পাবেন 10% – 15% কমিশন",            "উদাহরণ: Product Price: ৳800, Your Commission: ৳120",            "Total (3 Product): ৳120 × 3 = ৳360 Profit"],
        },
        {
          id: "zero-investment",          badge: "Zero Investment",          badgeIcon: DollarSign,
          price: "৳500+",          subtitle: "সর্বনিম্ন উইথড্রয়াল",          buttons: [
            {
              text: "Start Earning",              href: "#how-it-works"},
          ],
          features: [
            "Sell করুন, Earn করুন — Zero Investment",            "আপনার আর্নিংস স্বয়ংক্রিয়ভাবে আপডেট হবে",            "বিকাশ এবং নগদ এর মাধ্যমে দ্রুত উইথড্রয়াল"],
        },
      ]}
      title="কমিশন রুল: Sell & Earn Model"
      description="আপনি শুধু Product Share করবেন, বাকি সব আমরা Handle করবো।"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "mens-tshirt",          name: "Men’s Oversized Drop Shoulder T-Shirt",          price: "৳800 – ৳1200",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-posed-streets-against-flags-different-countries_627829-14398.jpg",          imageAlt: "Men’s Oversized Drop Shoulder T-Shirt",          rating: 4.5,
        },
        {
          id: "mens-shirt",          name: "Men’s Shirt (Casual/Formal)",          price: "৳900 – ৳1500",          imageSrc: "http://img.b2bpic.net/free-photo/garment-beautiful-boy-beauty-sleeve_1203-6474.jpg",          imageAlt: "Men’s Casual/Formal Shirt",          rating: 4.6,
        },
        {
          id: "mens-jeans",          name: "Jeans Pant (Men)",          price: "৳1200 – ৳1500",          imageSrc: "http://img.b2bpic.net/free-photo/full-length-image-brunette-businessman-jacket-confidently-posing-with-hands-pockets-looking-aside-isolated-white-wall_171337-1269.jpg",          imageAlt: "Men’s Jeans Pant",          rating: 4.4,
        },
        {
          id: "mens-shoes",          name: "Shoes (Men)",          price: "৳1200 – ৳2000",          imageSrc: "http://img.b2bpic.net/free-photo/young-fashionable-businessman_158595-4710.jpg",          imageAlt: "Men’s Shoes",          rating: 4.7,
        },
        {
          id: "womens-threepiece",          name: "Three Piece (থ্রি-পিস)",          price: "৳2500 – ৳4000",          imageSrc: "http://img.b2bpic.net/free-photo/couple-beautiful-hipster-girls-wearing-long-fashion-coats-street_149155-4492.jpg",          imageAlt: "Women’s Three Piece",          rating: 4.8,
        },
        {
          id: "womens-burkha",          name: "Burkha Collection",          price: "৳3000 – ৳4500",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-long-red-hair-linen-dress-gathering-mushrooms-forest_1321-1506.jpg",          imageAlt: "Women’s Burkha Collection",          rating: 4.7,
        },
        {
          id: "womens-saree",          name: "Saree (শাড়ি)",          price: "৳2000 – ৳3500",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-young-man-woman-dressed-beautiful-thai-costumes-splashing-temple-preserve-good-culture-thai-people-songkran-festival-thai-new-year-family-day-april_1150-61284.jpg",          imageAlt: "Women’s Saree",          rating: 4.5,
        },
        {
          id: "womens-pakistani",          name: "Pakistani Dress",          price: "৳3000 – ৳4500",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502983.jpg",          imageAlt: "Women’s Pakistani Dress",          rating: 4.6,
        },
        {
          id: "womens-tops",          name: "Women Tops / T-shirts",          price: "৳700 – ৳1200",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-beautiful-blond-smiling-hipster-girls-trendy-summer-white-t-shirt-clothes_158538-5644.jpg",          imageAlt: "Women’s Tops / T-shirts",          rating: 4.3,
        },
      ]}
      title="🔥 ট্রেন্ডিং ফ্যাশন কালেকশন"
      description="সবচেয়ে সেরা মানের পোশাক, কম দামে অর্ডার করুন"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "payment-methods",          title: "কি কি পেমেন্ট পদ্ধতি আছে?",          content: "আপনি বিকাশ (bKash), নগদ (Nagad) এবং ATM / Bank Card এর মাধ্যমে পেমেন্ট করতে পারবেন।"},
        {
          id: "payment-flow",          title: "পেমেন্ট ফ্লো কিভাবে কাজ করে?",          content: "১. কাস্টমার অর্ডার করবে ২. পেমেন্ট করবে ৩. এডমিন ভেরিফাই করবে ৪. ডেলিভারি কনফার্ম হবে।"},
        {
          id: "delivery-time",          title: "ডেলিভারি কত দিনের মধ্যে হয়?",          content: "সাধারণত ২-৪ দিনের মধ্যে ডেলিভারি সম্পন্ন হয়।"},
        {
          id: "delivery-tracking",          title: "কিভাবে ডেলিভারি ট্র্যাক করব?",          content: "আপনার অর্ডারের জন্য ট্র্যাকিং আইডি (Tracking ID) সরবরাহ করা হবে, যার মাধ্যমে আপনি ডেলিভারি ট্র্যাক করতে পারবেন।"},
        {
          id: "delivery-courier",          title: "কোন কুরিয়ার সার্ভিস ব্যবহার করা হয়?",          content: "আমরা Pathao, Steadfast এবং অন্যান্য বিশ্বস্ত লোকাল কুরিয়ার সার্ভিস ব্যবহার করি।"},
      ]}
      sideTitle="আপনার পেমেন্ট ও ডেলিভারি"
      sideDescription="নিরাপদভাবে পেমেন্ট করুন এবং দ্রুত ডেলিভারি পান।"
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Pathao",        "Steadfast",        "Local Courier",        "Fast Freight",        "Express Delivery",        "Global Shipping",        "Urban Logistics"]}
      title="আমাদের বিশ্বস্ত ডেলিভারি পার্টনার"
      description="আপনার পণ্য নিরাপদে পৌঁছে দিতে আমরা সেরা কুরিয়ার সার্ভিস ব্যবহার করি।"
      speed={30}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="যোগাযোগ করুন"
      title="আপনার ব্যবসা শুরু করুন বা কেনাকাটা করুন"
      description="কোনো ইনভেস্ট ছাড়াই আয় করুন অথবা আপনার পছন্দের পোশাক কিনুন।"
      imageSrc="http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896838.jpg"
      imageAlt="Person browsing fashion online or working on laptop"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="আপনার ইমেইল দিন"
      buttonText="Subscribe"
      termsText="আমাদের নতুন কালেকশন এবং ইনকাম সুযোগ সম্পর্কে জানতে সাবস্ক্রাইব করুন।"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Free Business BD"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Contact",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms & Conditions",              href: "#"},
            {
              label: "Refund Policy",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Free Business BD. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}