"use client"

import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Quote } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="The Beach Cottages"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Reviews", id: "testimonials" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",            href: "#booking"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Escape to the Rhythm of the Waves"
          description="Relax in modern beach cottages where San Diego's coastal charm meets comfort"
          tag="Beachfront Living"
          buttons={[
            {
              text: "Book Your Coastal Getaway Now",              href: "#booking"
            },
            {
              text: "Explore Rooms",              href: "#rooms"
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_38BjcazLrwif0ixg9s4SVqUVz24/uploaded-1768433891645-epnsf30s.jpg"
          imageAlt="Modern beachfront cottage with ocean view"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Your Sanctuary by the" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/beach-surrounded-by-sea-with-vertical-wooden-planks-it-sunset-evening_181624-18536.jpg", alt: "Ocean waves" },
            { type: "text", content: "Awaits" }
          ]}
          buttons={[
            { text: "Our Story", href: "#about" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardOne
          title="Our Cottages"
          description="Each cottage is thoughtfully designed with modern amenities and breathtaking coastal views. Choose the perfect space for your San Diego escape."
          tag="Rooms & Accommodations"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "deluxe",              name: "Deluxe Ocean View",              price: "$275/night",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_38BjcazLrwif0ixg9s4SVqUVz24/uploaded-1768432083676-2eo6b44a.jpg",              imageAlt: "Deluxe ocean view cottage with terrace"
            },
            {
              id: "suite",              name: "Premium Beach Suite",              price: "$325/night",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_38BjcazLrwif0ixg9s4SVqUVz24/uploaded-1768432083674-4nuf7kwa.jpg",              imageAlt: "Premium beach suite with spacious layout"
            },
            {
              id: "standard",              name: "Coastal Comfort Room",              price: "$225/night",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_38BjcazLrwif0ixg9s4SVqUVz24/uploaded-1768432083676-wi6xrq1t.jpg",              imageAlt: "Cozy coastal comfort room"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardOne
          title="Amenities & Experiences"
          description="Discover world-class facilities designed for relaxation, wellness, and unforgettable coastal moments."
          tag="What We Offer"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="two-columns-alternating-heights"
          features={[
            {
              title: "Oceanfront Infinity Pool",              description: "Seamlessly blend with the horizon in our heated infinity pool overlooking the Pacific Ocean. Perfect for sunrise swims and sunset cocktails.",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg",              imageAlt: "Luxury oceanfront infinity pool"
            },
            {
              title: "Wellness Spa",              description: "Indulge in rejuvenating treatments from our expert therapists. Our spa features ocean-view massage rooms and natural coastal healing practices.",              imageSrc: "https://img.b2bpic.net/free-photo/couple-talking-drinking-coconut-milk-by-pool-vacation_23-2149369768.jpg",              imageAlt: "Serene spa treatment room"
            },
            {
              title: "Farm-to-Table Dining",              description: "Experience coastal cuisine crafted from fresh, local ingredients. Our restaurant captures the essence of San Diego's culinary scene with ocean views.",              imageSrc: "https://img.b2bpic.net/free-photo/wooden-pier-fancy-orange-sunset_146671-18825.jpg",              imageAlt: "Fresh coastal dining experience"
            },
            {
              title: "Private Beach Access",              description: "Exclusive access to our pristine private beach. Perfect for romantic walks, sunset viewing, and water activities throughout the year.",              imageSrc: "https://img.b2bpic.net/free-photo/beach-surrounded-by-sea-with-vertical-wooden-planks-it-sunset-evening_181624-18536.jpg",              imageAlt: "Private beach with golden sand"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Guest Experiences"
          description="Hear from travelers who've discovered their perfect coastal escape at Coastal Haven"
          tag="Guest Reviews"
          textboxLayout="default"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahtravels",              testimonial: "This place is absolutely stunning. We booked the Premium Suite and spent our days swimming, dining, and relaxing by the pool. The staff made us feel like family.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Sarah Mitchell",              icon: Quote
            },
            {
              id: "2",              name: "James Chen",              handle: "@explorerjames",              testimonial: "Coastal Haven exceeded every expectation. The cottage was immaculate, the views were breathtaking, and the spa treatment was the perfect way to unwind after a busy year.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "James Chen",              icon: Quote
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@wanderlushen",              testimonial: "We celebrated our anniversary here and couldn't have asked for a more romantic setting. The private beach access and sunset dinners made it truly special.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",              imageAlt: "Emma Rodriguez",              icon: Quote
            },
            {
              id: "4",              name: "David & Lisa Park",              handle: "@parkcouple",              testimonial: "Perfect destination for a couples' retreat. The Deluxe Ocean View room felt like a sanctuary, and we loved exploring the local beach culture. Can't wait to return!",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "David and Lisa Park",              icon: Quote
            },
            {
              id: "5",              name: "Michael Torres",              handle: "@michaelvacations",              testimonial: "The attention to detail here is remarkable. From the luxurious amenities to the personalized service, every moment felt carefully curated for our comfort.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Michael Torres",              icon: Quote
            },
            {
              id: "6",              name: "Jessica Wang",              handle: "@jessicawanderer",              testimonial: "Finally found a hotel that combines luxury with genuine warmth. The farm-to-table restaurant and spa made this the ultimate relaxation destination.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Jessica Wang",              icon: Quote
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="booking" data-section="booking">
        <ContactText
          text="Ready to escape the everyday and discover your perfect coastal retreat? Book your stay at Coastal Haven today and create unforgettable memories by the sea."
          animationType="reveal-blur"
          buttons={[
            {
              text: "Reserve Your Cottage",              href: "https://booking.example.com"
            },
            {
              text: "Contact Us",              href: "#contact"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Coastal Haven"
          columns={[
            {
              title: "Accommodations",              items: [
                { label: "Deluxe Ocean View", href: "#rooms" },
                { label: "Premium Beach Suite", href: "#rooms" },
                { label: "Coastal Comfort Room", href: "#rooms" }
              ]
            },
            {
              title: "Experiences",              items: [
                { label: "Spa & Wellness", href: "#amenities" },
                { label: "Dining", href: "#amenities" },
                { label: "Beach Activities", href: "#amenities" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Reviews", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Booking Policies", href: "#" },
                { label: "Guest FAQs", href: "#" },
                { label: "Travel Guides", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Coastal Haven. All rights reserved. San Diego, California."
        />
      </div>
    </ThemeProvider>
  );
}