"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Diamond, Key, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="largeSmall"
        background="noiseDiagonalGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "The Villa",
          id: "#villa-details",
        },
        {
          name: "Experiences",
          id: "#experiences",
        },
        {
          name: "Partners",
          id: "#partners",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Luxury Villa Naxos"
      bottomLeftText="Luxury Naxos Retreat"
      bottomRightText="inquire@villanaxos.com"
      button={{
        text: "Inquire Now",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="Your Private Luxury Escape Awaits in Naxos"
      description="Panoramic island views, infinity pool, and curated concierge experiences designed for the most discerning travelers. Every detail orchestrated for you."
      buttons={[
        {
          text: "Discover Your Villa",
          href: "#villa-details",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918271.jpg",
          imageAlt: "Luxury villa infinity pool at sunset in Naxos",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/seascape-view-from-modern-coastal-home_23-2151996503.jpg",
          imageAlt: "Elegant living room interior of a Naxos villa",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-seafood-table_23-2149410755.jpg",
          imageAlt: "Private chef preparing gourmet meal at the villa",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-yoga-posture-with-view_23-2149123107.jpg",
          imageAlt: "Sunset yoga session at the luxury Naxos villa",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-female-wearing-bikini-sitting-rock-by-body-water_181624-2256.jpg",
          imageAlt: "Luxury yacht cruising off the coast of Naxos",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/girl-surfing-laptop-bed_23-2147778898.jpg",
          imageAlt: "Master bedroom with ocean view in Naxos villa",
        },
      ]}
    />
  </div>

  <div id="about-highlights" data-section="about-highlights">
      <AboutMetric
      useInvertedBackground={true}
      title="Experience Unparalleled Luxury"
      metrics={[
        {
          icon: Diamond,
          label: "Views",
          value: "Panoramic",
        },
        {
          icon: Users,
          label: "Service",
          value: "Concierge",
        },
        {
          icon: Key,
          label: "Exclusivity",
          value: "Private",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="experiences" data-section="experiences">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "yacht-charter",
          title: "Private Yacht Charters",
          description: "Explore the Aegean Sea with a bespoke itinerary and expert crew, discovering secluded coves and islands.",
          tag: "Adventure",
          imageSrc: "http://img.b2bpic.net/free-photo/sailing-boat-rest-bay-st-john-virgin-islands_649448-1839.jpg",
          imageAlt: "Private yacht charter in Naxos",
        },
        {
          id: "gourmet-dining",
          title: "Gourmet Dining Experiences",
          description: "Indulge in culinary delights prepared by a private chef, featuring fresh local ingredients and Naxian specialties.",
          tag: "Culinary",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-papaya-still-life_23-2151580868.jpg",
          imageAlt: "Gourmet dining experience at the villa",
        },
        {
          id: "wellness-retreats",
          title: "Tailored Wellness Retreats",
          description: "Rejuvenate your mind and body with private yoga sessions, massages, and holistic treatments.",
          tag: "Well-being",
          imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-practicing-yoga_1153-640.jpg",
          imageAlt: "Wellness retreat in Naxos villa",
        },
      ]}
      title="Curated Experiences Beyond Compare"
      description="Our dedicated concierge team orchestrates bespoke moments, from private yacht charters to gourmet dining."
    />
  </div>

  <div id="villa-details" data-section="villa-details">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "infinity-pool",
          brand: "Outdoor",
          name: "Infinity Pool & Sun Deck",
          price: "Exclusive",
          rating: 5,
          reviewCount: "Luxurious",
          imageSrc: "http://img.b2bpic.net/free-photo/desert-oasis-house-aesthetic_23-2151949118.jpg",
          imageAlt: "Infinity pool with panoramic views",
        },
        {
          id: "master-suite",
          brand: "Interiors",
          name: "Master Ocean View Suite",
          price: "Premium",
          rating: 5,
          reviewCount: "Spacious",
          imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg",
          imageAlt: "Master suite with ocean view",
        },
        {
          id: "gourmet-kitchen",
          brand: "Amenities",
          name: "State-of-the-Art Kitchen",
          price: "Fully Equipped",
          rating: 5,
          reviewCount: "Modern",
          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-eating-dinner-hotel-snacks_1122-1790.jpg",
          imageAlt: "Gourmet kitchen",
        },
        {
          id: "outdoor-lounge",
          brand: "Outdoor",
          name: "Chic Alfresco Lounge",
          price: "Comfort",
          rating: 5,
          reviewCount: "Relaxing",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-santorini-garden_23-2151977281.jpg",
          imageAlt: "Outdoor lounge area",
        },
        {
          id: "private-gym",
          brand: "Amenities",
          name: "Private Fitness Studio",
          price: "Wellness",
          rating: 5,
          reviewCount: "Equipped",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-sauna-sunlight-premium-sauna-panoramic-view_169016-68907.jpg",
          imageAlt: "Private gym",
        },
        {
          id: "dining-area",
          brand: "Interiors",
          name: "Elegant Dining Spaces",
          price: "Sophisticated",
          rating: 5,
          reviewCount: "Inviting",
          imageSrc: "http://img.b2bpic.net/free-photo/chair-table-terrace-restaurant-with-sea-view_1339-7117.jpg",
          imageAlt: "Elegant indoor dining area",
        },
      ]}
      title="The Villa: A Sanctuary of Design"
      description="Explore the exquisite spaces designed for your utmost comfort and privacy."
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Naxos Yachting",
        "Aegean Gourmet",
        "Island Wellness Collective",
        "Naxos Concierge Services",
        "Exclusive Transfers Naxos",
        "Local Artisans Guild",
        "Fine Wines of Greece",
      ]}
      title="Trusted by Discerning Guests & Partners"
      description="We collaborate with Naxos's finest to ensure every aspect of your stay is impeccable, providing an effortlessly luxurious experience."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="An unforgettable escape. The service was impeccable, and the villa views breathtaking. Every detail exceeded our expectations, making it a truly private and luxurious experience."
      rating={5}
      author="Discerning Guest"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-hat-sunglasses_23-2148066859.jpg",
          alt: "Guest 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-hat-with-short-haircut-center-big-city-close-up-portrait-soft-backlight_1321-2726.jpg",
          alt: "Guest 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/short-break-take-look-map_329181-8476.jpg",
          alt: "Guest 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-asian-man-working-with-professionals_1262-5610.jpg",
          alt: "Guest 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-female-photographer-looking-phone-smiling_176420-6925.jpg",
          alt: "Satisfied Luxury Guest",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "What services are included with the villa rental?",
          content: "Our full-service luxury retreat includes daily housekeeping, a dedicated concierge for planning bespoke experiences, and welcome amenities upon arrival. Additional services like private chef, yacht charters, and wellness treatments are available upon request.",
        },
        {
          id: "faq-2",
          title: "How do I make a reservation?",
          content: "Reservations are inquiry-based to ensure a tailored experience. Please use our 'Inquire Now' button or contact form to reach our dedicated team, who will assist you with availability and bespoke arrangements.",
        },
        {
          id: "faq-3",
          title: "Is the villa suitable for families with children?",
          content: "Yes, Villa Naxos is designed to accommodate families and multi-generational travelers, offering spacious living areas and personalized services. Our concierge can arrange family-friendly activities, childcare, and special dietary requests.",
        },
        {
          id: "faq-4",
          title: "What local experiences can your concierge arrange?",
          content: "Our concierge team specializes in curating authentic Naxian experiences, including private boat tours, guided island explorations, winery visits, cooking classes, and access to exclusive local events.",
        },
      ]}
      title="Your Questions Answered"
      description="Everything you need to know about your luxury retreat at Villa Naxos, from booking to bespoke services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      text="Ready to orchestrate your Naxos escape? Connect with our dedicated concierge team to begin planning your bespoke luxury experience."
      buttons={[
        {
          text: "Inquire Now",
          href: "mailto:inquire@villanaxos.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-photo/white-greek-chapel-with-blue-door-overlooking-sea_23-2151996487.jpg"
      logoAlt="Luxury Villa Naxos Logo"
      logoText="Villa Naxos"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
