"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Phone, Globe, Wine, Heart, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="medium"
      background="animatedAurora"
      cardStyle="elevated-accent-light"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            {name: "Home", id: "home"},
            {name: "Menu", id: "menu"},
            {name: "About", id: "about"},
            {name: "Reservations", id: "contact"},
            {name: "Contact", id: "footer"}
          ]}
          brandName="Trattoria"
          bottomLeftText="Fine Italian Dining"
          bottomRightText="hello@trattoria.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Experience Authentic Italian Cuisine"
          description="Discover the flavors of Italy in every carefully crafted dish. Reserve your table for an unforgettable dining experience."
          tag="Fine Dining"
          tagIcon={Sparkles}
          buttons={[
            {text: "Reserve a Table", href: "contact"},
            {text: "View Menu", href: "menu"}
          ]}
          mediaItems={[
            {imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766237433258-270lxdto.jpg", imageAlt: "Freshly prepared pasta dish"},
            {imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183834735-9ooktc3n.jpg", imageAlt: "Elegant wine and table setting"},
            {imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183835554-u0l6uy1i.jpg", imageAlt: "Creamy risotto presentation"},
            {imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278837196-euuk8rdd.jpg", imageAlt: "Classic tiramisu dessert"},
            {imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766269120138-xqo4el2p.jpg", imageAlt: "Restaurant dining ambiance"}
          ]}
          ariaLabel="Hero section - Italian restaurant showcase"
        />
      </div>

      <div id="about" data-section="about">
        <TagAbout
          tag="Our Story"
          description="For over two decades, Trattoria has been a sanctuary for those seeking authentic Italian cuisine prepared with passion and tradition. Our chef trained in the heart of Tuscany, bringing generations of family recipes and techniques to your table. Every dish tells a story of Italy, crafted with the finest imported ingredients and unwavering dedication to excellence."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu-highlights" data-section="menu-highlights">
        <FeatureCardTwentyOne
          title="Culinary Highlights"
          description="Explore our signature dishes and seasonal specialties, each prepared with authentic Italian techniques and premium ingredients."
          tag="Menu"
          buttons={[
            {text: "Full Menu", href: "#"}
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183827933-jsmix0wr.jpg"
          imageAlt="Professional kitchen with chef"
          accordionItems={[
            {id: "1", title: "Handmade Pasta", content: "Our pasta is made fresh daily using traditional recipes. From classic Cacio e Pepe to rich Osso Buco, each dish showcases authentic Italian flavors."},
            {id: "2", title: "Wood-Fired Pizzas", content: "Baked in our imported Italian oven at 900°F, our pizzas feature authentic Neapolitan technique with premium San Marzano tomatoes and fresh mozzarella."},
            {id: "3", title: "Seasonal Specials", content: "We celebrate Italian seasons with rotating specials featuring fresh local and imported ingredients at their peak, guided by traditional regional preparations."},
            {id: "4", title: "Wine Selection", content: "Our curated wine list features over 150 Italian selections, from everyday Chianti to rare Barolo reserves. Our sommelier is happy to pair wines with your meal."}
          ]}
          useInvertedBackground="noInvert"
          mediaPosition="left"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet Our Team"
          description="The passionate culinary experts behind every exceptional meal"
          textboxLayout="default"
          members={[
            {id: "1", name: "Chef Marco Rossini", role: "Head Chef", description: "Executive chef with 25 years of experience. Trained in Tuscany and dedicated to authentic Italian cuisine.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184197576-xe6oube6.jpg", imageAlt: "Chef Marco Rossini", socialLinks: [{icon: Globe, url: "#"}]},
            {id: "2", name: "Giovanni Moretti", role: "Sommelier", description: "Expert wine curator with passion for Italian regional wines and perfect food pairings.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183840246-543e8kk4.jpg", imageAlt: "Giovanni Moretti", socialLinks: [{icon: Wine, url: "#"}]},
            {id: "3", name: "Lucia Benedetti", role: "Pastry Chef", description: "Master pastry chef specializing in traditional Italian desserts and gelato creations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278835993-d6gpak2d.jpg", imageAlt: "Lucia Benedetti", socialLinks: [{icon: Heart, url: "#"}]},
            {id: "4", name: "Antonio Verdi", role: "Restaurant Manager", description: "Dedicated to creating exceptional dining experiences with impeccable service and attention to detail.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183827933-jsmix0wr.jpg", imageAlt: "Antonio Verdi", socialLinks: [{icon: Users, url: "#"}]}
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight
          title="What Our Guests Say"
          description="Hear from diners who have experienced the magic of Trattoria"
          textboxLayout="default"
          testimonials={[
            {id: "1", name: "Sarah Anderson", role: "Food Critic", company: "Gourmet Magazine", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183587552-1pqoe5c0.jpg", imageAlt: "Sarah Anderson"},
            {id: "2", name: "Michael Chen", role: "Executive", company: "Tech Corp", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg", imageAlt: "Michael Chen"},
            {id: "3", name: "Emily Rodriguez", role: "Restaurant Owner", company: "Fine Dining Alliance", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg", imageAlt: "Emily Rodriguez"},
            {id: "4", name: "James & Catherine Wright", role: "Anniversary Celebrants", company: "Local Couple", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182321167-i4kvpj5f.jpg", imageAlt: "James and Catherine Wright"},
            {id: "5", name: "Jessica Martinez", role: "Wine Enthusiast", company: "Somm Society", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg", imageAlt: "Jessica Martinez"},
            {id: "6", name: "David Thompson", role: "Regular Guest", company: "Loyal Customer", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg", imageAlt: "David Thompson"}
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact-faq" data-section="contact-faq">
        <ContactFaq
          ctaTitle="Reserve Your Table"
          ctaDescription="Call us or book online for an unforgettable evening of authentic Italian cuisine."
          ctaButton={{text: "Call (555) 123-4567", href: "tel:+15551234567"}}
          ctaIcon={Phone}
          faqs={[
            {id: "1", title: "What are your hours?", content: "We are open Tuesday through Thursday 5pm-11pm, Friday and Saturday 5pm-12am, and Sunday 5pm-10pm. Closed Mondays. Happy hour runs Tuesday-Friday 5pm-6pm."},
            {id: "2", title: "Do you accept reservations?", content: "Yes, we strongly recommend reservations, especially on weekends. You can book online or call us directly. Walk-ins are welcome based on availability."},
            {id: "3", title: "Do you have vegetarian options?", content: "Absolutely. Our menu features several vegetarian pasta dishes, risottos, and pizzas. Our chef can also prepare custom vegetarian dishes upon request."},
            {id: "4", title: "What is your dress code?", content: "Business casual is recommended. We welcome jackets and dress pants for dinner. No athletic wear or flip-flops, please."},
            {id: "5", title: "Can we host private events?", content: "Yes, we offer private dining experiences for groups of 10-50 people. Please contact us directly to discuss your event and custom menu options."},
            {id: "6", title: "Do you offer takeout?", content: "We offer limited takeout for selected items. Please call ahead to check availability and place your order."}
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Trattoria"
          columns={[
            {title: "Restaurant", items: [{label: "Menu", href: "#menu"}, {label: "Reservations", href: "#contact"}, {label: "Private Events", href: "#contact"}, {label: "Catering", href: "#contact"}]},
            {title: "Company", items: [{label: "About Us", href: "#about"}, {label: "Our Team", href: "#team"}, {label: "Careers", href: "#"}, {label: "News", href: "#"}]},
            {title: "Visit Us", items: [{label: "123 Olive Street", href: "#"}, {label: "(555) 123-4567", href: "tel:+15551234567"}, {label: "info@trattoria.com", href: "mailto:info@trattoria.com"}, {label: "Hours & Location", href: "#contact"}]},
            {title: "Connect", items: [{label: "Instagram", href: "#"}, {label: "Facebook", href: "#"}, {label: "Twitter", href: "#"}, {label: "Newsletter", href: "#"}]}
          ]}
          copyrightText="© 2025 Trattoria. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}