"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, BookOpen, Coffee, Croissant, Leaf, Salad, Sandwich, Users, Wifi } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="small"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="solid"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      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"},
      ]}
      button={{
        text: "Order Online",        href: "#contact"}}
      brandName="Alma Cafe"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDualMedia
      background={{
        variant: "plain"}}
      title="Welcome to Alma Cafe"
      description="Experience the perfect blend of rich coffee, delectable pastries, and a cozy atmosphere. Your daily escape awaits."
      tag="Your Daily Escape"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "View Our Menu",          href: "#menu"},
        {
          text: "Order Online",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-business-man-working_23-2148366589.jpg",          imageAlt: "Cozy coffee shop interior"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-morning-pastry-coffee-display-traditional-city-cafe_613910-18517.jpg",          imageAlt: "Freshly baked pastries"}
      ]}
      mediaAnimation="opacity"
      rating={5}
      ratingText="Loved by our community"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Our Passion for Coffee & Community"
      description="At Alma Cafe, we believe in crafting more than just coffee; we create experiences. Our journey began with a simple idea: to build a warm, inviting space where everyone feels at home. We source the finest beans and fresh, local ingredients, ensuring every cup and bite is a moment to savor."
      metrics={[
        {
          value: "10+",          title: "Years Brewing"},
        {
          value: "100%",          title: "Ethically Sourced"},
        {
          value: "5-Star",          title: "Customer Rated"},
      ]}
      tag="Our Story"
      tagAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/cafe-restaurants-coffee-shop-owners-retail-concept-friendly-joyful-handsome-barista-black_1258-60007.jpg"
      imageAlt="Friendly barista serving coffee"
      mediaAnimation="opacity"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="offerings" data-section="offerings">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Artisan Coffee Selection",          description: "Discover a curated selection of globally sourced beans, expertly roasted and brewed to perfection. From rich espresso to delicate pour-overs, every cup is a masterpiece.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-coffee-beans-falling-out-burlap-bag-red-background_141793-25624.jpg",            imageAlt: "Artisan coffee beans"},
          items: [
            {
              icon: Coffee,
              text: "Single Origin Beans"},
            {
              icon: Award,
              text: "Expert Baristas"},
            {
              icon: Leaf,
              text: "Sustainable Sourcing"},
          ],
          reverse: false
        },
        {
          title: "Cozy & Inspiring Spaces",          description: "Whether you're looking for a quiet corner to work, a lively spot to meet friends, or a peaceful retreat, Alma Cafe offers an ambiance designed for comfort and creativity.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fresh-relax-morning-coffee-cup-set_1150-7064.jpg",            imageAlt: "Cozy cafe seating area"},
          items: [
            {
              icon: Wifi,
              text: "Free Wi-Fi"},
            {
              icon: BookOpen,
              text: "Reading Nooks"},
            {
              icon: Users,
              text: "Group Tables"},
          ],
          reverse: true
        },
        {
          title: "Freshly Baked & Healthy Bites",          description: "Pair your favorite brew with our delicious range of pastries, sandwiches, and salads, all prepared fresh daily with a focus on quality and flavor.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-eating-healthy-food_23-2149151659.jpg",            imageAlt: "Healthy organic salad and smoothie"},
          items: [
            {
              icon: Croissant,
              text: "Daily Pastries"},
            {
              icon: Salad,
              text: "Fresh Salads"},
            {
              icon: Sandwich,
              text: "Gourmet Sandwiches"},
          ],
          reverse: false
        }
      ]}
      title="More Than Just a Cafe"
      description="Discover what makes Alma Cafe a beloved local spot."
      tag="Our Offerings"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "1",          name: "Classic Espresso",          price: "$3.50",          variant: "Rich & Bold",          imageSrc: "http://img.b2bpic.net/free-photo/cafe-smooth-shot-nice-drink_1172-478.jpg",          imageAlt: "Classic Espresso"},
        {
          id: "2",          name: "Signature Latte",          price: "$5.00",          variant: "Creamy & Smooth",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-coffee-latte-wooden-table_23-2147892945.jpg",          imageAlt: "Signature Latte with latte art"},
        {
          id: "3",          name: "Chocolate Croissant",          price: "$4.25",          variant: "Flaky & Sweet",          imageSrc: "http://img.b2bpic.net/free-photo/croissant-with-tea-cup-dried-herbs-flat-lay-wooden-kitchen-towel_176474-8189.jpg",          imageAlt: "Chocolate Croissant"},
        {
          id: "4",          name: "Blueberry Muffin",          price: "$3.75",          variant: "Soft & Fruity",          imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cake-cake-with-berries-cinnamon-sticks-cupcakes-cup-tea-citrus-fruits_140725-122814.jpg",          imageAlt: "Blueberry Muffin"},
        {
          id: "5",          name: "Avocado Toast",          price: "$8.50",          variant: "Savory & Fresh",          imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-with-oats-coffee_23-2147871330.jpg",          imageAlt: "Avocado Toast with poached egg"},
        {
          id: "6",          name: "Chicken Pesto Sandwich",          price: "$9.75",          variant: "Hearty & Flavorful",          imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-with-vegetables_23-2148169089.jpg",          imageAlt: "Chicken Pesto Sandwich"},
      ]}
      title="Our Menu Highlights"
      description="A taste of what makes Alma Cafe special. Crafted with care, made with passion."
      tag="Discover Your Favorite"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          role: "Local Resident",          company: "Community Member",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-texting-cafe-happy-businessman-smiling-texting-smartphone-table_1391-595.jpg",          videoAriaLabel: "Sarah J. testimonial video"},
        {
          id: "2",          name: "Michael D.",          role: "Coffee Enthusiast",          company: "Local Critic",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-showing-thumbs-up-looking-camera_1262-14435.jpg",          videoAriaLabel: "Michael D. testimonial video"},
        {
          id: "3",          name: "Emily R.",          role: "Student",          company: "University of XYZ",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/sensual-confident-woman-stylish-clothes-enjoying-coffee-coffeeshop-attractive-female-model-sitting-cafe-having-lunch-with-admirer-smiling-look-away-pleased-breakfast-outdoor-restaurant_197531-30517.jpg",          videoAriaLabel: "Emily R. testimonial video"},
        {
          id: "4",          name: "David K.",          role: "Small Business Owner",          company: "Local Business Alliance",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-four-friends-having-coffee-together_1139-1022.jpg",          videoAriaLabel: "David K. testimonial video"},
        {
          id: "5",          name: "Jessica L.",          role: "Freelance Writer",          company: "Creative Nomad",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/drinking-coffee-using-mobilephone_329181-16251.jpg",          videoAriaLabel: "Jessica L. testimonial video"},
      ]}
      kpiItems={[
        {
          value: "100%",          label: "Satisfaction"},
        {
          value: "15K+",          label: "Happy Customers"},
        {
          value: "4.9/5",          label: "Average Rating"},
      ]}
      title="What Our Community Says"
      description="Hear directly from our wonderful customers about their Alma Cafe experience."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Local Artisan Bakery",        "Ethical Coffee Roasters",        "Green Grocers Collective",        "City Food Critics",        "Community Harvest Farms",        "Sweet Treats Magazine",        "Downtown Business Association"]}
      title="Our Valued Partners"
      description="We're proud to collaborate with local businesses and organizations that share our commitment to quality and community."
      tag="Partners & Recognition"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          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."},
        {
          id: "2",          title: "Do you offer vegan or gluten-free options?",          content: "Yes, we have a variety of delicious vegan and gluten-free pastries and savory items. Please ask our staff for today's selections."},
        {
          id: "3",          title: "Can I reserve a table for a meeting?",          content: "We operate on a first-come, first-served basis, but for larger groups or special events, please contact us directly to discuss options."},
        {
          id: "4",          title: "Do you have Wi-Fi available?",          content: "Absolutely! We offer complimentary high-speed Wi-Fi for all our customers. Feel free to connect and enjoy your stay."},
        {
          id: "5",          title: "Where do you source your coffee beans?",          content: "We partner with local ethical roasters who source premium, single-origin beans from sustainable farms around the world. Quality and fair trade are our top priorities."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about Alma Cafe, our offerings, and services."
      tag="Need Help?"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Latest from Our Blog"
      description="Stay updated with Alma Cafe's news, recipes, and coffee brewing tips."
      tag="Insights & Stories"
      blogs={[
        {
          id: "1",          category: "Coffee Guide",          title: "Mastering the Art of Pour-Over Coffee at Home",          excerpt: "Unlock the secrets to brewing a perfect cup of pour-over coffee right in your kitchen with our easy-to-follow guide.",          imageSrc: "http://img.b2bpic.net/free-photo/barista-using-tamper-press-ground-coffee-into-portafilter-cafe-thick-wooden-table-professional-coffee-brewing_346278-1468.jpg",          imageAlt: "Pour-over coffee brewing setup",          authorName: "Alma Cafe Team",          authorAvatar: "http://img.b2bpic.net/free-photo/girl-drawing-cup-coffee-notebook_158595-662.jpg",          date: "October 26, 2023"},
        {
          id: "2",          category: "Seasonal Menu",          title: "Introducing Our Cozy Fall & Winter Drinks Menu",          excerpt: "Warm up with our delightful new seasonal beverages, crafted to bring comfort and joy during the colder months.",          imageSrc: "http://img.b2bpic.net/free-photo/autumn-food-soup-veggies-with-empty-notebook_23-2148656303.jpg",          imageAlt: "Pumpkin spice latte",          authorName: "Alma Cafe Team",          authorAvatar: "http://img.b2bpic.net/free-photo/young-lifestyle-tablet-coffee-woman_1303-1889.jpg",          date: "November 10, 2023"},
        {
          id: "3",          category: "Baking Tips",          title: "The Secret to Alma Cafe's Flaky Croissants",          excerpt: "Discover the techniques and ingredients that make our signature croissants a beloved treat. Hint: it's all about the layers!",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-stack-cookies_23-2147890259.jpg",          imageAlt: "Freshly baked croissants",          authorName: "Alma Cafe Head Baker",          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-tray-muffins-counter_107420-12318.jpg",          date: "December 1, 2023"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Connect With Us"
      title="Visit Alma Cafe"
      description="We'd love to see you! Stop by for a coffee, a meal, or simply to enjoy our welcoming atmosphere. You can also reach out for inquiries or feedback."
      imageSrc="http://img.b2bpic.net/free-photo/backview-barman-writing-chalkboard-terrace_23-2147821251.jpg"
      imageAlt="Exterior of Alma Cafe with outdoor seating"
      mediaAnimation="opacity"
      inputPlaceholder="Your Email Address"
      buttonText="Send Message"
      termsText="By submitting, you agree to receive updates from Alma Cafe and our privacy policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "Menu",              href: "#menu"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Menu",          items: [
            {
              label: "Coffee & Tea",              href: "#menu"},
            {
              label: "Pastries",              href: "#menu"},
            {
              label: "Sandwiches",              href: "#menu"},
            {
              label: "Salads",              href: "#menu"},
          ],
        },
        {
          title: "Follow Us",          items: [
            {
              label: "Instagram",              href: "https://instagram.com/almacafecty"},
            {
              label: "Facebook",              href: "https://facebook.com/almacafecty"},
            {
              label: "Twitter",              href: "https://twitter.com/almacafecty"},
          ],
        },
      ]}
      logoText="Alma Cafe"
      copyrightText="© 2023 Alma Cafe. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
