"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",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_1339-2395.jpg",
          imageAlt: "abstract blur in coffee shop",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe-hotel-decorated-with-green-plants-flowers_181624-37913.jpg",
          imageAlt: "Cozy cafe in the hotel decorated with green plants and flowers",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg",
          imageAlt: "Cozy cafe",
        },
      ]}
      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>
  );
}
