"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="grid"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Stellar Reserve"
      button={{
        text: "Reserve a Table",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroCarouselLogo
      logoText="Stellar Reserve"
      description="Experience Hyderabad’s finest café. A vibrant ambiance, exceptional coffee, and culinary delights await."
      buttons={[
        {
          text: "Reserve a Table",
          href: "#contact",
        },
        {
          text: "Order Online",
          href: "business.google.com/",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/red-chair-table-cafe_1339-6125.jpg",
          imageAlt: "Cozy cafe interior with warm lighting",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-delicious-pie-with-strawberries-cup-tea-light-blue-surface_140725-66677.jpg",
          imageAlt: "Delicious pastries and coffee on a table",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-entrepreneur-working_23-2148366585.jpg",
          imageAlt: "Barista preparing a latte with intricate art",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-breakfast-meal-assortment_23-2148833911.jpg",
          imageAlt: "Savory brunch dishes served in a cafe",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-bearded-caucasian-student-wearing-white-t-shirt-black-headdress-having-morning-coffee-alone-breakfast_273609-1621.jpg",
          imageAlt: "Modern cafe exterior with outdoor seating",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16250.jpg",
          imageAlt: "Happy customers enjoying their time in the cafe",
        },
      ]}
      autoplayDelay={4000}
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="About Stellar Reserve"
      description="Stellar Reserve is more than just a café; it's an experience. Nestled in Jubilee Hills, Hyderabad, we offer a serene yet lively ambiance where you can savor outstanding coffee, delightful meals, and exquisite desserts. Our commitment to quality food and friendly staff ensures every visit is memorable. Enjoy dine-in, kerbside pickup, and no-contact delivery."
      tag="Our Story"
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg"
      imageAlt="Elegant cafe interior with comfortable seating"
    />
  </div>

  <div id="menu-highlights" data-section="menu-highlights">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "coffee",
          title: "Exceptional Coffee & Espresso",
          tags: [
            "Coffee",
            "Espresso",
            "Cold Brew",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-bowl-from-shelf-homeware-store_169016-43152.jpg",
          imageAlt: "Artisanal coffee drinks on a cafe table",
        },
        {
          id: "gourmet-bites",
          title: "Gourmet Bites & Meals",
          tags: [
            "Pizza",
            "Pasta",
            "Omelettes",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/fried-eggs-omelette-white-plate_1203-9275.jpg",
          imageAlt: "Delicious pasta plate served in a restaurant",
        },
        {
          id: "sweet-treats",
          title: "Exquisite Sweet Treats",
          tags: [
            "Macarons",
            "Gelato",
            "French Toast",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-cakes-perfect-dessert-tea-with-fruits-white-background-tea-pie-cake-dessert-sweet-cookie_140725-115788.jpg",
          imageAlt: "Colorful macarons and gelato",
        },
        {
          id: "refreshing-drinks",
          title: "Refreshing Beverages",
          tags: [
            "Lemonade",
            "Juices",
            "Beer",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cocktail-glasses-with-copy-space_23-2148454433.jpg",
          imageAlt: "Refreshing lemonade with fruit",
        },
      ]}
      title="Our Signature Offerings"
      description="From artisanal coffees to delectable dishes, we craft every item with passion and the finest ingredients, ensuring a unique culinary journey."
      tag="Taste the Difference"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "lavender-mocha",
          name: "Lavender Mocha",
          price: "₹280",
          imageSrc: "http://img.b2bpic.net/free-photo/aromatic-coffee-glass-cup-with-whipped-cream_140725-2008.jpg",
          imageAlt: "Lavender Mocha coffee with latte art",
        },
        {
          id: "pad-thai-veg",
          name: "Pad Thai Veg Noodles",
          price: "₹450",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breast-topped-with-pepper-ripe-purple-rice-berries_1150-19849.jpg",
          imageAlt: "Plate of Pad Thai Veg Noodles",
        },
        {
          id: "margherita-pizza",
          name: "Margherita Pizza",
          price: "₹550",
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-homemade-traditional-pizza-italian-recipe_24972-2341.jpg",
          imageAlt: "Classic Margherita Pizza",
        },
        {
          id: "pistachio-gelato",
          name: "Pistachio Gelato",
          price: "₹220",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-bowl-delicious-vegan-peach-cookies-surrounded-by-small-flowers_181624-22151.jpg",
          imageAlt: "Scoops of pistachio gelato",
        },
        {
          id: "french-toast",
          name: "French Toast with Berries",
          price: "₹320",
          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104750.jpg",
          imageAlt: "French toast topped with berries and syrup",
        },
        {
          id: "cortado",
          name: "Cortado",
          price: "₹200",
          imageSrc: "http://img.b2bpic.net/free-photo/mocca-coffee-shop_1339-4899.jpg",
          imageAlt: "Cortado coffee in a small glass",
        },
      ]}
      title="Popular Menu Items"
      description="Explore the favorites our customers can't get enough of. Each item crafted to perfection for your enjoyment."
      tag="Customer Favorites"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Kiran Ravi",
          handle: "@KiranRavi",
          testimonial: "Stellar Reserve has a really good ambiance. The coffee setup itself looks impressive and adds to the experience. You can sit outside and enjoy the greenery, or sit inside near the coffee bar where the vibe is great. Definitely a must-visit!",
          imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",
          imageAlt: "Kiran Ravi, customer at Stellar Reserve",
        },
        {
          id: "2",
          name: "Deepak Thapa",
          handle: "@DeepakThapa",
          testimonial: "Very nice and calm ambiance with very decent staffs. Manager seems very approachable and active, making sure everything is fine. Food and service on top. Michael served me with a smile and suggested me the best from the menu.",
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-gesturing-ok_23-2147767531.jpg",
          imageAlt: "Deepak Thapa, satisfied customer",
        },
        {
          id: "3",
          name: "Avi Bhardwaj",
          handle: "@AviBhardwaj",
          testimonial: "Stellar Reserve is a wonderful place with a lively and vibrant ambiance that makes it enjoyable to spend time there. The coffee is excellent, and the food is the real highlight, among the best-tasting dishes, well prepared, flavorful, and satisfying. The service is attentive, though the prices are slightly on the higher side.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-brunette-woman-kitchen-cooking-searching-recipe-smartphone-taking_1258-203788.jpg",
          imageAlt: "Avi Bhardwaj, local guide",
        },
        {
          id: "4",
          name: "Priya Sharma",
          handle: "@PriyaFoodie",
          testimonial: "The Lavender Mocha is an absolute dream! Perfectly balanced and such a unique flavor. This place quickly became my go-to for both coffee and a quiet work spot.",
          imageSrc: "http://img.b2bpic.net/free-photo/humorous-talks-with-close-friends-dinner-hot-spring-day-cafe_8353-10001.jpg",
          imageAlt: "Priya Sharma, coffee enthusiast",
        },
        {
          id: "5",
          name: "Rahul Verma",
          handle: "@Rahul_V",
          testimonial: "Had the Pad Thai Veg Noodles and it was fantastic – tasty wheat noodles, a bit oily & spicy, but still 4/5. Stellar Reserve offers a truly delightful culinary experience.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-cute-blond-woman-holding-doughnut-eating-sweet-delicious-comfort-food_1258-281607.jpg",
          imageAlt: "Rahul Verma, food critic",
        },
        {
          id: "6",
          name: "Sonia Singh",
          handle: "@SoniaExplorer",
          testimonial: "The ambiance here is truly special. I loved sitting outside amidst the greenery. It's a perfect escape from the city bustle. The gelato is also a must-try!",
          imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064697.jpg",
          imageAlt: "Sonia Singh, cafe visitor",
        },
      ]}
      title="What Our Guests Say"
      description="Don't just take our word for it – hear from our happy customers about their delightful experiences at Stellar Reserve."
      tag="Customer Stories"
      speed={50}
      topMarqueeDirection="left"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "hours",
          title: "What are your operating hours?",
          content: "Stellar Reserve is open daily from morning until 1 AM. We recommend checking our Google Business profile for any seasonal adjustments.",
        },
        {
          id: "reservations",
          title: "How can I reserve a table?",
          content: "You can reserve a table by calling us at 080196 19090 or using the 'Reserve a Table' button on our website, which links directly to our booking platform.",
        },
        {
          id: "delivery",
          title: "Do you offer delivery or pickup?",
          content: "Yes, we offer both kerbside pickup and no-contact delivery services. You can order online through our website or our partner delivery platforms.",
        },
        {
          id: "menu-options",
          title: "Are there vegetarian or vegan options on your menu?",
          content: "Our menu includes a variety of vegetarian options, such as the Pad Thai Veg Noodles. Please inquire with our staff for vegan alternatives; we're happy to accommodate dietary needs where possible.",
        },
        {
          id: "location",
          title: "Where is Stellar Reserve located?",
          content: "We are located at 303, Road No. 1, Nandagiri Hills, Jubilee Hills, Hyderabad, Telangana 500033.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common queries about Stellar Reserve, from operating hours to reservation details and menu options."
      tag="Your Questions, Answered"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Visit Us or Get in Touch"
      description="Stellar Reserve is nestled in Jubilee Hills, Hyderabad. We're open until 1 AM, providing a perfect spot for your morning coffee or late-night dessert. For reservations or inquiries, please use the contact details provided."
      imageSrc="http://img.b2bpic.net/free-photo/woman-blue-hat-sits-windowsill-cafe_8353-194.jpg"
      imageAlt="Exterior of Stellar Reserve cafe at evening"
      mediaAnimation="opacity"
      mediaPosition="left"
      inputPlaceholder="Your Name"
      buttonText="Send Message"
      termsText="For general inquiries, reservations, or feedback, please reach out to us. We look forward to hearing from you!"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Stellar Reserve"
      columns={[
        {
          title: "Menu",
          items: [
            {
              label: "Coffee & Espresso",
              href: "#menu",
            },
            {
              label: "Food & Meals",
              href: "#menu",
            },
            {
              label: "Desserts",
              href: "#menu",
            },
            {
              label: "Beverages",
              href: "#menu",
            },
          ],
        },
        {
          title: "About",
          items: [
            {
              label: "Our Story",
              href: "#about",
            },
            {
              label: "Reviews",
              href: "#reviews",
            },
            {
              label: "Our Team",
              href: "#",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "Location",
              href: "#contact",
            },
            {
              label: "Reservations",
              href: "#contact",
            },
            {
              label: "Order Online",
              href: "business.google.com/",
            },
          ],
        },
        {
          title: "Social",
          items: [
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "Facebook",
              href: "#",
            },
            {
              label: "Google Reviews",
              href: "#reviews",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Stellar Reserve. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
