"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 FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Flame, History, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="aurora"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root options={{ lerp: 0.05, duration: 2, smoothWheel: true }}>
        <div id="nav" data-section="nav">
          <NavbarStyleCentered
            navItems={[
              { name: "Home", id: "hero" },
              { name: "Our Heritage", id: "about" },
              { name: "The Experience", id: "features" },
              { name: "The Menu", id: "products" },
              { name: "Reserve", id: "contact" },
            ]}
            brandName="Mama Oliech"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroSplitDualMedia
            background={{ variant: "gradient-bars" }}
            title="Nairobi's Most Legendary Table Awaits"
            description="Where Mama Oliech's legendary tilapia and authentic Kenyan soul have welcomed icons and locals alike for generations. Reserve your seat at the table that built a nation's taste."
            tag="Iconic Culinary Landmark"
            buttons={[
              { text: "Book a Table Now", href: "#contact" },
              { text: "Join the Waitlist", href: "#contact" },
            ]}
            mediaItems={[
              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-fish-with-vegetables-pickled-ginger-slices-soy-sauce-plate-rustic_141793-11650.jpg", imageAlt: "fried tilapia fish plate" },
              { imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-woman-red-shirt-hat-posed-indoor-cafe-drinking-strawberry-lemonade-with-phone-hand_627829-2474.jpg", imageAlt: "restaurant interior design warm lighting" }
            ]}
            mediaAnimation="blur-reveal"
            rating={5}
            ratingText="Over 50 years of legendary service"
          />
        </div>

        <div id="about" data-section="about">
          <TestimonialAboutCard
            useInvertedBackground={true}
            tag="Our Legacy"
            title="Born in the Heart of Nairobi"
            description="Mama Oliech started with a vision: to celebrate the simple, authentic joy of fresh tilapia. Today, we are more than a restaurant; we are a cultural institution visited by presidents, celebrities, and families alike."
            subdescription="Our recipes remain untouched, preserving the flavors that define our Kenyan identity."
            icon={Award}
            imageSrc="http://img.b2bpic.net/free-photo/food-frying-pan_23-2147985312.jpg"
            imageAlt="heritage restaurant kitchen portrait"
            mediaAnimation="slide-up"
          />
        </div>

        <div id="features" data-section="features">
          <FeatureBento
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            features={[
              { title: "Authentic Preparation", description: "Tradition-bound cooking techniques using organic, locally-sourced ingredients.", bentoComponent: "reveal-icon", icon: Flame },
              { title: "Celebrity Status", description: "A favored spot for global icons, musicians, and international visitors.", bentoComponent: "reveal-icon", icon: Star },
              { title: "Legacy Culture", description: "Preserving the true essence of Kenyan hospitality for over five decades.", bentoComponent: "reveal-icon", icon: History }
            ]}
            title="Why We Are Nairobi's Favorite"
            description="An experience that goes beyond the plate, rooted in culture and community."
          />
        </div>

        <div id="products" data-section="products">
          <ProductCardFour
            animationType="scale-rotate"
            textboxLayout="default"
            gridVariant="four-items-2x2-equal-grid"
            useInvertedBackground={true}
            products={[
              { id: "1", name: "Signature Fried Tilapia", price: "KSH 1,500", variant: "Whole Fish", imageSrc: "http://img.b2bpic.net/free-photo/tom-yum-snakehead-fish-hot-pot-thai-food_1150-23413.jpg" },
              { id: "2", name: "Grilled Tilapia with Herbs", price: "KSH 1,800", variant: "Grilled", imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-plate-grilled-fish-with-grilled-lemon-tomato-fresh-spinach-lettuce_140725-521.jpg" },
              { id: "3", name: "Ugali Platter", price: "KSH 300", variant: "Side", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086043.jpg" },
              { id: "4", name: "Traditional Sukuma Wiki", price: "KSH 400", variant: "Vegetable", imageSrc: "http://img.b2bpic.net/free-photo/side-view-vegetable-ragout-stewed-eggplant-onion-greens-tomato-green-red-pepper-plate_141793-5150.jpg" },
              { id: "5", name: "Kachumbari Salad", price: "KSH 250", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-balls-with-mushrooms-tomatoes-table_141793-2636.jpg" },
              { id: "6", name: "Fresh Chili Sauce", price: "KSH 150", variant: "Dip", imageSrc: "http://img.b2bpic.net/free-photo/red-hot-chilli-sauce-tomato-ketchup-chilli-sauce-puree-with-chili-pepper-vegetables-tomatoes-garlic-black-stone-surface-top-view_1150-44907.jpg" }
            ]}
            title="Signature Flavors"
            description="Hand-selected fresh fish prepared with our secret blend of local spices."
          />
        </div>

        <div id="metrics" data-section="metrics">
          <MetricCardTwo
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="uniform-all-items-equal"
            useInvertedBackground={false}
            metrics={[
              { id: "m1", value: "50+", description: "Years of Culinary Excellence" },
              { id: "m2", value: "1M+", description: "Happy Guests Served" },
              { id: "m3", value: "100%", description: "Authentic Kenyan Ingredients" }
            ]}
            title="Legacy by Numbers"
            description="Fifty years of serving excellence, one plate at a time."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTen
            textboxLayout="split-description"
            useInvertedBackground={true}
            testimonials={[
              { id: "1", title: "Unforgettable Taste", quote: "The best tilapia I have ever tasted. Authentic and perfect.", name: "Sarah J.", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19633.jpg" },
              { id: "2", title: "Cultural Gem", quote: "A must-visit spot in Nairobi. The heritage is palpable.", name: "David M.", role: "Travel Blogger", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-with-his-bicycle-looking-away_23-2148176123.jpg" },
              { id: "3", title: "Home Away From Home", quote: "Returning here feels like a warm hug. Simply legendary.", name: "Lucy K.", role: "Local Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" },
              { id: "4", title: "Global Quality", quote: "I came all the way from London and it lived up to every expectation.", name: "Mark W.", role: "Business Traveler", imageSrc: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg" },
              { id: "5", title: "Signature Service", quote: "The service is just as iconic as the food. Absolutely brilliant.", name: "Alice N.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/cute-artist-holding-notebook-medium-shot_23-2148372117.jpg" }
            ]}
            title="Stories from the Table"
            description="What our guests say about their experience at Mama Oliech."
          />
        </div>

        <div id="social-proof" data-section="social-proof">
          <SocialProofOne
            textboxLayout="default"
            useInvertedBackground={false}
            names={["BBC", "CNN Travel", "Nairobi Times", "National Geographic", "Forbes", "The Guardian", "Global Foodie"]}
            title="Trusted by Icons"
            description="We are proud to have served leaders, musicians, and culinary icons from around the world."
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqSplitText
            useInvertedBackground={true}
            faqs={[
              { id: "f1", title: "Do I need a reservation?", content: "For groups or weekend visits, we highly recommend making a reservation." },
              { id: "f2", title: "Is the menu suitable for children?", content: "Yes, we offer family-friendly portions and mild preparations." },
              { id: "f3", title: "Are there vegetarian options?", content: "While tilapia is our specialty, we offer several fresh local vegetable dishes." }
            ]}
            sideTitle="Common Questions"
            sideDescription="Everything you need to know before visiting us."
            faqsAnimation="slide-up"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplit
            tag="Visit Us"
            title="Reserve Your Table"
            description="Located in the heart of Nairobi, join us for an authentic Kenyan experience. We are open daily from 11:00 AM to 10:00 PM."
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdrljRkwDduYiKFGmeEzNbuKsh/uploaded-1776726734736-frtt4cjp.jpg"
            background={{ variant: "gradient-bars" }}
            useInvertedBackground={false}
            buttonText="Book Now"
            onSubmit={(email) => console.log("Reservations inquiry for:", email)}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseCard
            logoText="Mama Oliech"
            columns={[
              { title: "Kitchen Hours", items: [{ label: "Daily: 11:00 AM - 10:00 PM", href: "#" }] },
              { title: "Location", items: [{ label: "Marcus Garvey Road, Nairobi", href: "#" }, { label: "+254 700 000 000", href: "tel:+254700000000" }] },
              { title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] }
            ]}
            copyrightText="© 2025 Mama Oliech Restaurant. All rights reserved."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
