"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="large"
        background="fluid"
        cardStyle="gradient-radial"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Rooms",
          id: "#rooms",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Book Now",
        href: "#contact",
      }}
      brandName="Hotel Wildpferd Dülmen"
    />
  </div>

  <div id="home" data-section="home">
      <HeroCarouselLogo
      logoText="Hagedorn Hotel Wildpferd Dülmen"
      description="Experience unparalleled comfort and hospitality in the heart of Dülmen. Your perfect escape, blending traditional charm with modern luxury."
      buttons={[
        {
          text: "Book Your Stay",
          href: "#contact",
        },
        {
          text: "Explore Rooms",
          href: "#rooms",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/decorated-front-door_23-2150562486.jpg?_wi=1",
          imageAlt: "Luxurious hotel lobby",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497258.jpg",
          imageAlt: "Cozy hotel room with a view",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/served-table-restaurant_93675-129581.jpg",
          imageAlt: "Fine dining restaurant",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263511.jpg",
          imageAlt: "Serene spa and wellness center",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/two-young-businesspeople-analyzing-document-restaurant_23-2147876709.jpg",
          imageAlt: "Modern business conference room",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/roof-old-building-front-blue-sky-day-time_231208-3241.jpg",
          imageAlt: "Beautiful hotel exterior at dusk",
        },
      ]}
      autoplayDelay={4000}
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Welcome to Hagedorn Hotel Wildpferd Dülmen"
      description="Nestled in the picturesque town of Dülmen, our hotel offers a unique blend of warm hospitality and modern amenities. We are dedicated to providing a memorable stay, whether you're here for business or leisure. Discover comfort, elegance, and exceptional service with us."
      bulletPoints={[
        {
          title: "Rich Heritage",
          description: "Celebrating years of tradition in hospitality, serving guests with care.",
        },
        {
          title: "Prime Location",
          description: "Strategically located for easy access to Dülmen's attractions and business centers.",
        },
        {
          title: "Personalized Service",
          description: "Our dedicated staff ensures every guest receives a tailored and attentive experience.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/famous-historic-vieille-bourse-lille-france_181624-17289.jpg"
      imageAlt="Charming exterior of Hagedorn Hotel Wildpferd Dülmen"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Gourmet Dining",
          description: "Indulge in culinary delights at our renowned restaurant, featuring local and international cuisine.",
          imageSrc: "http://img.b2bpic.net/free-photo/food-celebration-event-healthy-dinner_1203-4054.jpg",
          imageAlt: "Elegant dining experience at hotel restaurant",
        },
        {
          title: "Luxurious Spa & Wellness",
          description: "Rejuvenate your mind and body with our comprehensive spa services, including massages and a heated pool.",
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-illuminated-by-modern-electric-lamp-generated-by-ai_188544-28185.jpg",
          imageAlt: "Relaxing spa and wellness area",
        },
        {
          title: "Modern Event Spaces",
          description: "Host your conferences, weddings, or special events in our versatile and fully equipped venues.",
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-sitting-with-his-colleague-caf_23-2147876667.jpg",
          imageAlt: "Spacious event hall setup",
        },
      ]}
      title="Hotel Amenities Designed for Your Comfort"
      description="From exquisite dining to relaxing spa treatments, we offer a range of facilities to make your stay truly exceptional."
    />
  </div>

  <div id="rooms" data-section="rooms">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "standard-room",
          name: "Standard Double Room",
          price: "€99/night",
          imageSrc: "http://img.b2bpic.net/free-photo/postpartum-box-still-life_23-2151174346.jpg",
          imageAlt: "Comfortable standard double room",
        },
        {
          id: "deluxe-room",
          name: "Deluxe King Room",
          price: "€149/night",
          imageSrc: "http://img.b2bpic.net/free-photo/transparent-bubble-tent-woman-glamping_1268-20725.jpg",
          imageAlt: "Spacious deluxe king room",
        },
        {
          id: "executive-suite",
          name: "Executive Suite",
          price: "€249/night",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg",
          imageAlt: "Luxurious executive suite",
        },
        {
          id: "family-suite",
          name: "Family Suite",
          price: "€189/night",
          imageSrc: "http://img.b2bpic.net/free-photo/nomad-family-living-nature_23-2149431697.jpg",
          imageAlt: "Cozy family suite",
        },
        {
          id: "accessible-room",
          name: "Accessible Room",
          price: "€119/night",
          imageSrc: "http://img.b2bpic.net/free-photo/rain-shower_74190-2861.jpg",
          imageAlt: "Accessible hotel room",
        },
        {
          id: "pet-friendly-room",
          name: "Pet-Friendly Room",
          price: "€109/night",
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-looking-their-dog-bedroom_23-2147840131.jpg",
          imageAlt: "Pet-friendly hotel room",
        },
      ]}
      title="Our Luxurious Rooms & Suites"
      description="Discover a selection of meticulously designed rooms and suites, each offering a unique blend of comfort and style. Find your perfect sanctuary."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "standard-rate",
          badge: "Value",
          badgeIcon: Sparkles,
          price: "€99",
          subtitle: "Per night (Standard)",
          features: [
            "Comfortable Double Bed",
            "Complimentary Wi-Fi",
            "En-suite Bathroom",
            "Flat-screen TV",
            "Access to Hotel Facilities",
          ],
        },
        {
          id: "flexi-rate",
          badge: "Popular",
          badgeIcon: Star,
          price: "€119",
          subtitle: "Per night (Flexible)",
          features: [
            "All Standard Features",
            "Free Cancellation (24h)",
            "Breakfast Buffet Included",
            "Early Check-in/Late Check-out (subject to availability)",
          ],
        },
        {
          id: "premium-package",
          badge: "Premium",
          badgeIcon: Award,
          price: "€189",
          subtitle: "Per night (Suite)",
          features: [
            "All Flexible Features",
            "Spacious Suite Accommodation",
            "Welcome Drink",
            "Access to Spa & Wellness Area",
            "Complimentary Minibar Refill",
          ],
        },
      ]}
      title="Flexible Stays, Exceptional Value"
      description="Choose the perfect plan for your visit, whether it's a quick overnight trip or an extended luxurious retreat."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "guests-served",
          value: "20,000+",
          description: "Happy Guests Served",
        },
        {
          id: "years-experience",
          value: "25+",
          description: "Years of Hospitality Experience",
        },
        {
          id: "five-star-reviews",
          value: "95%",
          description: "Five-Star Reviews",
        },
        {
          id: "repeat-visitors",
          value: "80%",
          description: "Repeat Visitors",
        },
      ]}
      title="Our Commitment to Excellence"
      description="We pride ourselves on delivering outstanding guest experiences, reflected in our growing numbers and loyal patrons."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      groups={[
        {
          id: "management",
          groupTitle: "Leadership & Guest Services",
          members: [
            {
              id: "m1",
              title: "Mr. Hagedorn",
              subtitle: "General Manager",
              detail: "With over 20 years in luxury hospitality, Mr. Hagedorn ensures our hotel consistently exceeds expectations.",
              imageSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-guys-formal-clothes-standing-hugging-bridegroom-smiling-greeting-his-wedding-day-hotel-room_8353-12142.jpg",
              imageAlt: "Portrait of Mr. Hagedorn, General Manager",
            },
            {
              id: "m2",
              title: "Ms. Schmidt",
              subtitle: "Head Concierge",
              detail: "Ms. Schmidt is your go-to for local recommendations and personalized guest assistance.",
              imageSrc: "http://img.b2bpic.net/free-photo/tourists-couple-arrive-front-desk_482257-76666.jpg",
              imageAlt: "Portrait of Ms. Schmidt, Head Concierge",
            },
            {
              id: "m3",
              title: "Chef Müller",
              subtitle: "Executive Chef",
              detail: "Chef Müller crafts exquisite menus, bringing local flavors and international techniques to your plate.",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-young-bearded-chef-man-wearing-white-cooker-uniform-hat-holding-yellow-plate-white-wall_141793-32826.jpg",
              imageAlt: "Portrait of Chef Müller, Executive Chef",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/decorated-front-door_23-2150562486.jpg?_wi=2",
          imageAlt: "smiling hotel manager professional portrait",
        },
      ]}
      title="Meet Our Dedicated Team"
      description="Our friendly and professional staff are here to ensure your stay at Hagedorn Hotel Wildpferd Dülmen is nothing short of perfect."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          title: "A truly magnificent stay!",
          quote: "Our weekend at Hagedorn Hotel Wildpferd Dülmen was absolutely perfect. The staff were incredibly attentive, the room was luxurious, and the dining experience was unforgettable. Highly recommend!",
          name: "Sarah J.",
          role: "Leisure Traveler",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-guy-with-breakfast-bed-girlfriend_23-2148334447.jpg",
          imageAlt: "Smiling woman in a hotel room",
        },
        {
          id: "t2",
          title: "Excellent for Business Travel",
          quote: "As a frequent business traveler, I appreciate efficiency and comfort. This hotel delivered on both. Seamless check-in, reliable Wi-Fi, and a quiet room to get work done. I'll be back.",
          name: "Mark R.",
          role: "Business Executive",
          imageSrc: "http://img.b2bpic.net/free-photo/motivated-boss-working-tirelessly-high-end-downtown-workspace_482257-123061.jpg",
          imageAlt: "Businessman in a hotel lounge",
        },
        {
          id: "t3",
          title: "Charming and Welcoming",
          quote: "From the moment I arrived, I felt genuinely welcomed. The hotel has a beautiful, authentic charm, and the personal touches made all the difference. A real gem in Dülmen!",
          name: "Emily P.",
          role: "Solo Adventurer",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-unpacking-suitcase-after-his-journey-sitting-bed-getting-clothes-out-bag_1258-314418.jpg",
          imageAlt: "Woman enjoying hotel balcony",
        },
        {
          id: "t4",
          title: "Our Anniversary Getaway",
          quote: "We chose Hagedorn Hotel for our anniversary, and it exceeded all expectations. The romantic dinner was exquisite, and the tranquil atmosphere made for a perfect celebration. Thank you for the memories.",
          name: "David & Maria K.",
          role: "Celebration Couple",
          imageSrc: "http://img.b2bpic.net/free-photo/senior-people-celebrating-together_23-2149262262.jpg",
          imageAlt: "Couple enjoying dinner at hotel",
        },
        {
          id: "t5",
          title: "Family Friendly Excellence",
          quote: "Traveling with kids can be challenging, but the staff at Hotel Wildpferd made it effortless. Our family room was spacious, and they were very accommodating with all our requests. A fantastic family vacation spot!",
          name: "The Müller Family",
          role: "Family Guests",
          imageSrc: "http://img.b2bpic.net/free-photo/kids-playing-around-calm-cosy-spaces_23-2149622615.jpg",
          imageAlt: "Family enjoying hotel pool",
        },
      ]}
      title="What Our Guests Say"
      description="Hear directly from those who have experienced the unique charm and exceptional service of Hotel Wildpferd Dülmen."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "What are your check-in and check-out times?",
          content: "Check-in is from 3:00 PM, and check-out is until 11:00 AM. Early check-in or late check-out may be available upon request and subject to availability.",
        },
        {
          id: "faq2",
          title: "Do you offer parking facilities?",
          content: "Yes, we provide complimentary on-site parking for all our guests. Valet parking is also available for an additional fee.",
        },
        {
          id: "faq3",
          title: "Is breakfast included in the room rate?",
          content: "Our flexible room rates include a rich breakfast buffet. For standard rates, breakfast can be added separately.",
        },
        {
          id: "faq4",
          title: "Do you have pet-friendly rooms?",
          content: "Yes, we offer a limited number of pet-friendly rooms. Please notify us in advance when booking if you plan to bring a pet.",
        },
        {
          id: "faq5",
          title: "What local attractions are near the hotel?",
          content: "We are ideally located close to Dülmen's historic city center, Merfelder Bruch (wild horses), and various cycling routes. Our concierge can provide recommendations.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to common inquiries about your stay at Hagedorn Hotel Wildpferd Dülmen."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-static",
      }}
      text="Ready to plan your unforgettable stay in Dülmen? Contact us today to reserve your room or inquire about our special offers. We look forward to welcoming you!"
      buttons={[
        {
          text: "Call Us: +49 2594 9110",
          href: "tel:+4925949110",
        },
        {
          text: "Email Us: info@hotel-wildpferd.de",
          href: "mailto:info@hotel-wildpferd.de",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/los-angeles-night-with-hollywood-sign-highway_649448-2570.jpg"
      imageAlt="Dülmen city view at dusk"
      logoText="Hagedorn Hotel Wildpferd Dülmen"
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "Home",
              href: "#home",
            },
            {
              label: "Rooms",
              href: "#rooms",
            },
            {
              label: "Features",
              href: "#features",
            },
            {
              label: "About Us",
              href: "#about",
            },
          ],
        },
        {
          title: "Services",
          items: [
            {
              label: "Dining",
              href: "#features",
            },
            {
              label: "Spa & Wellness",
              href: "#features",
            },
            {
              label: "Events",
              href: "#features",
            },
            {
              label: "Concierge",
              href: "#",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "Book Now",
              href: "#contact",
            },
            {
              label: "Location",
              href: "#contact",
            },
            {
              label: "Support",
              href: "mailto:support@hotel-wildpferd.de",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Hagedorn Hotel Wildpferd Dülmen. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
