"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLarge"
        background="noiseDiagonalGradient"
        cardStyle="inset"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Story",
          id: "about",
        },
        {
          name: "Gallery",
          id: "gallery",
        },
        {
          name: "Reserve",
          id: "contact",
        },
      ]}
      brandName="BLUE OCEAN"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "canvas-reveal",
      }}
      title="BLUE OCEAN"
      description="Where Every Meal Tells a Story. Authentic Somali & East African heritage, served in the heart of Eastleigh."
      tag="— Nairobi, Kenya · Est. 2018 —"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/midsection-waiter-serving-two-dishes-wooden-table_181624-54414.jpg",
          imageAlt: "Blue Ocean Atmosphere",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/biscuits-lined-up-plate-surrounded-by-candies-wooden-board-marble-background-high-quality-photo_114579-53192.jpg",
          imageAlt: "Traditional Plate",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/salad-served-with-crispy-cracker-green-vegetables_114579-1717.jpg",
          imageAlt: "Samosa Appetizer",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156212.jpg",
          imageAlt: "Karanga Stew",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-cup-coffee-candles-bed_169016-21720.jpg",
          imageAlt: "Honey Tea",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg",
          imageAlt: "Interior Aesthetic",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Authentic Heritage"
      description={[
        "Founded in the vibrant heart of Eastleigh, Blue Ocean serves as a culinary bridge between Somali traditions and East African flavors.",
        "Every dish is prepared using time-honored recipes, ensuring a late-night dining experience that feels like home.",
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "1",
          title: "Somali Heritage",
          descriptions: [
            "Deeply rooted recipes passed through generations.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-holding-plate-near-mexican-food_23-2147740707.jpg",
        },
        {
          id: "2",
          title: "Fresh Ingredients",
          descriptions: [
            "Sourced locally to ensure maximum taste.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-shrimp-dish-cooked-with-mashed-walnut_140725-7090.jpg",
        },
        {
          id: "3",
          title: "Late Night Dining",
          descriptions: [
            "Open daily until midnight for your cravings.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tea-with-pie-slices_23-2148243575.jpg",
        },
      ]}
      title="Our Signature Specialties"
      description="Culinary excellence defined by flavor and tradition."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Anjera Special Mayai",
          price: "150 KES",
          variant: "Breakfast",
          imageSrc: "http://img.b2bpic.net/free-photo/circular-clock-indoors-still-life_23-2150436138.jpg",
        },
        {
          id: "2",
          name: "Karanga 1/2kg",
          price: "500 KES",
          variant: "Mains",
          imageSrc: "http://img.b2bpic.net/free-photo/deep-fried-pork-belly-with-fish-sauce-dark-background_1150-45503.jpg",
        },
        {
          id: "3",
          name: "Kebaab",
          price: "100 KES",
          variant: "Snacks",
          imageSrc: "http://img.b2bpic.net/free-photo/muslim-men-having-cup-tea_53876-40370.jpg",
        },
        {
          id: "4",
          name: "Asali Honey Tea",
          price: "80 KES",
          variant: "Drinks",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-black-young-man-wearing-african-traditional-red-colorful-clothes-with-mobile-phone_627829-4944.jpg",
        },
        {
          id: "5",
          name: "Samosa Beef",
          price: "50 KES",
          variant: "Snacks",
          imageSrc: "http://img.b2bpic.net/free-photo/govurma-meat-with-chestnuts-seeds_114579-4516.jpg",
        },
        {
          id: "6",
          name: "Chapati KK",
          price: "100 KES",
          variant: "Breakfast",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-homemade-honey-with-tortillas_23-2148371922.jpg",
        },
      ]}
      title="Live Menu"
      description="Freshly prepared every single day."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="scale-rotate"
      textboxLayout="split-actions"
      useInvertedBackground={false}
      plans={[
        {
          id: "p1",
          title: "Ramadan Night Special",
          price: "520 KES",
          period: "limited",
          features: [
            "Karanga 1/2kg",
            "Honey Tea",
            "Fresh Side",
          ],
          button: {
            text: "Reserve",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-lemon-slices-table_140725-8541.jpg",
          imageAlt: "Fried fish with lemon slices on the table",
        },
        {
          id: "p2",
          title: "Breakfast Combo",
          price: "220 KES",
          period: "daily",
          features: [
            "Anjera Special",
            "Boiled Egg",
            "Honey Tea",
          ],
          button: {
            text: "Reserve",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/midsection-waiter-serving-two-dishes-wooden-table_181624-54414.jpg",
          imageAlt: "Fried fish with lemon slices on the table",
        },
        {
          id: "p3",
          title: "Business Platter",
          price: "850 KES",
          period: "daily",
          features: [
            "Full Karanga",
            "Naan",
            "Drink",
          ],
          button: {
            text: "Reserve",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/biscuits-lined-up-plate-surrounded-by-candies-wooden-board-marble-background-high-quality-photo_114579-53192.jpg",
          imageAlt: "Fried fish with lemon slices on the table",
        },
      ]}
      title="Chef's Specials"
      description="Curated daily selections for the discerning palate."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "4.0★",
          title: "Rating",
          description: "Across 21 Google reviews.",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-woman-red-shirt-hat-posed-indoor-cafe-drinking-pineapple-lemonade_627829-2425.jpg",
        },
        {
          id: "m2",
          value: "50+",
          title: "Dishes",
          description: "Authentic recipes crafted daily.",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-arabic-fast-food-skewers-black-plate_23-2148651145.jpg",
        },
        {
          id: "m3",
          value: "12AM",
          title: "Hours",
          description: "Open every day until late.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-cup-tea-with-lemon-honey-gray_140725-56565.jpg",
        },
      ]}
      title="Culinary Impact"
      description="Serving the Eastleigh community with love and tradition since 2018."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "John M.",
          role: "Food Blogger",
          company: "Nairobi Eats",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-wearing-formal-clothes_273609-15323.jpg",
        },
        {
          id: "t2",
          name: "Sarah K.",
          role: "Regular",
          company: "Eastleigh Local",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-coffee-reading-newspaper_23-2147793074.jpg",
        },
        {
          id: "t3",
          name: "David O.",
          role: "Tourist",
          company: "International",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-studio_23-2151643187.jpg",
        },
        {
          id: "t4",
          name: "Fatuma A.",
          role: "Chef",
          company: "Somali Heritage",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1536.jpg",
        },
        {
          id: "t5",
          name: "Kevin G.",
          role: "Business",
          company: "Professional",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "2000+",
          label: "Happy Guests",
        },
        {
          value: "5000+",
          label: "Anjera Served",
        },
        {
          value: "100%",
          label: "Fresh Taste",
        },
      ]}
      title="Community Voices"
      description="What our guests say about our food and culture."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "canvas-reveal",
      }}
      text="Visit us at Major Muriithi St, Eastleigh, Nairobi. Reach us via WhatsApp at +254 704 364 896."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="BLUE OCEAN"
      columns={[
        {
          title: "Discover",
          items: [
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "Story",
              href: "#about",
            },
            {
              label: "Gallery",
              href: "#gallery",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "WhatsApp",
              href: "https://wa.me/254704364896",
            },
            {
              label: "Phone",
              href: "tel:+254704364896",
            },
          ],
        },
      ]}
      copyrightText="© 2026 Blue Ocean Restaurant · Eastleigh, Nairobi"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
