"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { CheckCircle, Heart, HelpCircle, Home, MapPin, Sparkles, Star, Waves } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Beach Cottages"
          button={{ text: "Reserve Now", href: "contact" }}
          className=""
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Coastal Luxury Awaits You"
          description="Experience tranquility at our beachfront cottages. Wake to ocean breezes, golden sunsets, and world-class hospitality. Your perfect beach escape begins here."
          tag="Premium Beach Resort"
          tagIcon={Waves}
          imageSrc="https://img.b2bpic.net/free-photo/house-turquoise-island-tree-coconut_1253-657.jpg"
          imageAlt="Luxurious beachfront cottage overlooking the ocean"
          buttons={[
            { text: "Explore Rooms", href: "#rooms" },
            { text: "Reserve Now", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About Our Resort"
          tagIcon={MapPin}
          title="Your Gateway to Coastal Paradise"
          description="Discover Serenity"
          subdescription="Beach Cottages Resort & Spa"
          icon={Heart}
          imageSrc="https://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-happy-relax-around-swimming-pool-hotel-resort-leisure_74190-8389.jpg"
          imageAlt="Resort pool overlooking the beach"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Why Choose Beach Cottages"
          description="Experience the difference between ordinary hotels and extraordinary coastal getaways"
          tag="Our Advantages"
          tagIcon={CheckCircle}
          negativeCard={{
            items: [
              "Standard chain hotels",              "Crowded tourist areas",              "Limited personalization",              "Generic amenities"
            ]
          }}
          positiveCard={{
            items: [
              "Boutique beachfront cottages",              "Exclusive private locations",              "Bespoke guest experiences",              "Premium world-class amenities"
            ]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardFour
          title="Our Room Collections"
          description="Choose from our curated selection of beachfront accommodations, each designed for ultimate comfort and elegance"
          tag="Available Now"
          tagIcon={Home}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "deluxe-ocean-view",              name: "Deluxe Ocean View",              price: "$450/night",              variant: "King Bed • Terrace • Ocean View",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",              imageAlt: "Deluxe Ocean View Room"
            },
            {
              id: "premium-suite",              name: "Premium Oceanfront Suite",              price: "$650/night",              variant: "Double King • Spa Tub • Panoramic Views",              imageSrc: "https://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497252.jpg",              imageAlt: "Premium Oceanfront Suite"
            },
            {
              id: "standard-coastal",              name: "Standard Coastal Room",              price: "$299/night",              variant: "Queen Bed • Garden View • Modern Comfort",              imageSrc: "https://img.b2bpic.net/free-photo/minimalist-bedroom-with-view_23-2151934207.jpg",              imageAlt: "Standard Coastal Room"
            }
          ]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <MetricCardTen
          title="World-Class Amenities"
          description="Indulge in premium services and facilities designed for relaxation and rejuvenation"
          tag="Guest Services"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              title: "Infinity Pool",              subtitle: "Oceanside • Temperature Controlled • Cabanas Available",              category: "Wellness",              value: "24/7 Access"
            },
            {
              id: "2",              title: "Spa & Wellness Center",              subtitle: "Full-Service Spa • Massage Therapy • Yoga Classes",              category: "Health",              value: "Daily Schedules"
            },
            {
              id: "3",              title: "Beachfront Restaurant",              subtitle: "Fine Dining • Seafood Specialties • Sunset Cocktails",              category: "Dining",              value: "Award-Winning"
            },
            {
              id: "4",              title: "Concierge Service",              subtitle: "Travel Planning • Activity Booking • Local Recommendations",              category: "Services",              value: "Available Always"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Guest Experiences"
          description="Real stories from our valued guests who made unforgettable memories at Beach Cottages"
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Leisure Traveler",              company: "New York, USA",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg"
            },
            {
              id: "2",              name: "James Rodriguez",              role: "Honeymoon Guest",              company: "Miami, USA",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg"
            },
            {
              id: "3",              name: "Emma Thompson",              role: "Corporate Retreat",              company: "Boston, USA",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-with-curly-hair-posing_23-2148728584.jpg"
            },
            {
              id: "4",              name: "Marcus Johnson",              role: "Family Vacation",              company: "Los Angeles, USA",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg"
            },
            {
              id: "5",              name: "Victoria Chen",              role: "Wellness Retreat",              company: "San Francisco, USA",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-happy-adult-woman-blouse-long-skirt-sitting-staircase-inside-coworking-space-smiling-camera_197531-23006.jpg"
            },
            {
              id: "6",              name: "David Anderson",              role: "Beach Enthusiast",              company: "Seattle, USA",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149622870.jpg"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our accommodations, amenities, and booking policies"
          tag="Help Center"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What is the best time to visit Beach Cottages?",              content: "Our resort is beautiful year-round, with peak season from June to August offering warm weather and vibrant atmosphere. For a more intimate experience with fewer crowds, consider visiting during shoulder seasons (April-May or September-October). Winter months offer mild temperatures and excellent rates."
            },
            {
              id: "2",              title: "Do you offer all-inclusive packages?",              content: "Yes, we offer several all-inclusive options that bundle accommodations with meals, drinks, and select activities. Our concierge team can customize packages based on your preferences. Contact us for current all-inclusive rates and available options."
            },
            {
              id: "3",              title: "What is your cancellation policy?",              content: "We offer flexible cancellation up to 14 days before arrival for full refund. Bookings within 14 days of arrival are subject to 50% cancellation fee. Premium suites have stricter policies. For specific details, please contact our reservations team."
            },
            {
              id: "4",              title: "Are pets allowed at the resort?",              content: "Selected rooms are pet-friendly with an additional fee of $50 per night. We provide pet amenities including food bowls, bedding, and access to designated beach areas. Advanced notice required for pet bookings."
            },
            {
              id: "5",              title: "What activities and water sports are available?",              content: "We offer snorkeling, kayaking, paddleboarding, surfing lessons, and beachside yoga. Our concierge can arrange scuba diving, fishing expeditions, and local tours. Most water activities are available daily with equipment rental options."
            },
            {
              id: "6",              title: "Do you provide airport transportation?",              content: "Yes, we offer airport pickup and dropoff services for a reasonable fee. We can arrange vehicle rental or recommendations for private car services. Please arrange transportation details during the booking process or contact us in advance."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Plan Your Escape"
          description="Ready to experience paradise? Get in touch with our reservations team to secure your beachfront escape. We're here to create unforgettable memories."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Full Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: true
            },
            {
              name: "arrival",              type: "date",              placeholder: "Arrival Date",              required: true
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your ideal stay... room preferences, special occasions, or special requests",            rows: 5,
            required: false
          }}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-outdoor-infinity-swimming-pool-hotel-resort-with-sea-ocean-view-white-cloud-blue-sky_74190-9030.jpg"
          imageAlt="Peaceful beach landscape at sunset"
          mediaPosition="right"
          buttonText="Reserve Your Stay"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Beach Cottages"
          columns={[
            {
              title: "Rooms & Rates",              items: [
                { label: "Deluxe Ocean View", href: "#rooms" },
                { label: "Premium Suites", href: "#rooms" },
                { label: "Standard Coastal", href: "#rooms" },
                { label: "Special Offers", href: "#" }
              ]
            },
            {
              title: "Amenities",              items: [
                { label: "Spa & Wellness", href: "#amenities" },
                { label: "Restaurant", href: "#amenities" },
                { label: "Pool & Beach", href: "#amenities" },
                { label: "Activities", href: "#amenities" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Gallery", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Reservations", href: "#contact" },
                { label: "Group Bookings", href: "#contact" },
                { label: "Careers", href: "#" },
                { label: "Contact Us", href: "#contact" }
              ]
            }
          ]}
          copyrightText="© 2025 Beach Cottages Resort & Spa. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}