"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TextAbout from '@/components/sections/about/TextAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="fluid"
      cardStyle="gradient-bordered"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Cafe Aura"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Why Us", id: "why-us" },
            { name: "Location", id: "location" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="Cafe Aura"
          description="Your 24/7 Chill Spot Near JSPM College. Great Food • Amazing Vibes • Open All Night"
          slides={[
            {
              imageSrc: "http://img.b2bpic.net/free-vector/we-are-open-neon-sign-set-style_23-2148544879.jpg",              imageAlt: "Cozy café interior at night with warm lighting"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-eating-break-time_23-2149256937.jpg",              imageAlt: "College friends hanging out at the café"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cake-slices-with-cookies-cup-tea-dark-background-biscuit-cookie-cake-tea-sweet-dessert_140725-96178.jpg",              imageAlt: "Delicious café food and beverages"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6420.jpg",              imageAlt: "Comfortable café seating arrangement"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-cafe-owner-girl-barista-apron-making-cappuccino-latte-art-with-steamed-milk_1258-203389.jpg",              imageAlt: "Modern café counter with service"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-restaurant_23-2150520062.jpg",              imageAlt: "Café exterior glowing at night"
            }
          ]}
          buttons={[
            { text: "Call Now", href: "tel:+919876543210" },
            { text: "Book Your Table", href: "#contact" }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <MetricCardFourteen
          title="Trusted by the College Community"
          tag="Social Proof"
          tagAnimation="slide-up"
          metrics={[
            { id: "rating", value: "4.9★", description: "Average Rating from 72 Reviews" },
            { id: "customers", value: "5000+", description: "Happy Customers Monthly" },
            { id: "hours", value: "24/7", description: "Open Around the Clock" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="About Us"
          title="Welcome to Cafe Aura – Your Favorite Night Hangout Spot"
          buttons={[
            { text: "Visit Us Now", href: "#location" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Our Menu Highlights"
          description="Fresh, affordable, and delicious. From snacks to quick bites – all under ₹600."
          tag="Budget-Friendly"
          tagAnimation="slide-up"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          products={[
            {
              id: "snacks",              brand: "Cafe Aura",              name: "Snacks & Starters",              price: "₹150–300",              rating: 4.8,
              reviewCount: "48",              imageSrc: "http://img.b2bpic.net/free-photo/delightful-tasty-dessert-celebration_140725-113912.jpg",              imageAlt: "Delicious snacks and starters"
            },
            {
              id: "beverages",              brand: "Cafe Aura",              name: "Hot & Cold Beverages",              price: "₹80–200",              rating: 4.9,
              reviewCount: "62",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-bubble-tea-with-ice_23-2149870640.jpg",              imageAlt: "Fresh coffee and drinks"
            },
            {
              id: "fastfood",              brand: "Cafe Aura",              name: "Fast Food & Combos",              price: "₹250–400",              rating: 4.7,
              reviewCount: "55",              imageSrc: "http://img.b2bpic.net/free-photo/woman-pouring-sugar-into-coffee_23-2147765328.jpg",              imageAlt: "Quick bites and meals"
            }
          ]}
          buttons={[
            { text: "View Full Menu", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <FeatureCardTwelve
          title="Why Choose Cafe Aura?"
          description="We're not just a café – we're a lifestyle. Open 24/7, affordable, and welcoming to everyone."
          tag="Our Advantages"
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: "open-24-7",              label: "Always Open",              title: "Open 24/7",              items: [
                "Never close – your perfect midnight hangout",                "Study late or party through the night",                "Reliable spot anytime, any day"
              ]
            },
            {
              id: "budget-friendly",              label: "Affordable",              title: "Budget-Friendly Pricing",              items: [
                "₹400–600 for complete meals",                "Student discounts available",                "Great value for money"
              ]
            },
            {
              id: "atmosphere",              label: "Vibe",              title: "Amazing Chill Atmosphere",              items: [
                "Modern, comfortable, welcoming space",                "Perfect for study groups or friend hangouts",                "Free WiFi and power outlets"
              ]
            },
            {
              id: "service",              label: "Service",              title: "Fast & Friendly Service",              items: [
                "Quick order and delivery",                "Trained, friendly staff",                "Special requests welcomed"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Real reviews from college students and late-night enthusiasts."
          tag="Customer Reviews"
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Arjun Sharma",              handle: "@jspm_student",              testimonial: "Best food, best service, best atmosphere! Perfect place to chill after college. Open 24/7 is a lifesaver!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-man_23-2148825897.jpg",              imageAlt: "Arjun Sharma"
            },
            {
              id: "2",              name: "Priya Deshmukh",              handle: "@pimpri_girl",              testimonial: "Finally found the perfect late-night hangout near JSPM! Affordable, cozy, and the staff is so friendly.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/vlogger-streaming-while-traveling_23-2149151609.jpg",              imageAlt: "Priya Deshmukh"
            },
            {
              id: "3",              name: "Rohan Patel",              handle: "@night_owl",              testimonial: "Amazing place for study sessions and group meetings. The coffee keeps me going all night!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",              imageAlt: "Rohan Patel"
            },
            {
              id: "4",              name: "Anjali Nair",              handle: "@cafe_lover",              testimonial: "Love the vibe here! Great value for money, and the food quality is consistently excellent. Highly recommend!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-confident-standing-with-arms-crossed-gesture-street_839833-30694.jpg",              imageAlt: "Anjali Nair"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          carouselMode="buttons"
        />
      </div>

      <div id="location" data-section="location">
        <ContactText
          text="📍 Cafe Aura, Tathawade, Pimpri-Chinchwad, Maharashtra\n\nLocated near JSPM Engineering College – Easy to find, easy to reach. Open 24/7, every single day.\n\nPhone: +91-98765-43210 | Email: hello@cafealura.com"
          animationType="entrance-slide"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Call Us Now", href: "tel:+919876543210" },
            { text: "Get Directions", href: "https://maps.google.com" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <FaqDouble
          title="Have Questions? We've Got Answers"
          description="Everything you need to know about Cafe Aura."
          tag="FAQ"
          tagAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "What are your operating hours?",              content: "Cafe Aura is open 24 hours, 7 days a week! Whether it's 3 AM or 3 PM, we're always here for you."
            },
            {
              id: "2",              title: "Do you have group booking options?",              content: "Absolutely! We welcome group bookings for study sessions, parties, and hangouts. Call us at +91-98765-43210 or fill out the contact form to book your group."
            },
            {
              id: "3",              title: "What's your average price range?",              content: "Our menu is budget-friendly, ranging from ₹80 for beverages to ₹400-600 for complete meals. Perfect for college students!"
            },
            {
              id: "4",              title: "Do you offer WiFi and charging?",              content: "Yes! Free high-speed WiFi and power outlets available at every table. Perfect for studying or working."
            },
            {
              id: "5",              title: "Can I make a reservation?",              content: "Yes, we accept reservations via phone call or our booking form. Call +91-98765-43210 to reserve your spot."
            },
            {
              id: "6",              title: "Is parking available?",              content: "Limited parking is available on-site. Street parking is also available in the Tathawade area near JSPM college."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "About Us", href: "#about" },
                { label: "Menu", href: "#menu" },
                { label: "Why Choose Us", href: "#why-us" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Contact Info",              items: [
                { label: "Phone: +91-98765-43210", href: "tel:+919876543210" },
                { label: "Email: hello@cafealura.com", href: "mailto:hello@cafealura.com" },
                { label: "Address: Tathawade, Pimpri-Chinchwad, MH", href: "#" },
                { label: "Hours: Open 24/7", href: "#" }
              ]
            },
            {
              title: "Follow Us",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Google Reviews", href: "#" },
                { label: "WhatsApp", href: "https://wa.me/919876543210" }
              ]
            }
          ]}
          copyrightText="© 2024 Cafe Aura. All rights reserved. Open 24/7 • Tathawade, Pimpri-Chinchwad, Maharashtra"
        />
      </div>
    </ThemeProvider>
  );
}