"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Hotel, Star, Award } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="blurBottom"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Fekri Hotel"
          logoSrc="http://img.b2bpic.net/free-vector/islamic-logo-template_23-2148628615.jpg"
          logoAlt="Fekri Hotel Logo"
          bottomLeftText="Meknes, Morocco"
          bottomRightText="bookings@fekrihotel.com"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Amenities", id: "features" },
            { name: "Rooms", id: "products" },
            { name: "Booking", id: "pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" },
          ]}
        />
      </div>

      <div id="home" data-section="home">
        <HeroSplitDoubleCarousel
          title="Experience Moroccan Hospitality at Fekri Hotel, Meknes"
          description="Nestled in the heart of historic Meknes, Fekri Hotel offers an authentic and luxurious retreat for every traveler. Discover true Moroccan charm and comfort."
          background={{"variant":"downward-rays-static"}}
          leftCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/luxury-umbrella-beautiful-tropical-nature_1203-3978.jpg", imageAlt: "Luxurious Hotel Exterior" },
            { imageSrc: "http://img.b2bpic.net/free-photo/orlando-downtown-architecture_649448-4667.jpg", imageAlt: "Hotel Facade at Night" },
            { imageSrc: "http://img.b2bpic.net/free-photo/retired-man-ringing-service-bell-check-hotel-reception-arriving-luxury-resort-holiday-person-retirement-age-travelling-vacation-abroad-front-desk-employees-tripod-shot_482257-70824.jpg", imageAlt: "Grand Hotel Lobby" },
            { imageSrc: "http://img.b2bpic.net/free-photo/luxury-pool-moroccan-villa_23-2151961756.jpg", imageAlt: "Relaxing Hotel Pool Area" },
            { imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-mall_23-2151551283.jpg", imageAlt: "Hotel Garden View" },
            { imageSrc: "http://img.b2bpic.net/free-photo/autumn-scenery_1204-270.jpg", imageAlt: "Hotel Entrance at Sunset" }
          ]}
          rightCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/luxury-beautiful-pillow-bed-bedroom_74190-384.jpg", imageAlt: "Deluxe Room Interior" },
            { imageSrc: "http://img.b2bpic.net/free-photo/interior-decoration-inspired-by-mexican-folklore_23-2150711351.jpg", imageAlt: "Suite Living Area" },
            { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598351.jpg", imageAlt: "Moroccan Breakfast Spread" },
            { imageSrc: "http://img.b2bpic.net/free-photo/slim-woman-spa-resort_657883-203.jpg", imageAlt: "Spa Treatment Room" },
            { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tunnel-leading-beach_181624-19025.jpg", imageAlt: "Jemaa el-Fna Square in Meknes" },
            { imageSrc: "http://img.b2bpic.net/free-photo/terracotta-vase-with-indigenous-pattern_23-2151585726.jpg", imageAlt: "Local Moroccan Craft Market" }
          ]}
          tag="Your Moroccan Escape"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Book Your Stay", href: "#pricing" },
            { text: "Explore Rooms", href: "#products" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          title="A Legacy of Comfort and Charm in Meknes"
          description="Fekri Hotel has been a cornerstone of hospitality in Meknes for decades, blending traditional Moroccan elegance with modern amenities to create an unforgettable experience."
          subdescription="We are dedicated to providing a memorable stay, reflecting the rich culture and warmth of Morocco in every detail, from our exquisite decor to our personalized service."
          icon={Hotel}
          videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
          videoAriaLabel="A video showcasing Fekri Hotel's charm"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          tag="World-Class Amenities"
          title="Your Comfort, Our Priority"
          description="From serene spa treatments to exquisite dining and seamless connectivity, we ensure every moment of your stay is exceptional and catered to your needs."
          negativeCard={{"items":["No Hidden Fees","No Compromise on Comfort","No Limited Services"]}}
          positiveCard={{"items":["Traditional Moroccan Spa","Gourmet Restaurant & Cafe","High-Speed Wi-Fi Access","24/7 Concierge Service","Outdoor Swimming Pool","Daily Housekeeping"]}}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          tag="Luxurious Accommodations"
          title="Discover Your Perfect Retreat"
          description="Our rooms and suites are meticulously designed with elegance and comfort in mind, offering a serene escape after a day of exploration in Meknes."
          products={[
            { id: "standard-room", name: "Standard Room", price: "Starting from $120/night", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg", imageAlt: "Standard Room" },
            { id: "deluxe-room", name: "Deluxe Room", price: "Starting from $180/night", imageSrc: "http://img.b2bpic.net/free-photo/lit-lamp-beside-bed_1203-634.jpg", imageAlt: "Deluxe Room" },
            { id: "family-suite", name: "Family Suite", price: "Starting from $250/night", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-getting-manicure_23-2150507022.jpg", imageAlt: "Family Suite" },
            { id: "presidential-suite", name: "Presidential Suite", price: "Starting from $500/night", imageSrc: "http://img.b2bpic.net/free-photo/ornate-bed-art-nouveau-style_23-2150975583.jpg", imageAlt: "Presidential Suite" },
            { id: "twin-room", name: "Twin Room", price: "Starting from $130/night", imageSrc: "http://img.b2bpic.net/free-photo/side-view-roommates-spending-time-indoors_23-2149485698.jpg", imageAlt: "Twin Room" },
            { id: "single-room", name: "Single Room", price: "Starting from $100/night", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-using-digital-tablet-bedroom_1170-2787.jpg", imageAlt: "Single Room" }
          ]}
          carouselMode="buttons"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          tag="Flexible Booking"
          title="Book Your Stay Today"
          description="Choose from our exclusive packages and experience the best of Fekri Hotel at unbeatable value, tailored to your travel needs."
          plans={[
            { id: "standard-plan", badge: "Value", badgeIcon: Star, price: "From $120", subtitle: "Per night", features: ["Complimentary Breakfast", "Free Wi-Fi", "Access to Pool & Gym", "24-Hour Reception"] },
            { id: "deluxe-plan", badge: "Popular", badgeIcon: Sparkles, price: "From $180", subtitle: "Per night", features: ["Complimentary Breakfast & Dinner", "Premium Wi-Fi", "Spa Access (1 session)", "Late Check-out"] },
            { id: "executive-plan", badge: "Premium", badgeIcon: Award, price: "From $300", subtitle: "Per night", features: ["All-Inclusive Dining", "VIP Airport Transfer", "Unlimited Spa Access", "Dedicated Concierge"] }
          ]}
          carouselMode="buttons"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          tag="Guest Experiences"
          title="What Our Valued Guests Say"
          description="Hear directly from travelers who made Fekri Hotel their cherished home during their unforgettable adventures in Meknes."
          testimonials={[
            { id: "1", name: "Sarah Johnson", handle: "@travelSarah", testimonial: "An absolutely delightful stay! The Fekri Hotel perfectly captures the essence of Moroccan charm. The staff were incredibly welcoming, and the rooms were a true oasis.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-woman-stylish-clothes-glasses-with-handbag-standing-against-skyscraper_613910-18667.jpg", imageAlt: "Sarah Johnson" },
            { id: "2", name: "Michael Chen", handle: "@Mike_Explorer", testimonial: "From the stunning architecture to the exquisite cuisine, Fekri Hotel exceeded all my expectations. Meknes is magical, and this hotel is its crown jewel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/guy-girl-bathrobe-girl-feeds-guy-fruit_1153-3753.jpg", imageAlt: "Michael Chen" },
            { id: "3", name: "Emily Rodriguez", handle: "@EmilyR_Travels", testimonial: "The perfect blend of tradition and luxury. Every detail at Fekri Hotel felt authentic and thoughtfully curated. I can't wait to return!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/groom-talks-phone-standing-before-window-room_8353-8303.jpg", imageAlt: "Emily Rodriguez" },
            { id: "4", name: "David Kim", handle: "@Kim_Adventures", testimonial: "Exceptional service and a truly relaxing atmosphere. The spa was incredible, and the location allowed for easy exploration of Meknes. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-family-couple-children-hiking-countryside-walking-path-excited-boy-riding-dads-neck-full-length-nature-recreation-concept_74855-11779.jpg", imageAlt: "David Kim" },
            { id: "5", name: "Fatima Zahra", handle: "@MeknesLocal", testimonial: "As a local, I appreciate the authentic Moroccan hospitality Fekri Hotel provides. It's a gem, offering comfort and a warm welcome to all its guests.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoor-portrait-attractive-pretty-woman-sunglasses-with-backpack-is-traveling-mountains-sunny-warm-day_291650-1926.jpg", imageAlt: "Fatima Zahra" }
          ]}
          showRating={true}
          carouselMode="buttons"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          tag="Trusted by Travelers"
          title="Recognized Excellence"
          description="Fekri Hotel is proudly acknowledged by leading travel organizations and consistently praised by our global guests for outstanding service and hospitality."
          names={["TripAdvisor","Booking.com","Traveler's Choice Awards","Morocco Tourism Board","Luxury Hotel Guide","Hospitality Excellence","Global Travel Awards"]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          tag="Your Questions, Answered"
          title="Frequently Asked Questions"
          description="Find quick and comprehensive answers to common inquiries about your stay, bookings, and services at Fekri Hotel to ensure a smooth visit."
          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 may be available upon request and subject to availability." },
            { id: "faq-2", title: "Is parking available at the hotel?", content: "Yes, Fekri Hotel offers complimentary private parking for all guests. Valet service is also available upon request." },
            { id: "faq-3", title: "Do you offer airport transportation?", content: "We provide airport shuttle services from Fes-Saïs Airport (FEZ) and Rabat-Salé Airport (RBA) upon request. Please arrange this with our concierge 24 hours in advance." },
            { id: "faq-4", title: "Are pets allowed at Fekri Hotel?", content: "Unfortunately, pets are not permitted on the hotel premises to ensure comfort and safety for all guests. Service animals are exempt." },
            { id: "faq-5", title: "What dining options are available?", content: "Our hotel features 'Le Jardin Secret' restaurant, offering authentic Moroccan and international cuisine, and a cozy café for light snacks and beverages." },
            { id: "faq-6", title: "Is there a spa or fitness center?", content: "Yes, Fekri Hotel boasts a luxurious traditional Moroccan Hammam & Spa, along with a modern fitness center equipped with state-of-the-art equipment." }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Plan Your Moroccan Escape"
          description="Have questions or need personalized assistance with your booking? Our dedicated team at Fekri Hotel is ready to help make your stay perfect."
          background={{"variant":"radial-gradient"}}
          useInvertedBackground={true}
          inputPlaceholder="Enter your email"
          buttonText="Send Inquiry"
          termsText="By sending an inquiry, you agree to our privacy policy and terms of service."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoSrc="http://img.b2bpic.net/free-vector/islamic-logo-template_23-2148628615.jpg"
          logoAlt="Fekri Hotel Logo"
          logoText="Fekri Hotel"
          columns={[
            { title: "Accommodation", items: [{ label: "Rooms & Suites", href: "#products" }, { label: "Special Offers", href: "#pricing" }, { label: "Book Now", href: "#pricing" }] },
            { title: "Hotel Info", items: [{ label: "About Us", href: "#about" }, { label: "Amenities", href: "#features" }, { label: "FAQ", href: "#faq" }] },
            { title: "Connect", items: [{ label: "Contact Us", href: "#contact" }, { label: "Guest Reviews", href: "#testimonials" }, { label: "Location", href: "https://www.google.com/maps/search/fekri+hotel+meknes" }] }
          ]}
          copyrightText="© 2024 Fekri Hotel. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
