"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import AboutMetric from "@/components/sections/about/AboutMetric";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterCard from "@/components/sections/footer/FooterCard";
import { ChefHat, Shield, Users, TrendingUp, Heart, Star, Phone, MapPin, Clock, Sparkles, Gift } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="large"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="TN Pastuso"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Why Us", id: "about" },
            { name: "Dishes", id: "product" },
            { name: "Occasions", id: "feature" },
            { name: "Reviews", id: "testimonial" },
            { name: "Book Now", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="One of the Best Dining Experiences in Vasundhara"
          description="Exceptional taste, hygienic kitchen, and warm service — perfect for every occasion. Premium food, friendly staff, and value that exceeds expectations."
          background={{ variant: "radial-gradient" }}
          tag="Locally Loved"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[
            { text: "📞 Call Now", href: "tel:+919876543210" },
            { text: "📅 Book a Table", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-teapot_169016-51959.jpg"
          imageAlt="Restaurant interior with warm ambience"
          mediaAnimation="blur-reveal"
          ariaLabel="Hero section for restaurant booking"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={[
            "Highly Rated on Google",            "Customer Favorite",            "Best in Vasundhara",            "Trusted Since 2018",            "Premium Quality Food",            "Family Friendly",            "Event Specialists",            "Hygienic Kitchen Certified"
          ]}
          title="Why Thousands Choose TN Pastuso"
          description="Our reputation is built on consistency, quality, and genuine care for every guest. We pride ourselves on exceptional food, hygienic practices, and warm hospitality."
          tag="Customer Trust"
          tagIcon={Heart}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={35}
          showCard={true}
          ariaLabel="Social proof section highlighting customer trust"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Why Choose TN Pastuso?"
          metrics={[
            { icon: ChefHat, label: "Exceptional Taste", value: "Expertly crafted dishes" },
            { icon: Shield, label: "Hygienic Kitchen", value: "Certified & inspected" },
            { icon: Users, label: "Warm Service", value: "Attentive & friendly staff" },
            { icon: TrendingUp, label: "High Demand", value: "Book in advance, especially weekends" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="About section highlighting key differentiators"
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardOne
          title="Signature Dishes"
          description="Our most loved and expertly prepared dishes. Each plate represents years of culinary excellence and commitment to quality."
          tag="Customer Favorites"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          products={[
            {
              id: "dish-1",              name: "Biryani Deluxe",              price: "₹450",              imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-decorated-with-vegetables_1303-12325.jpg",              imageAlt: "Signature biryani plating"
            },
            {
              id: "dish-2",              name: "Paneer Butter Masala",              price: "₹380",              imageSrc: "http://img.b2bpic.net/free-photo/apple-pie-served-with-fruit-syrup_140725-1700.jpg",              imageAlt: "Paneer butter masala presentation"
            },
            {
              id: "dish-3",              name: "Tandoori Special",              price: "₹520",              imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2550.jpg",              imageAlt: "Tandoori special dish"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Product section showcasing signature dishes"
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureBento
          title="Celebrate Every Moment"
          description="Pre-decorated setups available for birthdays, anniversaries, and special occasions. Let us make your celebration unforgettable."
          tag="Special Occasions"
          tagIcon={Gift}
          tagAnimation="slide-up"
          buttons={[
            { text: "Book Your Occasion", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          features={[
            {
              title: "Birthday Celebrations",              description: "Beautifully decorated tables, personalized menu options, and attentive service to make birthdays special.",              bentoComponent: "media-stack",              items: [
                { imageSrc: "http://img.b2bpic.net/free-photo/table-setting-with-floral-centerpiece-wedding-reception-venue_637285-5627.jpg", imageAlt: "Birthday setup decoration" },
                { imageSrc: "http://img.b2bpic.net/free-photo/couple-lovers-having-romantic-dinner-home_171337-675.jpg", imageAlt: "Celebration ambience" },
                { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-drinking-coffee_23-2148395430.jpg", imageAlt: "Restaurant elegant space" }
              ],
              button: { text: "Plan Birthday", href: "#contact" }
            },
            {
              title: "Anniversary Dinners",              description: "Intimate, romantic setups perfect for celebrating your special milestones together.",              bentoComponent: "reveal-icon",              icon: Heart,
              button: { text: "Reserve Now", href: "#contact" }
            },
            {
              title: "Group Gatherings",              description: "Perfect for small groups and family get-togethers. Flexible seating and custom menu arrangements available.",              bentoComponent: "reveal-icon",              icon: Users,
              button: { text: "Group Booking", href: "#contact" }
            },
            {
              title: "Premium Events",              description: "We specialize in creating memorable experiences. Choose your seating, menu, and ambience.",              bentoComponent: "reveal-icon",              icon: Star,
              button: { text: "Custom Event", href: "#contact" }
            }
          ]}
          carouselMode="buttons"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Feature section showcasing occasion dining"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardThirteen
          title="What Our Guests Say"
          description="Real reviews from real customers. We're proud of the trust and love we receive from our community."
          tag="5-Star Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Priya Sharma",              handle: "@priya_delhi",              testimonial: "One of the best restaurants in Vasundhara in terms of taste, hygiene, and value for money. Highly recommended!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-successful-businesswoman-suit-cross-arms-chest-smile-look-confident_1258-194088.jpg",              imageAlt: "Priya Sharma profile"
            },
            {
              id: "2",              name: "Rajesh Kumar",              handle: "@rajesh_foodie",              testimonial: "Amazing food and very good service. We celebrated our anniversary here and it was perfect. Will definitely visit again!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",              imageAlt: "Rajesh Kumar profile"
            },
            {
              id: "3",              name: "Neha Gupta",              handle: "@neha_loves_food",              testimonial: "Perfect for birthdays and anniversaries. The staff is so attentive and caring. Food quality is exceptional!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",              imageAlt: "Neha Gupta profile"
            },
            {
              id: "4",              name: "Vikram Singh",              handle: "@vikram_dines",              testimonial: "Gets crowded on weekends — worth booking in advance. When we did, the experience was flawless. Highly recommended!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Vikram Singh profile"
            },
            {
              id: "5",              name: "Anjali Patel",              handle: "@anjali_foodblog",              testimonial: "The biryani is absolutely delicious. Freshly prepared food with warm service. This is my go-to restaurant now.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              imageAlt: "Anjali Patel profile"
            },
            {
              id: "6",              name: "Arjun Verma",              handle: "@arjun_foodlover",              testimonial: "Exceptional experience from start to finish. Clean kitchen, great ambience, and staff who genuinely care. Worth every rupee!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16037.jpg",              imageAlt: "Arjun Verma profile"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          carouselMode="buttons"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Testimonials section with customer reviews"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Reserve Your Table or Inquiry"
          description="Book your next dining experience or ask about our special events and occasion packages. We'll get back to you within 2 hours."
          inputs={[
            { name: "fullName", type: "text", placeholder: "Your Full Name", required: true },
            { name: "phoneNumber", type: "tel", placeholder: "Phone Number (Required for confirmation)", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: false },
            { name: "reservationDate", type: "date", placeholder: "Preferred Reservation Date", required: true },
            { name: "reservationTime", type: "time", placeholder: "Preferred Time", required: true },
            { name: "numberOfGuests", type: "number", placeholder: "Number of Guests", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your occasion (Birthday, Anniversary, Birthday, Event, etc.) or any special requests",            rows: 4,
            required: false
          }}
          imageSrc="http://img.b2bpic.net/free-photo/low-angle-friends-drinking-coffee_23-2148395430.jpg"
          imageAlt="Restaurant ambience for contact section"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Submit Reservation Request"
          useInvertedBackground={false}
          ariaLabel="Contact form for table reservations and inquiries"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="TN Pastuso"
          copyrightText="© 2025 TN Pastuso | Premium Dining Experience. All rights reserved."
          socialLinks={[
            { icon: Phone, href: "tel:+919876543210", ariaLabel: "Call restaurant" },
            { icon: MapPin, href: "https://maps.google.com/?q=TN+Pastuso+Vasundhara", ariaLabel: "View restaurant location" },
            { icon: Clock, href: "#", ariaLabel: "Restaurant hours" },
            { icon: Star, href: "https://www.google.com/search?q=TN+Pastuso+Vasundhara+reviews", ariaLabel: "View Google reviews" }
          ]}
          ariaLabel="Footer section"
        />
      </div>
    </ThemeProvider>
  );
}
