"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Home } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Zarina's House"
          navItems={[
            { name: "About", id: "about" },
            { name: "Gallery", id: "gallery" },
            { name: "Location", id: "location" },
            { name: "Book Now", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="A Cozy Escape for Your Rest and Recharge"
          description="Country house rental with a private terrace and BBQ area. Only 20 minutes from the city. Perfect for weekend getaways and peaceful retreats."
          tag="The Quiet Retreat"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Check Availability", href: "contact" },
            { text: "View Gallery", href: "gallery" }
          ]}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/magnificent-unicorn-nature_23-2149547483.jpg",              imageAlt: "House exterior at golden hour"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-bored-tired-look-holding-tv-remote-resting-couch_181624-29349.jpg",              imageAlt: "Spacious living room"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangement-with-fresh-sheets_23-2150551109.jpg",              imageAlt: "Cozy bedroom with white linens"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beach-restaurant-evening_661209-253.jpg",              imageAlt: "Terrace with sunset view"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-friends-relaxing-night_23-2149213422.jpg",              imageAlt: "Outdoor fire pit area"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-breakfast-kitchen-aromatic-herbs-hot-tea_482257-8613.jpg",              imageAlt: "Morning coffee at the counter"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About The Retreat"
          title="Your Private Haven for Relaxation and Connection"
          description="Experience Authentic Comfort"
          subdescription="Zarina's House - 1,300 sq ft of pure serenity"
          icon={Home}
          imageSrc="http://img.b2bpic.net/free-photo/builtin-dishwasher-door-slightly-open-smart-kitchen_169016-71056.jpg"
          imageAlt="Premium equipped kitchen"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Why Choose The Quiet Retreat"
          description="Discover the perfect blend of comfort, amenities, and tranquility designed for your ideal escape."
          tag="Premium Features"
          features={[
            {
              id: 1,
              tag: "Space & Comfort",              title: "Spacious Layout",              subtitle: "1,300 sq ft of thoughtfully designed space",              description: "Three cozy bedrooms and a large living room provide ample space for families and groups. Each room is designed to maximize comfort and tranquility, featuring premium furnishings and warm lighting.",              imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-bored-tired-look-holding-tv-remote-resting-couch_181624-29349.jpg",              imageAlt: "Spacious living area"
            },
            {
              id: 2,
              tag: "Convenience",              title: "Fully Equipped",              subtitle: "Everything you need for a perfect stay",              description: "Our kitchen features a complete set of cookware, a professional coffee machine, a modern oven, and a convenient dishwasher. Whether cooking gourmet meals or enjoying simple cuisine, you'll have everything at your fingertips.",              imageSrc: "http://img.b2bpic.net/free-photo/builtin-dishwasher-door-slightly-open-smart-kitchen_169016-71056.jpg",              imageAlt: "Modern equipped kitchen"
            },
            {
              id: 3,
              tag: "Atmosphere",              title: "Warm Ambiance",              subtitle: "Indoor fireplace and outdoor fire pit",              description: "Gather around the cozy indoor fireplace during cool evenings, or enjoy evening entertainment at the outdoor fire pit. Create unforgettable memories while enjoying the warmth and comfort of a well-designed retreat.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-reading-by-fire_23-2149172520.jpg",              imageAlt: "Cozy fireplace setting"
            },
            {
              id: 4,
              tag: "Productivity",              title: "Work-Ready",              subtitle: "High-speed Wi-Fi for remote work",              description: "Stay connected with our reliable high-speed internet. Perfect for remote workers, freelancers, and digital nomads who need to balance work and relaxation.",              imageSrc: "http://img.b2bpic.net/free-photo/keyboard-near-tablet-cup-smartphone-plant-monitor-cooling-fan_23-2148036906.jpg",              imageAlt: "Modern workspace setup"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardFour
          title="Gallery & Highlights"
          description="Explore the beauty and comfort of Zarina's House through these curated moments."
          tag="Visual Tour"
          products={[
            {
              id: "1",              name: "Luxury Bedroom",              price: "Experience",              variant: "Crisp white linens and premium comfort",              imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangement-with-fresh-sheets_23-2150551109.jpg",              imageAlt: "Luxury bedroom"
            },
            {
              id: "2",              name: "Sunset Terrace",              price: "Serenity",              variant: "Breathtaking views from your private space",              imageSrc: "http://img.b2bpic.net/free-photo/beach-restaurant-evening_661209-253.jpg",              imageAlt: "Terrace sunset"
            },
            {
              id: "3",              name: "Morning Coffee",              price: "Ritual",              variant: "Freshly brewed moments of peace",              imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-breakfast-kitchen-aromatic-herbs-hot-tea_482257-8613.jpg",              imageAlt: "Coffee counter"
            },
            {
              id: "4",              name: "Evening Fire Pit",              price: "Gathering",              variant: "Outdoor warmth and connection",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-friends-relaxing-night_23-2149213422.jpg",              imageAlt: "Fire pit area"
            },
            {
              id: "5",              name: "BBQ Terrace",              price: "Entertaining",              variant: "Perfect for memorable meals",              imageSrc: "http://img.b2bpic.net/free-photo/young-men-roasting-barbecue-grill-cottage-countryside_176420-1894.jpg",              imageAlt: "BBQ area"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="location" data-section="location">
        <PricingCardEight
          title="Pricing & Packages"
          description="Transparent pricing with flexible options for your perfect getaway."
          tag="Booking Rates"
          plans={[
            {
              id: "weekday",              badge: "Popular",              price: "$150/night",              subtitle: "Monday to Thursday stays",              buttons: [{ text: "Book Weekday", href: "contact" }],
              features: [
                "Full house access",                "3 bedrooms included",                "Complimentary firewood",                "High-speed Wi-Fi",                "Full kitchen access"
              ]
            },
            {
              id: "weekend",              badge: "Best Value",              price: "$200/night",              subtitle: "Friday to Sunday stays",              buttons: [{ text: "Book Weekend", href: "contact" }],
              features: [
                "Full house access",                "3 bedrooms included",                "Complimentary firewood",                "High-speed Wi-Fi",                "Full kitchen & BBQ access"
              ]
            },
            {
              id: "sauna",              badge: "Premium Add-on",              price: "$50/stay",              subtitle: "Luxury sauna experience",              buttons: [{ text: "Add Sauna", href: "contact" }],
              features: [
                "Private sauna access",                "Relaxation & wellness",                "Available anytime",                "Perfect for groups",                "Adds luxury to your retreat"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Visit?"
          title="We are always here to help!"
          description="Book directly with the owner and save on booking fees. Reach out via phone, WhatsApp, or Telegram for instant communication and personalized assistance."
          buttons={[
            { text: "📞 Call the Owner: +7 771 794 5140", href: "tel:+77717945140" },
            { text: "💬 Message on WhatsApp", href: "https://wa.me/77717945140" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Zarina's House"
          columns={[
            {
              title: "Navigation",              items: [
                { label: "Home", href: "#hero" },
                { label: "About", href: "#about" },
                { label: "Gallery", href: "#gallery" },
                { label: "Pricing", href: "#location" }
              ]
            },
            {
              title: "Booking",              items: [
                { label: "Check Availability", href: "tel:+77717945140" },
                { label: "Call Owner", href: "tel:+77717945140" },
                { label: "WhatsApp", href: "https://wa.me/77717945140" },
                { label: "Telegram", href: "https://t.me/your_telegram_handle" }
              ]
            },
            {
              title: "Information",              items: [
                { label: "House Rules", href: "#" },
                { label: "Check-in/Check-out", href: "#" },
                { label: "Amenities", href: "#features" },
                { label: "Location", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Cancellation Policy", href: "#" },
                { label: "Contact Us", href: "#contact" }
              ]
            }
          ]}
          copyrightText="© 2025 Zarina's House | The Quiet Retreat. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
