"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { UtensilsCrossed, Waves, Wifi, Dumbbell, Spa, Concierge } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Hotel El Bay"
          bottomLeftText="Coastal Luxury"
          bottomRightText="reservations@hotelelbay.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Hotel El Bay"
          description="Experience serene beachfront elegance with world-class amenities, curated suites, and unforgettable ocean vistas. Your perfect coastal escape begins here."
          buttons={[
            { text: "Book Your Escape", href: "#contact" },
            { text: "Explore Suites", href: "#rooms" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg"
          imageAlt="Luxury beachfront suite with ocean view at Hotel El Bay"
          mediaAnimation="slide-up"
          frameStyle="card"
          ariaLabel="Hotel El Bay hero section showcasing coastal luxury"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Sanctuary of Coastal Elegance"
          description="Nestled along pristine shores, Hotel El Bay redefines luxury hospitality with meticulously designed suites, personalized service, and wellness-focused amenities. Each moment promises tranquility, sophistication, and authentic connection to the sea."
          tag="Our Story"
          buttons={[
            { text: "Discover More", href: "#amenities" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/front-desk-hotel-reception-lobby_482257-76228.jpg"
          imageAlt="Hotel El Bay elegant lobby with ocean views"
          useInvertedBackground={false}
          ariaLabel="About Hotel El Bay section"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureBorderGlow
          title="World-Class Amenities"
          description="Discover the perfect blend of relaxation and indulgence with our premium offerings designed for discerning travelers."
          tag="What We Offer"
          features={[
            {
              icon: Spa,
              title: "Spa & Wellness",              description: "Rejuvenate with our full-service spa featuring holistic treatments, yoga classes, and meditation spaces overlooking the ocean."
            },
            {
              icon: UtensilsCrossed,
              title: "Fine Dining",              description: "Savor exquisite cuisine at our award-winning restaurant featuring locally sourced ingredients and innovative coastal flavors."
            },
            {
              icon: Waves,
              title: "Infinity Pool",              description: "Lounge in our heated infinity pool with seamless ocean views and personalized cabana service throughout the day."
            },
            {
              icon: Concierge,
              title: "Concierge Service",              description: "Our dedicated team arranges bespoke experiences, private events, and tailored activities for unforgettable memories."
            },
            {
              icon: Wifi,
              title: "High-Speed Connectivity",              description: "Stay connected with complimentary premium WiFi, business center access, and seamless digital integration throughout the resort."
            },
            {
              icon: Dumbbell,
              title: "State-of-Art Fitness",              description: "Train with modern equipment, personalized coaching, and oceanfront gym studios designed for optimal wellness."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "View All Amenities", href: "#" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardTwo
          title="Luxurious Suite Collection"
          description="Each suite is meticulously crafted to provide the ultimate coastal retreat with premium furnishings and ocean-inspired design."
          tag="Room Types"
          products={[
            {
              id: "1",              brand: "Hotel El Bay",              name: "Oceanfront Suite",              price: "$450/night",              rating: 5,
              reviewCount: "384",              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-female-lying-bed-looking-beach-through-glass-windows_181624-57823.jpg",              imageAlt: "Oceanfront suite with terrace and sea view"
            },
            {
              id: "2",              brand: "Hotel El Bay",              name: "Deluxe Beachfront",              price: "$580/night",              rating: 5,
              reviewCount: "256",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",              imageAlt: "Deluxe beachfront room with private access"
            },
            {
              id: "3",              brand: "Hotel El Bay",              name: "Private Coastal Villa",              price: "$950/night",              rating: 5,
              reviewCount: "128",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg",              imageAlt: "Private villa with infinity pool and ocean views"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Check Availability", href: "#contact" }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Recognized Excellence"
          description="Hotel El Bay is trusted by travelers worldwide and featured on leading travel platforms."
          tag="Featured On"
          textboxLayout="default"
          useInvertedBackground={false}
          names={["TripAdvisor", "Booking.com", "Airbnb", "Agoda", "Expedia", "Travelocity", "VRBO"]}
          logos={[
            "http://img.b2bpic.net/free-vector/flat-design-ecotourism-labels_23-2149267732.jpg",            "http://img.b2bpic.net/free-vector/pin-map-hotel-logo_1043-112.jpg",            "http://img.b2bpic.net/free-vector/hand-drawn-muted-colors-label-collection_23-2150028099.jpg",            "http://img.b2bpic.net/free-vector/flat-design-travel-agency-badges_23-2149348552.jpg",            "http://img.b2bpic.net/free-vector/flat-travel-label-set_23-2149069151.jpg",            "http://img.b2bpic.net/free-vector/travel-logo-template_23-2149705467.jpg",            "http://img.b2bpic.net/free-vector/pin-map-hotel-logo_1043-112.jpg"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Guest Experiences"
          description="Hear from our satisfied guests who have experienced the magic of Hotel El Bay."
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "Margaret Richardson",              handle: "@mrich_travel",              testimonial: "An absolutely transformative retreat. The attention to detail, from room service to beachfront activities, exceeded every expectation. We're already planning our return visit.",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Margaret Richardson"
            },
            {
              id: "2",              name: "David Chen",              handle: "@dchen_ventures",              testimonial: "Perfect for our corporate retreat. The team arranged everything seamlessly, and our guests were thoroughly impressed. Professionalism meets paradise here.",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "David Chen"
            },
            {
              id: "3",              name: "Elena Moretti",              handle: "@elena_lifestyle",              testimonial: "The spa treatments changed my life. Combined with the serene coastal setting and impeccable service, this is luxury at its finest. A sanctuary indeed.",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204371.jpg",              imageAlt: "Elena Moretti"
            },
            {
              id: "4",              name: "James Peterson",              handle: "@jpeterusa",              testimonial: "My wedding here was unforgettable. Every detail was perfection, and the views provided the most stunning backdrop for our photos. Thank you for making it special.",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "James Peterson"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to book your perfect coastal escape? Contact our reservations team today and let us create an unforgettable experience for you."
          animationType="entrance-slide"
          buttons={[
            { text: "Reserve Now", href: "mailto:reservations@hotelelbay.com" },
            { text: "Call Us", href: "tel:+1-800-ELBAYYY" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          ariaLabel="Contact Hotel El Bay to book your reservation"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Hotel El Bay"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
          ariaLabel="Hotel El Bay footer"
        />
      </div>
    </ThemeProvider>
  );
}
