"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { MapPin, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="medium"
      background="fluid"
      cardStyle="solid"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Café 37"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Book Table", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Your Cozy Café Spot Near Belgachia Metro"
          description="Great food, live music, and a vibe you'll come back for. Budget-friendly ₹200–400 aesthetic space perfect for hangouts, dates, and work sessions."
          tag="5 min from Belgachia Metro"
          tagIcon={MapPin}
          tagAnimation="slide-up"
          buttons={[
            { text: "Call Now", href: "tel:+919876543210" },
            { text: "Book a Table", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg", imageAlt: "Café 37 cozy interior with warm lighting" },
            { imageSrc: "http://img.b2bpic.net/free-photo/luxurious-office-space-multinational-company-with-monitor_482257-119882.jpg", imageAlt: "Café 37 seating area and ambience" },
            { imageSrc: "http://img.b2bpic.net/free-photo/waitress-writing-notebook_23-2147795652.jpg", imageAlt: "Café 37 modern counter design" },
            { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-eating-restaurant_23-2150491788.jpg", imageAlt: "Café 37 live music performance" },
            { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-refreshing-cocktail-with-rosemary-wooden-tray_181624-55215.jpg", imageAlt: "Café 37 specialty coffee drink" },
            { imageSrc: "http://img.b2bpic.net/free-photo/plate-with-croissants-near-coffee-dairy_23-2147758255.jpg", imageAlt: "Café 37 menu food items" }
          ]}
          mediaAnimation="slide-up"
          background={{ variant: "plain" }}
          ariaLabel="Café 37 hero section with gallery"
        />
      </div>

      <div id="trust" data-section="trust">
        <MetricCardEleven
          title="Trusted by Kolkata"
          description="Join hundreds of satisfied customers who visit us weekly for great food, live music, and affordable vibes."
          metrics={[
            { id: "rating", value: "4.5★", title: "Google Rating", description: "300+ reviews from real customers" },
            { id: "price", value: "₹200–400", title: "Average Spend", description: "Budget-friendly for everyone" },
            { id: "location", value: "5 min walk", title: "From Metro", description: "Easy access via Belgachia Station" },
            { id: "vibes", value: "7 days", title: "Open Daily", description: "Including live music nights" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Café 37 trust metrics section"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Menu Highlights"
          description="Signature items loved by our regulars. All priced for your budget."
          products={[
            { id: "cappuccino", name: "Signature Cappuccino", price: "₹80", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-refreshing-cocktail-with-rosemary-wooden-tray_181624-55215.jpg", imageAlt: "Café 37 signature cappuccino with latte art" },
            { id: "veg-sandwich", name: "Artisan Veg Sandwich", price: "₹120", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-croissants-near-coffee-dairy_23-2147758255.jpg", imageAlt: "Café 37 artisan vegetarian sandwich" },
            { id: "pastry", name: "Fresh Daily Pastry", price: "₹60", imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-with-cup-coffee_114579-19197.jpg", imageAlt: "Café 37 fresh baked pastry daily special" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Café 37 menu highlights"
        />
      </div>

      <div id="ambience" data-section="ambience">
        <FeatureCardEight
          title="Why Café 37 Feels Like Home"
          description="More than just a coffee shop—it's your second living room."
          features={[
            { id: 1, title: "Cozy Ambience", description: "Warm lighting, comfortable seating, and the perfect vibe for hangouts, first dates, or focused work sessions.", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-office-space-multinational-company-with-monitor_482257-119882.jpg", imageAlt: "Café 37 cozy seating and warm ambience" },
            { id: 2, title: "Live Music Nights", description: "Experience local artists every Friday and Saturday. Acoustic sets that set the perfect mood.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-eating-restaurant_23-2150491788.jpg", imageAlt: "Café 37 live music performance evening" },
            { id: 3, title: "Flexible for Groups", description: "Birthday celebrations? Bring your own cake! We've got space, power outlets for laptops, and WiFi for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/waitress-writing-notebook_23-2147795652.jpg", imageAlt: "Café 37 spacious counter area for groups" }
          ]}
          textboxLayout="split"
          useInvertedBackground={false}
          ariaLabel="Café 37 why choose us section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Regulars Say"
          description="Real feedback from real customers who make Café 37 their go-to spot."
          testimonials={[
            { id: "1", name: "Priya Sharma", handle: "@priya_wanderlust", testimonial: "Best ambience near Belgachia! I come here every weekend with friends. The cappuccino is amazing and so affordable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/magnificent-young-woman-black-belt-laughing-roof-cafe-outdoor-portrait-relaxed-white-female-model-with-straight-hairstyle_197531-8747.jpg", imageAlt: "Priya Sharma testimonial" },
            { id: "2", name: "Arjun Mehta", handle: "@arjun_coder", testimonial: "Finally found a café where I can work for hours without pressure to order more. WiFi is solid, and the staff is super friendly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-attractive-african-american-male-with-positive-expression-shows-tongue-has-happy-expression-stands-against-white-wall-has-crisp-hair_273609-15127.jpg", imageAlt: "Arjun Mehta testimonial" },
            { id: "3", name: "Anjali Desai", handle: "@anjali_designs", testimonial: "Celebrated my birthday here with 15 friends. They let us bring our own cake, and the live music made it unforgettable. 10/10!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-confident-woman_23-2148376549.jpg", imageAlt: "Anjali Desai testimonial" },
            { id: "4", name: "Rohan Gupta", handle: "@rohan_foodie", testimonial: "Vibe is unmatched. The food is fresh, prices are fair, and I love how they support local artists with live music nights.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-lawyer_23-2151152156.jpg", imageAlt: "Rohan Gupta testimonial" }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Café 37 customer testimonials"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Book Your Table or Ask Anything"
          description="Reserve your spot for group hangouts, dates, or just drop by. We're always welcoming new friends."
          tagIcon={Phone}
          tagAnimation="slide-up"
          background={{ variant: "animated-grid" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your phone number"
          buttonText="Reserve Now"
          termsText="By clicking Reserve Now, you're confirming that you'd like to book a table or inquire about events at Café 37."
          ariaLabel="Café 37 reservation and contact section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "Home", href: "#hero" },
                { label: "Menu", href: "#menu" },
                { label: "About", href: "#ambience" },
                { label: "Book Table", href: "#contact" }
              ]
            },
            {
              title: "Hours",              items: [
                { label: "Mon–Fri: 9 AM–10 PM", href: "#" },
                { label: "Sat–Sun: 10 AM–11 PM", href: "#" },
                { label: "Live Music: Fri–Sat 7 PM", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Call: +91 9876543210", href: "tel:+919876543210" },
                { label: "Email: hello@cafe37.in", href: "mailto:hello@cafe37.in" },
                { label: "Location: Milk Colony, Kolkata", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2024 Café 37. All rights reserved."
          bottomRightText="Made with ❤️ for Kolkata"
          ariaLabel="Café 37 footer"
        />
      </div>
    </ThemeProvider>
  );
}
