"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Heart, ChefHat, UtensilsCrossed, Zap, Flame, Coffee, Leaf, Eye, Star, HelpCircle, MapPin, Phone, Clock } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="outline"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Cafe Ramashrayam"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "Quality", id: "quality" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Crispy Dosas, Authentic Sambhar, Pure South Indian Comfort"
          description="From buttery benne dosa to aromatic filter coffee, Cafe Ramashrayam brings the true flavors of South India to Ahmedabad with freshness, authenticity, and care."
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "25+", label: "Authentic Recipes" },
            { value: "100%", label: "Fresh Ingredients Daily" },
            { value: "4.8★", label: "Customer Rated" }
          ]}
          enableKpiAnimation={true}
          tag="Traditional South Indian Cuisine"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Menu & Order Now", href: "#menu" },
            { text: "Visit Us in Nikol, Ahmedabad", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086033.jpg"
          imageAlt="Crispy golden dosa served with sambhar and chutney"
          mediaAnimation="slide-up"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Heart}
          tagAnimation="slide-up"
          title="Bringing the Soul of South India to Every Plate"
          description="At Cafe Ramashrayam, we honor the time-tested traditions of South Indian cooking. Every dish tells a story of heritage, quality, and passion."
          subdescription="Located in Nikol, Ahmedabad — Your Gateway to Authentic South Indian Flavors"
          icon={ChefHat}
          imageSrc="http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2147680645.jpg"
          imageAlt="Cafe Ramashrayam interior with warm traditional ambiance"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureHoverPattern
          title="Signature Menu Highlights"
          description="Handcrafted dishes featuring time-honored South Indian recipes, prepared fresh daily with premium ingredients. From our Google Maps location, you can see real photos of our authentic cuisine."
          tag="Menu"
          tagIcon={UtensilsCrossed}
          tagAnimation="slide-up"
          features={[
            {
              icon: Zap,
              title: "Crispy Benne Dosa",              description: "Buttery ghee dosa with aromatic fenugreek seeds, served with sambar and coconut chutney. A South Indian classic."
            },
            {
              icon: Flame,
              title: "Sambhar with Authentic Spices",              description: "Slow-cooked lentil curry with traditional spice blend, fresh vegetables, and South Indian flavor profile you crave."
            },
            {
              icon: Coffee,
              title: "Filter Coffee Experience",              description: "Freshly brewed traditional South Indian filter coffee served with frothy milk—comfort in every sip."
            },
            {
              icon: Leaf,
              title: "Soft & Fluffy Idly",              description: "Steamed rice cakes paired with sambar and chutney. A light, healthy breakfast staple made with care."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="quality" data-section="quality">
        <TestimonialCardOne
          title="Quality & Hygiene at Our Heart"
          description="We believe trust is earned through transparency. See how we maintain the highest standards in every aspect of our kitchen and service."
          tag="Transparency"
          tagIcon={Eye}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "hygiene-1",              name: "Open Kitchen",              role: "Watch Your Food Being Prepared",              company: "Full Transparency",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/dedicated-male-chef-apron-recording-vlogging-lesson-food-prep_482257-130633.jpg",              imageAlt: "Open kitchen with professional chef preparing South Indian food"
            },
            {
              id: "hygiene-2",              name: "Food Safety Certified",              role: "Official Hygiene Standards",              company: "Quality Assured",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/person-writing-recipe-notebook_23-2148173188.jpg",              imageAlt: "Food safety certification badge and official documentation"
            },
            {
              id: "hygiene-3",              name: "Fresh Daily",              role: "Premium Ingredients Only",              company: "Authenticity Guaranteed",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-basket-with-raw-vegetables_23-2148643047.jpg?_wi=1",              imageAlt: "Fresh organic South Indian spices and ingredients"
            },
            {
              id: "hygiene-4",              name: "Expert Chefs",              role: "Traditional Techniques",              company: "Mastery in Every Dish",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-basket-with-raw-vegetables_23-2148643047.jpg?_wi=2",              imageAlt: "Expert South Indian chef preparing traditional cuisine"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say"
          description="Real voices from people who've experienced the authentic flavors and care at Cafe Ramashrayam."
          tag="Customer Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "review-1",              name: "Rajesh Patel",              role: "Regular Customer",              company: "\"The dosas here are absolutely crispy and the sambhar is authentic. I've been coming here for months and never disappointed!\" - Ahmedabad Local",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663873.jpg?_wi=1",              imageAlt: "Customer Rajesh Patel enjoying South Indian cuisine"
            },
            {
              id: "review-2",              name: "Priya Sharma",              role: "Food Enthusiast",              company: "\"Finally found genuine South Indian food in Ahmedabad! The filter coffee is perfection and every dish tastes like home.\" - South Indian Lover",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/asian-friends-guys-eating-pizza-party-pizzeria-happy-indian-people-having-fun-together-eating-italian-food-sitting-couch_627829-1273.jpg?_wi=1",              imageAlt: "Customer Priya Sharma satisfied with cafe experience"
            },
            {
              id: "review-3",              name: "Vikram Singh",              role: "Office Professional",              company: "\"Best lunch spot near office. Fresh, healthy, and incredibly tasty. The open kitchen gives me confidence!\" - Lunch Regular",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg",              imageAlt: "Customer Vikram Singh enjoying authentic cuisine"
            },
            {
              id: "review-4",              name: "Anjali Verma",              role: "Fitness Conscious",              company: "\"Authentic South Indian food that's also healthy! The idlies are light and nutritious. A perfect fit for my wellness goals.\" - Health-Minded Diner",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/foodie-taking-photo-two-bowls-with-food_23-2149277986.jpg",              imageAlt: "Customer Anjali Verma choosing healthy South Indian food"
            },
            {
              id: "review-5",              name: "Aman Gupta",              role: "First-Time Visitor",              company: "\"What an incredible introduction to authentic South Indian cuisine! Every bite was memorable and the hospitality was wonderful.\" - Authentic Seeker",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663873.jpg?_wi=2",              imageAlt: "Customer Aman Gupta experiencing traditional cuisine"
            },
            {
              id: "review-6",              name: "Deepika Nair",              role: "Family Gatherings",              company: "\"Hosted my family gathering here and everyone loved it! The authentic flavors and warm atmosphere made it special for all.\" - Group Organizer",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/asian-friends-guys-eating-pizza-party-pizzeria-happy-indian-people-having-fun-together-eating-italian-food-sitting-couch_627829-1273.jpg?_wi=2",              imageAlt: "Customer Deepika Nair hosting family gathering at cafe"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Trusted by South Indian Food Lovers"
          description="Our commitment to authenticity and quality speaks through these numbers."
          metrics={[
            { id: "metric-1", value: "5000+", description: "Happy Customers Served" },
            { id: "metric-2", value: "25+", description: "Authentic Recipes" },
            { id: "metric-3", value: "100%", description: "Fresh Daily" },
            { id: "metric-4", value: "4.8★", description: "Average Rating" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about Cafe Ramashrayam, our menu, and dining experience."
          tag="Help & Information"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqs={[
            {
              id: "faq-1",              title: "Is your food made fresh daily?",              content: "Yes! Every dish at Cafe Ramashrayam is prepared fresh daily using premium, authentic ingredients. We believe that true South Indian cuisine cannot be rushed—each recipe is crafted with time-honored techniques to ensure exceptional taste and quality."
            },
            {
              id: "faq-2",              title: "Do you offer online ordering?",              content: "We are currently working on integrating online ordering for your convenience. In the meantime, you can call us directly at our Nikol location to place orders for delivery or pickup. We're committed to bringing traditional South Indian food directly to your table soon."
            },
            {
              id: "faq-3",              title: "What are your restaurant hours?",              content: "Cafe Ramashrayam is open Monday through Sunday. Our typical hours are 9:00 AM to 10:00 PM, with extended hours on weekends. We're closed on major holidays. Please contact us for specific hours during festive seasons."
            },
            {
              id: "faq-4",              title: "Do you have vegetarian options?",              content: "Absolutely! Most of our authentic South Indian menu is vegetarian-friendly. From dosas and idlies to sambhar and filter coffee, we celebrate the rich vegetarian culinary heritage of South India. All dishes are prepared in our open kitchen so you can see the care we put into every meal."
            },
            {
              id: "faq-5",              title: "Is your kitchen open for viewing?",              content: "Yes! We maintain a fully transparent open kitchen so customers can watch their food being prepared. This is part of our commitment to hygiene transparency and food safety. You'll see the passion and expertise our chefs bring to every dish."
            },
            {
              id: "faq-6",              title: "Do you have hygiene certifications?",              content: "Yes, Cafe Ramashrayam holds all required food safety certifications and meets the highest hygiene standards. We are regularly inspected and maintain strict protocols for ingredient sourcing, food preparation, and kitchen cleanliness. Your health and safety are our top priority."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Cafe Ramashrayam"
          columns={[
            {
              title: "Location",              items: [
                { label: "Nikol, Ahmedabad", href: "#" },
                { label: "Call: +91-79-XXXX-XXXX", href: "#" },
                { label: "Open Daily 9 AM - 10 PM", href: "#" }
              ]
            },
            {
              title: "Menu",              items: [
                { label: "Dosas", href: "#menu" },
                { label: "Sambhar & Curries", href: "#menu" },
                { label: "Filter Coffee", href: "#menu" },
                { label: "Breakfast Favorites", href: "#menu" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Quality & Hygiene", href: "#quality" },
                { label: "Customer Testimonials", href: "#testimonials" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Cafe Ramashrayam. All rights reserved. Bringing South Indian Heritage to Ahmedabad."
        />
      </div>
    </ThemeProvider>
  );
}