"use client"

import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="noise"
      cardStyle="gradient-bordered"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Student's Cafe"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Call Now", href: "tel:08800000326" }}
          buttonClassName="bg-primary-cta text-primary-cta-text hover:opacity-90 transition-opacity"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="Student's Cafe"
          description="Old Delhi's favorite student cafe. Delicious food, affordable prices, and fast service loved by 350+ happy customers. Your go-to spot for snacks, momos, pizza, and refreshments."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Call Now", href: "tel:08800000326" },
            { text: "View Menu", href: "#menu" }
          ]}
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/group-asian-friends-sitting-cafe-happy-indian-people-having-fun-together-sitting-couch-choose-meals-from-menu_627829-1214.jpg?_wi=1"
          imageAlt="Student's Cafe interior showing cozy dining area"
          frameStyle="card"
          mediaAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="trust" data-section="trust">
        <MetricCardEleven
          title="Trusted by Hundreds of Customers"
          description="Join our happy community of students and food lovers"
          tag="Social Proof"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "350+",              title: "Happy Reviews",              description: "Consistently rated 4.3 stars across platforms",              imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-with-pizzas-snacks-it_114579-4453.jpg?_wi=1",              imageAlt: "pizza food snacks delicious"
            },
            {
              id: "2",              value: "4.3★",              title: "Average Rating",              description: "Loved by students and families alike",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-gurza-fried-lamb-dumplings-with-onion-salt-pepper-plate_141793-4949.jpg?_wi=1",              imageAlt: "momos snacks food indian"
            },
            {
              id: "3",              value: "10+ Yrs",              title: "Trusted Cafe",              description: "Serving the Old Delhi community since establishment",              imageSrc: "http://img.b2bpic.net/free-photo/steaming-cup-masala-chai-with-spices-coffee-beans-dark-surface_9975-124574.jpg?_wi=1",              imageAlt: "coffee beverage drink chai"
            }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardFour
          title="Featured Menu Items"
          description="Our most popular dishes loved by students across Old Delhi"
          tag="Menu Highlights"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
          products={[
            {
              id: "1",              name: "Spicy Cheese Momos",              price: "₹40",              variant: "6 pieces | Served hot",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-gurza-fried-lamb-dumplings-with-onion-salt-pepper-plate_141793-4949.jpg?_wi=2",              imageAlt: "Delicious spicy cheese momos"
            },
            {
              id: "2",              name: "Margherita Pizza",              price: "₹80",              variant: "Medium | Fresh ingredients",              imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-with-pizzas-snacks-it_114579-4453.jpg?_wi=2",              imageAlt: "Classic margherita pizza"
            },
            {
              id: "3",              name: "Cold Beverages",              price: "₹25",              variant: "Various flavors available",              imageSrc: "http://img.b2bpic.net/free-photo/steaming-cup-masala-chai-with-spices-coffee-beans-dark-surface_9975-124574.jpg?_wi=2",              imageAlt: "Refreshing cold drinks"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Why Choose Student's Cafe?" }
          ]}
          useInvertedBackground={true}
          buttons={[
            { text: "Order on WhatsApp", href: "https://wa.me/08800000326?text=Hi%20Student's%20Cafe%20I%20would%20like%20to%20place%20an%20order" },
            { text: "Get Directions", href: "https://maps.google.com/?q=Student's+Cafe+Hauz+Qazi+Old+Delhi" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Why Students Love Us"
          description="We understand what students need: quality food at prices that don't break the bank"
          features={[
            {
              id: "01",              title: "Affordable Pricing",              description: "Best value for money. Food from ₹25-200 that tastes premium",              imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-with-pizzas-snacks-it_114579-4453.jpg?_wi=3",              imageAlt: "Affordable food options"
            },
            {
              id: "02",              title: "Fast Service",              description: "Quick turnaround time so you can get back to your day",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-gurza-fried-lamb-dumplings-with-onion-salt-pepper-plate_141793-4949.jpg?_wi=3",              imageAlt: "Fast service preparation"
            },
            {
              id: "03",              title: "Quality Ingredients",              description: "Fresh, high-quality snacks and fast food prepared fresh daily",              imageSrc: "http://img.b2bpic.net/free-photo/steaming-cup-masala-chai-with-spices-coffee-beans-dark-surface_9975-124574.jpg?_wi=3",              imageAlt: "Fresh quality ingredients"
            },
            {
              id: "04",              title: "Multiple Services",              description: "Dine-in, takeaway, drive-through, or no-contact delivery available",              imageSrc: "http://img.b2bpic.net/free-photo/group-asian-friends-sitting-cafe-happy-indian-people-having-fun-together-sitting-couch-choose-meals-from-menu_627829-1214.jpg?_wi=2",              imageAlt: "Multiple service options"
            }
          ]}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardFifteen
          testimonial="The food is absolutely delicious and the prices are so affordable! I've been coming here since my first year of college and it's still my favorite spot."
          rating={5}
          author="Priya Singh, Engineering Student"
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/young-woman-wearing-striped-shirt-eyeglasses_273609-13227.jpg", alt: "Customer testimonial avatar 1" },
            { src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man_1268-21877.jpg", alt: "Customer testimonial avatar 2" },
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Customer testimonial avatar 3" },
            { src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", alt: "Customer testimonial avatar 4" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          title="Order or Enquire Now"
          description="Have questions about our menu or want to place an order? Reach out to us via phone, WhatsApp, or fill out the form below. We're here to serve you!"
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          mediaPosition="right"
          imageSrc="http://img.b2bpic.net/free-photo/tourist-showing-place-paris-with-magnifying-glass_23-2148232436.jpg"
          imageAlt="Student's Cafe location map"
          inputPlaceholder="Enter your phone number"
          buttonText="Send Enquiry"
          termsText="We'll respond within 2 hours. Your privacy is important to us."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Student's Cafe"
          copyrightText="© 2025 Student's Cafe | Sitaram Bazar Rd, Hauz Qazi, Old Delhi | Phone: 08800000326"
        />
      </div>
    </ThemeProvider>
  );
}
