"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Calendar, ChefHat, Heart, UtensilsCrossed } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="noise"
      cardStyle="outline"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "home" },
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Call Now",            href: "tel:+923001234567"
          }}
          brandName="The Local Kitchen"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="THE LOCAL KITCHEN"
          description="Authentic Local Flavours in the Heart of Islamabad. Experience genuine Pakistani cuisine crafted with the finest ingredients and traditional recipes."
          background={{ variant: "sparkles-gradient" }}
          buttons={[
            { text: "Call Now", href: "tel:+923001234567" },
            { text: "Book a Table", href: "#contact" }
          ]}
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg"
          imageAlt="Signature dishes at The Local Kitchen"
          frameStyle="card"
          mediaAnimation="slide-up"
          buttonAnimation="opacity"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Heart}
          title="Celebrating the rich culinary heritage of Islamabad with every dish we serve."
          description="Founded with passion"
          subdescription="The Local Kitchen, established 2018"
          icon={UtensilsCrossed}
          imageSrc="http://img.b2bpic.net/free-photo/leaves-dolma-with-yogurt-plate_140725-3439.jpg"
          imageAlt="The Local Kitchen signature dishes"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardThree
          products={[
            {
              id: "1",              name: "Signature Biryani",              price: "Rs. 450",              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pakistan-meal-assortment_23-2148821515.jpg",              imageAlt: "Signature Biryani"
            },
            {
              id: "2",              name: "Tandoori Chicken",              price: "Rs. 380",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-deliciously-prepared-chicken-served-with-onions-chili-sauce_181624-61705.jpg",              imageAlt: "Tandoori Chicken"
            },
            {
              id: "3",              name: "Fresh Naan Bread",              price: "Rs. 120",              imageSrc: "http://img.b2bpic.net/free-photo/white-bread-topped-with-sesame_140725-1894.jpg",              imageAlt: "Fresh Naan Bread"
            }
          ]}
          title="Our Menu"
          description="Explore our carefully curated selection of authentic local dishes and contemporary favorites."
          tag="Cuisine"
          tagIcon={ChefHat}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <FeatureCardTwentySeven
          features={[
            {
              id: "1",              title: "Dining Ambiance",              description: "Experience our warm and welcoming dining space, perfect for family gatherings and special occasions.",              imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",              imageAlt: "Restaurant dining area"
            },
            {
              id: "2",              title: "Open Kitchen",              description: "Watch our expert chefs prepare your meal with traditional techniques and fresh ingredients.",              imageSrc: "http://img.b2bpic.net/free-photo/team-cooks-slicing-vegetables-cutting-board-meal-preparation-restaurant-kitchen-man-woman-cooking-gourmet-food-dish-with-organic-ingredients-working-culinary-recipe_482257-45653.jpg",              imageAlt: "Professional kitchen"
            },
            {
              id: "3",              title: "Appetizers",              description: "Start your culinary journey with our perfectly prepared appetizers and starters.",              imageSrc: "http://img.b2bpic.net/free-photo/calamari-with-mango-sauce-with-nice-decoration-white-plate_1258-84913.jpg",              imageAlt: "Appetizer dishes"
            },
            {
              id: "4",              title: "Sweet Endings",              description: "Conclude your meal with our traditional and contemporary dessert selections.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-little-cakes-with-sliced-fruits-white-space_140725-95454.jpg",              imageAlt: "Dessert presentation"
            }
          ]}
          title="Gallery"
          description="Discover the ambiance and artistry behind every meal."
          tag="Visual Journey"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-4-items"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardFive
          testimonials={[
            {
              id: "1",              name: "Ahmed Hassan, Business Owner",              date: "Date: 15 December 2024",              title: "The most authentic biryani in Islamabad!",              quote: "Every visit to The Local Kitchen is a culinary delight. The flavors are authentic, the service is impeccable, and the ambiance is perfect for both casual dining and special occasions. Highly recommended!",              tag: "Regular Guest",              avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              avatarAlt: "Ahmed Hassan",              imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg"
            },
            {
              id: "2",              name: "Fatima Khan, Teacher",              date: "Date: 10 December 2024",              title: "A taste of home in every bite",              quote: "The tandoori chicken here is exceptional. The spice blend is perfect, and you can taste the quality of the ingredients. The staff is friendly and attentive. This has become my favorite restaurant in Blue Area.",              tag: "Family Favorite",              avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              avatarAlt: "Fatima Khan",              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pakistan-meal-assortment_23-2148821515.jpg"
            },
            {
              id: "3",              name: "Usman Ali, Corporate Manager",              date: "Date: 5 December 2024",              title: "Perfect venue for business meetings",              quote: "Excellent food quality and professional service. The quiet corners are ideal for business discussions. The menu variety ensures everyone finds something they love. Will definitely return with my team.",              tag: "Corporate Client",              avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              avatarAlt: "Usman Ali",              imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg"
            },
            {
              id: "4",              name: "Sara Ahmed, Food Blogger",              date: "Date: 28 November 2024",              title: "Authentic Pakistani cuisine redefined",              quote: "The Local Kitchen stands out for its commitment to authentic recipes and fresh ingredients. Their naan is baked to perfection, and the curries have just the right balance of flavors. A must-visit for anyone seeking genuine local cuisine.",              tag: "Food Enthusiast",              avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              avatarAlt: "Sara Ahmed",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-deliciously-prepared-chicken-served-with-onions-chili-sauce_181624-61705.jpg"
            }
          ]}
          title="What Our Guests Say"
          description="Real stories from people who've experienced the authentic flavors at The Local Kitchen."
          tag="Customer Reviews"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Reservations"
          tagIcon={Calendar}
          title="Book Your Table"
          description="Reserve your spot at The Local Kitchen and enjoy an unforgettable dining experience. Contact us for group bookings and special events."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/friends-sitting-cafe-using-mobile-phones_171337-19757.jpg"
          imageAlt="Restaurant reservation"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Get Reservation"
          termsText="By booking with us, you agree to our reservation terms. Call us for event inquiries."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="The Local Kitchen"
          columns={[
            {
              title: "Navigation",              items: [
                { label: "Home", href: "#home" },
                { label: "Menu", href: "#menu" },
                { label: "About", href: "#about" },
                { label: "Reviews", href: "#reviews" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call: +92-300-1234567", href: "tel:+923001234567" },
                { label: "Email: info@localkitchen.pk", href: "mailto:info@localkitchen.pk" },
                { label: "G-6 Markaz, Islamabad", href: "#" },
                { label: "Hours: 12PM - 11PM 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" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 The Local Kitchen. All rights reserved. | Authentic Local Flavours in Islamabad"
        />
      </div>
    </ThemeProvider>
  );
}
