"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Heart, Leaf, Star, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
        background="noiseDiagonalGradient"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Team",          id: "#team"},
        {
          name: "Reviews",          id: "#reviews"},
        {
          name: "Contact",          id: "#contact"},
        {
          name: "Footer",          id: "#footer"}
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mcif3h"
      logoAlt="Pondok Bambu Kuning Logo"
      brandName="Pondok Bambu Kuning"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated"}}
      title="Welcome to Pondok Bambu Kuning"
      description="Experience the authentic taste of Indonesia in an elegant and serene bamboo-themed setting. A culinary journey awaits you."
      buttons={[
        {
          text: "View Our Menu",          href: "#menu"},
        {
          text: "Make a Reservation",          href: "#contact"},
      ]}
      carouselItems={[
        {
          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/yellow-white-wooden-fence_250224-276.jpg",          imageAlt: "Elegant Indonesian restaurant interior"},
        {
          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/noodles-spicy-frying-pans-with-ingredients-black-cement-surface_1150-19783.jpg",          imageAlt: "Traditional Indonesian Sate Lilit"},
        {
          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-typical-thai-dress_1150-5611.jpg",          imageAlt: "Restaurant staff serving Indonesian dishes"},
        {
          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/vintage-tone-ice-melon-bingsu-famous-korean-ice-cream_1258-229.jpg",          imageAlt: "Rich Soto Betawi soup"},
        {
          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552618.jpg",          imageAlt: "Decorative bamboo elements in dining area"},
        {
          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-dinner-table_23-2149882912.jpg",          imageAlt: "Guests enjoying a traditional Indonesian feast"},
      ]}
      autoPlay={true}
      autoPlayInterval={5000}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="Our Story"
      title="Pondok Bambu Kuning: A Taste of Heritage"
      buttons={[
        {
          text: "Learn More"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          icon: Utensils,
          title: "Authentic Recipes",          description: "Savor dishes prepared with time-honored Indonesian recipes and traditional cooking techniques."},
        {
          icon: Leaf,
          title: "Serene Ambiance",          description: "Dine in a tranquil bamboo-themed setting, reminiscent of Indonesia's natural beauty."},
        {
          icon: Star,
          title: "Finest Ingredients",          description: "We source fresh, high-quality local ingredients to ensure every meal is a delight."},
        {
          icon: Heart,
          title: "Warm Hospitality",          description: "Experience genuine Indonesian hospitality with attentive and friendly service."},
      ]}
      title="Why Choose Pondok Bambu Kuning?"
      description="We are dedicated to providing an exceptional culinary and cultural experience, making every visit special."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "dish-1",          name: "Nasi Goreng Spesial",          price: "Rp 65.000",          imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-set-with-egg-bacon-pancakes-orange-juice-milk-bread-coffee_74190-2222.jpg",          imageAlt: "Nasi Goreng Spesial with fried egg"},
        {
          id: "dish-2",          name: "Sate Ayam Madura",          price: "Rp 75.000",          imageSrc: "http://img.b2bpic.net/free-photo/fried-prawns-wooden-board_140725-1360.jpg",          imageAlt: "Sate Ayam Madura with peanut sauce"},
        {
          id: "dish-3",          name: "Rendang Sapi",          price: "Rp 90.000",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-goulash-ready-dinner_23-2149370842.jpg",          imageAlt: "Slow-cooked Rendang Sapi"},
        {
          id: "dish-4",          name: "Gado-Gado",          price: "Rp 55.000",          imageSrc: "http://img.b2bpic.net/free-photo/spicy-winged-bean-salad_1203-7374.jpg",          imageAlt: "Gado-Gado Indonesian salad"},
        {
          id: "dish-5",          name: "Soto Betawi",          price: "Rp 70.000",          imageSrc: "http://img.b2bpic.net/free-photo/kaeng-liang-bowl-with-spices-black-cement-floor_1150-35158.jpg",          imageAlt: "Creamy Soto Betawi soup"},
        {
          id: "dish-6",          name: "Es Teler",          price: "Rp 40.000",          imageSrc: "http://img.b2bpic.net/free-photo/black-sticky-rice-custard-banana-leaf-white-plate-with-butterfly-pea-flowers_1150-20712.jpg",          imageAlt: "Refreshing Es Teler dessert"},
      ]}
      title="Our Signature Dishes"
      description="Explore a selection of our most loved and authentic Indonesian culinary creations, each a masterpiece of flavor."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      team={[
        {
          id: "member-1",          name: "Chef Budi Santoso",          role: "Head Chef",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-posing_23-2151232212.jpg",          imageAlt: "Portrait of Chef Budi Santoso"},
        {
          id: "member-2",          name: "Ayu Lestari",          role: "Restaurant Manager",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-with-lot-cash-money-yellow_74190-15694.jpg",          imageAlt: "Portrait of Ayu Lestari"},
        {
          id: "member-3",          name: "Putu Dharma",          role: "Pastry Chef",          imageSrc: "http://img.b2bpic.net/free-photo/woman-puts-cinnabon-plate-family-party_169016-48405.jpg",          imageAlt: "Portrait of Putu Dharma"},
        {
          id: "member-4",          name: "Dewi Wijaya",          role: "Sous Chef",          imageSrc: "http://img.b2bpic.net/free-photo/cook-putting-vegetable-plate-with-salad_23-2148040235.jpg",          imageAlt: "Portrait of Dewi Wijaya"},
      ]}
      title="Meet Our Culinary Family"
      description="Behind every exquisite dish and warm smile is our dedicated team, passionate about Indonesian cuisine and hospitality."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t-1",          name: "Sarah Johnson",          handle: "@sarahj",          testimonial: "Pondok Bambu Kuning offers an incredible dining experience! The Nasi Goreng was perfectly spiced, and the ambiance was so relaxing. Highly recommend!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-senior-woman-wearing-apron-uniform-red-isolated-background-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-32756.jpg",          imageAlt: "Sarah Johnson"},
        {
          id: "t-2",          name: "Michael Chen",          handle: "@mchen_foodie",          testimonial: "Every dish felt like a journey through Indonesia. The Rendang Sapi was exceptionally tender and flavorful. A true gem!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/family-reunion-celebrating-winter_23-2149628493.jpg",          imageAlt: "Michael Chen"},
        {
          id: "t-3",          name: "Emily Rodriguez",          handle: "@emily.eats",          testimonial: "Absolutely loved the serene setting and the authentic flavors. The Gado-Gado was fresh and delicious. We'll definitely be back!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717872.jpg",          imageAlt: "Emily Rodriguez"},
        {
          id: "t-4",          name: "David Kim",          handle: "@davidk_reviews",          testimonial: "The hospitality was as wonderful as the food. Chef Budi's Sate Ayam is a must-try. A fantastic taste of Indonesian culture.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663866.jpg",          imageAlt: "David Kim"},
        {
          id: "t-5",          name: "Jessica Lee",          handle: "@jessfoodventure",          testimonial: "From the welcoming staff to the delightful desserts, Pondok Bambu Kuning exceeded all expectations. Es Teler was a perfect finish!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4459.jpg",          imageAlt: "Jessica Lee"},
      ]}
      showRating={true}
      title="What Our Guests Are Saying"
      description="Hear from those who have experienced the unique charm and exquisite tastes of Pondok Bambu Kuning. We proudly maintain a Google Maps rating of 4.3, reflecting our commitment to excellence."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Travel Advisor",        "Taste of Indonesia",        "Bali Eats",        "Culinary Magazine",        "Chef Alliance",        "Halal Certified",        "Local Press"]}
      title="Recognized for Excellence"
      description="Proudly acknowledged by leading culinary platforms and trusted reviewers for our commitment to quality and authenticity."
      speed={60}
      showCard={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "Do you offer vegetarian options?",          content: "Yes, we have a variety of delicious vegetarian dishes, including Gado-Gado and Sayur Asem. Please inform your server of any dietary preferences."},
        {
          id: "faq-2",          title: "Can I make a reservation online?",          content: "Absolutely! You can easily make a reservation through our website or by contacting us directly via phone. We recommend booking in advance, especially for weekends."},
        {
          id: "faq-3",          title: "Do you cater for events?",          content: "Yes, Pondok Bambu Kuning offers catering services for various events. Please reach out to our team to discuss your specific needs and create a custom menu."},
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to common questions about our restaurant, menu, and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "rotated-rays-static"}}
      tag="Contact Us"
      title="Plan Your Visit or Event"
      description="We look forward to welcoming you to Pondok Bambu Kuning. Our restaurant is open daily from 10:00 AM to 10:00 PM. Find us at Jl. DI. Panjaitan Kel. Sentosa Seberang Ulu 2, Bagus Kuning, Kec. Plaju, Kota Palembang. Sumatera Selatan. 30119. For reservations or inquiries, please call us at 081268781001 or reach out through this form. Our team is ready to assist you."
      imageSrc="http://img.b2bpic.net/free-photo/full-shot-small-business-owner-standing-outdoors_23-2149434499.jpg"
      imageAlt="Elegant restaurant entrance at night"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Enter your email for updates"
      buttonText="Subscribe"
      termsText="By clicking Subscribe, you agree to receive promotional emails from Pondok Bambu Kuning."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mcif3h"
      logoAlt="Pondok Bambu Kuning Logo"
      logoText="Pondok Bambu Kuning"
      leftLink={{
        text: "Privacy Policy",        href: "#"}}
      rightLink={{
        text: "Terms of Service",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}