"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Fish, Flame, Heart, Sparkles, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="small"
        sizing="mediumSizeLargeTitles"
        background="grid"
        cardStyle="soft-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="BAKMIE & SEAFOOD 99"
      button={{
        text: "Order Now",
        href: "#menu",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "glowing-orb",
      }}
      imagePosition="right"
      title="Nikmati Kelezatan Laut di Bakmie & Seafood 99"
      description="Rasakan pengalaman kuliner tak terlupakan dengan hidangan bakmie dan seafood segar terbaik di Tarumajaya, Bekasi. Setiap gigitan adalah petualangan rasa!"
      testimonials={[
        {
          name: "Budi Santoso",
          handle: "@KulinerBekasi",
          testimonial: "Seafoodnya segar banget! Bakmie gorengnya juga juara, recommended!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg",
          imageAlt: "Customer Budi Santoso",
        },
        {
          name: "Siti Aminah",
          handle: "@FoodLoverJkt",
          testimonial: "Pelayanannya ramah, tempatnya nyaman, dan makanannya mantap jiwa!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/curly-woman-with-cheerful-expression-eats-delicious-dessert-being-good-mood-spends-spare-time-cozy-coffee-shop-enjoys-tasty-fruit-salad-attractive-female-rests-after-excursion-alone_273609-2101.jpg",
          imageAlt: "Customer Siti Aminah",
        },
        {
          name: "Rizky Firmansyah",
          handle: "@PecintaMie",
          testimonial: "Gurame saus padangnya bikin nagih, wajib coba!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-feeding-man-with-salad-restaurant_23-2148014504.jpg",
          imageAlt: "Customer Rizky Firmansyah",
        },
        {
          name: "Dewi Sartika",
          handle: "@BekasiFoodie",
          testimonial: "Tempat favorit keluarga! Variasi menunya banyak dan semuanya lezat.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg",
          imageAlt: "Customer Dewi Sartika",
        },
        {
          name: "Fajar Pratama",
          handle: "@ExploreRasa",
          testimonial: "Bakmienya khas banget, bumbu meresap sempurna. Pelayanan cepat!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cafe-dines-traditional-shakshuka-ayran_169016-16512.jpg",
          imageAlt: "A young woman in a cafe dines on traditional shakshuka and ayran",
        },
      ]}
      buttons={[
        {
          text: "Lihat Menu",
          href: "#menu",
        },
        {
          text: "Pesan Sekarang",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/oyster_74190-5824.jpg"
      imageAlt="Delicious seafood and bakmie spread on a table"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-eating-waffles-with-whipped-cream-fruits_329181-2951.jpg",
          alt: "Young woman eating waffles with whipped cream and fruits",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg",
          alt: "Portrait of happy woman eatingout having breakfast and talking to friend at table looking aside with cheerful smile sitting near mobile phone on terrace",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491811.jpg",
          alt: "Front view woman having lunch at restaurant",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-chopsticks-with-sushi_496169-325.jpg",
          alt: "Beautiful woman holding chopsticks with sushi",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-young-attractive-woman-eating-salad-street-cafe_231208-12151.jpg",
          alt: "Close up of young attractive woman eating salad at street cafe",
        },
      ]}
      avatarText="Lebih dari 1000 pelanggan puas!"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Seafood Segar",
          icon: Fish,
        },
        {
          type: "text-icon",
          text: "Bumbu Otentik",
          icon: Flame,
        },
        {
          type: "text-icon",
          text: "Pelayanan Terbaik",
          icon: Sparkles,
        },
        {
          type: "text-icon",
          text: "Higienis & Lezat",
          icon: Award,
        },
        {
          type: "text-icon",
          text: "Favorit Keluarga",
          icon: Users,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Kenapa Memilih Bakmie & Seafood 99?"
      metrics={[
        {
          icon: Award,
          label: "Tahun Beroperasi",
          value: "10+",
        },
        {
          icon: Flame,
          label: "Chef Berpengalaman",
          value: "5+",
        },
        {
          icon: Heart,
          label: "Pelanggan Setia",
          value: "1000+",
        },
        {
          icon: Fish,
          label: "Hidangan Laut Segar",
          value: "Setiap Hari",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "bawal-cabe-garam",
          name: "Ikan Bawal Laut Cabe Garam",
          price: "55K",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-chop-meat-steak_1203-9915.jpg",
          imageAlt: "Ikan Bawal Laut Cabe Garam",
        },
        {
          id: "bawal-goreng",
          name: "Ikan Bawal Laut Goreng",
          price: "50K",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-sea-bass-fish-white-plate-with-spicy-sweet-sauce_1203-7472.jpg",
          imageAlt: "Ikan Bawal Laut Goreng",
        },
        {
          id: "bawal-goreng-kering",
          name: "Ikan Bawal Laut Goreng Kering",
          price: "50K",
          imageSrc: "http://img.b2bpic.net/free-photo/spicy-fried-tubtim-fish-salad-spicy-thai-food_1150-26487.jpg",
          imageAlt: "Ikan Bawal Laut Goreng Kering",
        },
        {
          id: "bawal-asam-manis",
          name: "Ikan Bawal Laut Saos Asam Manis",
          price: "55K",
          imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-kale-spicy-crispy-pork-wooden-table-thai-food-concept_1150-26548.jpg",
          imageAlt: "Ikan Bawal Laut Saos Asam Manis",
        },
        {
          id: "bawal-saus-padang",
          name: "Ikan Bawal Laut Saus Padang",
          price: "55K",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-pork-topped-with-sesame-seeds-put-banana-leaf-black-dish_1150-23122.jpg",
          imageAlt: "Ikan Bawal Laut Saus Padang",
        },
        {
          id: "bawal-saus-rica",
          name: "Ikan Bawal Laut Saus Rica-Rica",
          price: "55K",
          imageSrc: "http://img.b2bpic.net/free-photo/fish-pork-chicken-steak-meal-set_1150-7009.jpg",
          imageAlt: "Ikan Bawal Laut Saus Rica-Rica",
        },
        {
          id: "bawal-saus-tiram",
          name: "Ikan Bawal Laut Saus Tiram",
          price: "50K",
          imageSrc: "http://img.b2bpic.net/free-photo/steak-fish-meat_74190-738.jpg",
          imageAlt: "Ikan Bawal Laut Saus Tiram",
        },
        {
          id: "bawal-tahu-tausi",
          name: "Ikan Bawal Laut Tahu Tausi",
          price: "55K",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-fish-with-soy-sauce_1339-6646.jpg",
          imageAlt: "Ikan Bawal Laut Tahu Tausi",
        },
        {
          id: "bawal-telur-asin",
          name: "Ikan Bawal Laut Telur Asin",
          price: "55K",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-side-onion-sauce_140725-1771.jpg",
          imageAlt: "Ikan Bawal Laut Telur Asin",
        },
        {
          id: "gurame-cabe-garam",
          name: "Ikan Gurameh Cabe Garam",
          price: "55K",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-meat-cutlets-with-seasonings-grey-desk-meal-food-dish_140725-46973.jpg",
          imageAlt: "Ikan Gurameh Cabe Garam",
        },
        {
          id: "gurame-goreng",
          name: "Ikan Gurameh Goreng",
          price: "50K",
          imageSrc: "http://img.b2bpic.net/free-photo/tom-yum-snakehead-fish-hot-pot-thai-food_1150-23413.jpg",
          imageAlt: "Ikan Gurameh Goreng",
        },
        {
          id: "gurame-goreng-kering",
          name: "Ikan Gurameh Goreng Kering",
          price: "50K",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-fried-fish-dark-background-dish-food-salad-fry-meat-sea-pepper-cooking-meal-seafood_179666-17683.jpg",
          imageAlt: "Ikan Gurameh Goreng Kering",
        },
        {
          id: "gurame-asam-manis",
          name: "Ikan Gurameh Saus Asam Manis",
          price: "55K",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-fillet-with-sliced-orange-herbs_140725-6170.jpg",
          imageAlt: "Ikan Gurameh Saus Asam Manis",
        },
        {
          id: "gurame-saus-padang",
          name: "Ikan Gurameh Saus Padang",
          price: "55K",
          imageSrc: "http://img.b2bpic.net/free-photo/sweet-pork-white-plate-with-chopped-scallions-chili-lime-gourd-tomato-garlic_1150-25946.jpg",
          imageAlt: "Ikan Gurameh Saus Padang",
        },
        {
          id: "gurame-saus-rica",
          name: "Ikan Gurameh Saus Rica-Rica",
          price: "55K",
          imageSrc: "http://img.b2bpic.net/free-photo/mackerel-placed-banana-leaves-white-plate_1150-22218.jpg",
          imageAlt: "Ikan Gurameh Saus Rica-Rica",
        },
        {
          id: "gurame-saus-tiram",
          name: "Ikan Gurame Saus Tiram",
          price: "50K",
          imageSrc: "http://img.b2bpic.net/free-photo/boiled-fish-infusion-with-tomatoes-mushrooms-coriander-spring-onion-lemongrass-bowl_1150-27134.jpg",
          imageAlt: "Ikan Gurame Saus Tiram",
        },
        {
          id: "gurame-tahu-tausi",
          name: "Ikan Gurame Tahu Tausi",
          price: "55K",
          imageSrc: "http://img.b2bpic.net/free-photo/hot-spicy-mackerel-decorated-with-thai-food-ingredients_1150-25378.jpg",
          imageAlt: "Ikan Gurame Tahu Tausi",
        },
        {
          id: "gurame-telur-asin",
          name: "Ikan Guram Jolor Asin",
          price: "55K",
          imageSrc: "http://img.b2bpic.net/free-photo/tuna-tartar_74190-31.jpg",
          imageAlt: "Ikan Guram Jolor Asin",
        },
        {
          id: "kakap-cabe-garam",
          name: "Ikan Kakap Cabe Garam",
          price: "55K",
          imageSrc: "http://img.b2bpic.net/free-photo/mackerel-placed-banana-leaves-white-plate_1150-22214.jpg",
          imageAlt: "Ikan Kakap Cabe Garam",
        },
        {
          id: "kakap-goreng",
          name: "Ikan Kakap Goreng",
          price: "50K",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-sea-bass-fish-white-plate-with-spicy-sweet-sauce_74190-565.jpg",
          imageAlt: "Ikan Kakap Goreng",
        },
        {
          id: "kakap-goreng-kering",
          name: "Ikan Kakap Goreng Kering",
          price: "50K",
          imageSrc: "http://img.b2bpic.net/free-photo/calamari_74190-5832.jpg",
          imageAlt: "Ikan Kakap Goreng Kering",
        },
        {
          id: "kakap-asam-manis",
          name: "Ikan Kakap Saus Asam Manis",
          price: "55K",
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-steak_1203-8377.jpg",
          imageAlt: "Ikan Kakap Saus Asam Manis",
        },
        {
          id: "kakap-saus-padang",
          name: "Ikan Kakap Saus Padang",
          price: "55K",
          imageSrc: "http://img.b2bpic.net/free-photo/rice-noodle-noodles-topped-with-coconut-milk_1150-22236.jpg",
          imageAlt: "Ikan Kakap Saus Padang",
        },
        {
          id: "kakap-saus-rica",
          name: "Ikan Kakap Saus Rica-Rica",
          price: "55K",
          imageSrc: "http://img.b2bpic.net/free-photo/pork-neck-grilled-white-plate-wiht-red-onion-tomato-chili-wooden-table_1150-21274.jpg",
          imageAlt: "Ikan Kakap Saus Rica-Rica",
        },
        {
          id: "kakap-saus-tiram",
          name: "Ikan Kakap Saus Tiram",
          price: "50K",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-sea-bass-fish-meat-steak-with-vegetable_1203-9185.jpg",
          imageAlt: "Ikan Kakap Saus Tiram",
        },
        {
          id: "kakap-tahu-tausi",
          name: "Ikan Kakap Tahu Tausi",
          price: "55K",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nx23p9",
          imageAlt: "Ikan Kakap Tahu Tausi",
        },
        {
          id: "kakap-telur-asin",
          name: "Ikan Kakap Telur Asin",
          price: "55K",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life_23-2151143250.jpg",
          imageAlt: "Ikan Kakap Telur Asin",
        },
        {
          id: "bandeng-goreng-pecel",
          name: "Bandeng Goreng",
          price: "30K",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-drumsticks-black-plate-with-lemons-high-quality-photo_114579-69088.jpg",
          imageAlt: "Bandeng Goreng",
        },
        {
          id: "bawal-tawar-goreng-pecel",
          name: "Bawal Tawar Goreng",
          price: "13K",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-sea-bass-fish-white-plate-with-spicy-sweet-sauce_74190-2553.jpg",
          imageAlt: "Bawal Tawar Goreng",
        },
        {
          id: "bawal-tawar-kremes-pecel",
          name: "Bawal Tawar Kremes",
          price: "13K",
          imageSrc: "http://img.b2bpic.net/free-photo/triangle-shaped-pastries-filled-with-meat-white-plate_114579-88913.jpg",
          imageAlt: "Bawal Tawar Kremes",
        },
        {
          id: "lele-goreng-pecel",
          name: "Lele Goreng",
          price: "13K",
          imageSrc: "http://img.b2bpic.net/free-photo/herb-fried-chicken-white-plate-wooden-floor_1150-22395.jpg",
          imageAlt: "Lele Goreng",
        },
        {
          id: "lele-kremes-pecel",
          name: "Lele Kremes",
          price: "13K",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tempura-vegetables-bowl-served-with-soy-sauce-wood-with-plaid-fabric_141793-11702.jpg",
          imageAlt: "Lele Kremes",
        },
        {
          id: "nila-goreng-pecel",
          name: "Nila Goreng",
          price: "13K",
          imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-tasty-fish-fry-lemon-slices-cut-cherry-tomatoes-chopping-board-different-spices-bowls-black-background_140725-112147.jpg",
          imageAlt: "Nila Goreng",
        },
        {
          id: "nila-kremes-pecel",
          name: "Nila Kremes",
          price: "13K",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-leg-sliced-radish-white-plate_114579-69594.jpg",
          imageAlt: "Nila Kremes",
        },
      ]}
      title="Menu Spesial Kami"
      description="Temukan berbagai hidangan bakmie, seafood segar, dan pecel dengan cita rasa otentik yang siap memanjakan lidah Anda. Pilih favorit Anda sekarang!"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Pelanggan Puas",
        "Kualitas Terjamin",
        "Resep Rahasia",
        "Pelayanan Cepat",
        "Harga Terbaik",
        "Bahan Segar",
        "Kebersihan Terjaga",
      ]}
      title="Kepercayaan Pelanggan Adalah Prioritas Kami"
      description="Kami bangga telah menjadi pilihan favorit banyak keluarga dan pecinta kuliner di Bekasi."
      showCard={true}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Ayu Lestari",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-black-family-having-thanksgiving-lunch-dining-table_637285-12965.jpg",
          imageAlt: "Ayu Lestari review",
        },
        {
          id: "2",
          name: "Denny Rahman",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-young-woman-taking-selfie-with-fresh-yellow-pepper-food-blogger-taking-selfie-with_1258-205094.jpg",
          imageAlt: "Denny Rahman review",
        },
        {
          id: "3",
          name: "Fatimah Zahra",
          imageSrc: "http://img.b2bpic.net/free-photo/california-salad-mix-avocado-grapefruit-shrimp-seasoned-with-cayenne-pepper-yogurt_2829-7256.jpg",
          imageAlt: "Fatimah Zahra review",
        },
        {
          id: "4",
          name: "Gita Dewi",
          imageSrc: "http://img.b2bpic.net/free-photo/dinner-set-sushi-rolls-salads-cocktails-hookah-side-view_141793-3100.jpg",
          imageAlt: "Gita Dewi review",
        },
        {
          id: "5",
          name: "Hadi Wijaya",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-using-digital-tablet-restaurant-table_23-2147936094.jpg",
          imageAlt: "Hadi Wijaya review",
        },
        {
          id: "6",
          name: "Indra Permana",
          imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208282.jpg",
          imageAlt: "Indra Permana review",
        },
      ]}
      cardTitle="Apa Kata Mereka?"
      cardTag="Ulasan Pelanggan"
      buttons={[
        {
          text: "Baca Lebih Banyak",
        },
      ]}
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "Apakah tersedia layanan pesan antar?",
          content: "Ya, kami menyediakan layanan pesan antar melalui aplikasi pihak ketiga seperti GoFood dan GrabFood. Anda juga bisa menghubungi kami langsung untuk pemesanan.",
        },
        {
          id: "faq-2",
          title: "Bisakah saya membuat reservasi meja?",
          content: "Tentu! Anda dapat menghubungi nomor telepon kami atau mengisi formulir kontak di bawah untuk membuat reservasi meja, terutama untuk rombongan besar.",
        },
        {
          id: "faq-3",
          title: "Di mana lokasi persis Bakmie & Seafood 99?",
          content: "Kami berlokasi di Pahlawan Setia, Tarumajaya, Bekasi. Anda bisa melihat peta lokasi kami di bagian kontak.",
        },
        {
          id: "faq-4",
          title: "Apakah ada menu untuk vegetarian?",
          content: "Kami fokus pada hidangan bakmie dan seafood. Saat ini, pilihan vegetarian kami terbatas, namun kami bisa menyesuaikan beberapa hidangan sesuai permintaan Anda.",
        },
      ]}
      title="Pertanyaan yang Sering Diajukan"
      description="Temukan jawaban atas pertanyaan umum seputar Bakmie & Seafood 99."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Hubungi Kami"
      title="Mari Berinteraksi dengan Kami"
      description="Pesan meja, tanyakan menu, atau berikan masukan. Kami siap melayani Anda!"
      inputPlaceholder="Masukkan email Anda"
      buttonText="Kirim Pesan"
      termsText="Dengan mengklik Kirim Pesan, Anda menyetujui Syarat dan Ketentuan kami."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="BAKMIE & SEAFOOD 99"
      leftLink={{
        text: "Kebijakan Privasi",
        href: "#",
      }}
      rightLink={{
        text: "Syarat & Ketentuan",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
