"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Award, Heart, Home, Quote, Trophy } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmall"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Riad Marrakech"
          navItems={[
            { name: "About", id: "about" },
            { name: "Rooms", id: "accommodations" },
            { name: "Amenities", id: "features" },
            { name: "Experiences", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Your Escape", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi 
          title="Discover Timeless Elegance in the Heart of Morocco"
          description="Indulge in luxury, culture, and serenity at our Moroccan retreat. Experience world-class amenities, authentic hospitality, and the magic of Morocco's rich heritage."
          background={{ variant: "aurora" }}
          kpis={[
            { value: "25+", label: "Years of Excellence" },
            { value: "5-Star", label: "Luxury Rating" },
            { value: "10,000+", label: "Cherished Guests" }
          ]}
          enableKpiAnimation={true}
          imageSrc="https://img.b2bpic.net/free-photo/gothic-vaults-stone-ceiling-patterns-historic-church-architecture_169016-68764.jpg"
          imageAlt="Moroccan palace architecture"
          imagePosition="right"
          buttons={[
            { text: "Book Your Escape", href: "contact" },
            { text: "Explore Rooms", href: "accommodations" }
          ]}
          tag="Luxury Destination"
          tagIcon={Sparkles}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard 
          tag="Our Heritage"
          tagIcon={Award}
          title="A Sanctuary of Authentic Moroccan Luxury"
          description="Founded on principles of cultural preservation and exceptional hospitality, Riad Marrakech stands as a beacon of timeless elegance in Morocco's vibrant heart."
          subdescription="Celebrating 25 years of authentic luxury experiences and world-class service"
          icon={Heart}
          imageSrc="https://img.b2bpic.net/free-photo/wooden-craft-gift-box-with-patterns_114579-12012.jpg"
          imageAlt="Moroccan cultural heritage"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen 
          title="World-Class Amenities"
          description="Every detail is crafted to exceed expectations. From rejuvenating spa treatments to culinary masterpieces, discover amenities that redefine luxury."
          tag="Experience Excellence"
          features={[
            {
              id: 1,
              tag: "Wellness",              title: "Traditional Hammam & Spa",              subtitle: "Ancient treatments meet modern luxury",              description: "Indulge in authentic Moroccan hammam rituals performed by expert therapists. Our spa combines traditional wellness practices with contemporary techniques for complete rejuvenation.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-shot-ancient-room-design-with-bathtub-small-indoor-pool_181624-21679.jpg",              imageAlt: "Luxury spa and hammam"
            },
            {
              id: 2,
              tag: "Culinary",              title: "Award-Winning Cuisine",              subtitle: "Moroccan flavors elevated to art",              description: "Experience exquisite dining in our courtyard restaurant. Our Michelin-trained chef creates innovative dishes rooted in authentic Moroccan traditions using the finest local ingredients.",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-arab-dish_23-2147794277.jpg",              imageAlt: "Fine dining experience"
            },
            {
              id: 3,
              tag: "Serenity",              title: "Serene Garden Oasis",              subtitle: "Peace in the heart of the medina",              description: "Retreat to our enchanting courtyard garden, a tranquil sanctuary featuring cascading fountains, exotic palms, and traditional Moroccan architecture that transports you away from the world.",              imageSrc: "https://img.b2bpic.net/free-photo/tropical-garden-with-small-artificial-pond-palm-trees-around-it_627829-8256.jpg",              imageAlt: "Garden oasis and courtyard"
            },
            {
              id: 4,
              tag: "Service",              title: "Personalized Concierge",              subtitle: "Your wishes are our commands",              description: "Our dedicated concierge team arranges bespoke experiences, from private desert excursions to exclusive cultural tours, ensuring every moment of your stay is unforgettable.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-waitress-serving-dessert-guest-cafe_637285-8889.jpg",              imageAlt: "Luxury concierge service"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="accommodations" data-section="accommodations">
        <ProductCardFour 
          title="Luxurious Accommodations"
          description="Each room is a masterpiece of design, blending traditional Moroccan architecture with contemporary luxury and modern amenities."
          tag="Rooms & Suites"
          tagIcon={Home}
          products={[
            {
              id: "1",              name: "Deluxe Suite",              price: "From $350/night",              variant: "Marble bathrooms • City view • Premium linens",              imageSrc: "https://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2725.jpg",              imageAlt: "Deluxe suite with luxury furnishings"
            },
            {
              id: "2",              name: "Presidential Suite",              price: "From $800/night",              variant: "Private terrace • Jacuzzi • Personalized service",              imageSrc: "https://img.b2bpic.net/free-photo/small-bathroom-space-with-modern-style-furniture_23-2150864624.jpg",              imageAlt: "Presidential suite with panoramic views"
            },
            {
              id: "3",              name: "Garden View Room",              price: "From $280/night",              variant: "Courtyard views • Traditional decor • Serene setting",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-castle-architecture_23-2150754885.jpg",              imageAlt: "Garden view room with traditional design"
            }
          ]
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen 
          title="Trusted by Affluent Travelers Worldwide"
          description="Discover why discerning guests return year after year"
          tag="Guest Stories"
          tagIcon={Quote}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "A true sanctuary of elegance and authenticity",              quote: "Every detail surpassed our expectations. The staff anticipated our needs before we even realized them. This is luxury redefined.",              name: "Michael Richardson",              role: "CEO, Global Ventures",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Michael Richardson"
            },
            {
              id: "2",              title: "The most authentic Moroccan experience imaginable",              quote: "The cultural immersion here is unparalleled. We felt transported to another world while enjoying world-class amenities. Simply extraordinary.",              name: "Catherine Laurent",              role: "Art Collector & Philanthropist",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Catherine Laurent"
            },
            {
              id: "3",              title: "Privacy, luxury, and impeccable service",              quote: "As someone who travels extensively, I can confidently say this is among the finest luxury hotels I've experienced. Utterly perfect.",              name: "James Thompson",              role: "Private Equity Executive",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "James Thompson"
            },
            {
              id: "4",              title: "An investment in unforgettable memories",              quote: "Worth every penny. The personalized service, stunning architecture, and genuine warmth of the staff made our anniversary truly magical.",              name: "Sophie Beaumont",              role: "Business Owner",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Sophie Beaumont"
            },
            {
              id: "5",              title: "A masterpiece of hospitality excellence",              quote: "From check-in to check-out, every moment was carefully crafted. This is how luxury should feel—effortless and deeply authentic.",              name: "David Chen",              role: "Tech Entrepreneur",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageAlt: "David Chen"
            },
            {
              id: "6",              title: "The epitome of Moroccan grandeur",              quote: "I've stayed at hundreds of luxury hotels worldwide. This one stands apart with its soul, sophistication, and sincere commitment to excellence.",              name: "Victoria Ashford",              role: "Travel Influencer & Author",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "Victoria Ashford"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven 
          title="Our Impact & Recognition"
          description="A legacy of excellence, celebrated by industry leaders and cherished by guests"
          tag="Achievements"
          tagIcon={Trophy}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "10,000+",              title: "Satisfied Guests",              description: "Memorable stays spanning over two decades",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-friends-having-lunch_23-2150598427.jpg",              imageAlt: "Happy guests at luxury hotel"
            },
            {
              id: "2",              value: "47",              title: "International Awards",              description: "Recognized for luxury, service, and cultural excellence",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-friends-having-lunch_23-2150598401.jpg",              imageAlt: "Award recognition and accolades"
            },
            {
              id: "3",              value: "500+",              title: "Cultural Experiences",              description: "Curated authentic adventures through Morocco's heritage",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-morning-brides-with-bridesmaids_8353-12006.jpg",              imageAlt: "Cultural experiences and traditions"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText 
          text="Ready to experience timeless elegance and authentic Moroccan luxury? Let us craft your perfect escape."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Book Your Escape", href: "#contact-form" },
            { text: "Request Information", href: "#contact-form" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="Riad Marrakech" />
      </div>
    </ThemeProvider>
  );
}