"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="medium"
        background="aurora"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Products",          id: "products"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "Support",          id: "faq"},
      ]}
      brandName="SwiftShop"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "plain"}}
      title="Scale Your Profitability Instantly"
      description="Unlock seamless, high-speed product sales with our enterprise-grade e-commerce engine. Designed for entrepreneurs ready to scale."
      tag="Next-Gen E-commerce"
      buttons={[
        {
          text: "Start Selling",          href: "#products"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-ceramic-kitchenware_23-2149060840.jpg",          imageAlt: "High conversion hero interface"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8301.jpg",          imageAlt: "Seamless mobile checkout flow"}
      ]}
      mediaAnimation="blur-reveal"
      rating={5}
      ratingText="Trusted by 10,000+ businesses"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",          title: "Rapid Delivery",          description: "Global logistics integration to get your products to customers faster than ever.",          tag: "Speed",          imageSrc: "http://img.b2bpic.net/free-photo/red-delivery-car-deliver-express-pin-pointer-mark-location-cardboard-boxes-with-bubble-chat-message-delivery-transportation-logistics-concept-white-background-3d-rendering-illustration_56104-1907.jpg"},
        {
          id: "f2",          title: "Secure Payments",          description: "Bank-grade encryption for all transactions to give your customers peace of mind.",          tag: "Trust",          imageSrc: "http://img.b2bpic.net/free-photo/cloud-with-lock_1048-1663.jpg"},
        {
          id: "f3",          title: "Global Scaling",          description: "Effortlessly enter new markets with localized tax, currency, and language support.",          tag: "Growth",          imageSrc: "http://img.b2bpic.net/free-vector/employee-month-business-gradient-badge-collection_23-2149524692.jpg"},
      ]}
      title="Built for High Performance"
      description="Everything you need to run a profitable, lightning-fast store."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          brand: "SwiftGear",          name: "Ultra-light Performance Lens",          price: "$129.00",          rating: 5,
          reviewCount: "1.2k",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rendering-steel-object_23-2151897672.jpg"},
        {
          id: "p2",          brand: "SwiftGear",          name: "Carbon Core Smart Watch",          price: "$299.00",          rating: 5,
          reviewCount: "890",          imageSrc: "http://img.b2bpic.net/free-photo/mystery-box-collage_23-2150061730.jpg"},
        {
          id: "p3",          brand: "SwiftGear",          name: "Acoustic Pro Wireless Buds",          price: "$189.00",          rating: 4,
          reviewCount: "2.4k",          imageSrc: "http://img.b2bpic.net/free-photo/different-foundation-arrangement_23-2148978148.jpg"},
        {
          id: "p4",          brand: "SwiftGear",          name: "Hyper-Speed Charging Hub",          price: "$89.00",          rating: 5,
          reviewCount: "560",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722625.jpg"},
        {
          id: "p5",          brand: "SwiftGear",          name: "Pro-Series Modular Desktop",          price: "$1,499.00",          rating: 5,
          reviewCount: "320",          imageSrc: "http://img.b2bpic.net/free-photo/assortment-beauty-products-displayed-shelf_23-2150718007.jpg"},
        {
          id: "p6",          brand: "SwiftGear",          name: "Signature Ergonomic Keyboard",          price: "$249.00",          rating: 4,
          reviewCount: "1.1k",          imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307263.jpg"},
      ]}
      title="Premium Selection"
      description="Our curated list of high-margin items ready for your store."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          title: "Profitable Scaling",          quote: "The transition to SwiftShop boosted our monthly revenue by 40% in just two weeks.",          name: "Sarah Chen",          role: "CEO, TechLaunch",          imageSrc: "http://img.b2bpic.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg"},
        {
          id: "t2",          title: "Flawless Performance",          quote: "Finally, a platform that handles high traffic without breaking a sweat. Perfect.",          name: "Marcus Thorne",          role: "Founder, GearUp",          imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg"},
        {
          id: "t3",          title: "Customer Loyalty",          quote: "Our conversion rates skyrocketed once we implemented the integrated checkout system.",          name: "Emily Rivera",          role: "CMO, StyleHub",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-office-worker-posing-white-wall-work-office-human-job_140725-122414.jpg"},
        {
          id: "t4",          title: "Speed Matters",          quote: "Customer feedback on our store speed has been incredible. Truly a game-changer.",          name: "David Kim",          role: "Owner, FastFix",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-creative-girl-with-tattooes-her-hands-is-sitting-cafe-while-sketching-her-digital-notepad_613910-5287.jpg"},
        {
          id: "t5",          title: "Easy Management",          quote: "Managing global inventory is finally simple. The best platform for growing teams.",          name: "Alex Johnson",          role: "VP Operations, ScaleCo",          imageSrc: "http://img.b2bpic.net/free-photo/business-people-hand-shake-close-up_23-2148825864.jpg"},
      ]}
      title="Success Stories"
      description="Hear from entrepreneurs who doubled their profits using our platform."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "How fast can I start selling?",          content: "You can launch your store and begin accepting payments within minutes of setting up your account."},
        {
          id: "q2",          title: "Is the platform secure?",          content: "Absolutely. We utilize bank-grade encryption to ensure all customer data and transactions are protected."},
        {
          id: "q3",          title: "Can I sell globally?",          content: "Yes, our engine natively supports multiple currencies, languages, and tax regions."},
        {
          id: "q4",          title: "Are there transaction fees?",          content: "We offer competitive, transparent pricing to ensure your margins stay healthy as you scale."},
      ]}
      title="Common Questions"
      description="Quick answers to help you get started on your path to profit."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Get Started"
      title="Start Your Profitable Journey"
      description="Ready to launch your e-commerce powerhouse? Enter your email to begin your free trial."
      inputPlaceholder="name@business.com"
      buttonText="Get Early Access"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="SwiftShop"
      columns={[
        {
          title: "Platform",          items: [
            {
              label: "Features",              href: "#features"},
            {
              label: "Products",              href: "#products"},
            {
              label: "Security",              href: "#"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "Documentation",              href: "#"},
            {
              label: "Case Studies",              href: "#"},
            {
              label: "Guides",              href: "#"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
