"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="large"
        background="circleGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Our Story",          id: "#about"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Bakso Ponti"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboard
      background={{
        variant: "plain"}}
      title="Authentic Bakso, Bandung's Trusted Recipe"
      description="Warm, flavorful meatball soup crafted daily using traditional methods. Located in Kiaracondong, serving locals and visitors since opening."
      buttons={[
        {
          text: "View Menu & Order Now",          href: "#menu"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/vertical-view-tomato-meatballs-soup-with-noodles-brown-bowl-different-spices-dark-background_140725-141713.jpg"
      imageAlt="A steaming bowl of authentic Indonesian Bakso Ponti soup with meatballs, noodles, and condiments"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-beautiful-couple-feeding-tomato-kitchen_23-2148076130.jpg",          alt: "Customer enjoying bakso"},
        {
          src: "http://img.b2bpic.net/free-photo/man-feeding-food-woman_107420-12113.jpg",          alt: "Another customer enjoying bakso"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-friends-spending-time-together_23-2150176888.jpg",          alt: "Friends sharing a meal"},
        {
          src: "http://img.b2bpic.net/free-photo/side-view-woman-feeding-cherry-tomato-her-husband-kitchen_23-2148076127.jpg",          alt: "Couple dining happily"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-woman-holding-noodles-bowl_23-2149734527.jpg",          alt: "Person with a bowl of noodles"},
      ]}
      avatarText="Loved by over 500+ daily customers!"
      marqueeItems={[
        {
          type: "text",          text: "Fresh Ingredients Daily"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/arrangement-delicious-bakso-bowl_23-2148967848.jpg",          alt: "Arrangement of delicious bakso bowl"},
        {
          type: "text",          text: "Traditional Family Recipe"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/arrangement-traditional-indonesian-bakso_23-2148933286.jpg",          alt: "Arrangement of traditional indonesian bakso"},
        {
          type: "text",          text: "Bandung's Best Bakso"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Our Story: A Taste of Tradition"},
      ]}
      buttons={[
        {
          text: "Learn More",          href: "#about"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552616.jpg"
      imageAlt="A traditional Indonesian kitchen interior, clean and ready for cooking bakso"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p-1",          name: "Bakso Urat",          price: "IDR 25,000",          variant: "Classic Beef Tendon",          imageSrc: "http://img.b2bpic.net/free-photo/vietnamese-sausage-cut-into-pieces-put-cup_1150-25747.jpg",          imageAlt: "A bowl of Bakso Urat, Indonesian beef tendon meatballs"},
        {
          id: "p-2",          name: "Bakso Halus",          price: "IDR 22,000",          variant: "Smooth Beef Meatballs",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-bakso-bowl-composition_23-2148967906.jpg",          imageAlt: "A bowl of Bakso Halus, Indonesian smooth beef meatballs"},
        {
          id: "p-3",          name: "Bakso Mercon",          price: "IDR 28,000",          variant: "Spicy Chili Meatballs",          imageSrc: "http://img.b2bpic.net/free-photo/composition-traditional-indonesian-bakso_23-2148933294.jpg",          imageAlt: "A bowl of Bakso Mercon, Indonesian spicy chili meatballs"},
        {
          id: "p-4",          name: "Mie Yamin Bakso",          price: "IDR 27,000",          variant: "Sweet & Savory Noodles",          imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-instant-noodles-with-seafood-variety-vegetable_1150-27315.jpg",          imageAlt: "A plate of Mie Yamin with bakso, Indonesian sweet and savory noodles"},
        {
          id: "p-5",          name: "Bakso Kuah Spesial",          price: "IDR 30,000",          variant: "Rich Broth Special",          imageSrc: "http://img.b2bpic.net/free-photo/meatballs-soup-with-noodles-board-uncooked-pastas-lemon-greens-oil-bottle-spoon-different-spices-dark-table_140725-138389.jpg",          imageAlt: "A special bowl of Bakso Kuah with rich broth and extra toppings"},
        {
          id: "p-6",          name: "Es Campur",          price: "IDR 18,000",          variant: "Traditional Mixed Ice Dessert",          imageSrc: "http://img.b2bpic.net/free-photo/coconut-ice-cream-with-jelly_1339-4020.jpg",          imageAlt: "A refreshing bowl of Es Campur, Indonesian mixed ice dessert"},
      ]}
      title="Our Signature Bakso"
      description="Explore a variety of traditional and special bakso creations, each bursting with authentic Indonesian flavors, prepared with love and the freshest ingredients."
    />
  </div>

  <div id="quality" data-section="quality">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f-1",          label: "Quality",          title: "Fresh, Local Ingredients",          items: [
            "Sourced daily from local markets",            "Ensuring peak freshness and flavor",            "Supports local farmers and suppliers"],
        },
        {
          id: "f-2",          label: "Authenticity",          title: "Generational Family Recipe",          items: [
            "Time-honored preparation methods",            "True taste of Bandung bakso",            "Authentic Indonesian spice blend"],
        },
        {
          id: "f-3",          label: "Experience",          title: "Warm & Welcoming Ambiance",          items: [
            "Cozy setting perfect for families",            "Friendly staff and prompt service",            "A delightful spot for every visit"],
        },
      ]}
      title="Why Choose Bakso Ponti?"
      description="Experience the difference of true culinary dedication. We're committed to quality, authentic flavor, and an unforgettable dining experience for every guest."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t-1",          name: "Sarah W.",          role: "Local Diner",          testimonial: "Bakso Ponti is my go-to for authentic bakso! The broth is incredibly flavorful, and the meatballs are perfectly chewy. It feels like a taste of home every time.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-learning-make-sushi_23-2151202913.jpg",          imageAlt: "Portrait of Sarah W."},
        {
          id: "t-2",          name: "Michael L.",          role: "Food Enthusiast",          testimonial: "As a tourist, I was searching for genuine Indonesian bakso, and Bakso Ponti did not disappoint! The quality is outstanding, and the ambiance is so welcoming. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-with-chopsticks-front-view_23-2149706742.jpg",          imageAlt: "Portrait of Michael L."},
        {
          id: "t-3",          name: "Aisha R.",          role: "Bandung Resident",          testimonial: "My family loves coming here. The Bakso Urat is a must-try, and the service is always friendly. It’s a true Bandung gem that we keep coming back to!",          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006715.jpg",          imageAlt: "Portrait of Aisha R."},
        {
          id: "t-4",          name: "David C.",          role: "Travel Blogger",          testimonial: "Found this place on a local recommendation and it exceeded all expectations. The Bakso Mercon packed a fantastic punch, truly authentic and delicious. A highlight of my Bandung trip!",          imageSrc: "http://img.b2bpic.net/free-photo/friend-taking-photos-woman-eating-burger_23-2149333809.jpg",          imageAlt: "Portrait of David C."},
        {
          id: "t-5",          name: "Fitriana H.",          role: "Restaurant Owner",          testimonial: "Every dish here tells a story of tradition and passion. Bakso Ponti sets a high standard for authentic Indonesian cuisine. I'm always impressed by their dedication to quality.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-tender-parisian-girl-stylish-outfit-sends-air-kiss-portrait-young-woman-with-expressive-look_197531-12004.jpg",          imageAlt: "Portrait of Fitriana H."},
      ]}
      title="What Our Customers Say"
      description="Don't just take our word for it. Hear from the satisfied diners who make Bakso Ponti their favorite spot for authentic Indonesian meatball soup."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "What are your operating hours?",          content: "Bakso Ponti is open daily from 10:00 AM to 9:00 PM. We look forward to serving you!"},
        {
          id: "faq-2",          title: "Do you offer delivery services?",          content: "Yes, we partner with major food delivery platforms in Bandung. You can find us on GoFood and GrabFood for convenient home or office delivery."},
        {
          id: "faq-3",          title: "Are there vegetarian options available?",          content: "Currently, our menu focuses on traditional meat-based bakso. However, we are always exploring new options and welcome suggestions. Please ask our staff for assistance."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our menu, services, and location to help plan your visit."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Visit Us"
      title="Dine In or Order Online"
      description="Located conveniently in Kiaracondong, Bandung. We look forward to serving you the best authentic bakso in town. For inquiries or special orders, contact us or visit our restaurant during opening hours."
      buttonText="Get Directions"
      termsText="See our location on Google Maps for directions and travel time."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "Menu",              href: "#menu"},
            {
              label: "Our Story",              href: "#about"},
          ],
        },
        {
          items: [
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="Bakso Ponti"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
