"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 FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Crown, Home, Star, Tag, Waves } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="small"
        sizing="largeSmall"
        background="grid"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Rooms",
          id: "#rooms",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Obelix Sea View"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "downward-rays-static",
      }}
      title="Obelix Sea View"
      description="Experience unparalleled tranquility and breathtaking panoramic views of the ocean. Your perfect escape awaits."
      buttons={[
        {
          text: "Explore Rooms",
          href: "#rooms",
        },
        {
          text: "Book Now",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medieval-house_1182-803.jpg"
      imageAlt="Luxurious villa with a clear view of the sea during sunset"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Your Coastal Haven"
      metrics={[
        {
          icon: Home,
          label: "Luxury Villas",
          value: "20+",
        },
        {
          icon: Waves,
          label: "Oceanfront Suites",
          value: "15+",
        },
        {
          icon: Star,
          label: "5-Star Ratings",
          value: "98%",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Spacious Living Areas",
          description: "Relax in exquisitely designed spaces that blend comfort with stunning ocean views, perfect for unwinding.",
          bentoComponent: "media-stack",
          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/luxury-beach-house-with-glass-windows-beautiful-scenery-sea_181624-9041.jpg",
              imageAlt: "Spacious living room with large windows overlooking the sea",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-looking-sea-beach-ocean-relax-holiday-vacation-travel_74190-9004.jpg",
              imageAlt: "Private infinity pool with a panoramic sea view",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976540.jpg",
              imageAlt: "Modern gourmet kitchen with high-end appliances",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/medieval-house_1182-803.jpg",
          imageAlt: "luxury living room sea view",
        },
        {
          title: "Private Infinity Pools",
          description: "Each villa boasts a private infinity pool, offering a serene escape with seamless views of the horizon.",
          bentoComponent: "media-stack",
          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beachfront-lounge-area-giant-tree_23-2151972857.jpg",
              imageAlt: "Private infinity pool with a panoramic sea view",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263550.jpg",
              imageAlt: "Spacious living room with large windows overlooking the sea",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-toddler-eating_23-2149310677.jpg",
              imageAlt: "Modern gourmet kitchen with high-end appliances",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/patriot-day-commemoration-with-twin-towers_52683-94470.jpg",
          imageAlt: "luxury living room sea view",
        },
        {
          title: "Gourmet Kitchens",
          description: "Fully equipped gourmet kitchens allow for delightful culinary experiences, whether you cook or hire a private chef.",
          bentoComponent: "media-stack",
          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/colleagues-office-communicating_23-2147668792.jpg",
              imageAlt: "Modern gourmet kitchen with high-end appliances",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-armchairs-around-table-windows_181624-28629.jpg",
              imageAlt: "Spacious living room with large windows overlooking the sea",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-table-outdoor-patio-with-beautiful-tropical-beach-sea_74190-8180.jpg",
              imageAlt: "Private infinity pool with a panoramic sea view",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/small-bubbles-sea-foam-wet-sand-calm-sea-horizon-line_169016-72770.jpg",
          imageAlt: "luxury living room sea view",
        },
      ]}
      title="Luxury Amenities Designed For You"
      description="Every detail at Obelix Sea View is crafted to enhance your stay, offering comfort, elegance, and unforgettable moments."
    />
  </div>

  <div id="rooms" data-section="rooms">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "room-1",
          name: "Deluxe Ocean Suite",
          price: "From $500/night",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-sea-ocean-white-cloud-blue-sky_74190-8835.jpg",
          imageAlt: "Deluxe ocean suite with balcony",
        },
        {
          id: "room-2",
          name: "Executive Sea View",
          price: "From $750/night",
          imageSrc: "http://img.b2bpic.net/free-photo/sun-loungers-with-parasol-close-pool_1203-1741.jpg",
          imageAlt: "Executive suite with panoramic sea view",
        },
        {
          id: "room-3",
          name: "Family Beach Villa",
          price: "From $1200/night",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bora-travel-tree-bungalow_1253-341.jpg",
          imageAlt: "Family villa directly on the beach",
        },
        {
          id: "room-4",
          name: "Honeymoon Escape",
          price: "From $900/night",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-holding-hands-lying-double-bed_1157-1307.jpg",
          imageAlt: "Romantic honeymoon suite with ocean view",
        },
        {
          id: "room-5",
          name: "Penthouse Grand",
          price: "From $2000/night",
          imageSrc: "http://img.b2bpic.net/free-photo/positive-calm-woman-light-summer-dress-straw-hat-tropical-location_343596-3151.jpg",
          imageAlt: "Luxurious penthouse with expansive sea views",
        },
        {
          id: "room-6",
          name: "Standard Ocean Room",
          price: "From $350/night",
          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-couple-enjoying-favorite-song-sitting-white-bed-with-eyes-closed-portrait-graceful-long-haired-girl-with-laptop-earphones-having-fun-with-her-boyfriend-home-morning_197531-3214.jpg",
          imageAlt: "Cozy standard room with partial ocean view",
        },
      ]}
      title="Our Exquisite Accommodations"
      description="Choose from a selection of luxurious rooms and villas, each offering unique charm and stunning views of the sea."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          badge: "Standard",
          badgeIcon: Tag,
          price: "$500",
          subtitle: "/ Night",
          features: [
            "Daily Cleaning",
            "Complimentary Breakfast",
            "Access to Common Areas",
            "Free Wi-Fi",
          ],
        },
        {
          id: "premium",
          badge: "Premium",
          badgeIcon: Crown,
          price: "$900",
          subtitle: "/ Night",
          features: [
            "Daily Cleaning & Laundry",
            "Gourmet Breakfast & Dinner",
            "Private Infinity Pool Access",
            "Dedicated Concierge Service",
            "Luxury Airport Transfer",
          ],
        },
        {
          id: "executive",
          badge: "Executive",
          badgeIcon: Crown,
          price: "$1500",
          subtitle: "/ Night",
          features: [
            "Full-service Hospitality",
            "All-Inclusive Dining",
            "Private Chef Option",
            "Personalized Excursions",
            "Exclusive Beach Access",
            "Premium Security",
          ],
        },
      ]}
      title="Flexible Rates & Packages"
      description="Find the perfect package for your stay, whether you're planning a short getaway or an extended luxurious vacation."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          date: "August 2023",
          title: "Unforgettable Stay!",
          quote: "Obelix Sea View exceeded all our expectations. The views were incredible, and the service was impeccable. We can't wait to return!",
          tag: "Vacationer",
          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outdoors_23-2151047851.jpg",
          avatarAlt: "Sarah J. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-happy-relax-around-swimming-pool-hotel-resort-leisure_74190-8387.jpg",
          imageAlt: "Woman relaxing on a balcony overlooking the sea",
        },
        {
          id: "2",
          name: "Michael T.",
          date: "July 2023",
          title: "Perfect Getaway",
          quote: "A truly magical place. Every moment was a dream, from the sunrise views to the luxurious amenities. Highly recommend for a romantic escape.",
          tag: "Couple",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-man-home-feeling-happy-grateful-life_482257-123005.jpg",
          avatarAlt: "Michael T. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-sitting-seaside-with-yoga-mats_23-2149358901.jpg",
          imageAlt: "Couple enjoying a romantic dinner with a sea view",
        },
        {
          id: "3",
          name: "Emily R.",
          date: "September 2023",
          title: "Family Favorite",
          quote: "Our family had an amazing time. The kids loved the private pool, and we enjoyed the peaceful surroundings. It felt like home, but better!",
          tag: "Family Trip",
          avatarSrc: "http://img.b2bpic.net/free-photo/silly-playful-young-blond-girl-posing-against-white-wall_176420-32854.jpg",
          avatarAlt: "Emily R. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-company-friends-vacation-sitting-beach-bean-bags_285396-380.jpg",
          imageAlt: "Family playing on a sandy beach",
        },
        {
          id: "4",
          name: "David K.",
          date: "June 2023",
          title: "Pure Bliss",
          quote: "The most relaxing vacation I've ever had. The attention to detail and personalized service made all the difference. Absolute bliss!",
          tag: "Solo Traveler",
          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-st-nicholas-holding-candle_23-2149898381.jpg",
          avatarAlt: "David K. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-old-people-kissing-seaside_23-2149728387.jpg",
          imageAlt: "Senior couple walking on the beach at sunset",
        },
        {
          id: "5",
          name: "Jessica L.",
          date: "October 2023",
          title: "Workcation Paradise",
          quote: "Managed to combine work and relaxation seamlessly. Fast Wi-Fi and stunning views made working a pleasure. A truly inspiring environment!",
          tag: "Digital Nomad",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",
          avatarAlt: "Jessica L. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-style-bearded-man-working-online-freelancer-laptop-with-backpack-bicycle-morning-sunrise-by-sea-healthy-active-lifestyle-traveler-backpacker_285396-5475.jpg",
          imageAlt: "Woman working on a laptop on a balcony overlooking the sea",
        },
      ]}
      title="What Our Guests Say"
      description="Read glowing reviews from travelers who have experienced the magic of Obelix Sea View and discovered their perfect coastal retreat."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "What amenities are included with my stay?",
          content: "Each villa and suite at Obelix Sea View comes with a private infinity pool, a fully equipped gourmet kitchen, high-speed Wi-Fi, daily housekeeping, and concierge services. Specific amenities may vary by accommodation type.",
        },
        {
          id: "faq2",
          title: "Is airport transfer available?",
          content: "Yes, we offer luxury airport transfer services upon request. Please contact our concierge team in advance to arrange your pick-up and drop-off, and we will ensure a smooth arrival and departure.",
        },
        {
          id: "faq3",
          title: "What activities are available nearby?",
          content: "Obelix Sea View is ideally located near pristine beaches, snorkeling and diving spots, charming local villages, and hiking trails. Our concierge can help arrange various activities and excursions tailored to your preferences.",
        },
        {
          id: "faq4",
          title: "Do you offer private dining options?",
          content: "Absolutely! We can arrange private dining experiences, including a personal chef to prepare exquisite meals in your villa, or special romantic dinners on your private terrace overlooking the ocean. Dietary restrictions can be accommodated.",
        },
        {
          id: "faq5",
          title: "What is your cancellation policy?",
          content: "Our cancellation policy varies depending on the season and the type of booking. Please refer to your booking confirmation or contact our reservations team for detailed information regarding specific terms and conditions.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about your stay at Obelix Sea View. If you don't find what you're looking for, feel free to contact us directly."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "TripAdvisor",
        "Booking.com",
        "Expedia",
        "Airbnb",
        "Travel Channel",
        "Lonely Planet",
        "Condé Nast Traveler",
      ]}
      title="Trusted by Travelers Worldwide"
      description="We are proud to be recognized and featured by leading travel platforms and publications, a testament to our commitment to exceptional hospitality."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-static",
      }}
      text="Ready to experience the magic of Obelix Sea View? Contact us today to plan your unforgettable getaway."
      buttons={[
        {
          text: "Inquire Now",
          href: "mailto:info@obelixseaview.com",
        },
        {
          text: "Call Us",
          href: "tel:+1234567890",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Obelix Sea View"
      columns={[
        {
          title: "Discover",
          items: [
            {
              label: "Our Villas",
              href: "#rooms",
            },
            {
              label: "Amenities",
              href: "#features",
            },
            {
              label: "Rates",
              href: "#pricing",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "FAQs",
              href: "#faq",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Obelix Sea View. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
