"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { MapPin, Quote } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="blurBottom"
      cardStyle="soft-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "home" },
            { name: "Phones", id: "services" },
            { name: "Offers", id: "offers" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Call Now", href: "tel:+918861641880" }}
          brandName="Sadguru Mobiles"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="SADGURU MOBILES"
          description="Best mobile deals in Sagara. Latest smartphones, best prices, and instant service."
          buttons={[
            { text: "Call Now", href: "tel:+918861641880" },
            { text: "WhatsApp Us", href: "https://wa.me/918861641880" }
          ]}
          slides={[
            { imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-phone-technology-store_1303-31328.jpg", imageAlt: "Latest smartphones on display" }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="trust" data-section="trust">
        <MetricCardTwo
          metrics={[
            { id: "1", value: "4.5★", description: "Customer Rating" },
            { id: "2", value: "462+", description: "Happy Customers" },
            { id: "3", value: "15+ Yrs", description: "In Business" }
          ]}
          title="Trusted by Sagara"
          description="Join thousands of satisfied customers who choose Sadguru Mobiles for the best prices and quality service"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwelve
          features={[
            {
              id: "phones",              label: "Smartphones",              title: "Latest Mobile Phones",              items: ["Vivo, Redmi, Samsung", "Realme, Oppo & more", "Best prices guaranteed"],
              buttons: [{ text: "View All", href: "#" }]
            },
            {
              id: "accessories",              label: "Accessories",              title: "Complete Mobile Solutions",              items: ["Bluetooth earphones", "Chargers & cables", "Screen guards & cases"],
              buttons: [{ text: "Shop Now", href: "#" }]
            }
          ]}
          title="What We Offer"
          description="Everything you need for your mobile needs at unbeatable prices"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="offers" data-section="offers">
        <ProductCardOne
          products={[
            { id: "1", name: "Bluetooth Combo Offer", price: "Call for Best Price", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-earphones_23-2148348881.jpg", imageAlt: "bluetooth earphones wireless earbuds audio accessories mobile accessories" },
            { id: "2", name: "Lucky Coupon Gifts", price: "Every Purchase", imageSrc: "http://img.b2bpic.net/free-vector/gift-voucher_23-2147981398.jpg", imageAlt: "gift voucher coupon discount promotion deal" },
            { id: "3", name: "Festival Deals", price: "Limited Time", imageSrc: "http://img.b2bpic.net/free-vector/blurred-gradient-bokeh-christmas-sale-offers_23-2148363320.jpg", imageAlt: "festival sale celebration discount special offer seasonal sale" }
          ]}
          title="Special Offers"
          description="Amazing deals and exclusive discounts for you"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          testimonials={[
            { id: "1", name: "Rajesh Kumar", handle: "Local Resident", testimonial: "Best prices in town! Got my phone at an unbeatable rate. The staff is super friendly and helpful. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=1", imageAlt: "customer happy customer person portrait smiling" },
            { id: "2", name: "Priya Sharma", handle: "Student", testimonial: "Found exactly what I was looking for at Sadguru Mobiles. Quick service and great deals. Very satisfied with my purchase!", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-shopper-satisfied-with-discount_1262-14986.jpg?_wi=1", imageAlt: "customer happy customer person portrait satisfied" },
            { id: "3", name: "Suresh Patel", handle: "Family", testimonial: "Bought phones for my entire family. The gift vouchers they gave were a fantastic bonus. Will definitely come back!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", imageAlt: "customer happy customer person portrait friendly" },
            { id: "4", name: "Anjali Singh", handle: "Regular Customer", testimonial: "Great selection and instant service. No hassles, no delays. Sadguru Mobiles is my go-to place for all phone needs.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-bags-showing-thumb-up_1262-5695.jpg", imageAlt: "customer happy customer person portrait young" },
            { id: "5", name: "Vikram Reddy", handle: "Accessories Buyer", testimonial: "Amazing variety of accessories at affordable prices. Their lucky coupon system makes every visit exciting!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=2", imageAlt: "customer happy customer person portrait smiling" },
            { id: "6", name: "Meera Gupta", handle: "Repeat Customer", testimonial: "Professional team, competitive prices, and genuine service. That's why I trust Sadguru Mobiles for all my needs.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-shopper-satisfied-with-discount_1262-14986.jpg?_wi=2", imageAlt: "customer happy customer person portrait satisfied" }
          ]}
          title="What Our Customers Say"
          description="Real feedback from happy customers in Sagara"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About Us"
          icon={MapPin}
          title="Your Trusted Mobile Phone Store in Sagara"
          description="Located right opposite Suresh Fabrics on Soraba Road"
          subdescription="Sadguru Mobiles - Best Prices, Instant Service, Happy Customers"
          imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7930.jpg?_wi=1"
          imageAlt="Sadguru Mobiles store interior"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          title="Visit Us Today"
          description="Get the best mobile deals in Sagara. Call us now or visit our store for instant service and amazing offers on the latest smartphones and accessories."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7930.jpg?_wi=2"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Get Exclusive Offers & Deals"
          termsText="By subscribing, you'll get exclusive offers and updates."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          columns={[
            {
              title: "Products",              items: [
                { label: "Smartphones", href: "#services" },
                { label: "Accessories", href: "#services" },
                { label: "Special Offers", href: "#offers" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Reviews", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call: 088616 41880", href: "tel:+918861641880" },
                { label: "WhatsApp", href: "https://wa.me/918861641880" },
                { label: "Directions", href: "https://maps.google.com/?q=Sadguru+Mobiles+Sagara" }
              ]
            }
          ]}
          logoText="Sadguru Mobiles"
          copyrightText="© 2025 Sadguru Mobiles. Best Mobile Deals in Sagara."
        />
      </div>
    </ThemeProvider>
  );
}
