"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Cake, CalendarDays, Coffee, Croissant, Home, MapPin, MessageCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="aurora"
        cardStyle="glass-depth"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Blog",          id: "#blog"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/cold-brew-coffee-labels_23-2148655504.jpg"
      logoAlt="Alma Cafe logo"
      brandName="Alma Cafe"
      button={{
        text: "Order Online",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroCentered
      background={{
        variant: "radial-gradient"}}
      title="Savor the Moment at Alma Cafe"
      description="Where every cup tells a story and every bite delights. Discover your new favorite spot."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg",          alt: "Happy customer"},
        {
          src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg",          alt: "Customer working"},
        {
          src: "http://img.b2bpic.net/free-photo/multiracial-group-five-friends-having-coffee-together_1139-1026.jpg",          alt: "Friends chatting"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-barista-making-coffee_23-2149045703.jpg",          alt: "Barista"},
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-668.jpg",          alt: "Person enjoying coffee"},
      ]}
      avatarText="Join our growing community of happy customers!"
      buttons={[
        {
          text: "Explore Our Menu",          href: "#menu"},
        {
          text: "Visit Us Today",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",          text: "Artisan Coffee",          icon: Coffee,
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/coffee-beans-texture-background_23-2147710838.jpg",          alt: "Roasted coffee beans"},
        {
          type: "text-icon",          text: "Fresh Pastries",          icon: Croissant,
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-marshmallows-light-pink-desk_140725-50204.jpg",          alt: "Latte art"},
        {
          type: "text-icon",          text: "Cozy Ambiance",          icon: Home,
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/high-angle-croissants-tray_23-2148933370.jpg",          alt: "Fresh pastry"},
      ]}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Our Story: Passion in Every Brew"
      description="Alma Cafe was born from a simple dream: to create a cozy sanctuary where quality coffee and delicious treats meet heartfelt hospitality. We meticulously source the finest beans globally and partner with local bakeries for fresh, seasonal ingredients, crafting each item with love and dedication. Come, be a part of our journey and discover a place where every visit feels like coming home."
      tag="About Alma Cafe"
      tagIcon={Coffee}
      imageSrc="http://img.b2bpic.net/free-photo/happy-woman-drinking-coffee-communicating-cell-phone-while-relaxing-sofa-living-room_637285-2904.jpg"
      imageAlt="Cozy Alma Cafe interior"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Coffee,
          title: "Artisan Coffee Selection",          description: "Discover a curated menu of ethically sourced, premium coffee blends and single-origin brews, expertly prepared by our skilled baristas."},
        {
          icon: Cake,
          title: "Freshly Baked Delights",          description: "Indulge in our exquisite range of pastries, cakes, and cookies, baked fresh daily using the finest local ingredients and traditional recipes."},
        {
          icon: MessageCircle,
          title: "Cozy & Welcoming Ambiance",          description: "Relax in our warm, inviting space, perfect for quiet work, lively conversations, or simply unwinding with a good book and a warm drink."},
        {
          icon: CalendarDays,
          title: "Community Events & Workshops",          description: "Join us for regular events, from live music nights and local art showcases to coffee tasting workshops and seasonal celebrations."},
      ]}
      title="More Than Just a Cafe"
      description="Experience the unique charm and diverse offerings that make Alma Cafe a beloved community hub and your perfect daily escape."
      tag="Our Special Touches"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          brand: "Coffee",          name: "Classic Latte",          price: "$4.50",          rating: 5,
          reviewCount: "120 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/cappuccino-glass-table_140725-4500.jpg",          imageAlt: "Classic Latte with art"},
        {
          id: "p2",          brand: "Pastry",          name: "Almond Croissant",          price: "$3.75",          rating: 5,
          reviewCount: "85 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/raisin-bread_1339-4548.jpg",          imageAlt: "Almond Croissant"},
        {
          id: "p3",          brand: "Savory",          name: "Caprese Panini",          price: "$8.00",          rating: 4,
          reviewCount: "60 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast_1321-1315.jpg",          imageAlt: "Caprese Panini"},
        {
          id: "p4",          brand: "Dessert",          name: "Chocolate Fudge Cake",          price: "$6.25",          rating: 5,
          reviewCount: "95 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fruit-cake-with-cream-syrop-red-decorated-round-inside-white-plate_140725-15705.jpg",          imageAlt: "Chocolate Fudge Cake"},
        {
          id: "p5",          brand: "Tea",          name: "Earl Grey Tea",          price: "$3.50",          rating: 4,
          reviewCount: "40 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/cottagecore-food-inspiration-still-life_23-2150152989.jpg",          imageAlt: "Earl Grey Tea"},
        {
          id: "p6",          brand: "Healthy",          name: "Quinoa Power Salad",          price: "$9.50",          rating: 4,
          reviewCount: "70 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/salad-avocado-vegetables-mixed-greens-lettuce-leaves-ready-eat_169016-35104.jpg",          imageAlt: "Quinoa Power Salad"},
      ]}
      title="Our Delicious Offerings"
      description="From freshly brewed artisan coffees to mouth-watering pastries and savory light bites, our menu is crafted to satisfy every craving, all day long."
      tag="Our Menu Highlights"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      textboxLayout="default"
      animationType="slide-up"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sophia R.",          role: "Local Artist",          company: "Community Member",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-having-cup-coffee-while-reading-newspaper_1170-545.jpg",          imageAlt: "Sophia R."},
        {
          id: "t2",          name: "Liam K.",          role: "Freelance Designer",          company: "Creative Professional",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-business-man-cafe-works-laptop-drinks-coffee_1321-1436.jpg",          imageAlt: "Liam K."},
        {
          id: "t3",          name: "Olivia M.",          role: "University Student",          company: "Dedicated Scholar",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/group-female-friends-watching-sports-home-having-drink_23-2150168056.jpg",          imageAlt: "Olivia M."},
        {
          id: "t4",          name: "Noah J.",          role: "Tech Entrepreneur",          company: "Startup Founder",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-carrying-shopping-bags_1098-1106.jpg",          imageAlt: "Noah J."},
        {
          id: "t5",          name: "Ava P.",          role: "Food Blogger",          company: "Culinary Critic",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-138286.jpg",          imageAlt: "Ava P."},
      ]}
      title="What Our Guests Say"
      description="Hear directly from our cherished customers about their delightful experiences and why Alma Cafe is their favorite spot."
      tag="Customer Raves"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "What are your opening hours?",          content: "Alma Cafe is open Monday to Friday from 7 AM to 6 PM, and Saturday to Sunday from 8 AM to 5 PM. We look forward to welcoming you!"},
        {
          id: "q2",          title: "Do you offer vegan or gluten-free options?",          content: "Yes, we have a selection of delicious vegan and gluten-free pastries and savory items. Please ask our staff for today's special offerings."},
        {
          id: "q3",          title: "Can I make a reservation?",          content: "We operate on a first-come, first-served basis for most seating to maintain a casual and accessible atmosphere. However, for larger groups or special events, please contact us directly."},
        {
          id: "q4",          title: "Do you have free Wi-Fi?",          content: "Yes, complimentary high-speed Wi-Fi is available for all our guests. Feel free to connect and enjoy your time at Alma Cafe."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/business-people-having-pizza-coffee-office-meeting-break_23-2148817095.jpg"
      imageAlt="Inviting cafe interior"
      mediaAnimation="opacity"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Got questions about our menu, hours, or services? Find quick answers here to make your visit to Alma Cafe even smoother."
      tag="Your Queries Answered"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Latest News & Stories"
      description="Stay updated with the latest happenings at Alma Cafe, discover behind-the-scenes glimpses, and find delightful recipes to try at home."
      tag="From Our Blog"
      blogs={[
        {
          id: "b1",          category: "Coffee Culture",          title: "The Art of the Perfect Pour Over",          excerpt: "Dive into the meticulous process of crafting the ideal pour over coffee, from bean selection to bloom, ensuring a rich and nuanced cup every time.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-barista-holding-coffee-machine-cup_23-2148824453.jpg",          imageAlt: "Barista making pour over coffee",          authorName: "Alma Cafe Team",          authorAvatar: "http://img.b2bpic.net/free-photo/barista-cafe-making-coffee-preparation-service-concept_1157-36648.jpg",          date: "July 15, 2024"},
        {
          id: "b2",          category: "Baking Secrets",          title: "Our Secret Recipe: Fluffy Scones",          excerpt: "Uncover the magic behind Alma Cafe's signature fluffy scones. We share tips and tricks to help you bake these delightful treats in your own kitchen.",          imageSrc: "http://img.b2bpic.net/free-photo/bread-buffet_1203-3718.jpg",          imageAlt: "Assorted pastries on display",          authorName: "Chef Isabella",          authorAvatar: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg",          date: "July 10, 2024"},
        {
          id: "b3",          category: "Community",          title: "Summer Vibes: Live Music Nights Return!",          excerpt: "Get ready to groove! Our popular live music nights are back for the summer. Check out the schedule and join us for evenings filled with great tunes and delicious treats.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-making-music_23-2151169662.jpg",          imageAlt: "People enjoying live music at cafe",          authorName: "Events Coordinator",          authorAvatar: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16127.jpg",          date: "July 5, 2024"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Visit Us"
      tagIcon={MapPin}
      title="Your Table Awaits"
      description="Come and experience the warmth and flavors of Alma Cafe. We can't wait to welcome you to our cozy corner!"
      buttons={[
        {
          text: "Get Directions",          href: "https://www.google.com/maps/search/Alma+Cafe"},
        {
          text: "Contact Us",          href: "mailto:info@almacofe.com"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/african-woman-checkered-cape-eyeglasses-posed-outdoor_627829-5811.jpg"
      imageAlt="Alma Cafe exterior"
      logoText="Alma Cafe"
      columns={[
        {
          title: "Explore",          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Menu",              href: "#menu"},
            {
              label: "Blog",              href: "#blog"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Contact",              href: "#contact"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          title: "Social",          items: [
            {
              label: "Instagram",              href: "https://instagram.com/almacafe"},
            {
              label: "Facebook",              href: "https://facebook.com/almacafe"},
            {
              label: "Twitter",              href: "https://twitter.com/almacafe"},
          ],
        },
      ]}
      copyrightText="© 2024 Alma Cafe. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
