"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { ShoppingBag, Info, Star, Shirt, Zap, Users, Gift, Wind, MapPin, Phone, HelpCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Lifestyle Stores"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Collections", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Call Now",            href: "tel:18001231555"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Shop Top Brands in Comfort – Lifestyle Stores Yelahanka"
          description="Hassle-free billing | Daily offers | Friendly staff. Discover your favorite brands in our air-conditioned retail space at RMZ Galleria."
          tag="Welcome to Lifestyle"
          tagIcon={ShoppingBag}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/empty-modern-clothing-store-filled-with-formal-wear-designs_482257-93026.jpg"
          imageAlt="Lifestyle Stores interior with clothing displays"
          mediaAnimation="slide-up"
          imagePosition="right"
          testimonials={[
            {
              name: "Priya Sharma",              handle: "Frequent Shopper",              testimonial: "Best shopping experience in Yelahanka! Wide variety and friendly staff.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg?_wi=1"
            },
            {
              name: "Rajesh Kumar",              handle: "Customer",              testimonial: "Love the hassle-free billing and daily offers. Definitely coming back!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg?_wi=2"
            }
          ]}
          buttons={[
            { text: "📞 Call Now", href: "tel:18001231555" },
            { text: "📍 Get Directions", href: "https://maps.google.com/?q=RMZ+Galleria+Yelahanka+Bangalore" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "aurora" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="Your Ultimate Shopping Destination at RMZ Galleria"
          description="Lifestyle Stores brings you the finest brands in one centrally air-conditioned space. With a commitment to better customer service, hassle-free billing, and daily offers, we've been serving families, professionals, and students across Yelahanka with quality and care."
          tag="About Us"
          tagIcon={Info}
          tagAnimation="slide-up"
          metrics={[
            { value: "1,000+", title: "Happy Customers" },
            { value: "50+", title: "Top Brands" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/blurry-shot-shop_23-2147652279.jpg"
          imageAlt="Lifestyle Stores modern retail environment"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBorderGlow
          title="Why Shop at Lifestyle Stores?"
          description="Experience the perfect blend of comfort, variety, and convenience."
          tag="Core Values"
          tagIcon={Star}
          tagAnimation="slide-up"
          features={[
            {
              icon: Shirt,
              title: "Wide Variety of Brands",              description: "Men's wear, women's wear, kids, footwear, and accessories from top brands."
            },
            {
              icon: Zap,
              title: "Hassle-Free Billing",              description: "Fast checkout counters and smooth transaction processes for your convenience."
            },
            {
              icon: Users,
              title: "Friendly Staff",              description: "Dedicated support team ready to assist you with personalized recommendations."
            },
            {
              icon: Gift,
              title: "Daily Offers",              description: "Exciting deals and seasonal sales happening every day. Call for today's specials!"
            },
            {
              icon: Wind,
              title: "Centrally Air-Conditioned",              description: "Comfortable shopping environment perfect for families and professionals."
            },
            {
              icon: MapPin,
              title: "Convenient Location",              description: "Located inside RMZ Galleria on Bellary Road, easily accessible from Yelahanka."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Thousands"
          description="Join over 1,000 happy customers who shop at Lifestyle Stores every week."
          tag="Community"
          tagIcon={Users}
          tagAnimation="slide-up"
          names={[
            "Families in Yelahanka",            "Working Professionals",            "College Students",            "Fashion Enthusiasts",            "Value Shoppers"
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          speed={40}
          showCard={true}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Request a Call Back or Store Visit"
          description="Tell us when you'd like to visit, and we'll ensure our team is ready to welcome you with our best offers and personalized service."
          tagIcon={Phone}
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Request Call"
          termsText="By requesting a call, you agree to our terms. We respect your privacy and will contact you during business hours."
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our store, offerings, and services."
          tag="Help"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "What are your store timings?",              content: "We are open from morning till 9:30 PM every day. Visit us at your convenience!"
            },
            {
              id: "2",              title: "What brands do you carry?",              content: "We stock over 50 top brands across men's wear, women's wear, kids clothing, footwear, and accessories. Call us to know the latest collections!"
            },
            {
              id: "3",              title: "Do you have a return or exchange policy?",              content: "Yes, we offer hassle-free returns and exchanges. Our friendly staff will guide you through the process with our customer-first approach."
            },
            {
              id: "4",              title: "How do I find your store?",              content: "We're located at RMZ Galleria, Survey No 144, Bellary Rd, Ambedkar Colony, Yelahanka, Bengaluru 560064. Use Google Maps or call us for directions."
            },
            {
              id: "5",              title: "What offers are currently running?",              content: "We have daily deals and seasonal sales. Call us at 1800 123 1555 to know today's special offers!"
            },
            {
              id: "6",              title: "Is the store air-conditioned?",              content: "Absolutely! Our store is centrally air-conditioned for your comfortable shopping experience."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/sales-assistant-being-employed-customer-care-support-job-working-telemarketing-call-center-helpdesk-female-receptionist-with-helpline-service-helping-clients-remote-communication_482257-43021.jpg"
          imageAlt="Customer service team at Lifestyle Stores"
          mediaAnimation="slide-up"
          mediaPosition="left"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Lifestyle Stores"
          columns={[
            {
              title: "Store",              items: [
                { label: "About Us", href: "#about" },
                { label: "Collections", href: "#features" },
                { label: "Store Timings", href: "#faq" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call Us", href: "tel:18001231555" },
                { label: "Get Directions", href: "https://maps.google.com/?q=RMZ+Galleria+Yelahanka+Bangalore" },
                { label: "Email", href: "mailto:contact@lifestylestores.com" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Return Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Lifestyle Stores, RMZ Galleria. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
