"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Star, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Pho Saigon"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Table",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Pho Saigon"
          description="Authentic Vietnamese pho crafted with traditional recipes passed down through generations. Experience the perfect balance of aromatic broth, tender noodles, and fresh herbs in the heart of Manhattan."
          imageSrc="https://img.b2bpic.net/free-photo/high-angle-soup-with-noodles-chopsticks_23-2148381158.jpg"
          imageAlt="Steaming bowl of authentic Vietnamese pho with fresh herbs and tender beef"
          frameStyle="card"
          logoLineHeight={1.1}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Bringing Saigon's warmth to" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/restaurant-interior_1127-3394.jpg", alt: "Pho Saigon restaurant interior with warm lighting" },
            { type: "text", content: "New York's finest dining scene" }
          ]}
          buttons={[
            { text: "View Menu", href: "#menu" },
            { text: "Reserve Now", href: "#contact" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardThree
          title="Our Signature Dishes"
          description="Each bowl is crafted with slow-simmered broth and the finest ingredients"
          tag="Menu"
          tagIcon={Utensils}
          features={[
            {
              id: "01",              title: "Pho Beef",              description: "Premium beef brisket in our signature 12-hour bone broth, topped with fresh basil, cilantro, and lime",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-delicious-bakso-bowl-composition_23-2148967910.jpg",              imageAlt: "Steaming bowl of beef pho with herbs"
            },
            {
              id: "02",              title: "Pho Chicken",              description: "Tender poached chicken in light, aromatic broth with rice noodles and traditional Vietnamese herbs",              imageSrc: "https://img.b2bpic.net/free-photo/young-asian-woman-holding-soup-with-beef_1220-7939.jpg",              imageAlt: "Chicken pho with fresh garnishes"
            },
            {
              id: "03",              title: "Pho Vegetarian",              description: "Seasonal vegetables in a rich mushroom and vegetable broth, perfect for plant-based diners",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-vietnamese-dish-with-mint_23-2148381198.jpg",              imageAlt: "Vegetarian pho with fresh vegetables"
            },
            {
              id: "04",              title: "Pho Seafood",              description: "Fresh shrimp and squid delicately poached in seafood broth with our signature rice noodles",              imageSrc: "https://img.b2bpic.net/free-photo/bowl-thai-beans-sprout-fish-ball-soup-wooden-desk_23-2148093206.jpg",              imageAlt: "Seafood pho with shrimp and squid"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="two-items-tall-short"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardSix
          title="What Our Customers Say"
          description="Hear from families and food lovers who've experienced the authentic taste of Saigon"
          tag="Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Maria Chen",              handle: "Manhattan Food Lover",              testimonial: "The most authentic pho I've had outside of Vietnam. The broth is incredible and the ambiance is so welcoming. We come back every week!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",              imageAlt: "Maria Chen, satisfied customer"
            },
            {
              id: "2",              name: "David Rodriguez",              handle: "Local NYC Resident",              testimonial: "Finally found a pho restaurant that doesn't cut corners. Fresh ingredients, traditional preparation, and friendly staff. Absolutely worth the visit.",              imageSrc: "https://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",              imageAlt: "David Rodriguez, restaurant patron"
            },
            {
              id: "3",              name: "Sarah Kim",              handle: "Food Blogger",              testimonial: "Pho Saigon captures the essence of true Vietnamese street food. Every element from broth to herbs is thoughtfully prepared. Highly recommend!",              imageSrc: "https://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg",              imageAlt: "Sarah Kim, food critic"
            },
            {
              id: "4",              name: "James Mitchell",              handle: "Regular Customer",              testimonial: "The beef pho is perfection. After living in Saigon for 5 years, this is the closest thing to home. Thank you for bringing authentic flavors to NYC.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",              imageAlt: "James Mitchell, loyal customer"
            },
            {
              id: "5",              name: "Lisa Wong",              handle: "Vietnamese Heritage",              testimonial: "My grandmother would approve. The care and tradition in every bowl shows. Pho Saigon is a true gem in our community.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg",              imageAlt: "Lisa Wong, community member"
            },
            {
              id: "6",              name: "Miguel Santos",              handle: "Office Worker",              testimonial: "Perfect lunch spot near the office. Consistently delicious, fair prices, and the team is always friendly. Best pho in Midtown!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-barista-boy-cafe_23-2148436241.jpg",              imageAlt: "Miguel Santos, local customer"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          speed={40}
          topMarqueeDirection="left"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Proud to serve the New York Vietnamese community with authentic flavors and warm hospitality since opening our doors in Manhattan."
          tag="Our Impact"
          metrics={[
            {
              id: "1",              value: "12 Hours",              description: "Each bowl's broth is slow-simmered to extract maximum flavor and authentic taste"
            },
            {
              id: "2",              value: "100%",              description: "Fresh ingredients sourced daily from trusted Vietnamese and local suppliers"
            },
            {
              id: "3",              value: "5000+",              description: "Happy customers served monthly who trust us for authentic Vietnamese cuisine"
            },
            {
              id: "4",              value: "4.8/5",              description: "Average customer rating reflecting our commitment to quality and service excellence"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience authentic Vietnamese pho? Reserve your table today or visit us for a bowl that tastes like home."
          animationType="entrance-slide"
          buttons={[
            { text: "Reserve Table", href: "tel:+12125551234" },
            { text: "Order Online", href: "https://example.com/order" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Menu", href: "#menu" },
                { label: "About Us", href: "#about" },
                { label: "Reviews", href: "#reviews" }
              ]
            },
            {
              title: "Visit Us",              items: [
                { label: "Address", href: "https://maps.google.com" },
                { label: "Hours", href: "#" },
                { label: "Reservations", href: "#contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Pho Saigon NYC. All rights reserved."
          bottomRightText="Authentic Vietnamese Cuisine Since Opening"
        />
      </div>
    </ThemeProvider>
  );
}