"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Star, Award, Sparkles, ArrowRight, Clock, MapPin, Heart } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Al Ahmad Legacy"
          navItems={[
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Experience Premium Fragrances That Last"
          description="Discover elegantly balanced scents that last for hours without fading. Al Ahmad Legacy Perfumes brings you luxury fragrances in the heart of Islamabad."
          tag="5.0 Star Rated • Open 24/7"
          tagIcon={Star}
          background={{ variant: "plain" }}
          buttons={[
            { text: "Call Now", href: "tel:03193324528" },
            { text: "Order on WhatsApp", href: "https://wa.me/923193324528" }
          ]}
          carouselItems={[
            {
              id: "carousel-1",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautifully-shaped-glass-bottles-filled-with-perfume_181624-28370.jpg?_wi=1",              imageAlt: "Premium fragrance bottle collection"
            },
            {
              id: "carousel-2",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg?_wi=1",              imageAlt: "Elegant luxury perfume display"
            },
            {
              id: "carousel-3",              imageSrc: "http://img.b2bpic.net/free-photo/containers-liquid-soap-shampoo-with-dispenser-is-sold-supermarket_169016-50305.jpg?_wi=1",              imageAlt: "Al Ahmad Legacy collection showcase"
            },
            {
              id: "carousel-4",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg?_wi=2",              imageAlt: "Premium scent bottles arrangement"
            },
            {
              id: "carousel-5",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautifully-shaped-glass-bottles-filled-with-perfume_181624-28370.jpg?_wi=2",              imageAlt: "Luxury fragrance selection"
            },
            {
              id: "carousel-6",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg?_wi=3",              imageAlt: "Exclusive perfume collection"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="socialProof" data-section="socialProof">
        <SocialProofOne
          title="Trusted by Customers Across Islamabad"
          description="Join thousands of satisfied customers who trust Al Ahmad Legacy Perfumes for premium, long-lasting fragrances."
          tag="5.0 Star Rating"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Zunair Ali - Verified Buyer",            "Premium Quality Certified",            "24/7 Customer Support",            "Long-Lasting Fragrances",            "Expert Fragrance Selection",            "Local Islamabad Shop",            "Trusted Since 2020"
          ]}
          showCard={true}
        />
      </div>

      <div id="products" data-section="products">
        <FeatureCardTwentySix
          title="Why Choose Al Ahmad Legacy Perfumes"
          description="Elegantly balanced scents crafted for discerning customers who value quality and longevity."
          tag="Premium Quality"
          tagIcon={Sparkles}
          features={[
            {
              title: "Long-Lasting Fragrance",              description: "Our fragrances last for hours without fading, keeping you fresh throughout the day.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautifully-shaped-glass-bottles-filled-with-perfume_181624-28370.jpg?_wi=3",              imageAlt: "Long-lasting perfume formula",              buttonIcon: ArrowRight,
              buttonHref: "tel:03193324528"
            },
            {
              title: "Elegantly Balanced Scents",              description: "Each perfume is expertly blended to create beautifully balanced aromatic experiences.",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg?_wi=4",              imageAlt: "Balanced fragrance composition",              buttonIcon: ArrowRight,
              buttonHref: "https://wa.me/923193324528"
            },
            {
              title: "Premium Collection",              description: "Handpicked fragrances from around the world, selected for their quality and elegance.",              imageSrc: "http://img.b2bpic.net/free-photo/containers-liquid-soap-shampoo-with-dispenser-is-sold-supermarket_169016-50305.jpg?_wi=2",              imageAlt: "Premium perfume selection",              buttonIcon: ArrowRight,
              buttonHref: "tel:03193324528"
            },
            {
              title: "Local Expertise",              description: "Located in Islamabad with 24/7 availability. Expert staff ready to help you find your perfect scent.",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg?_wi=5",              imageAlt: "Al Ahmad Legacy storefront",              buttonIcon: ArrowRight,
              buttonHref: "tel:03193324528"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Al Ahmad Legacy by the Numbers"
          description="Our commitment to excellence, reflected in customer satisfaction and service quality."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          metrics={[
            { id: "metric-1", icon: Star, title: "Star Rating", value: "5.0" },
            { id: "metric-2", icon: Clock, title: "Hours Open", value: "24/7" },
            { id: "metric-3", icon: MapPin, title: "Location", value: "Islamabad" },
            { id: "metric-4", icon: Heart, title: "Customer Love", value: "100%" }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTen
          title="What Our Customers Say"
          description="Real reviews from satisfied customers who trust Al Ahmad Legacy Perfumes."
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "testimonial-1",              title: "Long-Lasting and Elegant",              quote: "The fragrances from Al Ahmad Legacy are incredible. They last for hours without fading and smell absolutely amazing. Highly recommended!",              name: "Zunair Ali",              role: "Verified Customer",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg?_wi=1",              imageAlt: "Zunair Ali"
            },
            {
              id: "testimonial-2",              title: "Premium Quality Guaranteed",              quote: "Best perfume shop in Islamabad. The quality is premium, and the customer service is exceptional. Always available 24/7.",              name: "Ahmed Hassan",              role: "Regular Customer",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg?_wi=2",              imageAlt: "Ahmed Hassan"
            },
            {
              id: "testimonial-3",              title: "Perfect Balance",              quote: "The scents are beautifully balanced and elegant. I've tried many perfumes, but these are truly special. Worth every penny.",              name: "Fatima Khan",              role: "Satisfied Customer",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Fatima Khan"
            },
            {
              id: "testimonial-4",              title: "Consistent Excellence",              quote: "Al Ahmad Legacy delivers consistency and excellence. Their 24/7 availability is perfect for my schedule. Highly trustworthy.",              name: "Muhammad Raza",              role: "Verified Buyer",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Muhammad Raza"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to discover your signature scent? Get in touch with Al Ahmad Legacy Perfumes today. We're here 24/7 to help."
          animationType="background-highlight"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Call Now: 0319 3324528", href: "tel:03193324528" },
            { text: "Chat on WhatsApp", href: "https://wa.me/923193324528" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Al Ahmad Legacy"
          columns={[
            {
              title: "Shop",              items: [
                { label: "Our Collection", href: "#products" },
                { label: "Premium Fragrances", href: "#products" },
                { label: "New Arrivals", href: "#products" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call: 0319 3324528", href: "tel:03193324528" },
                { label: "WhatsApp", href: "https://wa.me/923193324528" },
                { label: "Location: F-17/2 Islamabad", href: "#" }
              ]
            },
            {
              title: "Hours",              items: [
                { label: "Open 24/7", href: "#" },
                { label: "Available Anytime", href: "#" },
                { label: "Same Day Service", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Returns Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Al Ahmad Legacy Perfumes. All rights reserved. F-17/2, Islamabad | Open 24/7"
        />
      </div>
    </ThemeProvider>
  );
}
