"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="none"
        cardStyle="solid"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <div style={{
        backgroundImage: 'url("https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DI1e2k6EYhFwH9l7rLjtoP3nQ0/uploaded-1778477276470-amtvc9ix.jpg")',
        backgroundSize: 'cover',
        backgroundPosition: 'center',
        backgroundAttachment: 'fixed',
        minHeight: '100vh',
        width: '100%'
      }}>
        <div style={{ backgroundColor: 'rgba(255, 255, 255, 0.85)', minHeight: '100vh' }}>
          <ReactLenis root>
            <div id="nav" data-section="nav">
              <NavbarStyleFullscreen
                navItems={[
                  { name: "Menu", id: "menu" },
                  { name: "About", id: "about" },
                  { name: "Reviews", id: "testimonials" },
                  { name: "Contact", id: "contact" },
                ]}
                brandName="Kabob Place"
                bottomRightText="hello@kabobplace.com"
              />
            </div>

            <div id="hero" data-section="hero">
              <HeroOverlay
                title="Authentic Mediterranean Grill in Turlock"
                description=""
                buttons={[
                  { text: "Order Online", href: "#menu" },
                  { text: "Call Now", href: "tel:2094160403" },
                ]}
                showBlur={true}
                avatars={[
                  { src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", alt: "Couple enjoying food in restaurant" },
                  { src: "http://img.b2bpic.net/free-photo/horizontal-view-attractive-teenage-girl-has-positive-smile-face_273609-28724.jpg", alt: "Attractive teenage girl smiling" },
                  { src: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg", alt: "Handsome asian man at a friends reunion" },
                  { src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg", alt: "Friends enjoying a dinner party" },
                  { src: "http://img.b2bpic.net/free-photo/friends-enjoying-lunch-restaurant_329181-11901.jpg", alt: "Friends enjoying a lunch in a restaurant" },
                ]}
                avatarText="Join 500+ happy diners"
              />
            </div>

            <div id="about" data-section="about">
              <TextAbout
                useInvertedBackground={false}
                title="Fresh, Authentic & Welcoming"
                tag="Our Story"
              />
            </div>

            <div id="menu" data-section="menu">
              <ProductCardTwo
                animationType="slide-up"
                textboxLayout="default"
                gridVariant="uniform-all-items-equal"
                useInvertedBackground={true}
                products={[
                  { id: "1", brand: "Kabob Place", name: "Chicken Plate", price: "$18.50", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/minced-lula-kebab-grilled-turkey-chicken-with-fresh-vegetables-top-view_2829-19957.jpg" },
                  { id: "2", brand: "Kabob Place", name: "Mixed Sampler", price: "$24.00", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/kebab-set-table_140725-9838.jpg" },
                  { id: "3", brand: "Kabob Place", name: "Hummus Dip", price: "$8.00", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hummus-plate-still-life_23-2149595658.jpg?_wi=1" },
                  { id: "4", brand: "Kabob Place", name: "Veggie Skewers", price: "$15.00", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-rice-pepper-tomato-side-view_140725-11269.jpg" },
                  { id: "5", brand: "Kabob Place", name: "Kebab Platter", price: "$20.00", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-different-homemade-dishes-table_181624-45938.jpg" },
                  { id: "6", brand: "Kabob Place", name: "Side Salad", price: "$6.50", rating: 5, reviewCount: "7", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-vegetable-salad-with-salt-plaid-cloth_141793-10792.jpg" },
                ]}
                title="Our Signature Dishes"
                description="Discover our most loved Mediterranean specialties, prepared fresh daily."
              />
            </div>

            <div id="metrics" data-section="metrics">
              <MetricCardTwo
                animationType="slide-up"
                textboxLayout="default"
                gridVariant="uniform-all-items-equal"
                useInvertedBackground={false}
                metrics={[
                  { id: "m1", value: "5.0", description: "Average Rating" },
                  { id: "m2", value: "17+", description: "Happy Reviews" },
                  { id: "m3", value: "Fresh", description: "Ingredients Daily" },
                ]}
                title="Why Choose Us?"
                description="Delivering quality and flavor to Turlock."
              />
            </div>

            <div id="testimonials" data-section="testimonials">
              <TestimonialCardFifteen
                useInvertedBackground={true}
                testimonial="The food was well seasoned, fresh and delicious. The portions were generous. We ordered a variety of dishes and they were all tasty. The waiter and owner were kind and prompt with the service!"
                rating={5}
                author="Julie Azevedo"
                avatars={[
                  { src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg", alt: "Happy customer" },
                  { src: "http://img.b2bpic.net/free-photo/middle-age-senior-woman-wearing-apron-uniform-red-isolated-background-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-32756.jpg", alt: "Smiling restaurant guest" },
                  { src: "http://img.b2bpic.net/free-photo/medium-shot-lesbian-couple-restaurant_23-2150276444.jpg", alt: "Satisfied customer" },
                  { src: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg", alt: "Happy diner" },
                  { src: "http://img.b2bpic.net/free-photo/young-adult-enjoying-food_23-2149303536.jpg", alt: "Young adult enjoying food" },
                ]}
                ratingAnimation="slide-up"
                avatarsAnimation="blur-reveal"
              />
            </div>

            <div id="faq" data-section="faq">
              <FaqDouble
                textboxLayout="default"
                useInvertedBackground={false}
                faqs={[
                  { id: "1", title: "Do you offer delivery?", content: "Currently, we offer dine-in and curbside pickup options." },
                  { id: "2", title: "What are your hours?", content: "We open at 11:30 AM every Tuesday. Please call us for full weekly schedule." },
                  { id: "3", title: "Where are you located?", content: "We are located at 3821 Crowell Rd, Turlock, CA 95382." },
                ]}
                title="Frequently Asked Questions"
                description="Everything you need to know about our restaurant."
                faqsAnimation="blur-reveal"
              />
            </div>

            <div id="contact" data-section="contact">
              <ContactCenter
                tag="Visit Us"
                title="Get In Touch"
                description="Stop by Kabob Place for an authentic taste of the Mediterranean. Call us for reservations or inquiries."
                background={{ variant: "plain" }}
                useInvertedBackground={true}
              />
            </div>

            <div id="footer" data-section="footer">
              <FooterMedia
                logoText="Kabob Place"
                videoSrc="https://videos.pexels.com/video-files/4055273/4055273-sd_506_960_24fps.mp4"
                columns={[
                  {
                    title: "Navigation",                  items: [
                      { label: "Menu", href: "#menu" },
                      { label: "About", href: "#about" },
                      { label: "Reviews", href: "#testimonials" },
                    ],
                  },
                  {
                    title: "Location",                  items: [
                      { label: "3821 Crowell Rd, Turlock, CA 95382", href: "#" },
                      { label: "(209) 416-0403", href: "tel:2094160403" },
                    ],
                  },
                ]}
              />
            </div>
          </ReactLenis>
        </div>
      </div>
    </ThemeProvider>
  );
}