"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, CheckCircle, Coffee, Star, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="large"
      background="aurora"
      cardStyle="outline"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "Home", id: "home" },
              { name: "About", id: "about" },
              { name: "Menu", id: "menu" },
              { name: "Location", id: "contact" },
            ]}
            brandName="Brim Burgers"
            button={{ text: "Order Now", href: "https://wa.me/923041112746" }}
          />
        </div>

        <div id="home" data-section="home">
          <HeroOverlayTestimonial
            title="Brim Burgers: A Culinary Experience"
            description="Crafting premium burgers with passion, fresh ingredients, and a touch of elegance. Discover the taste that defines artisan perfection."
            testimonials={[
              { name: "Ahmed K.", handle: "@ahmedk", testimonial: "The best burger experience I have ever had. Truly premium taste.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg?_wi=1" },
              { name: "Sara H.", handle: "@sarah", testimonial: "Elegant atmosphere and absolutely delicious food. A must visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491790.jpg?_wi=1" },
              { name: "Zain A.", handle: "@zain_a", testimonial: "The quality of the beef is unmatched in every bite.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg" },
              { name: "Mariam K.", handle: "@mariamk", testimonial: "Simply exquisite flavors, definitely a top-tier burger spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2149250117.jpg" },
              { name: "Omar F.", handle: "@omar_f", testimonial: "Fast, fresh, and perfectly seasoned. My new favorite.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg?_wi=1" },
            ]}
            buttons={[{ text: "View Menu", href: "#menu" }, { text: "Order on WhatsApp", href: "https://wa.me/923041112746" }]}
            imageSrc="http://img.b2bpic.net/free-photo/front-view-delicious-burger-composition_23-2148868219.jpg"
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/blond-bartender-making-cocktail_1163-2772.jpg", alt: "customer 1" },
              { src: "http://img.b2bpic.net/free-photo/young-woman-setting-table-christmas-dinner_23-2147969378.jpg", alt: "customer 2" },
              { src: "http://img.b2bpic.net/free-photo/portrait-woman-luxurious-restaurant_23-2150517450.jpg", alt: "customer 3" },
              { src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "customer 4" },
              { src: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491790.jpg", alt: "customer 5" },
            ]}
          />
        </div>

        <div id="about" data-section="about">
          <AboutMetric
            useInvertedBackground={true}
            title="Our Story"
            metrics={[
              { label: "Years of Passion", value: "5+", icon: Award },
              { label: "Handcrafted Burgers", value: "100%", icon: CheckCircle },
              { label: "Happy Foodies", value: "10k+", icon: Users },
            ]}
            metricsAnimation="slide-up"
          />
        </div>

        <div id="menu" data-section="menu">
          <ProductCardThree
            animationType="slide-up"
            textboxLayout="split"
            gridVariant="bento-grid"
            useInvertedBackground={false}
            products={[
              { id: "1", name: "Classic Brim", price: "PKR 850", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-vegetarian-burger-cutting-board-with-copy-space_23-2148784536.jpg" },
              { id: "2", name: "Triple Cheese", price: "PKR 1050", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-veggie-burger-with-black-buns-cutting-board_23-2148784540.jpg" },
              { id: "3", name: "Spicy Fusion", price: "PKR 950", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-bacon-burgers_23-2148784482.jpg" },
              { id: "4", name: "Brim Chicken", price: "PKR 750", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-burger-composition_23-2148868220.jpg" },
              { id: "5", name: "Loaded Fries", price: "PKR 450", imageSrc: "http://img.b2bpic.net/free-photo/black-burger-with-beef-tomato-bell-peppers-lettuce-pickled-cucumber_140725-5733.jpg" },
              { id: "6", name: "Artisan Shake", price: "PKR 550", imageSrc: "http://img.b2bpic.net/free-photo/home-made-delicious-big-hamburger_23-2148374920.jpg" },
            ]}
            title="Our Menu"
            description="Exquisitely curated selection for every palate."
          />
        </div>

        <div id="featured" data-section="featured">
          <FeatureBento
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={true}
            features={[
              { title: "Brim Signature Beef", description: "100% premium beef, aged cheddar, secret sauce.", bentoComponent: "reveal-icon", icon: Star },
              { title: "Crispy Chicken Master", description: "Hand-breaded crispy chicken, house slaw.", bentoComponent: "reveal-icon", icon: Award },
              { title: "Loaded Cheddar Fries", description: "Smothered in premium melted cheese and herbs.", bentoComponent: "reveal-icon", icon: Zap },
              { title: "Artisan Choco-Shake", description: "Rich, velvet textures, pure cocoa.", bentoComponent: "reveal-icon", icon: Coffee },
            ]}
            title="Signature Items"
            description="The best of Brim Burgers, highly recommended by our patrons."
          />
        </div>

        <div id="experience" data-section="experience">
          <TestimonialCardTen
            textboxLayout="split"
            useInvertedBackground={false}
            testimonials={[
              { id: "t1", title: "Great Food", quote: "I love the vibe at Brim Burgers. Perfect for a quick lunch.", name: "Zain Ali", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg" },
              { id: "t2", title: "Premium Taste", quote: "The signature burger is unmatched in town.", name: "Mariam Khan", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/woman-kissing-man-with-flowers-cheek_23-2148014453.jpg" },
              { id: "t3", title: "Amazing Service", quote: "The staff is incredibly attentive and the food is fresh.", name: "Hassan M.", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg?_wi=2" },
              { id: "t4", title: "Luxury Experience", quote: "The best cafe aesthetics in the entire city.", name: "Sara Q.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491790.jpg?_wi=2" },
              { id: "t5", title: "Highly Recommended", quote: "Everything I tried was delicious, especially the shakes.", name: "Ahmed S.", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg?_wi=2" },
            ]}
            title="The Brim Ambiance"
            description="Experience fine dining in a relaxed café setting."
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplitForm
            useInvertedBackground={true}
            title="Order or Book"
            description="Visit us or order via WhatsApp for quick delivery."
            inputs={[
              { name: "name", type: "text", placeholder: "Your Name" },
              { name: "phone", type: "tel", placeholder: "Your Phone" },
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseReveal
            logoText="Brim Burgers"
            columns={[
              { title: "Navigation", items: [{ label: "Home", href: "#home" }, { label: "Menu", href: "#menu" }] },
              { title: "Support", items: [{ label: "Order via WhatsApp", href: "https://wa.me/923041112746" }] },
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}