"use client";

import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Heart, Leaf, Star, TrendingUp, Users, Award, MapPin, MessageSquare } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Silver Oak"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu & Offers", id: "features" },
            { name: "Reservations", id: "contact" }
          ]}
          button={{ text: "Call Now", href: "tel:+919876543210" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Wagholi's Favorite Family Garden Restaurant"
          description="Enjoy pure veg and non-veg North Indian delights in a serene garden setting, just ₹200–400 per person. Trusted by 2,210 diners with a 4.2★ rating."
          tag="Family Welcome"
          tagIcon={Heart}
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Reserve Your Table Now", href: "#contact" },
            { text: "Order Online", href: "#" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2147680645.jpg",              imageAlt: "Garden Dining Area at Silver Oak"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",              imageAlt: "Restaurant Interior with Warm Lighting"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/breakfast-friends_1098-14058.jpg",              imageAlt: "Outdoor Seating in Garden"
            }
          ]}
          mediaAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="About Silver Oak"
          tagIcon={Leaf}
          tagAnimation="slide-up"
          title="Authentic North Indian Cuisine in a Serene Garden Setting, Crafted for Your Family"
          buttons={[
            { text: "View Gallery", href: "#" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentySeven
          title="Why Choose Silver Oak"
          description="Discover what makes us your family's go-to restaurant destination"
          tag="Our Strengths"
          tagIcon={Star}
          tagAnimation="slide-up"
          features={[
            {
              id: "veg-nonveg",              title: "Pure Veg & Non-Veg Options",              description: "Authentic North Indian dishes including biryani, paneer curries, tandoori specialties, and traditional breads. Something for every palate in your family.",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pakistan-meal-basket_23-2148821575.jpg",              imageAlt: "Vegetarian and Non-Vegetarian North Indian Dishes"
            },
            {
              id: "family-friendly",              title: "Family-Friendly Atmosphere",              description: "Spacious seating, ample parking, and a welcoming environment perfect for celebrations, birthday parties, and intimate family dinners.",              imageSrc: "http://img.b2bpic.net/free-photo/toast-many-upcoming-family-dinners_637285-12559.jpg",              imageAlt: "Family Dining Area with Children"
            },
            {
              id: "garden-ambiance",              title: "Serene Garden Ambiance",              description: "Dine under the stars in our beautiful garden setting with natural lighting, lush greenery, and a peaceful atmosphere for relaxation.",              imageSrc: "http://img.b2bpic.net/free-photo/outdoor-breakfast_1098-12924.jpg",              imageAlt: "Garden Seating with Natural Lighting"
            },
            {
              id: "affordable-pricing",              title: "Affordable & Transparent Pricing",              description: "Enjoy premium North Indian cuisine at budget-friendly rates starting at ₹200–400 per person. No hidden charges, just honest value.",              imageSrc: "http://img.b2bpic.net/free-photo/dollar-burger_1401-439.jpg",              imageAlt: "Value for Money Pricing"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Our Restaurant by the Numbers"
          description="Trust and satisfaction reflected in every metric"
          tag="Proven Track Record"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "diners",              value: "2210",              title: "Happy Diners",              description: "Trusted families and individuals served",              icon: Users
            },
            {
              id: "rating",              value: "4.2",              title: "Star Rating",              description: "Consistently excellent reviews and feedback",              icon: Star
            },
            {
              id: "years",              value: "12",              title: "Years Experience",              description: "Serving authentic cuisine with passion",              icon: Award
            },
            {
              id: "seating",              value: "150",              title: "Garden Seats",              description: "Comfortable outdoor and indoor capacity",              icon: MapPin
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Diners Say"
          description="Real stories from families who trust Silver Oak for their celebrations and dining"
          tag="Customer Reviews"
          tagIcon={MessageSquare}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Priya Sharma",              handle: "Local Resident",              testimonial: "The garden ambiance is absolutely serene and the food is authentic. We celebrated our daughter's birthday here and every guest loved it!",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",              imageAlt: "Priya Sharma"
            },
            {
              id: "2",              name: "Rajesh Kumar",              handle: "Family Visitor",              testimonial: "Best North Indian food in Wagholi! The paneer butter masala and biryani are outstanding. Affordable prices and perfect ambiance.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-child-hugging-their-parents_1098-890.jpg",              imageAlt: "Rajesh Kumar"
            },
            {
              id: "3",              name: "Sneha Desai",              handle: "Event Organizer",              testimonial: "Organized a corporate team lunch here. The staff was incredibly accommodating, food was delicious, and the garden setting impressed everyone.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Sneha Desai"
            },
            {
              id: "4",              name: "Arun Patel",              handle: "Regular Customer",              testimonial: "We come here every weekend. The food quality is consistent, service is prompt, and it's perfect for families with kids. Highly recommended!",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-female-wearing-her-red-hair-bun-laughing-out-loud_273609-9260.jpg",              imageAlt: "Arun Patel"
            },
            {
              id: "5",              name: "Neha Gupta",              handle: "Highway Traveler",              testimonial: "Found this gem on a road trip. The freshly made North Indian dishes and welcoming vibe made us want to return immediately.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              imageAlt: "Neha Gupta"
            },
            {
              id: "6",              name: "Vikram Singh",              handle: "Anniversary Celebration",              testimonial: "Perfect place for a special dinner. Intimate garden corner, delicious food, and warm hospitality. Memorable evening with my wife!",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Vikram Singh"
            }
          ]}
          speed={40}
          buttons={[
            { text: "Reserve Now After Reading Reviews", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Featured & Trusted By"
          description="Silver Oak is recognized by leading food platforms and local directories across Pune"
          tag="Media Recognition"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttonAnimation="slide-up"
          names={[
            "Google Reviews",            "Zomato",            "Swiggy",            "Local Pune Guide",            "Family Restaurant Directory",            "Heritage Recipes Blog",            "Wagholi Community Hub",            "Food Lovers Network"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Reserve Your Table or Get in Touch"
          description="Book your celebration, place an online order, or reach out with special requests. We're here to make your dining experience exceptional."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "date", type: "date", placeholder: "Preferred Date", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Number of guests, event type, or special requests...",            rows: 5,
            required: true
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/friends-sitting-cafe-using-mobile-phones_171337-19757.jpg"
          imageAlt="Restaurant Table Reservation"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Submit Reservation"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "Home", href: "#hero" },
                { label: "About", href: "#about" },
                { label: "Menu", href: "#features" },
                { label: "Reservations", href: "#contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "📍 Wagholi, Pune", href: "#" },
                { label: "📞 +91 98765 43210", href: "tel:+919876543210" },
                { label: "✉️ info@silveroakrestaurant.com", href: "mailto:info@silveroakrestaurant.com" },
                { label: "⏰ 11 AM - 11 PM Daily", href: "#" }
              ]
            },
            {
              title: "Follow Us",              items: [
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Google Reviews", href: "https://google.com" },
                { label: "Zomato", href: "https://zomato.com" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Reservation Policy", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Hotel Silver Oak Family Garden Restaurant. All rights reserved."
          bottomRightText="Authentic North Indian Cuisine since 2013"
        />
      </div>
    </ThemeProvider>
  );
}
