"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Award, Mail, Sparkles, Trophy, Users, Star, TrendingUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Gallery", id: "products" },
            { name: "About", id: "about" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get Started", href: "contact" }}
          brandName="Luxury"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Discover Luxury Excellence"
          description="Experience the finest collection of premium products and services curated for those who appreciate true quality and sophistication."
          tag="Premium Collection"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/ramadan-frames-wall-front-view-white-background_187299-38104.jpg?_wi=1", imageAlt: "Luxury gallery item 1" },
            { imageSrc: "http://img.b2bpic.net/free-photo/elegant-cream-gold-podium-stage-with-draped-fabric-background_84443-75267.jpg", imageAlt: "Luxury gallery item 2" },
            { imageSrc: "http://img.b2bpic.net/free-photo/ramadan-frames-wall-front-view-white-background_187299-38104.jpg?_wi=2", imageAlt: "Luxury gallery item 3" },
            { imageSrc: "http://img.b2bpic.net/free-photo/ramadan-frames-wall-front-view-white-background_187299-38104.jpg?_wi=3", imageAlt: "Luxury gallery item 4" },
            { imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg?_wi=1", imageAlt: "Luxury gallery item 5" }
          ]}
          mediaAnimation="slide-up"
          buttons={[
            { text: "View Collection", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Exclusive Products"
          description="Handpicked premium items representing the pinnacle of luxury and craftsmanship."
          tag="Featured"
          tagIcon={Award}
          tagAnimation="slide-up"
          products={[
            {
              id: "1",              name: "Premium Luxury Collection",              price: "$5,000",              variant: "Black  Limited Edition",              imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg?_wi=2",              imageAlt: "Premium luxury product 1",              isFavorited: false
            },
            {
              id: "2",              name: "Elegant Heritage Collection",              price: "$3,800",              variant: "Charcoal  5 Colors",              imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg?_wi=3",              imageAlt: "Premium luxury product 2",              isFavorited: false
            },
            {
              id: "3",              name: "Signature Elite Series",              price: "$4,200",              variant: "Ivory  Exclusive",              imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg?_wi=4",              imageAlt: "Premium luxury product 3",              isFavorited: false
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Shop All", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Story of Excellence"
          description="Crafted with precision and passion, our legacy spans decades of delivering uncompromising quality and timeless elegance to discerning clients worldwide."
          tag="About Us"
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/room-interior-details-with-comfortable-armchair-gray-tapestry-wall-vertical-frame_166373-2415.jpg"
          imageAlt="About our luxury brand"
          useInvertedBackground={false}
          buttons={[
            { text: "Explore History", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Why Choose Us"
          description="Experience the difference that true luxury and attention to detail can make."
          tag="Our Advantages"
          tagAnimation="slide-up"
          features={[
            {
              id: "01",              title: "Premium Quality",              description: "Meticulously crafted with the finest materials and attention to every detail.",              imageSrc: "http://img.b2bpic.net/free-photo/abstract-ferromagnetic-mirrored-metal-upside-down_23-2148253662.jpg",              imageAlt: "Premium quality craftsmanship"
            },
            {
              id: "02",              title: "Expert Curation",              description: "Handpicked selections from the world's most exclusive and prestigious brands.",              imageSrc: "http://img.b2bpic.net/free-psd/soft-nest-website-template_23-2151985943.jpg?_wi=1",              imageAlt: "Expert product curation"
            },
            {
              id: "03",              title: "Exclusive Access",              description: "VIP members enjoy early access to limited editions and private collections.",              imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg?_wi=5",              imageAlt: "Exclusive member access"
            },
            {
              id: "04",              title: "Bespoke Service",              description: "Personalized styling and consultation from our luxury lifestyle experts.",              imageSrc: "http://img.b2bpic.net/free-psd/soft-nest-website-template_23-2151985943.jpg?_wi=2",              imageAlt: "Personalized bespoke service"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet Our Experts"
          description="Our team of industry leaders and luxury specialists dedicated to excellence."
          tag="Leadership"
          tagAnimation="slide-up"
          members={[
            {
              id: "1",              name: "Alexandra Chen",              role: "Creative Director",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1",              imageAlt: "Alexandra Chen"
            },
            {
              id: "2",              name: "Marcus Beaumont",              role: "Brand Curator",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2",              imageAlt: "Marcus Beaumont"
            },
            {
              id: "3",              name: "Sophie Laurent",              role: "Luxury Consultant",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=3",              imageAlt: "Sophie Laurent"
            },
            {
              id: "4",              name: "James Ashford",              role: "Experience Manager",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=4",              imageAlt: "James Ashford"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="By The Numbers"
          description="Our proven track record of excellence and client satisfaction."
          tag="Our Impact"
          tagAnimation="slide-up"
          metrics={[
            { id: "1", icon: Trophy, title: "Awards Won", value: "47+" },
            { id: "2", icon: Users, title: "Happy Clients", value: "15,000+" },
            { id: "3", icon: Star, title: "5-Star Reviews", value: "98%" },
            { id: "4", icon: TrendingUp, title: "Global Reach", value: "85 Countries" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Hear from our most valued clients about their experiences with us."
          tag="Testimonials"
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Victoria Marchant, CEO of Marchant Enterprises",              date: "Date: 15 November 2024",              title: "Absolutely exceptional service and quality",              quote: "Working with this luxury brand has transformed our entire lifestyle. Their attention to detail and commitment to excellence is unmatched. I cannot recommend them highly enough.",              tag: "Premium Client",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              avatarAlt: "Victoria Marchant",              imageSrc: "http://img.b2bpic.net/free-psd/minimalist-inauguration-landing-page-template_23-2149355913.jpg?_wi=1",              imageAlt: "Victoria's luxury experience"
            },
            {
              id: "2",              name: "Sebastian Whitmore, Founder of Whitmore Capital",              date: "Date: 08 November 2024",              title: "The epitome of luxury and sophistication",              quote: "Every interaction with their team reflects the premium quality they promise. From selection to delivery, everything exceeded my expectations. This is true luxury.",              tag: "Elite Member",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              avatarAlt: "Sebastian Whitmore",              imageSrc: "http://img.b2bpic.net/free-psd/minimalist-inauguration-landing-page-template_23-2149355913.jpg?_wi=2",              imageAlt: "Sebastian's collection"
            },
            {
              id: "3",              name: "Isabelle Rosewood, Fashion Editor",              date: "Date: 02 November 2024",              title: "Curated perfection in every detail",              quote: "Their curation is impeccable. I've covered luxury for years, and their eye for quality and exclusivity sets them apart. Truly a benchmark for excellence.",              tag: "VIP Access",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              avatarAlt: "Isabelle Rosewood",              imageSrc: "http://img.b2bpic.net/free-psd/minimalist-inauguration-landing-page-template_23-2149355913.jpg?_wi=3",              imageAlt: "Isabelle's experience"
            },
            {
              id: "4",              name: "Oliver Steinberg, Art Collector",              date: "Date: 25 October 2024",              title: "World-class service and selection",              quote: "They understand that luxury isn't just about products—it's about experience. Their personalized approach and exclusive offerings have made them my go-to for everything.",              tag: "Lifetime Member",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              avatarAlt: "Oliver Steinberg",              imageSrc: "http://img.b2bpic.net/free-psd/minimalist-inauguration-landing-page-template_23-2149355913.jpg?_wi=4",              imageAlt: "Oliver's collection display"
            },
            {
              id: "5",              name: "Catherine Ashford, International Philanthropist",              date: "Date: 18 October 2024",              title: "Impeccable taste meets exceptional service",              quote: "Their team has become an extension of my personal advisory circle. The exclusivity, sophistication, and dedication to perfection is simply outstanding.",              tag: "Platinum Partner",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              avatarAlt: "Catherine Ashford",              imageSrc: "http://img.b2bpic.net/free-psd/minimalist-inauguration-landing-page-template_23-2149355913.jpg?_wi=5",              imageAlt: "Catherine's luxury lifestyle"
            },
            {
              id: "6",              name: "Richard Constantine, Luxury Developer",              date: "Date: 10 October 2024",              title: "Setting the standard for luxury excellence",              quote: "In decades of business, I rarely encounter organizations that maintain such unwavering commitment to quality. They've set a new standard for what luxury truly means.",              tag: "Premier Client",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              avatarAlt: "Richard Constantine",              imageSrc: "http://img.b2bpic.net/free-psd/minimalist-inauguration-landing-page-template_23-2149355913.jpg?_wi=6",              imageAlt: "Richard's premium selection"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Connect With Us"
          tagIcon={Mail}
          tagAnimation="slide-up"
          title="Ready to Experience Luxury?"
          description="Discover how our curated collections and personalized services can elevate your lifestyle. Contact us today to begin your journey into luxury excellence."
          buttons={[
            { text: "Get in Touch", href: "#" },
            { text: "Explore More", href: "products" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "#hero" },
                { label: "Products", href: "#products" },
                { label: "About", href: "#about" },
                { label: "Team", href: "#team" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Features", href: "#features" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Email", href: "#" },
                { label: "Phone", href: "#" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "LinkedIn", href: "https://linkedin.com" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Luxury Brand. All rights reserved."
          bottomRightText="Crafted with Excellence"
        />
      </div>
    </ThemeProvider>
  );
}
