"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterBase from "@/components/sections/footer/FooterBase";
import { MapPin } from "lucide-react";

export default function MamaHotelsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="blurBottom"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="MAMA HOTELS MIDWAY"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "Reviews", id: "reviews" },
            { name: "Location", id: "location" },
            { name: "Contact", id: "contact" },
          ]}
          button={{
            text: "Reserve a Table",            href: "#contact"}}
          animateOnLoad={true}
          className="z-50"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Experience Authentic Taste & Family Comfort"
          description="Welcome to MAMA HOTELS MIDWAY on NH-58, Nathdwara. Your favorite stop for delicious, affordable family meals and warm hospitality."
          tag="⭐ 4.7 Rating | 1,130+ Reviews"
          tagAnimation="blur-reveal"
          imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-indian-tasty-food-called-marwari-veg-thali-wooden-table_181624-58043.jpg"
          imageAlt="Authentic Indian thali with warm lighting"
          mediaAnimation="slide-up"
          background={{ variant: "glowing-orb" }}
          buttons={[
            { text: "View Menu", href: "#menu" },
            { text: "Reserve a Table", href: "#contact" },
          ]}
          buttonAnimation="blur-reveal"
          testimonials={[
            {
              name: "Rajesh Kumar",              handle: "Traveler",              testimonial: "Best authentic Rajasthani food on the highway! Family-friendly and affordable.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1"},
            {
              name: "Priya Sharma",              handle: "Family",              testimonial: "We stop here every time we visit Nathdwara. The hospitality is unmatched!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1"},
            {
              name: "Amit Patel",              handle: "Regular Customer",              testimonial: "Fresh, hygienic food with authentic flavors. Highly recommended!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-taking-selfie_23-2148972785.jpg?_wi=1"},
          ]}
          testimonialRotationInterval={5000}
          useInvertedBackground={false}
          ariaLabel="Hero section with testimonials"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Welcome"
          tagAnimation="blur-reveal"
          title="Welcome to MAMA HOTELS MIDWAY"
          description="Located on NH-58, Nathdwara, we serve delicious and affordable family meals. Known for our hospitality and authentic flavors, we are a favorite stop for travelers and families alike. Our commitment is to provide warmth, comfort, and genuine hospitality with every meal."
          metrics={[
            { value: "20+", title: "Years of Service & Trust" },
            { value: "1000+", title: "Happy Families Daily" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg"
          imageAlt="Restaurant interior with warm ambiance"
          mediaAnimation="slide-up"
          metricsAnimation="blur-reveal"
          useInvertedBackground={false}
          ariaLabel="About section"
        />
      </div>

      <div id="specialties" data-section="specialties">
        <FeatureBento
          title="Our Specialties"
          description="Discover the authentic flavors and services that make MAMA HOTELS MIDWAY your perfect dining destination."
          tag="Services"
          tagAnimation="blur-reveal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          features={[
            {
              title: "Authentic Rajasthani Thali",              description: "Traditional complete meal with authentic regional flavors",              bentoComponent: "globe"},
            {
              title: "North Indian Specials",              description: "Rich curries and traditional recipes perfected over decades",              bentoComponent: "animated-bar-chart"},
            {
              title: "Fresh & Hygienic Food",              description: "Daily sourced ingredients with strict quality standards",              bentoComponent: "line-chart"},
            {
              title: "Tea & Snacks Stop",              description: "Perfect refreshment break for travelers on the highway",              bentoComponent: "map"},
          ]}
          ariaLabel="Specialties section"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardThree
          title="Menu Preview"
          description="Explore our popular dishes and delicious offerings. All prices range from ₹100-200 for affordable family dining."
          tag="Popular Items"
          tagAnimation="blur-reveal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="four-items-2x2-equal-grid"
          products={[
            {
              id: "1",              name: "Authentic Rajasthani Thali",              price: "₹150",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-indian-food-spices_23-2148747647.jpg",              imageAlt: "Rajasthani thali",              initialQuantity: 1,
            },
            {
              id: "2",              name: "Butter Chicken with Naan",              price: "₹140",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-composition-traditional-roti_23-2149034028.jpg",              imageAlt: "Butter chicken and naan",              initialQuantity: 1,
            },
            {
              id: "3",              name: "Gulab Jamun & Kheer",              price: "₹80",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-coconut-candies-with-red-icings-black_140725-104629.jpg",              imageAlt: "Gulab jamun and kheer dessert",              initialQuantity: 1,
            },
            {
              id: "4",              name: "Masala Tea & Samosa",              price: "₹60",              imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-green-syrup_140725-3394.jpg",              imageAlt: "Masala tea with samosa",              initialQuantity: 1,
            },
          ]}
          buttons={[{ text: "View Full Menu", href: "#contact" }]}
          buttonAnimation="blur-reveal"
          ariaLabel="Menu preview section"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Join over 1,130 happy customers who trust MAMA HOTELS MIDWAY for authentic, family-friendly dining."
          tag="Reviews"
          tagAnimation="blur-reveal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Rajesh Kumar",              handle: "@rajesh_travels",              testimonial: "Best authentic Rajasthani food on NH-58! Every dish is prepared with love and care. The hospitality is exceptional.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=2"},
            {
              id: "2",              name: "Priya Sharma",              handle: "@priya_family",              testimonial: "Perfect place for family dining. The food is fresh, affordable, and absolutely delicious. We visit every month!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2"},
            {
              id: "3",              name: "Amit Patel",              handle: "@amit_regular",              testimonial: "Consistent quality, authentic flavors, and genuine hospitality. This is why MAMA HOTELS is our favorite restaurant.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-taking-selfie_23-2148972785.jpg?_wi=2"},
            {
              id: "4",              name: "Neha Desai",              handle: "@neha_foodie",              testimonial: "Hygienic preparation, traditional recipes, and warm service. Highly recommended for anyone visiting Nathdwara!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-boarding-pass-checking-his-mobile-phone_107420-95787.jpg"},
          ]}
          carouselMode="buttons"
          ariaLabel="Customer testimonials section"
        />
      </div>

      <div id="location" data-section="location">
        <ContactFaq
          ctaTitle="Visit Us Today"
          ctaDescription="Located conveniently on NH-58 in Nathdwara. Call us to reserve your table or get directions."
          ctaIcon={MapPin}
          ctaButton={{
            text: "Get Directions",            href: "#"}}
          useInvertedBackground={false}
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What are your operating hours?",              content: "We are open daily from morning until 11:30 PM. Perfect for breakfast, lunch, dinner, and refreshment stops for travelers."},
            {
              id: "2",              title: "Do you offer drive-through service?",              content: "Yes! We offer convenient drive-through service for quick orders. No need to step out of your vehicle."},
            {
              id: "3",              title: "What payment methods do you accept?",              content: "We accept cash, all major credit and debit cards, UPI, and digital wallets for your convenience."},
            {
              id: "4",              title: "Can I make reservations online?",              content: "You can call us at 077288 04411 or visit us in person. We welcome walk-ins and also accommodate advance reservations for groups."},
            {
              id: "5",              title: "Is the restaurant LGBTQ+ friendly?",              content: "Absolutely! We are proud to be a welcoming, inclusive space for all our guests and families."},
          ]}
          ariaLabel="Location and contact section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="MAMA HOTELS MIDWAY"
          copyrightText="© 2025 MAMA HOTELS MIDWAY | All Rights Reserved"
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "Home", href: "/" },
                { label: "Menu", href: "#menu" },
                { label: "Reviews", href: "#reviews" },
                { label: "Contact", href: "#location" },
              ],
            },
            {
              title: "Contact",              items: [
                { label: "📞 077288 04411", href: "#" },
                { label: "📍 NH-58, Nathdwara, Rajasthan", href: "#" },
                { label: "🕒 Open Daily", href: "#" },
              ],
            },
            {
              title: "Follow Us",              items: [
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "WhatsApp", href: "https://whatsapp.com" },
              ],
            },
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
