"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Activity, Utensils, Waves } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLarge"
        background="grid"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "About", id: "about" },
              { name: "Amenities", id: "features" },
              { name: "Testimonials", id: "testimonials" },
              { name: "FAQ", id: "faq" }
            ]}
            brandName="Royal Oasis Estate"
            button={{ text: "Book Now", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroBillboardTestimonial
            useInvertedBackground={false}
            background={{ variant: "rotated-rays-static" }}
            title="Unparalleled Luxury in the Heart of the New Capital"
            description="Experience a sanctuary of elegance, blending modern architectural brilliance with timeless Egyptian hospitality."
            testimonials={[
              { name: "Sarah J.", handle: "@travel_enthusiast", testimonial: "The architecture is stunning! A truly opulent getaway for those looking to escape the ordinary.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stunning-woman-with-red-lips-elegant-make-up-wearing-glamour-black-dress-posing-white-background-evening-event_291049-2865.jpg" },
              { name: "Mark D.", handle: "@business_traveler", testimonial: "Professional staff and exceptional service. Perfect for high-end corporate events.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/guy-modern-street-casual-clothing-with-laptop_613910-7442.jpg" },
              { name: "Elena M.", handle: "@lifestyle_blogger", testimonial: "The pools and spa are world-class. An oasis of calm and beauty.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-handsome-man-posing-sensually_23-2147689193.jpg" },
              { name: "Kevin T.", handle: "@luxury_seeker", testimonial: "A visually magnificent property that feels like a private kingdom.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/selfie-beauty-fashion-station-beautiful_1157-2440.jpg" },
              { name: "Lisa R.", handle: "@event_planner", testimonial: "Hosted our wedding here and the attention to detail was flawless.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3902.jpg" }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/view-ancient-roman-palace-with-pool_23-2151224381.jpg"
            imageAlt="Royal Oasis Estate Grand Entrance"
            mediaAnimation="blur-reveal"
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/census-concept-photographed-city-building_23-2148993203.jpg", alt: "Guest profile" },
              { src: "http://img.b2bpic.net/free-photo/girl-looking-sea_181624-322.jpg", alt: "Guest profile" },
              { src: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892900.jpg", alt: "Guest profile" },
              { src: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349203.jpg", alt: "Guest profile" },
              { src: "http://img.b2bpic.net/free-photo/very-elegant-woman-looking-away_329181-7317.jpg", alt: "Guest profile" }
            ]}
            avatarText="Join 500+ satisfied guests"
            marqueeItems={[{ type: "text", text: "Five-Star Rating" }, { type: "text", text: "World-Class Dining" }, { type: "text", text: "Private Concierge" }, { type: "text", text: "Modern Architecture" }, { type: "text", text: "Elite Wellness Spa" }]}
          />
        </div>

        <div id="about" data-section="about">
          <TextSplitAbout
            useInvertedBackground={false}
            title="Where Grandeur Meets Modernity"
            description={[
              "Royal Oasis Estate offers an immersive luxury experience designed for those who appreciate the finer things. Nestled away from the urban bustle, our property provides a self-contained environment of peace and exclusivity.",              "Our dedicated staff takes pride in curating seamless stays, ensuring that every detail—from our dancing fountains to our gourmet dining options—exceeds your highest expectations."
            ]}
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardTwentyFive
            animationType="depth-3d"
            textboxLayout="split"
            useInvertedBackground={false}
            features={[
              {
                title: "Aquatic Sanctuary",                description: "Dive into our expansive pools or relax on our exclusive artificial beach and wave pool.",                icon: Waves,
                mediaItems: [
                  { imageSrc: "http://img.b2bpic.net/free-photo/closeup-view-caucasian-male-swimming-outdoor-pool-placed-building-balcony_181624-40233.jpg", imageAlt: "Wave Pool" },
                  { imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_74190-6500.jpg", imageAlt: "Poolside View" }
                ]
              },
              {
                title: "Fitness & Wellness",                description: "Maintain your routine in our state-of-the-art gym or indulge in our restorative spa services.",                icon: Activity,
                mediaItems: [
                  { imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114140.jpg", imageAlt: "Gym" },
                  { imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-bathrobes-relaxing-lounge-chairs-while-enjoying-their-wellness-weekend-focus-is-woman_637285-7502.jpg", imageAlt: "Spa" }
                ]
              },
              {
                title: "Elegant Dining",                description: "Savor authentic flavors at our curated Italian and Egyptian restaurants.",                icon: Utensils,
                mediaItems: [
                  { imageSrc: "http://img.b2bpic.net/free-photo/elderly-person-paying-coffee-cup_482257-87199.jpg?_wi=1", imageAlt: "Fine Dining" },
                  { imageSrc: "http://img.b2bpic.net/free-photo/details-structure-decoration-wrought-iron-beams-old-train-station-floral-decorative-ornament-made-metal-closeup-with-copy-space-interior-details-ideas-background-wallpaper_166373-2660.jpg", imageAlt: "Dining Area" }
                ]
              }
            ]}
            title="World-Class Amenities"
            description="Discover a comprehensive suite of facilities crafted for relaxation, recreation, and productivity."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTen
            textboxLayout="split"
            useInvertedBackground={false}
            testimonials={[
              { id: "1", title: "A Royal Stay", quote: "The staff were so professional, especially Mr. Ahmed. A truly grand architectural marvel.", name: "Sarah J.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-with-bright-make-up-golden-jewerly-black-dress-posing_291650-502.jpg" },
              { id: "2", title: "Perfect for Events", quote: "I attended a conference here and everything was seamless and sophisticated.", name: "Mark D.", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-luggage-using-mobile-phone_107420-95917.jpg" },
              { id: "3", title: "Relaxing Escape", quote: "The spa is amazing! Exactly what I needed for a weekend reset.", name: "Elena M.", role: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-wearing-green-t-shirt-showing-okay-gesture-isolated-olive-green-wall_141793-91268.jpg" },
              { id: "4", title: "Great Hospitality", quote: "Waiter Mahmoud made our evening truly special. Such a friendly team.", name: "Kevin T.", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/charming-curly-brunette-woman-holds-straw-hat-smiles-pretty-lady-beige-elegant-dress-poses-place-with-sea-view_197531-30079.jpg" },
              { id: "5", title: "Visual Masterpiece", quote: "Breathtaking gardens and fountains. A photographer's dream destination.", name: "Lisa R.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2148928885.jpg" }
            ]}
            title="Guest Experiences"
            description="Real feedback from our cherished guests regarding their stay at the Estate."
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqSplitMedia
            textboxLayout="split"
            useInvertedBackground={false}
            faqs={[
              { id: "loc", title: "Is the hotel near Cairo?", content: "We are located in the New Administrative Capital, approximately 30-60 minutes from central Cairo depending on traffic." },
              { id: "shop", title: "Are there shops nearby?", content: "The Estate is an exclusive, self-contained property." },
              { id: "food", title: "What dining is available?", content: "We offer fine Italian and local Egyptian cuisine, alongside a daily breakfast buffet." },
              { id: "events", title: "Can I host a wedding here?", content: "Absolutely. Our conference facilities are designed for high-profile weddings and gatherings." }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/elderly-person-paying-coffee-cup_482257-87199.jpg?_wi=2"
            mediaAnimation="slide-up"
            title="Frequently Asked Questions"
            description="Practical information regarding your stay and travel planning."
            faqsAnimation="blur-reveal"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactText
            useInvertedBackground={false}
            background={{ variant: "sparkles-gradient" }}
            text="Ready to experience the luxury of Royal Oasis Estate? Contact our concierge team to reserve your stay."
            buttons={[{ text: "Contact Concierge", href: "mailto:concierge@royaloasis.com" }]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseReveal
            logoText="Royal Oasis Estate"
            columns={[
              { title: "The Estate", items: [{ label: "About Us", href: "#about" }, { label: "Amenities", href: "#features" }, { label: "Gallery", href: "#" }] },
              { title: "Guest Services", items: [{ label: "Concierge", href: "mailto:concierge@royaloasis.com" }, { label: "Event Inquiries", href: "#" }, { label: "FAQ", href: "#faq" }] },
              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Stay", href: "#" }] }
            ]}
            copyrightText="© 2024 Royal Oasis Estate. All rights reserved."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}