"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroLogo from "@/components/sections/hero/HeroLogo";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Mail, MapPin, Phone, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLarge"
      background="noise"
      cardStyle="gradient-mesh"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Gallery", id: "gallery" },
            { name: "Contact", id: "contact" },
          ]}
          brandName="Hotel Town Palace"
          bottomLeftText="Vijayapura, Karnataka"
          bottomRightText="📞 +91 (8XX) XXXX XXXX"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Hotel Town Palace"
          description="Comfortable Stay in the Heart of Vijayapura — Premium rooms, exceptional hospitality, and a convenient location on Athani Road."
          buttons={[
            { text: "📞 Call Now", href: "tel:+918XXXXXXXX" },
            { text: "Book Your Stay", href: "#contact" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg"
          imageAlt="Hotel Town Palace Luxury Lobby"
          showDimOverlay={true}
        />
      </div>

      <div id="trust" data-section="trust">
        <TextSplitAbout
          title="Why Choose Hotel Town Palace?"
          description={[
            "Trusted by families, business travelers, and tourists visiting Vijayapura and Bijapur.",            "⭐ 4.7-star rating with 6,800+ verified guest reviews. Located on prime Athani Road with easy access to historical sites and local attractions."]}
          buttons={[{ text: "View Our Rooms", href: "#rooms" }]}
          useInvertedBackground={false}
          showBorder={true}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardOne
          title="Our Room Types"
          description="Explore our carefully curated selection of rooms designed for comfort and convenience."
          tag="Accommodation"
          products={[
            {
              id: "1",              name: "Standard Room",              price: "₹3,500/night",              imageSrc: "http://img.b2bpic.net/free-photo/hotel-white-home-lamp-cushion_1203-5183.jpg",              imageAlt: "Standard Room"},
            {
              id: "2",              name: "Deluxe Room",              price: "₹5,200/night",              imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-luxury-resort_53876-138105.jpg",              imageAlt: "Deluxe Room"},
            {
              id: "3",              name: "Family Suite",              price: "₹7,800/night",              imageSrc: "http://img.b2bpic.net/free-photo/mom-spending-time-with-children_23-2149310669.jpg",              imageAlt: "Family Suite"},
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Check Availability", href: "#contact" }]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardTwentyOne
          title="Premium Amenities & Services"
          description="We provide everything you need for a comfortable and memorable stay."
          tag="Facilities"
          tagIcon={Sparkles}
          imageSrc="http://img.b2bpic.net/free-photo/served-table-restaurant_93675-129581.jpg"
          imageAlt="Hotel Dining and Amenities"
          accordionItems={[
            {
              id: "1",              title: "Free High-Speed WiFi",              content: "Stay connected with complimentary high-speed internet access throughout the hotel."},
            {
              id: "2",              title: "AC Rooms with Premium Bedding",              content: "All rooms feature air conditioning, flat-screen TVs, and premium linens for maximum comfort."},
            {
              id: "3",              title: "24/7 Front Desk & Room Service",              content: "Our dedicated team is available round-the-clock to assist with any requests."},
            {
              id: "4",              title: "Free Parking & Safe Travel",              content: "Convenient on-site parking available. Assistance with local transportation and directions."},
            {
              id: "5",              title: "Multi-Cuisine Restaurant",              content: "Enjoy breakfast, lunch, and dinner at our in-house restaurant with diverse menu options."},
            {
              id: "6",              title: "Event & Meeting Space",              content: "Host weddings, conferences, and family gatherings in our spacious event facilities."},
          ]}
          mediaPosition="left"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          buttons={[{ text: "Learn More", href: "#" }]}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <BlogCardThree
          title="Photo Gallery"
          description="Discover the beauty and elegance of Hotel Town Palace through our curated photo collection."
          tag="Gallery"
          blogs={[
            {
              id: "1",              category: "Rooms",              title: "Luxurious Guest Rooms",              excerpt: "Spacious rooms with modern amenities and comfortable bedding for a restful stay.",              imageSrc: "http://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",              imageAlt: "Hotel Rooms",              authorName: "Hotel Town Palace",              authorAvatar: "http://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",              date: "2025"},
            {
              id: "2",              category: "Interior",              title: "Elegant Hotel Interiors",              excerpt: "Beautifully designed corridors and common areas reflecting our commitment to elegance.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160766.jpg",              imageAlt: "Hotel Interior",              authorName: "Hotel Town Palace",              authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160766.jpg",              date: "2025"},
            {
              id: "3",              category: "Facilities",              title: "Modern Amenities",              excerpt: "State-of-the-art facilities including spa, dining, and recreational spaces.",              imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2725.jpg",              imageAlt: "Hotel Facilities",              authorName: "Hotel Town Palace",              authorAvatar: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2725.jpg",              date: "2025"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "View All Photos", href: "#" }]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Guest Reviews"
          description="Read what our satisfied guests have to say about their stay at Hotel Town Palace."
          tag="Testimonials"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Rajesh Kumar",              role: "Business Traveler",              testimonial: "Outstanding service and comfortable rooms. The staff made my stay memorable. Highly recommended for business trips to Vijayapura!",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Rajesh Kumar"},
            {
              id: "2",              name: "Priya Sharma",              role: "Family Vacation",              testimonial: "Perfect location for visiting Bijapur. The rooms are spacious, clean, and the hospitality is exceptional. Our kids loved the stay!",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Priya Sharma"},
            {
              id: "3",              name: "Arun Patel",              role: "Event Host",              testimonial: "We held our wedding reception here and it was perfect. The event team was professional, the venue was beautiful, and the food was delicious.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Arun Patel"},
            {
              id: "4",              name: "Deepika Nair",              role: "Tourist",              testimonial: "Great hotel for exploring Bijapur. The staff helped us plan our sightseeing itinerary. Clean rooms, friendly service, and value for money.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Deepika Nair"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="location" data-section="location">
        <FaqSplitMedia
          title="Find Us Easily"
          description="Located on Athani Road, Vijayapura, Karnataka — easily accessible from major attractions and transportation hubs."
          tag="Location"
          tagIcon={MapPin}
          imageSrc="http://img.b2bpic.net/free-photo/important-building-facade_1127-23.jpg"
          imageAlt="Hotel Town Palace Exterior"
          mediaPosition="right"
          mediaAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "Where is Hotel Town Palace located?",              content: "We're located on Athani Road, Vijayapura, Karnataka. Easily accessible from Bijapur city center and close to historical monuments."},
            {
              id: "2",              title: "How do I get directions?",              content: "Use Google Maps or call us for turn-by-turn directions. We're visible from the main road with clear signage."},
            {
              id: "3",              title: "Is parking available?",              content: "Yes, free parking is available on-site for all our guests. Secure and spacious parking area."},
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            {
              text: "Get Directions",              href: "https://maps.google.com/?q=Hotel+Town+Palace+Vijayapura"},
          ]}
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactSplit
          tag="Book Now"
          title="Need a Room Today?"
          description="Submit your booking inquiry below and our team will get back to you within 2 hours. For immediate bookings, call us directly."
          imageSrc="http://img.b2bpic.net/free-photo/traveller-calling-hotel-concierge_482257-79728.jpg"
          imageAlt="Hotel Reception Desk"
          mediaPosition="right"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Submit Inquiry"
          termsText="We'll contact you within 2 hours with availability and pricing details."
          background={{ variant: "sparkles-gradient" }}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Hotel Town Palace"
          copyrightText="© 2025 Hotel Town Palace | Vijayapura, Karnataka | All rights reserved."
          socialLinks={[
            {
              icon: Phone,
              href: "tel:+918XXXXXXXX",              ariaLabel: "Call Hotel"},
            {
              icon: Mail,
              href: "mailto:info@hoteltown palace.com",              ariaLabel: "Email Hotel"},
            {
              icon: MapPin,
              href: "https://maps.google.com/?q=Hotel+Town+Palace+Vijayapura",              ariaLabel: "Location"},
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
