"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSizeMediumTitles"
        background="grid"
        cardStyle="solid"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Experience",
          id: "#experience",
        },
        {
          name: "Reserve",
          id: "#reservation",
        },
      ]}
      brandName="Cafe De Angelo"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "plain",
      }}
      logoText="Cafe De Angelo"
      description="An elegant European café experience — from slow breakfasts to late-night cocktails."
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
        {
          text: "Reserve a Table",
          href: "#reservation",
        },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCzNx7SvPbBM6xUxMUYDllLym/uploaded-1774779789392-siufaa3e.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="A Place That Feels Like a Ritual"
      description="Cafe De Angelo is more than a restaurant — it’s a daily escape. Located in the heart of Yerevan, it brings together the charm of European cafés with a modern, refined atmosphere. Guests come for slow breakfasts, handcrafted coffee, elegant pasta, and exquisite desserts in a space known for its stunning terrace."
      bulletPoints={[
        {
          title: "Breakfasts & Coffee",
          description: "Start your day with high-quality morning rituals.",
        },
        {
          title: "European Cuisine",
          description: "Refined pasta, pizza, and Italian-inspired dishes.",
        },
        {
          title: "Stunning Terrace",
          description: "The perfect aesthetic spot for city people-watching.",
        },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCzNx7SvPbBM6xUxMUYDllLym/uploaded-1774779529747-hi8mdx76.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "",
          name: "Gourmet Breakfast Set",
          price: "From 3,500 AMD",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-waffles-with-fruits_23-2148531609.jpg",
        },
        {
          id: "2",
          name: "Signature Pasta Selection",
          price: "From 4,200 AMD",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-caesar-salad-restaurant_140725-10813.jpg?_wi=1",
        },
        {
          id: "3",
          name: "Decadent Desserts",
          price: "From 2,800 AMD",
          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-freshly-baked-cake-with-raspberries-babies-brown-tray-white-table_140725-86841.jpg",
        },
      ]}
      title="Signature Menu"
      description="Every dish is prepared with care, balancing comfort and refinement."
    />
  </div>

  <div id="experience" data-section="experience">
      <FeatureCardNineteen
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: 1,
          tag: "Vibe",
          title: "Unpretentious Luxury",
          subtitle: "Stylish yet comfortable",
          description: "Elegant design without the formality.",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCzNx7SvPbBM6xUxMUYDllLym/uploaded-1774779561798-23nsdmah.jpg",
          imageAlt: "elegant european restaurant terrace at sunset",
        },
        {
          id: 2,
          tag: "Service",
          title: "Genuine Hospitality",
          subtitle: "Staff that cares",
          description: "Warm, attentive, and friendly service.",
          imageSrc: "http://img.b2bpic.net/free-photo/romantic-date-couple-love-cafe-happy-couple-love-enjoying-romantic-moment_8353-6650.jpg?_wi=2",
          imageAlt: "warm stylish cafe interior design",
        },
        {
          id: 3,
          tag: "Setting",
          title: "Aesthetic Terrace",
          subtitle: "People-watching heaven",
          description: "The city's best outdoor dining experience.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-caesar-salad-restaurant_140725-10813.jpg?_wi=2",
          imageAlt: "gourmet italian pasta dish plate",
        },
      ]}
      title="An Experience You Come Back To"
      description="It feels like a small European escape in the middle of the city. We pride ourselves on a welcoming atmosphere that balances elegance with genuine warmth."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          role: "Foodie",
          company: "Local",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-interacting-while-having-coffee_1170-749.jpg?_wi=1",
        },
        {
          id: "2",
          name: "Mark D.",
          role: "Traveler",
          company: "Tourist",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",
        },
        {
          id: "3",
          name: "Elena K.",
          role: "Regular",
          company: "Yerevan",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/barista-surving-client-with-coffee-coffee-shop_1303-29333.jpg",
        },
        {
          id: "4",
          name: "David L.",
          role: "Critic",
          company: "Global",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-dressed-elegant-black-dress-holds-wineglass-luxury-restaurant_613910-3880.jpg",
        },
        {
          id: "5",
          name: "Anna P.",
          role: "Blogger",
          company: "Travelista",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-interacting-while-having-coffee_1170-749.jpg?_wi=2",
        },
      ]}
      title="What Guests Say"
      description="Rated ⭐ 4.5 / 5 by over 1000 happy visitors."
    />
  </div>

  <div id="location" data-section="location">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      text="Located on one of Yerevan's most vibrant streets. We invite you to pause, relax, and savor the city rhythm. Open daily from 9:00 AM to 12:00 AM. Call us at +374 44448899 ."
    />
  </div>

  <div id="reservation" data-section="reservation">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      text="Reserve Your Table. Join us for a breakfast, lunch, or a refined evening experience."
      buttons={[
        {
          text: "Book Now",
          href: "#",
        },
        {
          text: "Call Us",
          href: "tel:+37410000000",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Menu",
          items: [
            {
              label: "Breakfast",
              href: "#menu",
            },
            {
              label: "Main Dishes",
              href: "#menu",
            },
            {
              label: "Drinks",
              href: "#menu",
            },
          ],
        },
        {
          title: "Cafe",
          items: [
            {
              label: "About Us",
              href: "#",
            },
            {
              label: "Gallery",
              href: "#",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Use",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Cafe De Angelo. All rights reserved."
      bottomRightText="Yerevan, Armenia"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
