"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Facebook, Instagram, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="floatingGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Barnes Kitchen Cafe"
      button={{
        text: "Order Online",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogo
      logoText="Barnes Kitchen Cafe"
      description="Serving the community with hot, fresh, made-to-order food that hits every time. Where flavor meets comfort."
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
        {
          text: "Order Now",
          href: "#contact",
        },
      ]}
      buttonAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/man-barista-holding-coffee-tamper-with-grind-coffee-ready-cooking-coffee-closeup_1220-5379.jpg"
      imageAlt="Inviting cafe interior with coffee and pastries"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "Our Passion for ",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458074.jpg",
          alt: "Coffee beans",
        },
        {
          type: "text",
          content: " and Community",
        },
      ]}
      buttons={[
        {
          text: "Our Story",
          href: "#",
        },
      ]}
      buttonAnimation="opacity"
    />
  </div>

  <div id="menu-highlights" data-section="menu-highlights">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "artisan-coffees",
          label: "Crafted Daily",
          title: "Artisan Coffees",
          items: [
            "Espresso & Americano",
            "Cappuccino & Latte",
            "Specialty Brews",
            "Seasonal Selections",
          ],
        },
        {
          id: "fresh-pastries",
          label: "Baked Fresh",
          title: "Fresh Pastries",
          items: [
            "Croissants & Muffins",
            "Danishes & Scones",
            "Cookies & Brownies",
            "Gluten-Free Options",
          ],
        },
        {
          id: "hearty-sandwiches",
          label: "Made to Order",
          title: "Hearty Sandwiches",
          items: [
            "Club & Veggie",
            "Grilled Cheese",
            "Wraps & Salads",
            "Daily Specials",
          ],
        },
      ]}
      title="Taste the Difference at Barnes Kitchen Cafe"
      description="From rich artisan coffees to freshly baked pastries and hearty sandwiches, every item on our menu is prepared with passion and the finest ingredients."
      tag="Highlights"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "espresso",
          name: "Classic Espresso",
          price: "$3.00",
          variant: "Rich & Bold",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hot-coffee_1220-83.jpg",
          imageAlt: "A shot of classic espresso",
        },
        {
          id: "cappuccino",
          name: "Creamy Cappuccino",
          price: "$4.50",
          variant: "Frothy & Smooth",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-coffee-with-latte-art-white-ceramic-teacup-wooden-table_181624-2542.jpg",
          imageAlt: "A creamy cappuccino with latte art",
        },
        {
          id: "croissant",
          name: "Butter Croissant",
          price: "$3.50",
          variant: "Flaky & Golden",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-croissant-plate-trivet-with-lemon-tangerine-kumquat-flour-ginger-with-spoon-honey-dipper-rolling-pin-black-background_141793-130598.jpg",
          imageAlt: "A golden butter croissant",
        },
        {
          id: "muffin",
          name: "Blueberry Muffin",
          price: "$3.75",
          variant: "Sweet & Fruity",
          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-chip-muffin_74190-7716.jpg",
          imageAlt: "A blueberry muffin with a golden top",
        },
        {
          id: "salad",
          name: "Garden Fresh Salad",
          price: "$9.00",
          variant: "Light & Healthy",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-salad-inside-elegant-plate-with-cutlery-dark-blue-background-color-health-lunch-restaurant-diet-cuisine_179666-18336.jpg",
          imageAlt: "A bowl of garden fresh salad",
        },
        {
          id: "wrap",
          name: "Chicken Avo Wrap",
          price: "$10.50",
          variant: "Hearty & Flavorful",
          imageSrc: "http://img.b2bpic.net/free-photo/wrap-salad-roll_1339-7763.jpg",
          imageAlt: "A chicken and avocado wrap",
        },
      ]}
      title="Our Delicious Menu"
      description="Explore our full range of handcrafted beverages, delectable pastries, and wholesome meals, all made with quality and care."
      tag="Menu"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
        },
        {
          id: "2",
          name: "Michael D.",
          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg",
        },
        {
          id: "3",
          name: "Emily R.",
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-drinking-coffee-working-laptop-cafe_1303-13676.jpg",
        },
        {
          id: "4",
          name: "David K.",
          imageSrc: "http://img.b2bpic.net/free-photo/samesex-homosexual-female-partners-drinking-coffee-eating-cakes-restaurant_273609-9461.jpg",
        },
        {
          id: "5",
          name: "Jessica M.",
          imageSrc: "http://img.b2bpic.net/free-photo/elderly-man-is-eating-sandwich-sandwich-closeup_169016-63656.jpg",
        },
      ]}
      cardTitle="Fantastic Coffee & Ambiance!"
      cardTag="Customer Love"
      buttons={[
        {
          text: "Read All Reviews",
          href: "#",
        },
      ]}
      buttonAnimation="opacity"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "What are your operating hours?",
          content: "We are 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 delivery services?",
          content: "Yes, we partner with several local delivery services. You can find us on Uber Eats, DoorDash, and Postmates.",
        },
        {
          id: "3",
          title: "Can I place an order for pick-up?",
          content: "Absolutely! You can place your order directly through our website or call us, and we'll have it ready for you.",
        },
        {
          id: "4",
          title: "Do you have gluten-free or vegan options?",
          content: "Yes, we offer a selection of gluten-free pastries and sandwiches, as well as several delicious vegan options. Please ask our staff for details.",
        },
        {
          id: "5",
          title: "Do you offer catering for events?",
          content: "Yes, we provide catering services for various events. Please contact us to discuss your needs and for a customized quote.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Have questions about our menu, services, or hours? Find quick answers here or reach out to us directly!"
      tag="Support"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Get in Touch"
      title="Visit Us or Place Your Order!"
      description="Whether you're looking for a quick coffee, a delicious meal, or catering for your next event, Barnes Kitchen Cafe is here to serve. We can't wait to hear from you!"
      buttons={[
        {
          text: "Call Us: (786) 395-4532",
          href: "tel:7863954532",
        },
        {
          text: "Email Us",
          href: "mailto:bawsebarnes@gmail.com",
        },
      ]}
      buttonAnimation="opacity"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Barnes Kitchen Cafe"
      copyrightText="© 2024 Barnes Kitchen Cafe. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook",
        },
        {
          icon: Instagram,
          href: "#",
          ariaLabel: "Instagram",
        },
        {
          icon: Twitter,
          href: "#",
          ariaLabel: "Twitter",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
