"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";

import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Quote } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSizeMediumTitles"
        background="blurBottom"
        cardStyle="inset"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "/contact-us"},
      ]}
      brandName="Aetheria Luxuries"
      button={{
        text: "Get a Quote",        href: "/contact-us"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="Experience Unrivaled Luxury"
      description="Aetheria Luxuries curates bespoke experiences and exquisite products for the discerning individual."
      tagAnimation="none"
      buttons={[
        {
          text: "Discover More",          href: "#about"},
        {
          text: "Our Portfolio",          href: "#products"},
      ]}
      buttonAnimation="none"
      imageSrc="http://img.b2bpic.net/free-photo/luxury-modern-home-interior-with-comfortable-furniture-generated-by-ai_188544-38262.jpg"
      imageAlt="Luxurious grand living space"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
      mediaWrapperClassName="opacity-75"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",          alt: "Satisfied client portrait"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-female-looking-window_23-2148415845.jpg",          alt: "Client testimonial photo"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",          alt: "Luxury service user"},
        {
          src: "http://img.b2bpic.net/free-photo/young-handsome-man-chekered-shirt-sitting-table-using-tablet-computer-co-working-office_285396-9051.jpg",          alt: "Executive client"},
        {
          src: "http://img.b2bpic.net/free-photo/fashionable-old-lady-posing_23-2148286617.jpg",          alt: "Discerning patron"},
      ]}
      avatarText="Join our esteemed clientele"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Crafting Legacies of Elegance"
      description={[
        "At Aetheria Luxuries, we believe true luxury lies in exceptional quality, impeccable service, and timeless design. Our heritage is built on a foundation of meticulous craftsmanship and a relentless pursuit of perfection.",        "From exclusive events to bespoke creations, every offering is designed to exceed expectations and deliver an unparalleled experience. We cater to those who appreciate the finer things in life, delivered with discretion and distinction."]}
      buttonAnimation="none"
      showBorder={false}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Private Aviation",          description: "Experience seamless global travel with our exclusive private jet charter services, tailored to your exact itinerary and preferences.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-would-be-seated-airport-with-clock-beside_1122-989.jpg",          imageAlt: "Luxury private jet interior"},
        {
          title: "Yacht Charters",          description: "Explore the world's most breathtaking coastlines aboard a luxurious private yacht, complete with a dedicated crew and bespoke itineraries.",          imageSrc: "http://img.b2bpic.net/free-photo/romantic-portrait-woman-white-dress-sailing-large-boat-ferry_343596-2643.jpg",          imageAlt: "Luxury yacht on the ocean"},
        {
          title: "Estate Management",          description: "We provide comprehensive management services for your luxury properties, ensuring every detail is meticulously maintained and your peace of mind is paramount.",          imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248375.jpg",          imageAlt: "Grand entrance of a luxury estate"},
      ]}
      title="Our Signature Services"
      description="Elevating your lifestyle through unparalleled dedication and curated offerings."
      buttonAnimation="none"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "watch-1",          name: "Elysian Chronograph",          price: "$12,500",          imageSrc: "http://img.b2bpic.net/free-photo/part-zodiacal-clock-prague-city_268835-840.jpg",          imageAlt: "Luxury golden chronograph watch"},
        {
          id: "perfume-1",          name: "Aetheria Essence",          price: "$450",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292040.jpg",          imageAlt: "Elegant perfume bottle"},
        {
          id: "handbag-1",          name: "Sovereign Tote",          price: "$8,900",          imageSrc: "http://img.b2bpic.net/free-photo/boots_1303-4426.jpg",          imageAlt: "Luxury black leather handbag"},
        {
          id: "jewelry-1",          name: "Celestial Diamond Necklace",          price: "$25,000",          imageSrc: "http://img.b2bpic.net/free-photo/wedding-glass-precious-gold-luxury-golden_1400-35.jpg",          imageAlt: "Diamond pendant necklace"},
        {
          id: "shoes-1",          name: "Noble Oxford Shoes",          price: "$1,800",          imageSrc: "http://img.b2bpic.net/free-photo/groom-s-classy-shoes-lie-soft-armchair_8353-8463.jpg",          imageAlt: "Luxury leather oxford shoes"},
        {
          id: "cigar-1",          name: "Regal Humidor Selection",          price: "$2,200",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-brown-cigars-one-another_181624-60376.jpg",          imageAlt: "Premium cigars in a humidor"},
      ]}
      title="Exquisite Collections"
      description="Indulge in our carefully selected range of premium products, designed to captivate and elevate your personal style."
      buttonAnimation="none"
      animationType="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "years",          value: "30+",          title: "Decades of Legacy",          items: [
            "Founded on tradition",            "Pioneering bespoke luxury"],
        },
        {
          id: "clients",          value: "500+",          title: "Global Clientele",          items: [
            "Across 5 continents",            "Exclusive and discreet network"],
        },
        {
          id: "events",          value: "100+",          title: "Curated Experiences",          items: [
            "Signature galas & retreats",            "Unforgettable moments"],
        },
      ]}
      title="Our Milestones in Luxury"
      description="Decades of unparalleled service, crafting bespoke experiences for a distinguished global clientele."
      buttonAnimation="none"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="buttons"
      testimonials={[
        {
          id: "1",          name: "Isabella Rossi",          role: "Philanthropist",          testimonial: "Aetheria redefines luxury. Their private aviation service was seamless, and the attention to detail truly unparalleled. My expectations were not just met, but elegantly surpassed.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",          imageAlt: "Isabella Rossi",          icon: Quote
        },
        {
          id: "2",          name: "Alexander Chen",          role: "CEO, Innovate Global",          testimonial: "For our executive retreats, Aetheria's yacht charters are simply the best. The personalized service and exquisite settings always ensure a productive yet relaxing experience.",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-lovely-woman-with-long-light-brown-hair-big-blue-eyes-smiles-outdoors_291650-339.jpg",          imageAlt: "Alexander Chen",          icon: Quote
        },
        {
          id: "3",          name: "Dr. Eleanor Vance",          role: "Renowned Art Collector",          testimonial: "The estate management by Aetheria Luxuries has been invaluable. My properties are maintained to perfection, allowing me to focus on my passions without a single worry.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",          imageAlt: "Dr. Eleanor Vance",          icon: Quote
        },
        {
          id: "4",          name: "Marcus Thorne",          role: "Founder, Thorne Ventures",          testimonial: "From the Elysian Chronograph to bespoke jewelry, Aetheria’s collections are exceptional. Their expertise in sourcing the finest items is truly impressive.",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-65932.jpg",          imageAlt: "Marcus Thorne",          icon: Quote
        },
        {
          id: "5",          name: "Sophia Laurent",          role: "Creative Director, Lumina Couture",          testimonial: "Aetheria has become my go-to for curating unique, high-end experiences. Their team understands discretion and delivers excellence every single time.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-have-earned-little-relaxation_329181-20510.jpg",          imageAlt: "Sophia Laurent",          icon: Quote
        },
      ]}
      title="Esteemed Voices, Unforgettable Experiences"
      description="Hear from our distinguished clients who have experienced the pinnacle of luxury with Aetheria."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Rolls-Royce",        "Patek Philippe",        "Four Seasons",        "Christie's",        "Sotheby's",        "NetJets",        "LVMH"]}
      title="Partnerships in Prestige"
      description="Collaborating with the world's most iconic luxury brands to ensure unparalleled quality and access for our clients."
      tagAnimation="none"
      buttonAnimation="none"
      speed={40}
      showCard={true}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Services",              href: "#services"},
            {
              label: "Our Portfolio",              href: "#products"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "Contact Us",              href: "/contact-us"},
            {
              label: "FAQs",              href: "#"},
            {
              label: "Client Portal",              href: "#"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="Aetheria Luxuries"
      copyrightText="© 2024 Aetheria Luxuries. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}