"use client";

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Award, CheckCircle, Globe, ShoppingCart, Sparkles, TrendingUp, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="grid"
      cardStyle="subtle-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Shop", id: "products" },
            { name: "Pricing", id: "pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="ShipHub"
          button={{ text: "Start Selling", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Build Your Drop Shipping Empire"
          description="Launch your online store in minutes with curated products, seamless logistics, and proven marketing strategies. Start selling today and scale your business without inventory hassles."
          background={{ variant: "sparkles-gradient" }}
          tag="Drop Shipping Made Easy"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Start Free Trial", href: "contact" },
            { text: "Watch Demo", href: "#faq" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/laptop-blank-screen-hopping-cart-full-gifts-with-copyspace-online-shopping-concept_1423-92.jpg"
          imageAlt="Modern drop shipping store interface"
          mediaAnimation="slide-up"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Customer 1" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer 2" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer 3" }
          ]}
          avatarText="Trusted by 5,000+ sellers worldwide"
          marqueeItems={[
            { type: "text", text: "Free Shipping Setup" },
            { type: "text", text: "24/7 Support" },
            { type: "text", text: "Supplier Network" },
            { type: "text", text: "Automated Orders" }
          ]}
          marqueeSpeed={35}
          showMarqueeCard={true}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Products"
          description="Handpicked trending items ready to resell. Our AI analyzes market demand to bring you the hottest products before they go mainstream."
          tag="Trending Now"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              name: "Premium Wireless Headphones",              price: "$89.99",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-women-clothing-concept-white-mobilephone-watch-bag-hat-map-camera-necklace-trousers-sunglasses-white-wood-table_1921-106.jpg",              imageAlt: "Wireless Headphones",              isFavorited: false
            },
            {
              id: "2",              name: "Smart Home Hub",              price: "$149.99",              imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg",              imageAlt: "Smart Home Hub",              isFavorited: false
            },
            {
              id: "3",              name: "Portable Phone Charger",              price: "$34.99",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-various-details-cozy-home-interior-against-background-sofa-with-pillows-concept-home-comfort_169016-4618.jpg",              imageAlt: "Phone Charger",              isFavorited: false
            }
          ]}
          buttons={[
            { text: "Explore All Products", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Leading Marketplaces"
          description="Our network is integrated with the world's biggest e-commerce platforms and payment providers."
          tag="Global Network"
          tagIcon={Globe}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[]}
          logos={[
            "http://img.b2bpic.net/free-vector/gradient-cyber-monday-label-collection_23-2149118948.jpg",            "http://img.b2bpic.net/free-vector/flat-e-commerce-logo-collection_23-2148983031.jpg",            "http://img.b2bpic.net/free-vector/creative-online-shop-logo-templates_23-2148957144.jpg",            "http://img.b2bpic.net/free-vector/minimal-logo-set-with-pastel-colors_23-2148379336.jpg",            "http://img.b2bpic.net/free-vector/gradient-installment-stamps_23-2149396349.jpg",            "http://img.b2bpic.net/free-vector/pay-ruble-clean-button-design_1017-37802.jpg",            "http://img.b2bpic.net/free-vector/logo-with-blue-cloud-two-arrows_1057-2335.jpg"
          ]}
          speed={40}
          showCard={true}
          buttons={[
            { text: "View Integrations", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Simple, Transparent Pricing"
          description="Choose the plan that scales with your business. No hidden fees, cancel anytime."
          tag="Flexible Plans"
          tagIcon={Zap}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          plans={[
            {
              id: "1",              price: "Free",              name: "Starter",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Up to 10 product listings",                "Basic order management",                "Email support",                "Manual shipping integration"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$29/mo",              name: "Professional",              buttons: [
                { text: "Start Free Trial", href: "contact" },
                { text: "Chat to Sales", href: "#" }
              ],
              features: [
                "Unlimited product listings",                "Advanced order automation",                "Priority 24/7 support",                "Multi-supplier integration",                "Marketing tools included"
              ]
            },
            {
              id: "3",              price: "$99/mo",              name: "Enterprise",              buttons: [
                { text: "Contact Sales", href: "contact" },
                { text: "Schedule Demo", href: "#" }
              ],
              features: [
                "Everything in Professional",                "Custom supplier networks",                "API access",                "Dedicated account manager",                "Custom integrations",                "Advanced analytics"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Our Sellers Say"
          description="Real success stories from drop shippers who transformed their business with ShipHub."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Success Stories"
          tagIcon={Award}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              title: "Increased Revenue by 300%",              quote: "ShipHub completely transformed my drop shipping business. The automated order management saved me hours every day, and I was able to scale to 10x my previous monthly revenue in just 6 months.",              name: "Sarah Mitchell",              role: "E-commerce Entrepreneur",              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "Best Platform for Beginners",              quote: "I started with zero e-commerce experience. ShipHub's intuitive interface and excellent support team made the learning curve incredibly smooth. I was profitable within my first month.",              name: "Michael Chen",              role: "Founder, TrendMart",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              title: "Seamless Supplier Integration",              quote: "The integration with multiple suppliers is seamless. I can manage my entire inventory from one dashboard, and the automated fulfillment saves me days of manual work every week.",              name: "Emily Rodriguez",              role: "Store Owner",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              title: "Customer Support is Outstanding",              quote: "Every time I've had a question or issue, the ShipHub team has been there within minutes. The 24/7 support makes running a global business stress-free.",              name: "David Kim",              role: "Multi-Store Operator",              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "David Kim"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Drive Results with Numbers"
          description="See the impact ShipHub has on businesses worldwide."
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "5000",              title: "Active Sellers",              description: "Growing daily",              icon: TrendingUp
            },
            {
              id: "2",              value: "2.5M",              title: "Orders Processed",              description: "Annually",              icon: ShoppingCart
            },
            {
              id: "3",              value: "150",              title: "Countries Served",              description: "Global reach",              icon: Globe
            },
            {
              id: "4",              value: "99.9%",              title: "Uptime",              description: "Reliability guaranteed",              icon: CheckCircle
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about starting your drop shipping journey."
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
          showCard={true}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "How do I get started with drop shipping?",              content: "Sign up for a free account, browse our supplier network, list products on your store, and start taking orders. Our onboarding team will guide you through every step. Most sellers are live within 24 hours."
            },
            {
              id: "2",              title: "What are the startup costs?",              content: "You can start completely free with our Starter plan. There are no setup fees, no supplier fees, and no hidden charges. Only pay when you're ready to scale to our Professional plan."
            },
            {
              id: "3",              title: "Can I use ShipHub with my existing store?",              content: "Yes! ShipHub integrates with Shopify, WooCommerce, Amazon, eBay, and Etsy. You can also use our white-label store solution included in Professional plans."
            },
            {
              id: "4",              title: "How long does fulfillment take?",              content: "Average fulfillment time is 3-7 business days depending on the supplier and location. Express options available for time-sensitive orders at additional cost."
            },
            {
              id: "5",              title: "What if a customer wants to return an item?",              content: "ShipHub handles returns management automatically. Return labels are generated instantly, refunds are processed, and we manage restocking with suppliers."
            },
            {
              id: "6",              title: "Is my data secure?",              content: "We use enterprise-grade security with AES-256 encryption, SSL certificates, PCI DSS compliance, and regular security audits. Your data is backed up redundantly."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to launch your drop shipping business? Join thousands of successful sellers earning six figures annually. Get started free today."
          animationType="entrance-slide"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Create Free Account", href: "#" },
            { text: "Schedule Consultation", href: "#" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/laptop-blank-screen-hopping-cart-full-gifts-with-copyspace-online-shopping-concept_1423-92.jpg"
          imageAlt="ShipHub Footer"
          logoText="ShipHub"
          copyrightText="© 2025 ShipHub. All rights reserved."
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#" },
                { label: "Pricing", href: "#pricing" },
                { label: "Integrations", href: "#" },
                { label: "API Docs", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Support", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
