"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Fun Time"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "features" },
            { name: "Specials", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Reserve Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Fun Time"
          description="Where every meal becomes a celebration. Experience delicious food, warm hospitality, and moments that matter."
          imageSrc="https://img.b2bpic.net/free-photo/life-style_1122-1806.jpg"
          imageAlt="Fun Time Restaurant - Welcoming dining atmosphere"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="We create unforgettable dining experiences that bring people together. From our fresh, locally-sourced ingredients to our attentive service, every detail is crafted to make your visit special."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn Our Story", href: "#about" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="Our Menu Highlights"
          description="Discover our signature dishes crafted with passion and the finest ingredients. Each course is designed to delight your senses and create lasting memories."
          tag="Cuisine"
          accordionItems={[
            {
              id: "1",              title: "Signature Pasta Collection",              content: "Handmade fresh pasta prepared daily with seasonal ingredients. Choose from our classic marinara, creamy alfredo, or our chef's special truffle risotto."
            },
            {
              id: "2",              title: "Grilled Specialties",              content: "Premium cuts of beef and fresh fish grilled to perfection. Served with roasted seasonal vegetables and our house-made chimichurri sauce."
            },
            {
              id: "3",              title: "Decadent Desserts",              content: "Homemade tiramisu, chocolate lava cake, and seasonal fruit tarts. Pair with our espresso or selection of dessert wines."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/front-view-salad-cow-tongue-with-orange-carrots-arugula-plate-with-tomatoes-cucumber-soft-drink-table_141793-2843.jpg"
          imageAlt="Gourmet dish presentation"
          useInvertedBackground="noInvert"
          mediaPosition="left"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Special Offers"
          description="Check out our current promotions and dining packages designed to make your experience even more enjoyable."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          plans={[
            {
              id: "lunch-special",              title: "Lunch Special",              price: "$12",              period: "per entree",              imageSrc: "https://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg",              imageAlt: "Lunch special pasta dish",              features: [
                "Main course selection",                "Choice of beverage",                "House salad included",                "Served 11am - 2pm"
              ],
              button: { text: "Book Now", href: "contact" }
            },
            {
              id: "dinner-package",              title: "Dinner Package",              price: "$28",              period: "per person",              imageSrc: "https://img.b2bpic.net/free-photo/chicken-leg-served-with-mashed-potatoes-sour-cream_7502-7082.jpg",              imageAlt: "Dinner package with dessert",              features: [
                "Appetizer & main course",                "Premium wine pairing",                "Dessert of choice",                "Coffee or tea service"
              ],
              button: { text: "Reserve Table", href: "contact" }
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Guests Love"
          description="Real stories from real diners who've made Fun Time their favorite restaurant."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          speed={40}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahm_foodie",              testimonial: "The pasta was absolutely divine! The service was attentive without being intrusive. We'll definitely be back soon!",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Rodriguez",              handle: "@jamesfeasts",              testimonial: "Fun Time has the best ambiance for celebrations. Our anniversary dinner was perfect from start to finish.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "James Rodriguez"
            },
            {
              id: "3",              name: "Emily Chen",              handle: "@emilycooks",              testimonial: "Fresh ingredients, creative dishes, and genuine warmth from the staff. This is what dining should be like!",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Emily Chen"
            },
            {
              id: "4",              name: "Michael Thompson",              handle: "@mthompson_diner",              testimonial: "Brought my whole family and everyone found something they loved. The kids were thrilled with the kids menu options.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Michael Thompson"
            },
            {
              id: "5",              name: "Lisa Anderson",              handle: "@lisalovsfood",              testimonial: "The dessert platter was a masterpiece. We took photos of every bite and can't wait to come back.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",              name: "David Park",              handle: "@davidonthegrind",              testimonial: "Best value in the city. The quality of food and service far exceeds the price point. Highly recommended!",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "David Park"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience Fun Time? Reserve your table today and join us for an unforgettable meal with loved ones."
          animationType="entrance-slide"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Make a Reservation", href: "#contact" },
            { text: "View Hours & Location", href: "#footer" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/vertical-shot-table-with-elegant-setting-restaurant-evening_181624-24647.jpg"
          imageAlt="Fun Time Restaurant evening atmosphere"
          logoText="Fun Time"
          copyrightText="© 2025 Fun Time Restaurant. All rights reserved."
          columns={[
            {
              title: "Hours",              items: [
                { label: "Monday - Thursday: 11am - 10pm", href: "" },
                { label: "Friday - Saturday: 11am - 11pm", href: "" },
                { label: "Sunday: 12pm - 9pm", href: "" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "📍 123 Main Street, City, ST 12345", href: "" },
                { label: "📞 (555) 123-4567", href: "tel:+15551234567" },
                { label: "✉️ info@funtime-restaurant.com", href: "mailto:info@funtime-restaurant.com" }
              ]
            },
            {
              title: "Follow Us",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "TikTok", href: "https://tiktok.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}