"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumLarge"
        background="noiseDiagonalGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "About",          id: "#about"},
        {
          name: "Reviews",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Lily House Cafe"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "plain"}}
      title="Lily House Cafe"
      description="Your Cozy Corner in West Walk, Doha. Experience exceptional coffee, delightful pastries, and a warm ambiance that feels just like home."
      tag="Est. 2023"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-coffee-shop_74190-2676.jpg",          imageAlt: "Cozy cafe interior with comfortable seating"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee_23-2148865576.jpg",          imageAlt: "Perfectly crafted latte with foam art"}
      ]}
      mediaAnimation="opacity"
      rating={4.4}
      ratingText="Based on 160 reviews"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="More Than Just a Cafe, It's an Experience"
      description="Lily House Cafe in West Walk is a cherished haven for coffee lovers and food enthusiasts alike. With a passion for quality ingredients, freshly brewed beverages, and a commitment to creating a welcoming atmosphere, we invite you to discover your new favorite spot for relaxation, work, or delightful conversations."
      imageSrc="http://img.b2bpic.net/free-photo/people-sitting-table-full-shot_23-2149726816.jpg"
      imageAlt="Modern and bright cafe interior with large windows and comfortable seating"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "Inviting Outdoor Seating",          tags: [
            "Relax",            "Al Fresco"],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-daughter-porch_23-2147663772.jpg",          imageAlt: "People enjoying coffee in an outdoor seating area"},
        {
          id: "f2",          title: "Artisan Pastries & Sweets",          tags: [
            "Freshly Baked",            "Daily"],
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-croissants-with-fruits_23-2148354688.jpg",          imageAlt: "Assortment of freshly baked croissants and pastries"},
        {
          id: "f3",          title: "Premium Coffee Selection",          tags: [
            "Specialty",            "Ethically Sourced"],
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-ground-powder_114579-65435.jpg",          imageAlt: "Barista preparing coffee with a high-end espresso machine"},
      ]}
      title="Our Signature Experiences"
      description="Discover what makes Lily House Cafe a cherished destination for locals and visitors seeking quality, comfort, and delicious moments."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Signature Latte",          price: "QAR 25",          variant: "Classic",          imageSrc: "http://img.b2bpic.net/free-photo/mocca-coffee-shop_1339-4900.jpg",          imageAlt: "A beautifully poured latte with foam art"},
        {
          id: "p2",          name: "Gourmet Club Sandwich",          price: "QAR 45",          variant: "Chicken & Avocado",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwich-with-salad-beside_23-2148454729.jpg",          imageAlt: "A fresh and hearty gourmet club sandwich"},
        {
          id: "p3",          name: "Mediterranean Salad",          price: "QAR 40",          variant: "Fresh Greens",          imageSrc: "http://img.b2bpic.net/free-photo/meal-one-woman-gourmet-restaurant_1301-3243.jpg",          imageAlt: "A vibrant Mediterranean salad in a bowl"},
        {
          id: "p4",          name: "Chocolate Croissant",          price: "QAR 20",          variant: "Warm & Flaky",          imageSrc: "http://img.b2bpic.net/free-photo/half-top-view-little-round-cake-with-fresh-raspberries-inside-plate-with-tea-dark-blue-surface_140725-43971.jpg",          imageAlt: "A delicious chocolate croissant"},
        {
          id: "p5",          name: "Caramel Cheesecake",          price: "QAR 35",          variant: "Rich & Creamy",          imageSrc: "http://img.b2bpic.net/free-photo/homemade-summer-berry-tar-pie-different-berries-golden-raspberry-blackberry-red-currant-raspberry-black-currant-top-view_114579-1574.jpg",          imageAlt: "A slice of decadent caramel cheesecake"},
        {
          id: "p6",          name: "Fresh Berry Smoothie",          price: "QAR 30",          variant: "Refreshing",          imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-fresh-orange-juice-breakfast-kitchen_169016-50226.jpg",          imageAlt: "A glass of vibrant fresh berry smoothie"},
      ]}
      title="Savor Our Diverse Menu"
      description="Explore a selection of our most popular dishes and beverages, crafted with care and the freshest, locally-sourced ingredients."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          title: "A True Gem in West Walk!",          quote: "Lily House Cafe is my go-to spot for an amazing coffee and a peaceful ambiance. The staff are always friendly, and their pastries are to die for!",          name: "Sarah J.",          role: "Regular Customer",          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",          imageAlt: "Portrait of Sarah J."},
        {
          id: "t2",          title: "Best Coffee in Doha",          quote: "I've tried many cafes, but Lily House Cafe truly stands out. The coffee is consistently excellent, and their outdoor seating is perfect for a relaxed afternoon.",          name: "Omar K.",          role: "Coffee Enthusiast",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-drinking-coffee-caf_23-2147955434.jpg",          imageAlt: "Portrait of Omar K."},
        {
          id: "t3",          title: "Delightful Experience Every Time",          quote: "From their delicious breakfast options to their cozy interior, everything about Lily House Cafe is wonderful. Highly recommend their avocado toast!",          name: "Fatima A.",          role: "Food Blogger",          imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-two-women-laugh-happily-while-share-opininos-about-planning-project-communicate-coffee-break-write-records-organizer-eat-delicious-dessert-wear-casual-clothes-spectacles_273609-29065.jpg",          imageAlt: "Portrait of Fatima A."},
        {
          id: "t4",          title: "My Favorite Work Spot",          quote: "The serene atmosphere and reliable Wi-Fi make Lily House Cafe the ideal place to get work done. Plus, their specialty teas are fantastic.",          name: "Ahmed S.",          role: "Freelancer",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-online-tutor-businessman-working-cafe-remotely-waving-hand_1258-245358.jpg",          imageAlt: "Portrait of Ahmed S."},
        {
          id: "t5",          title: "Exceptional Service and Quality",          quote: "The team at Lily House Cafe goes above and beyond. The food is fresh, the coffee is perfect, and the overall experience always leaves me smiling.",          name: "Hana R.",          role: "Local Resident",          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-3998.jpg",          imageAlt: "Portrait of Hana R."},
      ]}
      title="What Our Valued Guests Say"
      description="Our commitment to quality, comfort, and exceptional service shines through in every glowing review we receive from our community."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Local Favorite",        "Community Hub",        "Quality Focused",        "Relaxed Ambiance",        "Fresh Ingredients",        "Customer Approved",        "Exceptional Service"]}
      title="Loved by Our Community"
      description="We are proud to be a local favorite, built on principles of quality, comfort, and a genuine passion for hospitality."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "What are your opening hours?",          content: "Lily House Cafe is open daily from 7 AM to 12 AM, offering a perfect spot for early birds and late-night gatherings."},
        {
          id: "q2",          title: "Do you offer outdoor seating?",          content: "Yes, we have a lovely outdoor seating area perfect for enjoying the Doha weather while sipping your favorite coffee or having a meal."},
        {
          id: "q3",          title: "Can I make a reservation?",          content: "We primarily operate on a walk-in basis, but for larger groups or special events, please contact us directly to discuss reservation options."},
        {
          id: "q4",          title: "Do you have vegan or gluten-free options?",          content: "Yes, our menu includes a variety of vegan and gluten-free options. Please ask our staff for today's specials and recommendations."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common inquiries about Lily House Cafe, from opening hours to menu options and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Visit Us or Make an Inquiry"
      description="We'd love to hear from you! Whether you're looking to book a table, have a question about our menu, or simply want to say hello, our team is ready to assist."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Your Phone (Optional)"},
      ]}
      textarea={{
        name: "message",        placeholder: "Your Message",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/happy-friends-front-bar_23-2147680611.jpg"
      imageAlt="Exterior of Lily House Cafe at West Walk"
      mediaAnimation="opacity"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Lily House Cafe"
      columns={[
        {
          title: "Explore",          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "Menu",              href: "#menu"},
            {
              label: "About Us",              href: "#about"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Reviews",              href: "#testimonials"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Instagram",              href: "#"},
          ],
        },
        {
          title: "Visit Us",          items: [
            {
              label: "West Walk, Al Sidr Street",              href: "https://www.google.com/maps/search/Lily+House+Cafe+West+Walk"},
            {
              label: "Doha, Qatar",              href: "https://www.google.com/maps/search/Lily+House+Cafe+West+Walk"},
            {
              label: "+974 7722 0797",              href: "tel:+97477220797"},
          ],
        },
      ]}
      copyrightText="© 2023 Lily House Cafe. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
