"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Mail, UtensilsCrossed, TrendingUp, Flame, Clock, Award } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLarge"
      background="none"
      cardStyle="solid-accent"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Sushi Restaurant"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "Specialties", id: "specialties" },
            { name: "Reviews", id: "reviews" },
            { name: "About", id: "about" },
            { name: "Reserve", id: "reserve" }
          ]}
          button={{ text: "Book Table", href: "reserve" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitAvatars
          title="Experience Authentic Sushi Crafted with Care"
          description="Discover our premium sushi restaurant where tradition meets fresh, hand-selected ingredients. Every roll is carefully prepared by our master chefs to deliver an unforgettable dining experience."
          tag="Premium Sushi"
          tagIcon={UtensilsCrossed}
          imagePosition="right"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983288368-py19hzaj.jpg"
          imageAlt="Authentic sushi preparation"
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg", alt: "Chef 1" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140153329-bmp1nqc3.jpg", alt: "Chef 2" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318234070-3a71e283.jpg", alt: "Chef 3" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg", alt: "Chef 4" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787044450-9f4y10ts.jpg", alt: "Chef 5" }
          ]}
          avatarText="Join 2000+ sushi lovers this month"
          buttons={[
            { text: "Explore Menu", href: "menu" },
            { text: "Reserve Now", href: "reserve" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Our Signature Sushi Menu"
          description="Each roll is crafted with the finest fish and premium ingredients, prepared fresh to order by our experienced sushi masters."
          tag="Specialty Rolls"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          products={[
            {
              id: "1",
              name: "Dragon Roll",
              price: "$16.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787041844-tzssa0wc.jpg",
              imageAlt: "Dragon Roll",
              isFavorited: false
            },
            {
              id: "2",
              name: "Rainbow Roll",
              price: "$15.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983289277-elw8ical.jpg",
              imageAlt: "Rainbow Roll",
              isFavorited: false
            },
            {
              id: "3",
              name: "Spicy Tuna Roll",
              price: "$12.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983290082-rq47q3ut.jpg",
              imageAlt: "Spicy Tuna Roll",
              isFavorited: false
            },
            {
              id: "4",
              name: "Salmon Nigiri",
              price: "$14.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983291397-8uh3i1cf.jpg",
              imageAlt: "Salmon Nigiri",
              isFavorited: false
            }
          ]}
        />
      </div>

      <div id="specialties" data-section="specialties">
        <FeatureCardThree
          title="Why Choose Our Sushi Restaurant"
          description="We combine traditional Japanese sushi-making techniques with the freshest ingredients available, ensuring every bite is exceptional."
          tag="Our Excellence"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          features={[
            {
              id: "1",
              title: "Fresh Ingredients",
              description: "We source the finest fish daily from trusted suppliers, ensuring premium quality and authentic taste in every roll.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983292413-wq7r64pm.jpg",
              imageAlt: "Fresh Fish Selection"
            },
            {
              id: "2",
              title: "Master Chefs",
              description: "Our team of certified sushi chefs brings decades of experience and training from Japan to craft authentic, beautiful sushi.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787045743-6gjau4zf.jpg",
              imageAlt: "Expert Sushi Chefs"
            },
            {
              id: "3",
              title: "Authentic Recipes",
              description: "We honor traditional Japanese sushi preparation methods while adding creative touches that delight our guests.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983293269-qul9w8a9.jpg",
              imageAlt: "Authentic Sushi Preparation"
            },
            {
              id: "4",
              title: "Beautiful Ambiance",
              description: "Enjoy your sushi in our modern, elegant dining space designed for a memorable culinary experience.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983294082-ngjm8l0d.jpg",
              imageAlt: "Restaurant Ambiance"
            }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardOne
          title="What Our Guests Say"
          description="Read reviews from sushi lovers who have experienced the authentic flavors and exceptional service at our restaurant."
          tag="Customer Reviews"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          testimonials={[
            {
              id: "1",
              name: "Sarah Anderson",
              role: "Food Critic",
              company: "Dining Guide Weekly",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg",
              imageAlt: "Sarah Anderson"
            },
            {
              id: "2",
              name: "Michael Zhang",
              role: "Regular Guest",
              company: "Sushi Enthusiast",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140153329-bmp1nqc3.jpg",
              imageAlt: "Michael Zhang"
            },
            {
              id: "3",
              name: "Emma Rodriguez",
              role: "Event Coordinator",
              company: "Corporate Events",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318234070-3a71e283.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              name: "David Kim",
              role: "Chef",
              company: "Culinary Institute",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg",
              imageAlt: "David Kim"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Get answers to common questions about our sushi restaurant, menu, and dining experience."
          textPosition="left"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",
              title: "Do you offer vegetarian sushi options?",
              content: "Absolutely! We offer a variety of vegetarian rolls including cucumber roll, avocado roll, vegetable tempura roll, and more. Our chefs can customize any roll to meet dietary preferences."
            },
            {
              id: "2",
              title: "Can I make a reservation?",
              content: "Yes! We accept reservations online or by phone. We recommend booking ahead, especially for weekends and special occasions. Walk-ins are welcome based on availability."
            },
            {
              id: "3",
              title: "Do you offer delivery and takeout?",
              content: "We offer both delivery and takeout services. Orders can be placed online or by phone. We use insulated packaging to ensure your sushi stays fresh during transport."
            },
            {
              id: "4",
              title: "What makes your fish fresh?",
              content: "We source fish from trusted suppliers daily and prepare it fresh. All fish is handled with care and prepared according to strict food safety standards."
            },
            {
              id: "5",
              title: "Do you have a sake and wine selection?",
              content: "Yes! We offer a curated selection of premium Japanese sakes, wines, and other beverages that pair perfectly with our sushi. Our staff can recommend perfect pairings."
            }
          ]}
        />
      </div>

      <div id="reserve" data-section="reserve">
        <ContactCenter
          tag="Ready to Dine?"
          title="Reserve Your Table Today"
          description="Experience authentic sushi prepared by master chefs. Join us for an unforgettable meal featuring the finest ingredients and traditional Japanese craftsmanship."
          tagIcon={Mail}
          useInvertedBackground="noInvert"
          inputPlaceholder="your@email.com"
          buttonText="Reserve Now"
          termsText="We'll confirm your reservation. No spam, unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          columns={[
            {
              items: [
                { label: "Signature Rolls", href: "menu" },
                { label: "Nigiri Selection", href: "menu" },
                { label: "Sashimi Platters", href: "menu" }
              ]
            },
            {
              items: [
                { label: "Fresh Ingredients", href: "specialties" },
                { label: "Master Chefs", href: "specialties" },
                { label: "Authentic Recipes", href: "specialties" }
              ]
            },
            {
              items: [
                { label: "Book a Table", href: "reserve" },
                { label: "View Reviews", href: "reviews" },
                { label: "Explore Menu", href: "menu" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Contact Us", href: "reserve" }
              ]
            }
          ]}
          logoText="Sushi Restaurant"
        />
      </div>
    </ThemeProvider>
  );
}