"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Fish, Flame, MapPin, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="gradient-bordered"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Our Specialty",
          id: "#specialty",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Location",
          id: "#location",
        },
      ]}
      button={{
        text: "Make a Reservation",
        href: "#location",
      }}
      logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-korean-restaurant-twitter-header_23-2149694254.jpg"
      brandName="Odari Gejang"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      imagePosition="right"
      title="Taste the Soul of Seoul: Authentic Ganjang Gejang"
      description="Discover Odari Gejang, renowned for its exquisitely fresh, soy-marinated raw crab. A culinary gem in Gangnam, praised by over a thousand international guests for its rich roe and delicate flavor."
      testimonials={[
        {
          name: "Sarah J.",
          handle: "@globetrotter_eats",
          testimonial: "Absolutely incredible! The Ganjang Gejang here is unbelievably fresh, no fishiness at all. The roe was rich and creamy. A must-try in Seoul!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-eating_23-2149255934.jpg",
          imageAlt: "Sarah J. happy with food",
        },
        {
          name: "Kaito Y.",
          handle: "@tokyo_foodie",
          testimonial: "As a Japanese traveler, I've tried many gejangs, but Odari's stands out. Not too salty, perfectly balanced, and the crab literally melts in your mouth. Truly authentic!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-pretty-stylish-smiling-woman-colorful-retro-vintage-american-50s-cafe-sitting-table-drinking-milk-shake-cocktail-wearing-pink-sunglasses-having-fun_285396-10740.jpg",
          imageAlt: "Kaito Y. enjoying the meal",
        },
        {
          name: "Emily R.",
          handle: "@seoul_explorer",
          testimonial: "The best Ganjang Gejang in Gangnam! It's so fresh, and the set meal with egg custard and kimchi jjigae is a perfect combination. Loved the unlimited banchan!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081510.jpg",
          imageAlt: "Emily R. praising the food",
        },
        {
          name: "David K.",
          handle: "@us_eats_korea",
          testimonial: "Came here because of the Google reviews, and it exceeded expectations! The crab roe was abundant, and the marinade was just right. Highly recommend the XXL size!",
          rating: 5,
          imageSrc: "http://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 K. delighted with Ganjang Gejang",
        },
        {
          name: "Maria S.",
          handle: "@taste_of_asia",
          testimonial: "Simply exquisite! The Ganjang Gejang here is a culinary masterpiece. The freshness and the depth of flavor are unmatched. A must-visit for authentic Korean seafood.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-eating-asian-food_23-2150288274.jpg",
          imageAlt: "Maria S. enjoying korean food",
        },
      ]}
      testimonialRotationInterval={5000}
      buttons={[
        {
          text: "View Our Menu",
          href: "#menu",
        },
        {
          text: "Find Us",
          href: "#location",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-29249.jpg",
          alt: "Sarah J. avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-asian-food_23-2150288259.jpg",
          alt: "Kaito Y. avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-girl-sunglasses-with-map-hands-leaning-car-while-dreamily-looking-camera-with-airport-background_574295-3231.jpg",
          alt: "Emily R. avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/serious-emotional-young-man-sitting-desk-gesturing-while-having-video-conference-call-using-some-electronic-gadget-talking-colleagues-via-group-chat-online-people-lifestyle-concept_343059-2017.jpg",
          alt: "David K. avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/view-cartoon-man-enjoying-delicious-3d-pizza_23-2151017612.jpg",
          alt: "Maria S. avatar",
        },
      ]}
      avatarText="Loved by 1,177+ international guests"
      imageSrc="http://img.b2bpic.net/free-photo/boiled-fish-infusion-with-tomatoes-mushrooms-coriander-spring-onion-lemongrass-bowl_1150-27129.jpg"
      imageAlt="Close-up of Ganjang Gejang dish"
      mediaAnimation="opacity"
      fixedMediaHeight={true}
      marqueeItems={[
        {
          type: "text-icon",
          text: "Exceptional Quality",
          icon: Award,
        },
        {
          type: "text-icon",
          text: "Authentic Korean Flavor",
          icon: Flame,
        },
        {
          type: "text-icon",
          text: "Freshly Sourced Seafood",
          icon: Fish,
        },
        {
          type: "text-icon",
          text: "Award-Winning Dish",
          icon: Star,
        },
        {
          type: "text-icon",
          text: "Gangnam's Culinary Gem",
          icon: MapPin,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="A Taste of Excellence, Verified by Thousands"
      metrics={[
        {
          icon: Star,
          label: "Google Rating",
          value: "4.8 Stars",
        },
        {
          icon: Users,
          label: "Global Reviews",
          value: "1,177+",
        },
        {
          icon: Award,
          label: "Signature Dish",
          value: "Authenticity Guaranteed",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="specialty" data-section="specialty">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Unrivaled Freshness",
          description: "We source only the freshest crabs, packed with creamy roe, ensuring every bite is a testament to quality.",
          imageSrc: "http://img.b2bpic.net/free-photo/picture-large-steamed-cancer-red-orange-color-sunlight_132075-5873.jpg",
          imageAlt: "Fresh raw crab with roe",
        },
        {
          title: "Perfectly Balanced Marinade",
          description: "Our secret soy marinade is carefully crafted to enhance the crab's natural flavor without being overly salty or overpowering.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-greens-with-rusks-seasonings-dark-table-meal-soup-green-food_140725-24545.jpg",
          imageAlt: "Ingredients for soy marinade",
        },
        {
          title: "Complete Authentic Set",
          description: "Each Ganjang Gejang order comes with traditional Korean sides: fluffy egg custard, savory kimchi jjigae, and unlimited banchan refills.",
          imageSrc: "http://img.b2bpic.net/free-photo/cheesy-tokbokki-korean-traditional-food-black-board-background-lunch-dish_1150-42990.jpg",
          imageAlt: "Korean side dishes spread",
        },
      ]}
      title="Our Signature Experience: Unforgettable Freshness"
      description="At Odari Gejang, every crab is selected for its unparalleled freshness and abundant roe. We meticulously marinate each crab to perfection, ensuring a delicate, non-fishy taste that sets us apart."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "gejang-L",
          name: "Ganjang Gejang (L)",
          price: "₩30,000",
          imageSrc: "http://img.b2bpic.net/free-photo/corn-soup-tomato-sauce_114579-19882.jpg",
          imageAlt: "Ganjang Gejang size L",
        },
        {
          id: "gejang-XL",
          name: "Ganjang Gejang (XL)",
          price: "₩45,000",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-shrimp-prawn_1203-9912.jpg",
          imageAlt: "Ganjang Gejang size XL",
        },
        {
          id: "gejang-XXL",
          name: "Ganjang Gejang (XXL)",
          price: "₩60,000",
          imageSrc: "http://img.b2bpic.net/free-photo/grand-piece-sushi-nori-with-soy-sauce-inside-white-leaf-shape-dish-with-flowers-around_114579-3374.jpg",
          imageAlt: "Ganjang Gejang size XXL",
        },
        {
          id: "gejang-L-set",
          name: "Ganjang Gejang Set (L)",
          price: "₩35,000",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-lamb-chops-white-plate-with-carrot-slices-cutlery_114579-39476.jpg",
          imageAlt: "Ganjang Gejang set L",
        },
        {
          id: "gejang-XL-set",
          name: "Ganjang Gejang Set (XL)",
          price: "₩50,000",
          imageSrc: "http://img.b2bpic.net/free-photo/steamed-crabs-china-yangcheng-lake-stone-board_1387-128.jpg",
          imageAlt: "Ganjang Gejang set XL",
        },
        {
          id: "gejang-XXL-set",
          name: "Ganjang Gejang Set (XXL)",
          price: "₩65,000",
          imageSrc: "http://img.b2bpic.net/free-photo/black-plate-fruits-dried-fruits_140725-3542.jpg",
          imageAlt: "Ganjang Gejang set XXL",
        },
      ]}
      title="Ganjang Gejang: Select Your Perfect Size"
      description="Indulge in our signature soy-marinated raw crab, available in sizes tailored to your appetite. Each set comes with comforting sides to complete your authentic Korean dining experience."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Best Ganjang Gejang I've Ever Had!",
          quote: "The crab was so incredibly fresh, packed with roe, and absolutely not fishy. The marinade was perfectly balanced – not too sweet, not too salty. A truly authentic and unforgettable experience. I'll be back!",
          name: "Aoi Nakamura",
          role: "Tokyo, Japan",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5040.jpg",
          imageAlt: "Aoi Nakamura smiling",
        },
        {
          id: "2",
          title: "Mind-blowing Flavor, Highly Recommended!",
          quote: "I was a bit hesitant to try raw crab, but this place changed my mind. The taste was rich, savory, and incredibly clean. The XXL size is definitely worth it, and the banchan are amazing.",
          name: "Lim Wei Chen",
          role: "Singapore",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-cheerful-asian-female-hand-hold-fish-chip-breakfast-while-enjoy-eating-laugh-conversation-with-her-friend-near-window-store-cafe-restaurant_609648-2774.jpg",
          imageAlt: "Lim Wei Chen eating",
        },
        {
          id: "3",
          title: "A True Hidden Gem in Gangnam",
          quote: "Found this place through a Korean friend, and it's fantastic! The atmosphere is warm and welcoming, and the Ganjang Gejang is out of this world. Solo-friendly counter seats are a huge plus!",
          name: "Jessica Lee",
          role: "Los Angeles, USA",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-199251.jpg",
          imageAlt: "Jessica Lee happy with food",
        },
        {
          id: "4",
          title: "Exquisite Taste, Excellent Service!",
          quote: "Every dish was prepared with care, and the crab was so fresh it practically melted. The staff were very helpful, and having a menu in English and Japanese made ordering a breeze. Five stars!",
          name: "Kenji Tanaka",
          role: "Osaka, Japan",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-chinese-woman_23-2149706700.jpg",
          imageAlt: "Kenji Tanaka eating crab",
        },
        {
          id: "5",
          title: "My Favorite Restaurant in Seoul!",
          quote: "I visit Seoul frequently, and Odari Gejang is now on my must-visit list every time. The quality of the crab is consistently high, and the set includes so many delicious sides. It feels like a real local secret!",
          name: "Priya Singh",
          role: "Bangkok, Thailand",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081505.jpg",
          imageAlt: "Priya Singh at the restaurant",
        },
      ]}
      title="What Our International Guests Say"
      description="Don't just take our word for it. Our visitors from Japan, Southeast Asia, and the US consistently rave about the unparalleled taste and authentic experience at Odari Gejang. We're proud to be a trusted destination for Korean cuisine."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Do you take reservations?",
          content: "Yes, we highly recommend making a reservation, especially for dinner or weekend visits, to ensure you get a table. Please call us or use our online reservation system.",
        },
        {
          id: "2",
          title: "Is the menu available in other languages?",
          content: "Absolutely! Our menu is available in Korean, English, and Japanese to ensure a comfortable ordering experience for all our international guests.",
        },
        {
          id: "3",
          title: "I'm dining solo, do you have options for me?",
          content: "Yes, we welcome solo diners! We have comfortable counter seats perfect for enjoying your meal in a relaxed atmosphere. The 'L' size Ganjang Gejang is ideal for one.",
        },
        {
          id: "4",
          title: "How spicy is the Ganjang Gejang?",
          content: "Ganjang Gejang (soy-marinated crab) is not spicy at all. It has a rich, savory, and slightly sweet flavor. For those who enjoy a kick, our kimchi jjigae offers a comforting warmth.",
        },
        {
          id: "5",
          title: "Where are you located exactly?",
          content: "We are conveniently located in Gangnam, Seoul, right by Yeoksam Station Exit 4. Our address is easily searchable on Google Maps for your convenience.",
        },
      ]}
      sideTitle="Your Questions, Answered"
      sideDescription="We understand that trying new cuisine can bring questions. Here are some of the most common inquiries from our international guests."
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="location" data-section="location">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Visit Us"
      tagIcon={MapPin}
      tagAnimation="none"
      title="Experience Odari Gejang in the Heart of Gangnam"
      description="Located conveniently near Yeoksam Station Exit 4, Odari Gejang welcomes you for an authentic Korean dining experience. Find us and savor the best Ganjang Gejang Seoul has to offer. We're open daily for lunch and dinner."
      buttons={[
        {
          text: "Get Directions (Google Maps)",
          href: "https://www.google.com/maps/search/Odari+Gejang+Yeoksam+station+exit+4,+Gangnam",
        },
        {
          text: "Call Us for Reservations",
          href: "tel:+82-2-XXX-XXXX",
        },
      ]}
      buttonAnimation="none"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-korean-restaurant-twitter-header_23-2149694254.jpg"
      logoText="Odari Gejang"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
