"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="medium"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleCentered
            navItems={[
              { name: "Home", id: "hero" },
              { name: "Products", id: "products" },
              { name: "About", id: "features" },
              { name: "Contact", id: "contact" },
            ]}
            brandName="City Mobile Bazaar"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroBillboardCarousel
            background={{ variant: "gradient-bars" }}
            title="Welcome to City Mobile Bazaar"
            description="Get expert repairs and the latest gadgets under one roof."
            tag="Mobile Tech Experts"
            buttons={[
              { text: "View Products", href: "#products" },
              { text: "Contact Us", href: "#contact" }
            ]}
            mediaItems={[
              { imageSrc: "http://img.b2bpic.net/free-photo/young-slavic-female-barber-wearing-uniform-singing-using-mobile-phone-as-microphone-keeping-hand-air-isolated-orange-background_141793-89843.jpg", imageAlt: "Flagship Smartphone" },
              { imageSrc: "http://img.b2bpic.net/free-photo/person-controlling-house-light-using-smart-home-application-touching-screen-turn-it-by-mobile_482257-2842.jpg", imageAlt: "Display Screen" },
              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-phone_23-2148883535.jpg", imageAlt: "Retail Display" },
              { imageSrc: "http://img.b2bpic.net/free-vector/mobile-phone-design_1176-229.jpg", imageAlt: "Smartphone Held" },
              { imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smartphone-technology_23-2149263977.jpg", imageAlt: "Collection" },
              { imageSrc: "http://img.b2bpic.net/free-photo/background-with-printed-circuit-board-concept-modern-technologies_169016-61800.jpg", imageAlt: "Tech Background" }
            ]}
          />
        </div>

        <div id="products" data-section="products">
          <ProductCardOne
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="four-items-2x2-equal-grid"
            useInvertedBackground={true}
            products={[
              { id: "p1", name: "Ultra Pro X", price: "$999", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5130.jpg" },
              { id: "p2", name: "Elite Note", price: "$849", imageSrc: "http://img.b2bpic.net/free-photo/golden-phone-rendering-black-background_187299-46588.jpg" },
              { id: "p3", name: "Galaxy Vision", price: "$799", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-mobile-crescent-perspective-side-white-background_187299-37679.jpg" },
              { id: "p4", name: "Smart Edge 5", price: "$699", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-surrounded-with-rosemary-black-pepper-garlic-dark-backdrop_23-2147917362.jpg" },
              { id: "p5", name: "Basic Plus", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-white-podium-with-cubes-modern-studio_187299-46586.jpg" },
              { id: "p6", name: "Power Series", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5011.jpg" }
            ]}
            buttons={[{ text: "Shop All Deals", href: "#products" }]}
            title="Latest Arrivals"
            description="Explore our curated selection of the newest and best performing mobile devices on the market."
          />
        </div>

        <div id="metrics" data-section="metrics">
          <MetricCardFourteen
            useInvertedBackground={false}
            title="Our Business Impact"
            tag="Stats"
            metrics={[
              { id: "m1", value: "5,000+", description: "Devices Repaired" },
              { id: "m2", value: "1,200+", description: "Recycled Phones" },
              { id: "m3", value: "10+ years", description: "Experience" }
            ]}
            metricsAnimation="slide-up"
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardTwentyFour
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={true}
            features={[
              { id: "f1", title: "Expert Repair", author: "Tech Support", description: "Professional mobile phone repairs with genuine parts and quick turnaround.", tags: ["Support", "Expertise"], imageSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-checking-her-phone_23-2148452656.jpg" },
              { id: "f2", title: "Eco-Recycling", author: "Sustainability", description: "We safely recycle old devices to minimize environmental impact.", tags: ["Eco", "Recycle"], imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201858.jpg" },
              { id: "f3", title: "Lifetime Support", author: "CS Team", description: "We stand by our products with dedicated after-sales support and helpful advice.", tags: ["Reliability", "Support"], imageSrc: "http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop_627829-4977.jpg" }
            ]}
            title="Exceptional Service"
            description="We are committed to providing the best shopping experience for mobile technology enthusiasts in the city."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardThirteen
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            testimonials={[
              { id: "1", name: "Rahul Das", handle: "@rahul", testimonial: "Fixed my cracked screen in under an hour! Fantastic service.", rating: 5 },
              { id: "2", name: "Anita Roy", handle: "@anita", testimonial: "Great selection and they helped me recycle my old handset responsibly.", rating: 5 },
              { id: "3", name: "Amit Singh", handle: "@amit", testimonial: "Very professional and trustworthy repair team.", rating: 5 }
            ]}
            showRating={true}
            title="Customer Feedback"
            description="What our community has to say about our repair and recycling services."
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqSplitMedia
            textboxLayout="split"
            useInvertedBackground={true}
            faqs={[
              { id: "q1", title: "Do you offer repair services?", content: "Yes, we specialize in screen, battery, and component-level repairs." },
              { id: "q2", title: "How does recycling work?", content: "We safely dismantle and recycle components of all old mobile devices." },
              { id: "q3", title: "Are repair prices transparent?", content: "Yes, we provide a full diagnostic report and price estimate before starting any work." }
            ]}
            title="Repair & Recycling FAQ"
            description="Everything you need to know about our services."
            faqsAnimation="slide-up"
            imageSrc="http://img.b2bpic.net/free-photo/modern-smartphone-screen-concept_1194-638673.jpg"
            mediaAnimation="slide-up"
          />
        </div>

        <div id="socialProof" data-section="socialProof">
          <SocialProofOne
            textboxLayout="default"
            useInvertedBackground={false}
            names={["EcoSafe", "TechRecover", "MobileGuard", "GreenTech", "RepairPlus"]}
            title="Industry Partners"
            description="We work with certified partners for recycling and high-quality parts."
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactText
            useInvertedBackground={true}
            background={{ variant: "gradient-bars" }}
            text="Visit us in Kaliachak, West Bengal. Call us at 085978 47989. We are open from 10 am onwards."
            buttons={[{ text: "Call Us Now", href: "tel:+918597847989" }]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseCard
            logoText="City Mobile Bazaar"
            columns={[
              { title: "Location", items: [{ label: "Kaliachak, West Bengal", href: "#" }] },
              { title: "Support", items: [{ label: "Call: 085978 47989", href: "tel:+918597847989" }, { label: "Hours: 10am Onwards", href: "#" }] },
              { title: "Company", items: [{ label: "Repairs", href: "#features" }, { label: "FAQs", href: "#faq" }] }
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
