"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Clock, Crown, DollarSign, Sparkles, Star, TrendingUp, UserCheck } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="blurBottom"
        cardStyle="gradient-radial"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Solutions",          id: "#solutions"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Integrations",          id: "/integrations"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="ReservaFlow"
      button={{
        text: "Start Free Trial",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardGallery
      background={{
        variant: "downward-rays-static"}}
      title="Restaurant Management Built for Growth"
      description="Unified reservation, ordering, and loyalty system that fills tables, increases revenue, and delights customers. From fine dining to casual cafés—all in one elegant platform."
      buttons={[
        {
          text: "Start Free Trial",          href: "#contact"},
        {
          text: "Watch Demo",          href: "#features"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg",          imageAlt: "Elegant fine dining restaurant interior"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/online-food-ordering_1098-22010.jpg",          imageAlt: "Tablet displaying reservation system"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186427.jpg",          imageAlt: "Smartphone with online food ordering app"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-showing-menu-card-female-customer-sitting-restaurant_23-2147936254.jpg",          imageAlt: "Vibrant and inviting cafe setting"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149727972.jpg",          imageAlt: "Modern restaurant kitchen with chefs"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fruit-cake-slice-black_114579-18525.jpg",          imageAlt: "Overhead shot of beautifully plated dessert"},
      ]}
      mediaAnimation="opacity"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Transform Your Restaurant Operations"
      description="ReservaFlow is a comprehensive SaaS platform engineered to modernize and streamline every aspect of your hospitality business. From intuitive reservation management to seamless online ordering and powerful loyalty programs, we empower fine dining, hotels, and casual cafés to achieve unprecedented operational efficiency and customer satisfaction. Reduce no-shows, optimize table occupancy, and gain actionable insights with a single, elegant solution."
      imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg"
      imageAlt="Restaurant management software dashboard"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Intuitive Reservation Management",          description: "Effortlessly manage bookings, prevent overbookings, and reduce no-shows with our smart reservation system. Real-time table allocation and personalized guest profiles ensure smooth service.",          imageSrc: "http://img.b2bpic.net/free-photo/person-having-salad-with-laptop-table_23-2148195270.jpg",          imageAlt: "Digital calendar with reservation slots"},
        {
          title: "Seamless Online Ordering & Delivery",          description: "Offer your customers the convenience of online ordering for pickup or delivery. Fully customizable menus and integrated payment solutions make the process smooth for both your staff and patrons.",          imageSrc: "http://img.b2bpic.net/free-photo/meat-salad-with-bell-pepper-tomato-corn_140725-6724.jpg",          imageAlt: "Online menu on a desktop screen"},
        {
          title: "Dynamic Loyalty & Rewards Programs",          description: "Boost customer retention and encourage repeat visits with built-in loyalty programs. Track customer preferences and reward your most loyal guests with exclusive offers.",          imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896807.jpg",          imageAlt: "Smartphone showing customer loyalty program"},
        {
          title: "Comprehensive Admin & Analytics",          description: "Gain deep insights into your business performance with advanced reporting and analytics. Monitor sales, track customer behavior, and make data-driven decisions to optimize your operations.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-using-tablet-sitting-restaurant_23-2147826816.jpg",          imageAlt: "Executive dashboard displaying restaurant KPIs"},
      ]}
      title="Key Features Designed for Your Success"
      description="Discover how ReservaFlow’s robust suite of tools helps you reduce costs, boost revenue, and create unforgettable guest experiences."
    />
  </div>

  <div id="solutions" data-section="solutions">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "finedining",          name: "Fine Dining Restaurants",          price: "Exclusive",          variant: "Premium Tier",          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821320.jpg",          imageAlt: "Luxurious fine dining restaurant interior"},
        {
          id: "hotel",          name: "Hotels & Resorts",          price: "Enterprise",          variant: "Integrated Suite",          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517412.jpg",          imageAlt: "Grand hotel lobby and restaurant"},
        {
          id: "cafe",          name: "Cafés & Casual Eateries",          price: "Essential",          variant: "Streamlined Tools",          imageSrc: "http://img.b2bpic.net/free-photo/people-sitting-table-full-shot_23-2149726816.jpg",          imageAlt: "Warm and inviting cafe interior"},
        {
          id: "events",          name: "Event & Catering Services",          price: "Custom",          variant: "Scalable Modules",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-chef-making-barbeque_23-2148723318.jpg",          imageAlt: "Restaurant kitchen for events"},
        {
          id: "bars",          name: "Bars & Lounges",          price: "Flex",          variant: "Efficient Ordering",          imageSrc: "http://img.b2bpic.net/free-photo/bar-concept_23-2147798064.jpg",          imageAlt: "Trendy bar lounge"},
        {
          id: "pizzerias",          name: "Pizzerias & Takeaways",          price: "Starter",          variant: "Quick Setup",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149870751.jpg",          imageAlt: "Pizzeria online ordering"},
      ]}
      title="Tailored Solutions for Every Culinary Venture"
      description="Whether you run a Michelin-starred restaurant, a bustling hotel, or a charming café, ReservaFlow adapts to your unique needs."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="slide-up"
      metrics={[
        {
          id: "m1",          icon: TrendingUp,
          title: "Increased Bookings",          value: "30%+"},
        {
          id: "m2",          icon: UserCheck,
          title: "Reduced No-Shows",          value: "50%+"},
        {
          id: "m3",          icon: DollarSign,
          title: "Revenue Growth",          value: "20%+"},
        {
          id: "m4",          icon: Clock,
          title: "Time Saved (Admin)",          value: "15 hrs/wk"},
        {
          id: "m5",          icon: Star,
          title: "Customer Satisfaction",          value: "95%"},
      ]}
      title="Achieve Tangible Results with ReservaFlow"
      description="Our platform is designed to deliver measurable improvements for your business, ensuring growth and efficiency."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "essential",          badge: "Starter",          badgeIcon: Sparkles,
          price: "€1,000 / year",          subtitle: "Ideal for independent cafés & small restaurants",          features: [
            "Online Reservation System",            "Basic Online Ordering",            "Customer Database",            "Standard Analytics"],
        },
        {
          id: "pro",          badge: "Popular",          badgeIcon: Star,
          price: "€1,800 / year",          subtitle: "Perfect for growing restaurants & multi-location groups",          features: [
            "Advanced Reservation Features",            "Customizable Online Ordering",            "Loyalty & Rewards Program",            "Detailed Admin Analytics",            "Priority Support"],
        },
        {
          id: "enterprise",          badge: "Premium",          badgeIcon: Crown,
          price: "Custom Quote",          subtitle: "Tailored for luxury hotels & large fine dining establishments",          features: [
            "All Pro Features",            "Multi-Location Management",            "Dedicated Account Manager",            "API Integrations",            "Whitelabel Solution"],
        },
      ]}
      title="Simple Pricing for Every Scale"
      description="Choose the plan that best fits your restaurant's needs and watch your business thrive. All plans include dedicated support and regular updates."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      testimonials={[
        {
          id: "t1",          name: "Isabella Rossi",          role: "Owner, The Gilded Spoon",          testimonial: "ReservaFlow has been a game-changer for our fine dining restaurant. No-shows are down, and our booking process is seamless. The platform’s elegance matches our brand perfectly.",          imageSrc: "http://img.b2bpic.net/free-photo/wedding-planner_1098-18025.jpg",          imageAlt: "Isabella Rossi, Owner"},
        {
          id: "t2",          name: "Marcus Chen",          role: "Hospitality Manager, Grand Lux Hotel",          testimonial: "Managing multiple dining venues across our hotel used to be a nightmare. ReservaFlow unified everything, giving us a holistic view and enhancing guest satisfaction significantly.",          imageSrc: "http://img.b2bpic.net/free-photo/business-man-phone_23-2148018607.jpg",          imageAlt: "Marcus Chen, Hospitality Manager"},
        {
          id: "t3",          name: "Sophia Miller",          role: "Founder, Daily Grind Café",          testimonial: "We needed an affordable solution for online ordering and loyalty, and ReservaFlow delivered. Our regulars love the rewards, and our online sales have never been better!",          imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-looking-front-with-smile-face-offering-hand-standing-orange-wall_141793-50569.jpg",          imageAlt: "Sophia Miller, Founder"},
        {
          id: "t4",          name: "David Kim",          role: "Executive Chef, Aura Restaurant",          testimonial: "The detailed analytics help us understand our peak times and customer preferences, allowing us to optimize staffing and menu offerings. It’s an invaluable tool for any serious kitchen.",          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-barber-wearing-uniform-putting-hand-his-chin-another-one-his-elbow-isolated-white-with-copy-space_141793-76959.jpg",          imageAlt: "David Kim, Executive Chef"},
        {
          id: "t5",          name: "Elena Petrova",          role: "Sommelier, Vintage Cellar",          testimonial: "Our front-of-house team loves the intuitive reservation system. It allows us to provide a more personalized experience, knowing guest histories and preferences before they even arrive.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-drinking-wine_23-2148060456.jpg",          imageAlt: "Elena Petrova, Sommelier"},
      ]}
      title="What Our Partners Say"
      description="Hear directly from restaurant owners and hospitality managers who have transformed their operations with ReservaFlow."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "What types of restaurants can use ReservaFlow?",          content: "ReservaFlow is designed for a diverse range of hospitality businesses, including fine dining restaurants, hotels, resorts, casual cafés, bars, and event catering services. Its modular nature allows it to adapt to various operational needs."},
        {
          id: "faq2",          title: "Is ReservaFlow mobile-friendly for both staff and customers?",          content: "Yes, our platform is built with a mobile-first responsive design, ensuring a seamless experience for your staff on tablets and for your customers using their smartphones for online ordering and reservations."},
        {
          id: "faq3",          title: "Can ReservaFlow integrate with my existing POS system?",          content: "ReservaFlow offers API integration capabilities, especially with our Pro and Enterprise plans. We can work with you to integrate with your existing Point of Sale (POS) system for a unified ecosystem."},
        {
          id: "faq4",          title: "How does the loyalty program work?",          content: "Our loyalty program allows you to set up customizable reward structures based on customer spending, visits, or specific menu items. Customers earn points that can be redeemed for discounts, free items, or exclusive experiences, all managed through their digital profile."},
        {
          id: "faq5",          title: "What kind of support is included with my subscription?",          content: "All ReservaFlow plans include standard customer support. Pro and Enterprise plans come with priority support, and Enterprise clients also receive a dedicated account manager for personalized assistance and strategic guidance."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about ReservaFlow's platform and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-static"}}
      text="Ready to Elevate Your Restaurant Experience?"
      buttons={[
        {
          text: "Start Your Free Trial Today",          href: "#"},
        {
          text: "Book a Demo",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="ReservaFlow"
      columns={[
        {
          title: "Platform",          items: [
            {
              label: "Reservation Management",              href: "#features"},
            {
              label: "Online Ordering",              href: "#features"},
            {
              label: "Loyalty Programs",              href: "#features"},
            {
              label: "Admin Analytics",              href: "#features"},
          ],
        },
        {
          title: "Solutions",          items: [
            {
              label: "Fine Dining",              href: "#solutions"},
            {
              label: "Hotels & Resorts",              href: "#solutions"},
            {
              label: "Cafés & Casual",              href: "#solutions"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Pricing",              href: "#pricing"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "Integrations",              href: "/integrations"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "Cookie Policy",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2023 ReservaFlow. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}