"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Society Restaurant"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Popular Dishes", id: "dishes" },
            { name: "Why Us", id: "why-us" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Fort, Mumbai"
          bottomRightText="022 2265 8103"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Authentic Kerala Food in Fort Mumbai"
          description="Delicious South Indian dishes, biryani, dosa, and seafood served fresh every day. Quick service, affordable prices, trusted by locals."
          buttons={[
            { text: "Call Now: 022 2265 8103", href: "tel:02222658103" },
            { text: "Order Takeaway", href: "#contact" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/high-angle-pakistani-dish-arrangement_23-2148825102.jpg"
          imageAlt="Authentic Kerala cuisine - fresh food prepared daily"
          mediaAnimation="blur-reveal"
          background={{ variant: "plain" }}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="highlights" data-section="highlights">
        <MetricCardTwo
          title="Why Society Restaurant"
          description="Trusted by hundreds of customers in Fort Mumbai for authentic Kerala cuisine and exceptional service."
          metrics={[
            { id: "rating", value: "4.2★", description: "Google Rating" },
            { id: "reviews", value: "500+", description: "Customer Reviews" },
            { id: "authentic", value: "100%", description: "Authentic Recipes" },
            { id: "affordable", value: "₹1-200", description: "Price Range" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="dishes" data-section="dishes">
        <ProductCardTwo
          title="Popular Dishes"
          description="Our signature Kerala and South Indian specialties loved by customers across Mumbai."
          products={[
            { id: "biryani", brand: "Kerala Special", name: "Chicken Biryani", price: "₹250", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-eid-al-fitr-celebration-with-delicious-food_23-2151205121.jpg", imageAlt: "Chicken Biryani - fragrant rice with tender meat" },
            { id: "fish-fry", brand: "Fresh Catch", name: "Fish Fry", price: "₹180", rating: 5, reviewCount: "95+", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-nuggets-cheese-sticks-wooden-board-piece-lettuce-leaf_114579-71815.jpg", imageAlt: "Fish Fry - crispy fried seafood" },
            { id: "paratha", brand: "Homemade", name: "Kerala Paratha", price: "₹80", rating: 5, reviewCount: "110+", imageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-nutritious-roti_23-2149033966.jpg", imageAlt: "Kerala Paratha - layered buttery flatbread" },
            { id: "chicken-65", brand: "Appetizer", name: "Chicken 65", price: "₹150", rating: 5, reviewCount: "105+", imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-chicken-wings-with-dipping-sauces-dark-background_84443-72419.jpg", imageAlt: "Chicken 65 - spicy fried chicken bites" },
            { id: "veg-rice", brand: "Vegetarian", name: "Vegetable Fried Rice", price: "₹120", rating: 5, reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegan-salad-with-various-vegetables_140725-149646.jpg", imageAlt: "Vegetable Fried Rice - colorful and fresh" },
            { id: "chai", brand: "Beverage", name: "Traditional Black Tea", price: "₹20", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-cinnamon-flowers-beige-napkin_141793-18133.jpg", imageAlt: "Traditional Black Tea - aromatic hot beverage" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          carouselMode="buttons"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="About Society Restaurant"
          description="Society Restaurant is a beloved Kerala restaurant in Fort Mumbai serving authentic South Indian cuisine with affordable prices. For years, we've been the go-to spot for office workers, locals, and visitors craving delicious homemade Kerala food. Our commitment to fresh ingredients, traditional recipes, and quick service keeps customers coming back."
          tag="Est. 2010"
          tagIcon={Award}
          metrics={[
            { value: "14+", title: "Years of Service" },
            { value: "3", title: "Service Types" },
            { value: "1000+", title: "Regular Customers" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/meat-with-vegetables-pan-pickles_140725-6251.jpg"
          imageAlt="Society Restaurant warm and welcoming interior"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardFifteen
          testimonial="Nice ambience, tasty food and variety of Kerala dishes. The service is quick and staff is friendly. Definitely coming back!"
          rating={5}
          author="Sarah Johnson"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213468.jpg", alt: "Sarah Johnson - Customer" },
            { src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705920.jpg", alt: "Mukesh Patel - Customer" },
            { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20364.jpg", alt: "Priya Sharma - Customer" },
            { src: "http://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg", alt: "Rajesh Kumar - Customer" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Order?"
          tagIcon={Phone}
          title="Craving Authentic Kerala Food?"
          description="Call now to order fresh Kerala cuisine for dine-in, takeaway, or delivery. Quick service, affordable prices. Open daily from 11 AM to 11 PM."
          buttons={[
            { text: "Call: 022 2265 8103", href: "tel:02222658103" },
            { text: "Order Online", href: "https://www.zomato.com" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "Home", href: "#hero" },
                { label: "Popular Dishes", href: "#dishes" },
                { label: "About Us", href: "#about" },
                { label: "Reviews", href: "#reviews" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: 022 2265 8103", href: "tel:02222658103" },
                { label: "Fort, Mumbai 400001", href: "#" },
                { label: "Open: 11 AM - 11 PM", href: "#" },
                { label: "All Days Open", href: "#" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Dine-in", href: "#" },
                { label: "Takeaway", href: "#" },
                { label: "Delivery", href: "#" },
                { label: "Catering", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 Society Restaurant. All rights reserved. Authentic Kerala Cuisine in Fort, Mumbai."
        />
      </div>
    </ThemeProvider>
  );
}