"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, TrendingUp, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmallSizeLargeTitles"
        background="blurBottom"
        cardStyle="layered-gradient"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Services",          id: "features"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="GourmetAgency"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "gradient-bars"}}
      title="Defining Premium Hospitality Excellence"
      description="We craft bespoke identities, strategies, and digital experiences for the world's most prestigious culinary brands."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-cute-barista-girl-pouring-filter-coffee-making-order-cafe-client_1258-203375.jpg",          alt: "Client"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754672.jpg",          alt: "Client"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-giving-order-client-holding-takeaway-coffee-cup-wearing-apron-working_1258-199319.jpg",          alt: "Client"},
        {
          src: "http://img.b2bpic.net/free-photo/vertical-shot-barista-asian-girl-steaming-milk-cappuccino-prepare-latte-client-wearing_1258-203419.jpg",          alt: "Client"},
        {
          src: "http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg",          alt: "Client"},
      ]}
      avatarText="Trusted by 50+ world-class restaurants"
      buttons={[
        {
          text: "Explore Our Work",          href: "#features"},
        {
          text: "Contact Us",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",          text: "Michelin-Starred Strategy"},
        {
          type: "text",          text: "Luxury Branding"},
        {
          type: "text",          text: "Digital Operations"},
        {
          type: "text",          text: "Hospitality Excellence"},
        {
          type: "text",          text: "Culinary Innovation"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Our Approach to Hospitality"
      description={[
        "For over a decade, we have been at the forefront of restaurant branding and operations. We bridge the gap between culinary artistry and commercial success.",        "Our methodology combines data-driven insights with human-centric design to create enduring guest experiences that define the new standard of premium dining."]}
      buttons={[
        {
          text: "Learn More",          href: "#"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Brand Identity",          description: "Crafting unique visual languages that resonate with premium audiences.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-utensil-around-digital-tablet-beige-background_23-2148041733.jpg",            imageAlt: "restaurant menu design screen"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-food-world-tourism-day_23-2149114052.jpg",            imageAlt: "restaurant booking app UI"},
        },
        {
          title: "Operational Design",          description: "Streamlining service workflows for efficiency and guest satisfaction.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/professional-architectural-designer-configures-floor-plan-dual-monitors_482257-120253.jpg",            imageAlt: "interior design software rendering"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/traditional-spanish-food-world-tourism-day_23-2149114027.jpg",            imageAlt: "food photography editing screen"},
        },
        {
          title: "Digital Growth",          description: "Leveraging technology to boost bookings and engagement effortlessly.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-vaccination-passport_23-2149340934.jpg",            imageAlt: "restaurant staff training mobile app"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/worker-checking-greenscreen-display_482257-86784.jpg",            imageAlt: "customer feedback dashboard app"},
        },
      ]}
      showStepNumbers={true}
      title="Comprehensive Culinary Services"
      description="Tailored strategies for restaurants aiming for greatness."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Elena Rossi",          role: "Owner",          company: "L'Etoile",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"},
        {
          id: "2",          name: "Marcello Conti",          role: "Executive Chef",          company: "Conti Fine Dining",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-barista-boy-cafe_23-2148436241.jpg"},
        {
          id: "3",          name: "Sarah Jenkins",          role: "CEO",          company: "Urban Kitchen Group",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-owner_23-2149434511.jpg"},
        {
          id: "4",          name: "Julian Vane",          role: "Director",          company: "Vane Hospitality",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/female-baker-taking-notes-while-pastry-shop_23-2150379559.jpg"},
        {
          id: "5",          name: "Chloe Dupont",          role: "Founder",          company: "Dupont Bistro",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
        {
          id: "6",          name: "Robert Stone",          role: "Owner",          company: "The Stone Grill",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/senior-business-woman-smiling_1187-1564.jpg"},
      ]}
      title="Partners in Excellence"
      description="What our clients say about our impact."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          icon: TrendingUp,
          title: "Avg. Revenue Growth",          value: "42%"},
        {
          id: "m2",          icon: Users,
          title: "Guest Satisfaction",          value: "98%"},
        {
          id: "m3",          icon: Award,
          title: "Projects Awarded",          value: "150+"},
      ]}
      title="Proven Results"
      description="Measurable growth across every client portfolio."
    />
  </div>

  <div id="socialproof" data-section="socialproof">
      <SocialProofOne
      textboxLayout="split"
      useInvertedBackground={true}
      names={[
        "L'Etoile",        "Conti Fine Dining",        "Urban Kitchen Group",        "Vane Hospitality",        "Dupont Bistro",        "The Stone Grill",        "Epicurean Collective"]}
      title="Prestigious Collaborations"
      description="Partnering with industry leaders to shape the future of dining."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "How long does a branding project take?",          content: "Typically 8-12 weeks depending on the scope and complexity."},
        {
          id: "q2",          title: "Do you work with startups?",          content: "Yes, we specialize in helping culinary startups define their market presence."},
        {
          id: "q3",          title: "Can you handle operational audit?",          content: "Absolutely, our operational audit is a core part of our service offering."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-friends-sitting-coffee-shop_23-2150183730.jpg"
      mediaAnimation="slide-up"
      title="Common Questions"
      description="Everything you need to know about starting your project."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Get Started"
      title="Ready to Transform Your Restaurant?"
      description="Let's discuss how we can elevate your culinary brand to the next level."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="GourmetAgency"
      leftLink={{
        text: "Privacy Policy",        href: "#"}}
      rightLink={{
        text: "Terms of Service",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
