"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import { Facebook, Globe, Instagram, Palette, ShieldCheck, X } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Products",          id: "#products"},
        {
          name: "How It Works",          id: "#how-it-works"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
      ]}
      brandName="Reseller Success Hub"
      button={{
        text: "Buy Now",        href: "#products"}}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "sparkles-gradient"}}
      logoText="Reseller Success Hub"
      description="Discover top-tier digital products designed to boost your reseller business. From essential guides to powerful templates, start earning more today."
      buttons={[
        {
          text: "Explore Products",          href: "#products"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-man-cafe-sitting-with-laptop-working-remotely-freelancer-with-phone-hands-shows-okay-ok-gesture-approval-agree-with-something-like-product_1258-314217.jpg"
      imageAlt="Person working on a laptop with charts and graphs, representing online reselling success"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Global Resell Co.",        "Profit Path Academy",        "Digital Market Hub",        "Success Launchpad",        "Ecom Boosters",        "Future Sellers Inc.",        "Smart Gains Group",        "Quick Flip Pros"]}
      title="Trusted by Aspiring Resellers"
      description="Join a growing community of successful entrepreneurs leveraging our tools and resources to scale their digital product businesses.供应链管理系统提供商提供的所有工具和资源，并利用我们的工具和资源扩大他们的数字产品业务。"
      speed={40}
      showCard={true}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      animationType="blur-reveal"
      products={[
        {
          id: "product-1",          brand: "Reseller Tools",          name: "AI Content Prompts Pack",          price: "$5.00",          rating: 5,
          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-vector/naive-social-media-pack-stickers_52683-81781.jpg",          imageAlt: "Creative AI content prompts icon"
        },
        {
          id: "product-2",          brand: "Design Essentials",          name: "Canva Template Bundle",          price: "$5.00",          rating: 5,
          reviewCount: "95",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo5n1v",          imageAlt: "Collection of vibrant Canva templates"
        },
        {
          id: "product-3",          brand: "Engagement Boosters",          name: "DM Scripts for Sales",          price: "$5.00",          rating: 4,
          reviewCount: "78",          imageSrc: "http://img.b2bpic.net/free-photo/digital-business-list-app-interface_53876-13617.jpg",          imageAlt: "Direct message chat bubble icons"
        },
        {
          id: "product-4",          brand: "Starter Kits",          name: "Reseller Beginner Guide",          price: "$5.00",          rating: 5,
          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-having-chat-office_23-2147707741.jpg",          imageAlt: "Open book with 'Beginner Guide' title"
        },
        {
          id: "product-5",          brand: "Finance Tools",          name: "Profit Tracker Spreadsheet",          price: "$5.00",          rating: 4,
          reviewCount: "62",          imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-132304.jpg",          imageAlt: "Digital spreadsheet with profit data"
        },
        {
          id: "product-6",          brand: "Ultimate Collection",          name: "Reseller Success Bundle",          price: "$10.00",          rating: 5,
          reviewCount: "210",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-motivation-note-with-colorful-pencils_140725-104889.jpg",          imageAlt: "Collection of various digital products"
        }
      ]}
      title="Your Ultimate Reseller Product Catalog"
      description="Browse our collection of high-demand digital products, ready for you to rebrand and sell for maximum profit. Each item is crafted for your success."
    />
  </div>

  <div id="how-it-works" data-section="how-it-works">
      <FeatureCardTwentyOne
      useInvertedBackground={true}
      title="Your Path to Reselling Success"
      description="Start your journey today with our simple 3-step process. We make it easy to find, brand, and sell top-quality digital products to your audience."
      accordionItems={[
        {
          id: "step-1",          title: "1. Discover & Acquire",          content: "Explore our curated catalog of high-demand digital products. Purchase with confidence, knowing each item is selected for maximum reselling potential."},
        {
          id: "step-2",          title: "2. Rebrand & Customize",          content: "Effortlessly rebrand and customize your chosen products with your unique style and brand identity. Our templates make it simple to make them your own."},
        {
          id: "step-3",          title: "3. Launch & Profit",          content: "Utilize our marketing resources, like DM scripts and content prompts, to effectively launch your rebranded products and start generating consistent profits."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-earnings-accounting-financial-money-concept_53876-15880.jpg"
      imageAlt="Graphical representation of a three-step business process with arrows"
      mediaAnimation="blur-reveal"
      mediaPosition="left"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          title: "Boosted My Income Significantly!",          quote: "These products are a game-changer! I've been able to easily rebrand and sell them, significantly boosting my monthly income. The quality is exceptional.",          name: "Sarah Johnson",          role: "Digital Entrepreneur",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg",          imageAlt: "Portrait of Sarah Johnson"},
        {
          id: "2",          title: "Incredibly Easy to Get Started",          quote: "As a beginner, I found the guides and templates incredibly easy to use. I launched my first product within a week and made sales immediately!",          name: "Michael Chen",          role: "New Reseller",          imageSrc: "http://img.b2bpic.net/free-photo/six-multiracial-business-mans-standing-office-roll-man-chair-diverse-group-male-employees-formal-wear-having-fun_627829-944.jpg",          imageAlt: "Portrait of Michael Chen"},
        {
          id: "3",          title: "Top-Quality Products & Support",          quote: "The content prompts are brilliant, saving me hours of work. The products are truly top-quality, and the support from the team is fantastic.",          name: "Emily Rodriguez",          role: "Content Creator & Reseller",          imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg",          imageAlt: "Portrait of Emily Rodriguez"},
        {
          id: "4",          title: "A Must-Have for Any Reseller",          quote: "The profit tracker helped me streamline my finances and truly understand my business. This platform is a must-have for anyone serious about reselling.",          name: "David Kim",          role: "E-commerce Specialist",          imageSrc: "http://img.b2bpic.net/free-photo/content-man-sitting-cafe-table-using-tablet_1262-923.jpg",          imageAlt: "Portrait of David Kim"},
        {
          id: "5",          title: "My Sales Have Never Been Better!",          quote: "Thanks to the DM scripts, my conversion rates have soared. I'm connecting with more customers and closing more deals than ever before. Highly recommended!",          name: "Jessica Lee",          role: "Social Media Marketer",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-waving-laptop_23-2148781124.jpg",          imageAlt: "Portrait of Jessica Lee"},
      ]}
      title="What Our Resellers Are Saying"
      description="Hear from real entrepreneurs who have transformed their businesses with our products and support. Their success stories speak for themselves."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "What types of products can I resell?",          content: "You can resell a wide range of digital products including e-books, templates, guides, scripts, and other valuable digital assets. Our catalog focuses on high-demand items."},
        {
          id: "faq-2",          title: "Do I need prior experience to start?",          content: "No prior experience is necessary! Our platform is designed for both beginners and experienced resellers, with comprehensive guides and easy-to-use tools to help you succeed."},
        {
          id: "faq-3",          title: "How do the payment links work?",          content: "We provide placeholder payment links for demonstration. To activate sales, you'll replace these with your actual payment links from providers like Stripe, Gumroad, or Payhip. Your customers will pay you directly."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-looks-laptop-talks-phone_482257-85723.jpg"
      imageAlt="Person thinking with question marks, representing FAQs"
      mediaAnimation="blur-reveal"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find quick answers to the most common questions about our products, reselling, and how to effectively get started on your journey to success."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="cta" data-section="cta">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Ready to Start?"
      title="Take the Leap and Grow Your Business"
      description="Join our community of successful resellers. Sign up for exclusive tips, new product launches, and special offers directly to your inbox."
      inputPlaceholder="Enter your best email"
      buttonText="Get Exclusive Access"
      termsText="By clicking Get Exclusive Access you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Reseller Success Hub"
      copyrightText="© 2025 Reseller Success Hub. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook link"},
        {
          icon: Instagram,
          href: "#",          ariaLabel: "Instagram link"},
        {
          icon: X,
          href: "#",          ariaLabel: "Twitter link"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}