"use client";

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Instagram, Facebook, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            {"name": "Home", "id": "home"},
            {"name": "About", "id": "about"},
            {"name": "Menu", "id": "menu"},
            {"name": "Reservations", "id": "contact"},
            {"name": "Contact", "id": "footer"}
          ]}
          brandName="Osteria"
          bottomLeftText="Fine Italian Cuisine"
          bottomRightText="hello@osteria.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitLarge
          title="Experience Authentic Italian Cuisine"
          description="Savor the flavors of Italy in an elegant setting. From traditional recipes to modern interpretations, every dish tells a story of passion and craftsmanship."
          tag="Fine Dining"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg"
          imageAlt="Elegant Italian restaurant interior"
          buttons={[
            {"text": "Reserve a Table", "href": "contact"},
            {"text": "View Menu", "href": "menu"}
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Story"
          description="At Osteria, we celebrate the rich culinary traditions of Italy while embracing contemporary techniques. Founded by Chef Marco in 2015, our restaurant has become a beloved destination for those seeking authentic Italian flavors and warm hospitality."
          tag="Est. 2015"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183827933-jsmix0wr.jpg"
          imageAlt="Chef preparing dishes in the kitchen"
          useInvertedBackground="noInvert"
          buttons={[
            {"text": "Learn More", "href": "about"}
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardSeven
          title="Signature Dishes"
          description="Discover our most beloved creations, crafted with the finest Italian ingredients and generations of tradition."
          tag="Must Try"
          products={[
            {
              "id": "1",
              "name": "Handmade Pappardelle",
              "price": "$24",
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766237433258-270lxdto.jpg",
              "imageAlt": "Fresh pappardelle pasta with wild boar ragù"
            },
            {
              "id": "2",
              "name": "Risotto ai Funghi",
              "price": "$22",
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183829154-9c5vkkws.jpg",
              "imageAlt": "Creamy mushroom risotto with truffle oil"
            },
            {
              "id": "3",
              "name": "Tiramisu",
              "price": "$12",
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183834735-9ooktc3n.jpg",
              "imageAlt": "Traditional homemade tiramisu"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Guests Say"
          description="Join hundreds of satisfied diners who have experienced the magic of authentic Italian cuisine at Osteria."
          testimonials={[
            {
              "id": "1",
              "name": "Isabella Rossi",
              "handle": "@isabellaeats",
              "testimonial": "Absolutely divine! The handmade pasta melts in your mouth. This is authentic Italian dining at its finest.",
              "rating": 5,
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278832486-x5i5x871.jpg",
              "imageAlt": "Isabella Rossi"
            },
            {
              "id": "2",
              "name": "Marco Gallo",
              "handle": "@marcotravel",
              "testimonial": "I've dined in Rome and Milan, but the flavors here transported me right back. Chef Marco is a master.",
              "rating": 5,
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183872185-r63000od.jpg",
              "imageAlt": "Marco Gallo"
            },
            {
              "id": "3",
              "name": "Sophie Laurent",
              "handle": "@sophiefoodies",
              "testimonial": "The ambiance, the service, the food - everything is perfect. My favorite restaurant in the city.",
              "rating": 5,
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278833750-0np7gm3z.jpg",
              "imageAlt": "Sophie Laurent"
            },
            {
              "id": "4",
              "name": "David Chen",
              "handle": "@davidchef",
              "testimonial": "As a chef myself, I'm impressed by their technique and ingredient quality. Highly recommended.",
              "rating": 5,
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183840246-543e8kk4.jpg",
              "imageAlt": "David Chen"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSix
          title="Meet Our Team"
          description="The passionate professionals behind every exceptional meal at Osteria."
          members={[
            {
              "id": "1",
              "name": "Chef Marco Rossini",
              "role": "Head Chef & Founder",
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183830869-g93nmh02.jpg",
              "imageAlt": "Chef Marco Rossini"
            },
            {
              "id": "2",
              "name": "Giovanni Martini",
              "role": "Sous Chef",
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767286647549-76nhpqrq.jpg",
              "imageAlt": "Giovanni Martini"
            },
            {
              "id": "3",
              "name": "Lucia Benedetti",
              "role": "Wine Sommelier",
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766245919968-9vhvqd14.jpg",
              "imageAlt": "Lucia Benedetti"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about dining at Osteria."
          faqs={[
            {
              "id": "1",
              "title": "How far in advance should I make a reservation?",
              "content": "We recommend reserving at least 2-3 days in advance, especially for weekends. However, we always try to accommodate walk-ins when tables are available."
            },
            {
              "id": "2",
              "title": "Do you accommodate dietary restrictions?",
              "content": "Absolutely! We can accommodate vegetarian, vegan, and gluten-free diets. Please mention any dietary restrictions when making your reservation so we can prepare accordingly."
            },
            {
              "id": "3",
              "title": "What is your dress code?",
              "content": "We recommend smart casual attire. Jackets are appreciated but not required. We want our guests to feel comfortable while maintaining an elegant atmosphere."
            },
            {
              "id": "4",
              "title": "Do you have a wine list?",
              "content": "Yes! Our sommelier Lucia curates a carefully selected wine list featuring Italian wines and other world-class selections. She's happy to recommend pairings for your meal."
            },
            {
              "id": "5",
              "title": "Can I host a private event?",
              "content": "We offer private dining experiences for special occasions. Please contact us directly to discuss your event and customize a menu that suits your needs."
            }
          ]}
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to experience authentic Italian cuisine?"
          inputPlaceholder="Enter your email"
          buttonText="Reserve Now"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Osteria"
          description="Fine Italian cuisine crafted with passion and tradition. Experience authentic flavors in an elegant setting."
          columns={[
            {
              "title": "Dining",
              "items": [
                {"label": "Reserve a Table", "href": "contact"},
                {"label": "Menu", "href": "menu"},
                {"label": "Private Events", "href": "contact"}
              ]
            },
            {
              "title": "About",
              "items": [
                {"label": "Our Story", "href": "about"},
                {"label": "Meet the Team", "href": "team"},
                {"label": "Contact Us", "href": "footer"}
              ]
            },
            {
              "title": "Information",
              "items": [
                {"label": "Hours & Location", "href": "footer"},
                {"label": "FAQ", "href": "faq"},
                {"label": "Gift Cards", "href": "contact"}
              ]
            }
          ]}
          socialLinks={[
            {"icon": Instagram, "href": "https://instagram.com", "ariaLabel": "Follow us on Instagram"},
            {"icon": Facebook, "href": "https://facebook.com", "ariaLabel": "Follow us on Facebook"},
            {"icon": Mail, "href": "mailto:hello@osteria.com", "ariaLabel": "Email us"}
          ]}
          copyrightText="© 2025 Osteria. Fine Italian Cuisine. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}