"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="large"
      background="blurBottom"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Reviews", id: "testimonials" },
            { name: "Reserve", id: "reservations" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Indian Grill Issaquah"
          bottomLeftText="118 NW Gilman Blvd, Issaquah, WA"
          bottomRightText="(425) 555-0123"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Authentic Punjabi Flavors in the Heart of Issaquah"
          description="Fresh, Homestyle North Indian Cuisine – Dine In, Takeout & Delivery"
          tag="⭐⭐⭐⭐⭐ Highly Rated"
          imageSrc="http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg"
          imageAlt="golden Indian restaurant interior thali naan"
          showDimOverlay={true}
          showBlur={true}
          buttons={[
            { text: "Reserve a Table", href: "#reservations" },
            { text: "Order Online", href: "#reservations" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "A Family-Owned Taste of India" }
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "View Our Story", href: "#about" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardThree
          title="Signature Dishes"
          description="Explore our carefully curated menu of authentic North Indian favorites. Each dish is prepared fresh with the finest ingredients and traditional recipes."
          tag="Featured Menu"
          textboxLayout="default"
          useInvertedBackground={true}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "thali",              name: "Traditional Thali",              price: "$14.99",              imageSrc: "http://img.b2bpic.net/free-photo/indian-tasty-roti-composition_23-2149073365.jpg",              imageAlt: "traditional Indian thali creamy saag makki roti"
            },
            {
              id: "paneer-tikka",              name: "Paneer Tikka Masala",              price: "$13.99",              imageSrc: "http://img.b2bpic.net/free-photo/tasty-pakistani-dish-high-angle_23-2148825126.jpg",              imageAlt: "paneer tikka masala rich creamy sauce"
            },
            {
              id: "chole-bhature",              name: "Chole Bhature",              price: "$9.99",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-composition_23-2149086052.jpg",              imageAlt: "fluffy chole bhature Indian breakfast generous"
            },
            {
              id: "chicken-tandoori",              name: "Chicken Tandoori",              price: "$12.99",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-sauce-tomatoes-with-pedicels-chicken-with-lemon-herbs-board_140725-73715.jpg",              imageAlt: "crispy chicken tandoori fresh herbs spiced"
            },
            {
              id: "sarson-saag",              name: "Sarson da Saag",              price: "$10.99",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pakistani-food_23-2148825117.jpg",              imageAlt: "sarson da saag creamy mustard greens traditional"
            },
            {
              id: "makki-roti",              name: "Makki Roti",              price: "$3.99",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-composition-traditional-roti_23-2149034026.jpg",              imageAlt: "makki roti cornmeal flatbread fresh cooked"
            }
          ]}
          buttons={[
            { text: "View Full Menu", href: "#menu" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say"
          description="Join hundreds of satisfied diners who have experienced authentic Punjabi hospitality and cuisine."
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Ria Singh",              role: "Regular Customer",              company: "Google Reviews",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-businesswoman-posing-with-glasses_1149-93.jpg",              imageAlt: "Indian woman customer portrait smiling happy"
            },
            {
              id: "2",              name: "Ishmeet Kohli",              role: "Food Enthusiast",              company: "Google Reviews",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",              imageAlt: "man customer portrait smiling satisfied expression"
            },
            {
              id: "3",              name: "Apurv Sibal",              role: "Family Diner",              company: "Google Reviews",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-wearing-casual-clothes-looking-side-relax-profile-pose-with-natural-face-confident-smile_839833-34513.jpg",              imageAlt: "customer portrait smiling authentic expression"
            },
            {
              id: "4",              name: "Priya Sharma",              role: "Loyal Customer",              company: "Google Reviews",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg",              imageAlt: "woman customer portrait happy expression profile"
            },
            {
              id: "5",              name: "Rajesh Patel",              role: "Business Owner",              company: "Google Reviews",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg",              imageAlt: "man customer portrait smiling professional"
            },
            {
              id: "6",              name: "Meera Gupta",              role: "Event Host",              company: "Google Reviews",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",              imageAlt: "woman customer portrait smiling satisfied genuine"
            }
          ]}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <FeatureCardMedia
          title="Experience Indian Grill"
          description="Discover the warmth, ambiance, and culinary excellence that defines our restaurant. From our signature dishes to our welcoming atmosphere."
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="scale-rotate"
          features={[
            {
              id: "signature-dishes",              title: "Signature Dishes",              description: "Vibrant Thalis, aromatic curries, and perfectly prepared tandoori specialties",              tag: "Menu Favorites",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-bean-soup-called-merci-with-seasonings-white-surface-soup-meal-food-vegetable_140725-74422.jpg",              imageAlt: "vibrant Indian thalis curries tandoori collection"
            },
            {
              id: "outdoor-patio",              title: "Outdoor Patio",              description: "Cozy outdoor seating with string lights and relaxed ambiance",              tag: "Dining Experience",              imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-defocused-coffee-shop-cafe-restaurant_74190-6942.jpg",              imageAlt: "outdoor patio string lights cozy seating"
            },
            {
              id: "indoor-seating",              title: "Indoor Comfort",              description: "Warm, welcoming interior with elegant décor and comfortable seating",              tag: "Ambiance",              imageSrc: "http://img.b2bpic.net/free-photo/dining-table-with-chairs-tableware_140725-7823.jpg",              imageAlt: "cozy indoor restaurant warm lighting elegant decor"
            },
            {
              id: "beverages",              title: "Traditional Beverages",              description: "Refreshing Mango Lassi, Chaas, and authentic Indian drinks",              tag: "Refreshments",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-mango-still-life_23-2151542229.jpg",              imageAlt: "mango lassi chaas traditional Indian drinks"
            }
          ]}
        />
      </div>

      <div id="reservations" data-section="reservations">
        <ContactCTA
          tag="Book Your Experience"
          title="Reserve a Table or Order Online"
          description="Experience authentic Punjabi cuisine. Reserve your table for a memorable dining experience, or order online for convenient delivery and takeout."
          buttons={[
            { text: "Reserve on OpenTable", href: "https://www.opentable.com" },
            { text: "Order on DoorDash", href: "https://www.doordash.com" },
            { text: "Call (425) 555-0123", href: "tel:+14255550123" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <SocialProofOne
          title="Visit Us"
          description="Located in the heart of Issaquah, we welcome you to experience authentic Punjabi hospitality. Open 7 days a week for dine-in, takeout, and delivery."
          names={["Open 7 Days", "Free Parking", "Outdoor Seating", "Family-Friendly", "Catering Available", "Gift Cards", "Loyalty Program"]}
          textboxLayout="default"
          useInvertedBackground={true}
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Indian Grill Issaquah"
          columns={[
            {
              title: "Menu",              items: [
                { label: "Starters", href: "#menu" },
                { label: "Curries", href: "#menu" },
                { label: "Thalis", href: "#menu" },
                { label: "Tandoori", href: "#menu" },
                { label: "Desserts", href: "#menu" }
              ]
            },
            {
              title: "Experience",              items: [
                { label: "About Us", href: "#about" },
                { label: "Reservations", href: "#reservations" },
                { label: "Catering", href: "#contact" },
                { label: "Events", href: "#contact" },
                { label: "Gallery", href: "#gallery" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "118 NW Gilman Blvd", href: "https://maps.google.com" },
                { label: "(425) 555-0123", href: "tel:+14255550123" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Google Reviews", href: "https://google.com" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Accessibility", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Indian Grill Issaquah | All rights reserved"
        />
      </div>
    </ThemeProvider>
  );
}
