"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Calendar, Coffee, Croissant, Crown, Heart, Leaf, Sparkles, Wifi } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="circleGradient"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Our Menu",
          id: "#menu",
        },
        {
          name: "Reviews",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Faema Cafe"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      title="Experience the Art of Coffee at Faema Cafe"
      description="At Faema Cafe, every cup is a masterpiece. From ethically sourced beans to expert baristas, we craft exceptional coffee experiences that awaken your senses."
      testimonials={[
        {
          name: "Sarah J.",
          handle: "@coffeeLoverSarah",
          testimonial: "Faema Cafe makes the best latte in town! The ambiance is so relaxing, perfect for my morning ritual.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/amazing-beautiful-redhead-young-lady-sitting-cafe_171337-15285.jpg",
          imageAlt: "happy young woman smiling portrait",
        },
        {
          name: "Michael T.",
          handle: "@morningBrewMike",
          testimonial: "Their ethically sourced beans truly make a difference. You can taste the quality in every single drop.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164788.jpg?_wi=1",
          imageAlt: "happy young woman smiling portrait",
        },
        {
          name: "Emily R.",
          handle: "@teaTimeEmily",
          testimonial: "Even though it's a coffee shop, their selection of teas and pastries is exquisite. A delightful escape!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-portrait-fashionable-young-bearded-male-dressed-stylish-checkered-shirt-posing-with-arms-folded-with-serious-facial-expression_343059-1874.jpg",
          imageAlt: "happy young woman smiling portrait",
        },
        {
          name: "David L.",
          handle: "@cafeHopperDave",
          testimonial: "The staff are incredibly friendly and knowledgeable. Always a pleasure to visit Faema Cafe!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/body-language-portrait-handsome-unshaven-young-european-male-with-mustache-long-loose-hairstyle-touching-chin-thinking-some-idea-problem-project-posing-isolated_343059-3157.jpg",
          imageAlt: "happy young woman smiling portrait",
        },
        {
          name: "Jessica M.",
          handle: "@dailyGrindJess",
          testimonial: "My go-to spot for work and relaxation. Great coffee, great atmosphere, great people.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-cheerful-middle-aged-woman-surfing-internet-portable-computer-attractive-mature-businesswoman-elegant-shirt-working-remotely-laptop-people-age-technology_343059-2250.jpg",
          imageAlt: "happy young woman smiling portrait",
        },
      ]}
      testimonialRotationInterval={5000}
      tag="Faema Cafe"
      buttons={[
        {
          text: "View Our Menu",
          href: "#menu",
        },
        {
          text: "Order Online",
          href: "#",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164788.jpg",
          alt: "Customer Sarah",
        },
        {
          src: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-portrait-fashionable-young-bearded-male-dressed-stylish-checkered-shirt-posing-with-arms-folded-with-serious-facial-expression_343059-1874.jpg",
          alt: "Customer Michael",
        },
        {
          src: "http://img.b2bpic.net/free-photo/body-language-portrait-handsome-unshaven-young-european-male-with-mustache-long-loose-hairstyle-touching-chin-thinking-some-idea-problem-project-posing-isolated_343059-3157.jpg",
          alt: "Customer Emily",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-shot-happy-cheerful-middle-aged-woman-surfing-internet-portable-computer-attractive-mature-businesswoman-elegant-shirt-working-remotely-laptop-people-age-technology_343059-2250.jpg",
          alt: "Customer David",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-young-woman-hugging-pillow-white-background_114579-78304.jpg",
          alt: "Smiling young woman",
        },
      ]}
      avatarText="Join our community of coffee lovers."
      imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164788.jpg?_wi=2"
      imageAlt="Barista preparing latte art at Faema Cafe"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Freshly Roasted Beans",
          icon: Coffee,
        },
        {
          type: "text-icon",
          text: "Artisan Pastries",
          icon: Croissant,
        },
        {
          type: "text-icon",
          text: "Signature Blends",
          icon: Sparkles,
        },
        {
          type: "text-icon",
          text: "Ethically Sourced",
          icon: Leaf,
        },
        {
          type: "text-icon",
          text: "Community Focus",
          icon: Heart,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Our Passion for Coffee and Community"
      description={[
        "At Faema Cafe, our story began with a simple belief: coffee is more than just a drink; it's an experience, a ritual, and a catalyst for connection. We pour our heart and soul into every aspect, from sourcing the finest beans globally to crafting each cup with precision and care.",
        "We are committed to sustainability, partnering with farms that uphold ethical practices and fair wages. Our skilled baristas are not just experts in their craft; they're passionate advocates for exceptional flavor and warm hospitality, ensuring every visit leaves you feeling refreshed and inspired.",
        "Faema Cafe is designed to be a sanctuary, a vibrant space where friends gather, ideas flourish, and memories are made. Whether you're seeking a quiet moment with a book or a lively chat with loved ones, you'll find your perfect spot here.",
      ]}
      buttons={[
        {
          text: "Meet Our Team",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Coffee,
          title: "Ethically Sourced Beans",
          description: "We partner with sustainable farms worldwide to bring you beans of unparalleled quality and rich flavor, ensuring every sip supports a better future.",
        },
        {
          icon: Coffee,
          title: "Expert Barista Craft",
          description: "Our passionate baristas are artists, mastering the delicate balance of temperature, grind, and extraction to create your perfect espresso or latte.",
        },
        {
          icon: Croissant,
          title: "Artisanal Pastries",
          description: "Pair your coffee with a delectable selection of freshly baked pastries, crafted daily with the finest ingredients to complement your beverage.",
        },
        {
          icon: Sparkles,
          title: "Signature Drinks",
          description: "Explore our innovative signature drinks, a unique blend of flavors designed to surprise and delight your palate with every sip.",
        },
        {
          icon: Wifi,
          title: "Comfortable Ambiance",
          description: "Relax and unwind in our cozy cafe, featuring complimentary Wi-Fi, comfortable seating, and a welcoming atmosphere perfect for work or leisure.",
        },
      ]}
      title="Signature Blends & Brews"
      description="Discover a world of exquisite flavors, meticulously roasted and expertly prepared just for you. Our menu features unique creations and timeless classics."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          brand: "Faema Blends",
          name: "Classic Espresso",
          price: "$3.50",
          rating: 5,
          reviewCount: "120 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-hot-beverage-with-direct-gaze_1170-695.jpg",
          imageAlt: "Classic Espresso shot",
        },
        {
          id: "p2",
          brand: "Faema Originals",
          name: "Signature Latte",
          price: "$5.25",
          rating: 5,
          reviewCount: "210 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-heart-pattern-wooden-background_1232-2090.jpg",
          imageAlt: "Signature Latte with art",
        },
        {
          id: "p3",
          brand: "Fresh Baked",
          name: "Flaky Croissant",
          price: "$4.00",
          rating: 5,
          reviewCount: "85 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/croissant-plate-with-chocolate-cream-flat-lay-wooden-cutting-board_176474-8133.jpg",
          imageAlt: "Freshly baked croissant",
        },
        {
          id: "p4",
          brand: "Sweet Treats",
          name: "Assorted Macarons",
          price: "$3.00",
          rating: 4,
          reviewCount: "60 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-candies-concept_23-2148679294.jpg",
          imageAlt: "Colorful macarons",
        },
        {
          id: "p5",
          brand: "Cool Brews",
          name: "Iced Coffee",
          price: "$4.75",
          rating: 4,
          reviewCount: "95 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-woman-with-colorful-dress-holding-caramel-smoothie-her-hands_181624-30963.jpg",
          imageAlt: "Iced coffee in a glass",
        },
        {
          id: "p6",
          brand: "Daily Bread",
          name: "Artisan Baguette",
          price: "$5.50",
          rating: 5,
          reviewCount: "40 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/cottage-cheese-kyata-with-cherries-shortbread-cookies-nuts_140725-5641.jpg",
          imageAlt: "Artisan baguette bread",
        },
      ]}
      title="Explore Our Delicious Menu"
      description="From classic espresso to delightful pastries, find your perfect treat at Faema Cafe."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          badge: "Monthly",
          badgeIcon: Calendar,
          price: "$25",
          subtitle: "Standard Coffee Subscription",
          buttons: [
            {
              text: "Subscribe Now",
              href: "#",
            },
          ],
          features: [
            "One 12oz bag of house blend",
            "Delivered once a month",
            "Exclusive brew tips",
          ],
        },
        {
          id: "pro",
          badge: "Popular",
          badgeIcon: Sparkles,
          price: "$45",
          subtitle: "Premium Coffee & Pastry",
          buttons: [
            {
              text: "Subscribe Now",
              href: "#",
            },
          ],
          features: [
            "Two 12oz bags of choice blend",
            "Delivered twice a month",
            "Artisanal pastry included",
            "10% off in-cafe purchases",
          ],
        },
        {
          id: "enterprise",
          badge: "Deluxe",
          badgeIcon: Crown,
          price: "$70",
          subtitle: "Ultimate Coffee Experience",
          buttons: [
            {
              text: "Subscribe Now",
              href: "#",
            },
          ],
          features: [
            "Three 12oz bags of choice blend",
            "Delivered weekly",
            "Curated gourmet pastry selection",
            "20% off in-cafe purchases",
            "Early access to new blends",
          ],
        },
      ]}
      title="Coffee Lover Subscriptions"
      description="Enjoy your favorite Faema Cafe blends delivered directly to your door. Freshly roasted, every time."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Sophia L.",
          role: "Regular Customer",
          testimonial: "Faema Cafe is my absolute favorite place to start the day. The coffee is consistently amazing, and the atmosphere is so welcoming.",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-sitting-cafe-holding-takeaway-coffee-cup_23-2148148111.jpg",
          imageAlt: "Sophia L.",
        },
        {
          id: "t2",
          name: "Liam K.",
          role: "Local Business Owner",
          testimonial: "I often hold my casual meetings here. The quality of their coffee and baked goods is top-notch, and the service is always with a smile.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-stood-happily-drinking-coffee-meadow_1150-19363.jpg",
          imageAlt: "Liam K.",
        },
        {
          id: "t3",
          name: "Olivia M.",
          role: "Student",
          testimonial: "The best study spot! Great Wi-Fi, delicious snacks, and unlimited refills on their drip coffee. Faema Cafe truly gets it.",
          imageSrc: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg",
          imageAlt: "Olivia M.",
        },
        {
          id: "t4",
          name: "Noah P.",
          role: "Food Blogger",
          testimonial: "As a food blogger, I'm always looking for hidden gems. Faema Cafe's unique blends and artisanal pastries are truly noteworthy.",
          imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-pretty-young-teenage-girl-with-dark-skin-crisp-hair-keeps-hand-chin-dressed-casual-clothes-poses-against-cafe-interior-meets-with-best-friend-has-spare-time-weekend_273609-29076.jpg",
          imageAlt: "Noah P.",
        },
        {
          id: "t5",
          name: "Ava S.",
          role: "Artist",
          testimonial: "The perfect place to find inspiration. The serene environment and expertly crafted coffee always spark my creativity. Highly recommend!",
          imageSrc: "http://img.b2bpic.net/free-photo/headshot-pleased-cheerful-african-american-woman-touches-cheeks-closes-eyes-enjoys-pleasant-moment-wears-yellow-raincoat-isolated-blue-background_273609-33937.jpg",
          imageAlt: "Ava S.",
        },
        {
          id: "t6",
          name: "Ethan W.",
          role: "Remote Worker",
          testimonial: "The ambiance here is fantastic for getting work done. Plus, the pour-over coffee is exceptional every time.",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-listening-music-from-cell-phone-cafe_171337-19555.jpg",
          imageAlt: "Ethan W.",
        },
      ]}
      title="What Our Customers Say"
      description="Real stories from coffee lovers who make Faema Cafe their daily ritual and favorite local spot."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Local Bakery Co.",
        "Green Bean Roasters",
        "Daily Dairy Farms",
        "Gourmet Syrup Co.",
        "Artisan Tea Collective",
        "BrewMaster Equipment",
        "Eco-Pack Solutions",
      ]}
      title="Our Valued Partners"
      description="We collaborate with the best local suppliers and ethical sources to bring you exceptional quality and a truly authentic coffee experience."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "Where do you source your coffee beans?",
          content: "We ethically source our premium coffee beans from sustainable farms across South America and Africa, ensuring fair trade practices and exceptional quality from bean to cup.",
        },
        {
          id: "q2",
          title: "Do you offer dairy-free milk alternatives?",
          content: "Yes, we offer a variety of dairy-free alternatives including oat milk, almond milk, and soy milk for all our coffee and tea beverages.",
        },
        {
          id: "q3",
          title: "Can I order online for pickup or delivery?",
          content: "Absolutely! You can place your order online through our website for convenient in-store pickup, or select delivery for a fresh brew brought right to your door.",
        },
        {
          id: "q4",
          title: "What are your cafe's operating hours?",
          content: "We are open Monday to Friday from 7 AM to 6 PM, and on weekends from 8 AM to 5 PM. Check our contact page for holiday hours.",
        },
        {
          id: "q5",
          title: "Do you host private events or catering?",
          content: "Yes, Faema Cafe is available for private event bookings and offers catering services for local businesses and gatherings. Please contact us for more details and custom quotes.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/machine-grinding-coffee-beans_23-2148865563.jpg"
      imageAlt="Modern coffee machine in action"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find answers to common questions about our coffee, services, and unique cafe experience."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Visit Us"
      title="Brewing Happiness Daily"
      description="Connect with us or stop by for a freshly brewed cup. We'd love to see you! Our friendly team is ready to serve."
      inputPlaceholder="Enter your email for updates"
      buttonText="Sign Up"
      termsText="By clicking Sign Up you're confirming that you agree with our Privacy Policy and Terms of Service."
      onSubmit={(email) => console.log(email)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "Our Story",
              href: "#about",
            },
            {
              label: "Full Menu",
              href: "#menu",
            },
            {
              label: "Subscriptions",
              href: "#pricing",
            },
            {
              label: "FAQs",
              href: "#faq",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Press",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Faema Cafe. All rights reserved."
      bottomRightText="Powered by Webuild"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
