"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Facebook, Instagram, MessageCircle, Smartphone, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="noise"
        cardStyle="gradient-mesh"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Yasir Broast"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "rotated-rays-static",
      }}
      title="Yasir Broast – Thokar Niaz Baig"
      description="Delicious Taste, Premium Quality & Fast Service. Experience the finest fried chicken and traditional Pakistani cuisine in Lahore."
      kpis={[
        {
          value: "15+",
          label: "Years Served",
        },
        {
          value: "6.7k+",
          label: "Happy Reviews",
        },
        {
          value: "2 AM",
          label: "Daily Closing",
        },
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Order Now",
          href: "#",
        },
        {
          text: "View Menu",
          href: "#menu",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/high-angle-fried-chicken-variety-with-french-fries_23-2148646561.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-young-man-with-piercing-ears-nose-holding-slice-orange-front-his-eyes-against-grey-background_23-2148121841.jpg",
          alt: "Customer 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-woman-holding-apple-close-her-face_23-2148332159.jpg",
          alt: "Customer 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
          alt: "Customer 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-with-lemons_23-2148483076.jpg",
          alt: "Customer 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-beautiful-asian-girl-barista-working-cafe-holding-cup-tea-giving-client-their-order_1258-199281.jpg",
          alt: "Customer 5",
        },
      ]}
      avatarText="Trusted by 6.7k+ foodies"
      marqueeItems={[
        {
          type: "text",
          text: "Fresh Chicken",
        },
        {
          type: "text",
          text: "Authentic Spices",
        },
        {
          type: "text",
          text: "Daily Sanitized",
        },
        {
          type: "text",
          text: "Fast Delivery",
        },
        {
          type: "text",
          text: "Open Late",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Our Legacy"
      description="From humble beginnings in Thokar Niaz Baig to becoming a local favorite, we pride ourselves on authentic recipes and family-friendly dining. We offer dine-in, curbside pickup, and no-contact delivery to serve you safely."
      imageSrc="http://img.b2bpic.net/free-photo/cheese-plate-with-crackers_140725-3367.jpg"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          brand: "Signature",
          name: "Crispy Broast",
          price: "Rs. 950",
          rating: 5,
          reviewCount: "1200",
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-meat-barbecue-with-rice-vegetable-salad_114579-4423.jpg",
        },
        {
          id: "p2",
          brand: "Classic",
          name: "Beef Karahi",
          price: "Rs. 1800",
          rating: 5,
          reviewCount: "950",
          imageSrc: "http://img.b2bpic.net/free-photo/meat-with-ginger-side-view_141793-4480.jpg",
        },
        {
          id: "p3",
          brand: "Fast Food",
          name: "Gourmet Burger",
          price: "Rs. 650",
          rating: 4,
          reviewCount: "500",
          imageSrc: "http://img.b2bpic.net/free-photo/big-burger_1150-17989.jpg",
        },
        {
          id: "p4",
          brand: "Sweet",
          name: "Special Dessert",
          price: "Rs. 400",
          rating: 5,
          reviewCount: "300",
          imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cake-appetizing-cake-with-powdered-sugar-berries-chocolate-waffles_140725-71848.jpg",
        },
        {
          id: "p5",
          brand: "Drinks",
          name: "Special Shake",
          price: "Rs. 350",
          rating: 4,
          reviewCount: "400",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-notepad-with-cocktail-essentials-ice-cubes_23-2148454421.jpg",
        },
        {
          id: "p6",
          brand: "BBQ",
          name: "Chicken Tikka",
          price: "Rs. 750",
          rating: 5,
          reviewCount: "800",
          imageSrc: "http://img.b2bpic.net/free-photo/bottom-half-view-raw-chicken-skewers-with-spices-wooden-board-dark-table-with-copy-space_140725-147666.jpg",
        },
      ]}
      title="Our Signature Menu"
      description="Explore our delicious categories, from crispy broast to authentic karahi."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          icon: Smartphone,
          title: "Mobile Responsive",
          description: "Seamless ordering on all devices.",
        },
        {
          icon: Zap,
          title: "Fast Delivery",
          description: "Your food arrives fresh and piping hot.",
        },
        {
          icon: MessageCircle,
          title: "WhatsApp Support",
          description: "Instant customer care.",
        },
        {
          icon: Star,
          title: "SEO Optimized",
          description: "Always find us easily online.",
        },
      ]}
      title="Why Choose Yasir Broast?"
      description="Quality assurance and excellence at every step."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Ali Hassan",
          role: "Food Blogger",
          company: "Lahore Eats",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-sushi-park-picnic-nature_169016-22794.jpg",
        },
        {
          id: "2",
          name: "Sara Khan",
          role: "Student",
          company: "PU",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-man-casual-wear-posing-indoor-cafe_627829-1217.jpg",
        },
        {
          id: "3",
          name: "Ahmed Raza",
          role: "Manager",
          company: "Thokar",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-eating-fast-food_23-2150404777.jpg",
        },
        {
          id: "4",
          name: "Fatima Noor",
          role: "Home Maker",
          company: "Local Resident",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15845.jpg",
        },
        {
          id: "5",
          name: "Zaid Ali",
          role: "Regular",
          company: "Lahore",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "4.0",
          label: "Average Rating",
        },
        {
          value: "6,749",
          label: "Total Reviews",
        },
        {
          value: "100%",
          label: "Fresh Ingredients",
        },
      ]}
      title="Customer Reviews"
      description="Loved by thousands of food enthusiasts across Lahore."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient",
      }}
      text="Visit us at 20-C Main Raiwind Rd, Thokar Niaz Baig, Lahore. Call +92 42 35316605. Open daily until 2 AM."
      buttons={[
        {
          text: "Foodpanda Ordering",
          href: "#",
        },
        {
          text: "Official Website",
          href: "https://yasirbroast.com.pk",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Yasir Broast"
      copyrightText="© 2025 | Yasir Broast Thokar Niaz Baig"
      socialLinks={[
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook",
        },
        {
          icon: Instagram,
          href: "#",
          ariaLabel: "Instagram",
        },
        {
          icon: MessageCircle,
          href: "#",
          ariaLabel: "WhatsApp",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
