"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: "Full Menu", id: "fullmenu" },
            { 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="fullmenu" data-section="fullmenu">
        <FeatureCardThree
          title="Complete Pho Menu"
          description="Our full collection of 15 authentic pho dishes, each carefully crafted with traditional Vietnamese recipes and premium ingredients"
          tag="All Dishes"
          tagIcon={Utensils}
          features={[
            {
              id: "1",              title: "Pho Bo (Beef)",              description: "Classic Vietnamese beef pho with brisket, tendon, and marrow in 12-hour slow-simmered bone broth",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-delicious-bakso-bowl-composition_23-2148967910.jpg",              imageAlt: "Beef pho bowl"
            },
            {
              id: "2",              title: "Pho Bo Tai (Rare Beef)",              description: "Tender rare beef that cooks in the hot broth, delivering authentic flavor and texture",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-soup-with-noodles-chopsticks_23-2148381158.jpg",              imageAlt: "Rare beef pho"
            },
            {
              id: "3",              title: "Pho Bo Nhung (Beef Well)",              description: "Premium beef selection with hot broth served at your table for an interactive dining experience",              imageSrc: "https://img.b2bpic.net/free-photo/young-asian-woman-holding-soup-with-beef_1220-7939.jpg",              imageAlt: "Beef pho with broth station"
            },
            {
              id: "4",              title: "Pho Ga (Chicken)",              description: "Delicate chicken pho with tender poached chicken and aromatic ginger-infused broth",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-vietnamese-dish-with-mint_23-2148381198.jpg",              imageAlt: "Chicken pho"
            },
            {
              id: "5",              title: "Pho Ga Xao (Stir-Fried Chicken)",              description: "Crispy stir-fried chicken served with rice noodles and traditional herb accompaniments",              imageSrc: "https://img.b2bpic.net/free-photo/bowl-thai-beans-sprout-fish-ball-soup-wooden-desk_23-2148093206.jpg",              imageAlt: "Stir-fried chicken pho"
            },
            {
              id: "6",              title: "Pho Tom (Shrimp)",              description: "Fresh gulf shrimp in seafood-based broth with delicate flavors and tender texture",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-delicious-bakso-bowl-composition_23-2148967910.jpg",              imageAlt: "Shrimp pho"
            },
            {
              id: "7",              title: "Pho Tom Cua (Shrimp & Crab)",              description: "Luxurious blend of fresh shrimp and lump crab meat in rich seafood broth",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-soup-with-noodles-chopsticks_23-2148381158.jpg",              imageAlt: "Shrimp and crab pho"
            },
            {
              id: "8",              title: "Pho Muc (Squid)",              description: "Tender squid in aromatic broth, a specialty for seafood lovers seeking authentic flavors",              imageSrc: "https://img.b2bpic.net/free-photo/young-asian-woman-holding-soup-with-beef_1220-7939.jpg",              imageAlt: "Squid pho"
            },
            {
              id: "9",              title: "Pho Chay (Vegetarian)",              description: "Plant-based pho with seasonal vegetables and rich mushroom broth for our vegetarian guests",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-vietnamese-dish-with-mint_23-2148381198.jpg",              imageAlt: "Vegetarian pho"
            },
            {
              id: "10",              title: "Pho Bo Vien (Meatball)",              description: "Homemade Vietnamese meatballs in traditional broth with perfect umami flavor",              imageSrc: "https://img.b2bpic.net/free-photo/bowl-thai-beans-sprout-fish-ball-soup-wooden-desk_23-2148093206.jpg",              imageAlt: "Meatball pho"
            },
            {
              id: "11",              title: "Pho Dac Biet (Special)",              description: "Our signature special pho featuring rare beef, brisket, tendon, and tripe in masterful balance",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-delicious-bakso-bowl-composition_23-2148967910.jpg",              imageAlt: "Special pho combination"
            },
            {
              id: "12",              title: "Pho Tai Nam (Rare & Well-Done)",              description: "Perfect combination of rare and well-done beef creating layers of flavor and texture",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-soup-with-noodles-chopsticks_23-2148381158.jpg",              imageAlt: "Mixed beef pho"
            },
            {
              id: "13",              title: "Pho Ngan (Duck)",              description: "Rich and flavorful duck pho with tender roasted duck meat and aromatic broth",              imageSrc: "https://img.b2bpic.net/free-photo/young-asian-woman-holding-soup-with-beef_1220-7939.jpg",              imageAlt: "Duck pho"
            },
            {
              id: "14",              title: "Pho Hang (Organ Meat)",              description: "Traditional specialty for adventurous diners featuring beef organs and authentic preparation",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-vietnamese-dish-with-mint_23-2148381198.jpg",              imageAlt: "Organ meat pho"
            },
            {
              id: "15",              title: "Pho Tron Gao (Mixed Rice Noodle)",              description: "Our unique house blend combining pho broth with crispy rice noodles for textured delight",              imageSrc: "https://img.b2bpic.net/free-photo/bowl-thai-beans-sprout-fish-ball-soup-wooden-desk_23-2148093206.jpg",              imageAlt: "Mixed pho creation"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="invertDefault"
        />
      </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: "Full Menu", href: "#fullmenu" },
                { 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>
  );
}
