"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Heart, Calendar, Instagram, Facebook, Linkedin } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumLarge"
      background="fluid"
      cardStyle="elevated-accent-light"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Viva"
          button={{ text: "Reserve Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplitImage
          logoText="VIVA"
          description="Experience culinary excellence in an elegant atmosphere. Discover authentic flavors and impeccable service."
          buttons={[
            { text: "Reserve Table", href: "contact" },
            { text: "Explore Menu", href: "menu" }
          ]}
          layoutOrder="default"
          splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416778445-zl3jwowr.jpg"
          splitImageAlt="Restaurant Interior"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766762603989-3tcb4zsk.jpg"
          imageAlt="Fine Dining Experience"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Story"
          description="Founded with a passion for culinary innovation, Viva brings together world-class cuisine, impeccable service, and an unforgettable dining experience. Every dish is crafted with precision and love."
          tag="About Us"
          tagIcon={Heart}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766764501852-mmy7v2k1.jpg"
          imageAlt="Restaurant ambiance"
          buttons={[{ text: "Join us", href: "#" }]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardFourteen
          title="Signature Specialties"
          description="Indulge in our carefully curated selection of dishes that define Viva's culinary identity"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Menu"
          features={[
            {
              id: "1",
              title: "Handmade Pasta",
              description: "Traditional Italian pasta prepared fresh daily with premium ingredients. 5 stars",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760339172-wtq2r8qq.jpg",
              imageAlt: "Signature Pasta Dish"
            },
            {
              id: "2",
              title: "Fresh Seafood",
              description: "Ocean-to-table selections featuring the finest catch of the day. 5 stars",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760341776-od1mgbjg.jpg",
              imageAlt: "Seafood Specialty"
            },
            {
              id: "3",
              title: "Decadent Desserts",
              description: "Artisanal sweet creations that end your meal on a perfect note. 5 stars",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760342753-3muw0pvy.jpg",
              imageAlt: "Premium Dessert"
            },
            {
              id: "4",
              title: "Premium Steaks",
              description: "Expertly aged cuts grilled to perfection with signature preparations. 5 stars",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416782593-h8zdw91t.jpg",
              imageAlt: "Prime Steak Selection"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          testimonials={[
            {
              id: "1",
              name: "Margaret Chen",
              handle: "@margaretchen",
              testimonial: "Viva has become our favorite restaurant. The food is exceptional, the service is impeccable, and the atmosphere is simply perfect. We celebrate every special occasion here.",
              rating: 5,
              starColor: "#ffff00",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414401529-6db20epg.jpg",
              imageAlt: "Margaret Chen"
            },
            {
              id: "2",
              name: "James Wilson",
              handle: "@jameswilson",
              testimonial: "Outstanding culinary experience. The chef's attention to detail is remarkable, and every course was a masterpiece.",
              rating: 5,
              starColor: "#ffff00",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492697041-9adqfrju.jpg",
              imageAlt: "James Wilson"
            },
            {
              id: "3",
              name: "Sofia Rodriguez",
              handle: "@sofiar",
              testimonial: "The finest dining experience in the city. Worth every penny for the quality and sophistication.",
              rating: 5,
              starColor: "#ffff00",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502911819-f5rnce5q.jpg",
              imageAlt: "Sofia Rodriguez"
            },
            {
              id: "4",
              name: "David Kim",
              handle: "@davidkim",
              testimonial: "Brought my family for a special celebration and they loved every moment. Highly recommended for special occasions.",
              rating: 5,
              starColor: "#ffff00",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502912600-84fr3x4z.jpg",
              imageAlt: "David Kim"
            },
            {
              id: "5",
              name: "Emma Thompson",
              handle: "@emmathompson",
              testimonial: "A culinary journey I'll never forget. The wine pairing was expertly curated and enhanced every dish.",
              rating: 5,
              starColor: "#ffff00",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502913367-8j5yog7q.jpg",
              imageAlt: "Emma Thompson"
            },
            {
              id: "6",
              name: "Michael Santos",
              handle: "@michaelsantos",
              testimonial: "Professional service, exquisite food, elegant ambiance. Viva sets the standard for fine dining.",
              rating: 5,
              starColor: "#ffff00",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502914201-sdgv9pae.jpg",
              imageAlt: "Michael Santos"
            }
          ]}
          showRating={true}
          title="What Our Guests Say"
          description="Hear from those who have experienced Viva's culinary excellence"
          textboxLayout="default"
          animationType="opacity"
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          faqs={[
            {
              id: "1",
              title: "How far in advance should I make a reservation?",
              content: "We recommend reservations at least 2-3 weeks in advance for optimal table selection. However, we do accommodate walk-ins based on availability."
            },
            {
              id: "2",
              title: "Do you offer private dining options?",
              content: "Yes, we offer exclusive private dining experiences for special occasions. Please contact us directly to discuss your event requirements."
            },
            {
              id: "3",
              title: "What is your dress code?",
              content: "Smart casual is recommended. Jackets are appreciated but not required. We want our guests to feel comfortable while maintaining our refined atmosphere."
            },
            {
              id: "4",
              title: "Do you accommodate dietary restrictions?",
              content: "Absolutely. Please inform us of any dietary requirements when booking, and our chef will create a custom menu to suit your needs."
            },
            {
              id: "5",
              title: "Can I bring my own wine?",
              content: "We have a curated wine selection. Outside wine is not permitted, but our sommelier can recommend excellent pairings from our collection."
            },
            {
              id: "6",
              title: "What is your cancellation policy?",
              content: "Reservations cancelled within 48 hours may incur a charge. We appreciate advance notice for any changes to your reservation."
            }
          ]}
          ctaTitle="Reserve Your Table"
          ctaDescription="Book your next culinary experience at Viva. Experience excellence with every bite."
          ctaButton={{ text: "Book Now", href: "#" }}
          ctaIcon={Calendar}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Viva"
          copyrightText="© 2025 Viva Restaurant. All rights reserved."
          columns={[
            {
              title: "Restaurant",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Menu", href: "#menu" },
                { label: "Reservations", href: "#contact" }
              ]
            },
            {
              title: "Visit",
              items: [
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" },
                { label: "Private Dining", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}