"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Building, Facebook, Home, Instagram, Leaf, Star, Twitter, Users, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="small"
        sizing="largeSmallSizeLargeTitles"
        background="circleGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Accommodations",          id: "#accommodations"},
        {
          name: "Dining",          id: "#dining"},
        {
          name: "Wellness",          id: "#wellness"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Hotel Greenplaza"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "plain"}}
      title="Elevated Luxury Meets Culinary Excellence"
      description="Experience refined hospitality where our award-inspired restaurant and serene accommodations create unforgettable moments. Discover the art of sophisticated living."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/lesbian-couple-drinking-coffee_23-2148661087.jpg",          alt: "Hotel Greenplaza guest"},
        {
          src: "http://img.b2bpic.net/free-photo/couple-watching-tv-their-room-vacation_23-2149369732.jpg",          alt: "Hotel Greenplaza chef"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-man-tasting-old-wine_23-2149428790.jpg",          alt: "Hotel Greenplaza spa therapist"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-couple-spending-time-home-summer-morning-lying-bed-with-white-laptop-charming-smiling-girl-with-long-curly-hair-watching-movie-with-her-boyfriend-resting-terrace_197531-3204.jpg",          alt: "Hotel Greenplaza manager"},
        {
          src: "http://img.b2bpic.net/free-photo/senior-woman-living-modern-lifestyle_23-2148404455.jpg",          alt: "Senior woman living a modern lifestyle"},
      ]}
      buttons={[
        {
          text: "Reserve Your Escape",          href: "#contact"},
      ]}
      buttonAnimation="opacity"
      marqueeItems={[
        {
          type: "text-icon",          text: "Award-Winning Cuisine",          icon: Award,
        },
        {
          type: "text-icon",          text: "Luxurious Accommodations",          icon: Home,
        },
        {
          type: "text-icon",          text: "Serene Wellness Retreats",          icon: Leaf,
        },
        {
          type: "text-icon",          text: "Impeccable 5-Star Service",          icon: Star,
        },
        {
          type: "text-icon",          text: "Panoramic City Views",          icon: Building,
        },
      ]}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="A Legacy of Refined Hospitality"
      metrics={[
        {
          icon: Award,
          label: "Awards Received",          value: "15+"},
        {
          icon: Users,
          label: "Satisfied Guests",          value: "50K+"},
        {
          icon: Utensils,
          label: "Culinary Excellence",          value: "5-Star"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="accommodations" data-section="accommodations">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "suite",          title: "Grand Executive Suite",          description: "Experience spacious luxury with panoramic city views, a private lounge, and personalized concierge service.",          tag: "Luxury",          imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-11378.jpg",          imageAlt: "Grand Executive Suite"},
        {
          id: "deluxe",          title: "Deluxe King Room",          description: "Elegant design meets modern amenities, featuring a plush king-size bed and a lavish marble bathroom.",          tag: "Comfort",          imageSrc: "http://img.b2bpic.net/free-photo/bright-modern-bedroom-with-elegance-generated-by-ai_188544-14389.jpg",          imageAlt: "Deluxe King Room"},
        {
          id: "spa-jacuzzi-room",          title: "Wellness Retreat Room",          description: "Indulge in tranquility with a private in-room jacuzzi, aromatherapy options, and serene ambiance.",          tag: "Serenity",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-spa_23-2148000228.jpg",          imageAlt: "Wellness Retreat Room"},
      ]}
      title="Unwind in Exquisite Comfort"
      description="Each room and suite is a sanctuary of peace, designed with discerning tastes in mind, offering unparalleled comfort and breathtaking views."
    />
  </div>

  <div id="dining" data-section="dining">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "dish-1",          brand: "Signature Dish",          name: "Pan-Seared Scallops",          price: "$45",          rating: 5,
          reviewCount: "250+",          imageSrc: "http://img.b2bpic.net/free-photo/khan-pilaf-with-berries-syrup_140725-2781.jpg",          imageAlt: "Pan-Seared Scallops"},
        {
          id: "dish-2",          brand: "Chef's Special",          name: "Truffle Risotto",          price: "$38",          rating: 5,
          reviewCount: "180+",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-smoked-fish-plate-balyk-salmon-with-herbs-pomegranate-lemon-slices_141793-4129.jpg",          imageAlt: "Truffle Risotto"},
        {
          id: "dish-3",          brand: "Dessert Artistry",          name: "Deconstructed Tiramisu",          price: "$22",          rating: 5,
          reviewCount: "120+",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549962.jpg",          imageAlt: "Deconstructed Tiramisu"},
        {
          id: "dish-4",          brand: "Main Course",          name: "Wagyu Beef Filet",          price: "$85",          rating: 5,
          reviewCount: "300+",          imageSrc: "http://img.b2bpic.net/free-photo/close-front-view-grilled-meat-with-vegetables-lettuce-with-grated-cheese-plate_141793-2811.jpg",          imageAlt: "Wagyu Beef Filet"},
        {
          id: "dish-5",          brand: "Seasonal Pasta",          name: "Black Ink Tagliatelle",          price: "$42",          rating: 5,
          reviewCount: "150+",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-tagliatelle-pasta-with-copy-space_23-2148305658.jpg",          imageAlt: "Black Ink Tagliatelle"},
        {
          id: "dish-6",          brand: "Appetizer",          name: "Oyster Selection",          price: "$30",          rating: 5,
          reviewCount: "90+",          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-fried-shrimps_140725-44339.jpg",          imageAlt: "Oyster Selection"},
      ]}
      title="Culinary Journeys Await"
      description="Our award-winning restaurant offers an unparalleled gastronomic experience, blending local flavors with international finesse."
    />
  </div>

  <div id="wellness" data-section="wellness">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "massage",          title: "Signature Spa Treatments",          description: "Indulge in bespoke massages, facials, and body wraps designed to restore balance and vitality.",          tag: "Relaxation",          imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-air-humidifier-aroma-oils_169016-57639.jpg",          imageAlt: "Spa massage treatment"},
        {
          id: "yoga",          title: "Holistic Wellness Classes",          description: "Participate in private yoga, meditation, and fitness sessions led by expert instructors.",          tag: "Harmony",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-young-lady-that-practicing-yoga-poses-yoga-mat-home-with-big-beautiful-windows-background_574295-596.jpg",          imageAlt: "Yoga studio"},
        {
          id: "pool",          title: "Rooftop Infinity Pool",          description: "Enjoy breathtaking city views from our luxurious infinity pool, perfect for a refreshing dip or sunbathing.",          tag: "Vista",          imageSrc: "http://img.b2bpic.net/free-photo/pool-with-city-background_1203-692.jpg",          imageAlt: "Rooftop infinity pool"},
      ]}
      title="Rejuvenate Your Senses"
      description="Discover tranquility at our state-of-the-art spa and wellness center, offering a sanctuary for mind, body, and soul."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Eleanor Vance",          role: "CEO",          company: "Vance & Co.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cute-lady-taking-cup-from-waiter-smiling-tot-he-camera_114579-92502.jpg",          imageAlt: "Eleanor Vance"},
        {
          id: "2",          name: "Marcus Thorne",          role: "Food Critic",          company: "Gourmet Gazette",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg",          imageAlt: "Marcus Thorne"},
        {
          id: "3",          name: "Isabella Rossi",          role: "Travel Blogger",          company: "World Wanderer",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-couple-interacting-with-each-other-waiting-area_107420-95818.jpg",          imageAlt: "Isabella Rossi"},
        {
          id: "4",          name: "Julian Hayes",          role: "Entrepreneur",          company: "Horizon Ventures",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/view-charming-woman-smiling-tablet-home_197531-33767.jpg",          imageAlt: "Julian Hayes"},
        {
          id: "5",          name: "Olivia Sterling",          role: "Wellness Advocate",          company: "Zen Living",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businesswoman-her-colleague-toasting-with-champagne-office-party_637285-9569.jpg",          imageAlt: "Olivia Sterling"},
      ]}
      kpiItems={[
        {
          value: "98%",          label: "Guest Satisfaction"},
        {
          value: "4.9",          label: "Average Rating"},
        {
          value: "24/7",          label: "Dedicated Concierge"},
      ]}
      title="Hear From Our Cherished Guests"
      description="Stories of unparalleled luxury and unforgettable moments, straight from those who have experienced Hotel Greenplaza & Restaurant."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "What are the check-in and check-out times?",          content: "Check-in is at 3:00 PM and check-out is at 12:00 PM. Early check-in or late check-out requests are subject to availability and may incur additional charges."},
        {
          id: "faq-2",          title: "Do you offer airport transportation?",          content: "Yes, we provide luxury airport transfer services. Please contact our concierge team at least 24 hours in advance to arrange your transportation."},
        {
          id: "faq-3",          title: "Is there a dress code for the restaurant?",          content: "Our fine-dining restaurant observes a smart-casual dress code. Gentlemen are encouraged to wear collared shirts and closed shoes. Jackets are optional."},
        {
          id: "faq-4",          title: "Are pets allowed at the hotel?",          content: "We welcome well-behaved small pets in designated rooms with prior arrangement. A pet fee and signed waiver are required upon check-in. Please inquire for more details."},
        {
          id: "faq-5",          title: "What wellness facilities are available?",          content: "Our wellness center features a state-of-the-art gym, a tranquil spa offering various treatments, and a rooftop infinity pool. Yoga and meditation classes are also available."},
        {
          id: "faq-6",          title: "How can I make a dining reservation?",          content: "Dining reservations can be made through our website, by calling the hotel directly, or via our mobile app. We recommend booking in advance, especially for weekend evenings."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common inquiries about your stay, dining reservations, and our exclusive services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Reservations"
      title="Plan Your Luxurious Escape"
      description="Contact us to book your unforgettable stay, reserve a table at our exquisite restaurant, or inquire about our bespoke event services. Our team is dedicated to making your experience exceptional. You can also reach us at: 08107367300."
      imageSrc="http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214746.jpg"
      imageAlt="Luxurious hotel reception desk"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Enter your email for inquiries"
      buttonText="Send Inquiry"
      termsText="By submitting your inquiry, you agree to our Terms and Conditions and Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-vector/geometric-hotel-logos-vintage-style_23-2147534191.jpg"
      logoAlt="Hotel Greenplaza & Restaurant Logo"
      logoText="Greenplaza Hotel"
      copyrightText="© 2024 Hotel Greenplaza & Restaurant. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook"},
        {
          icon: Instagram,
          href: "#",          ariaLabel: "Instagram"},
        {
          icon: Twitter,
          href: "#",          ariaLabel: "Twitter"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
