"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 FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Flame, Heart, Home, Music, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="fluid"
        cardStyle="glass-elevated"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#products",
        },
        {
          name: "Reviews",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Fisa & Masa Tavern"
      button={{
        text: "Make a Reservation",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient",
      }}
      title="Experience Authentic Cypriot Flavors at Fisa & Masa Tavern"
      description="Nestled on Ledras Street, Fisa & Masa Tavern offers a culinary journey through traditional Cypriot and Mediterranean dishes, crafted with passion and fresh, local ingredients. Join us for an unforgettable dining experience."
      kpis={[
        {
          value: "4.8",
          label: "Rating (442 reviews)",
        },
        {
          value: "€15-20",
          label: "Avg. Price per Person",
        },
        {
          value: "10:30 PM",
          label: "Closes",
        },
      ]}
      enableKpiAnimation={false}
      tag="Traditional Cypriot Cuisine"
      buttons={[
        {
          text: "View Our Menu",
          href: "#products",
        },
        {
          text: "Make a Reservation",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/chicken-kebab-baked-potato_140725-3227.jpg"
      imageAlt="Cozy interior of Fisa & Masa Tavern"
      mediaAnimation="slide-up"
      tagIcon={Flame}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-red-suit-fashion-male-posing-studio-near-blue-wall_158538-21122.jpg",
          alt: "Happy customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg",
          alt: "Satisfied diner",
        },
        {
          src: "http://img.b2bpic.net/free-photo/browneyed-stylish-brunet-bearded-man-white-shirt-checkered-jacket-smiles-looks-into-camera-orange-background_197531-29376.jpg",
          alt: "Guest enjoying meal",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-confident-man-looking-photographer_23-2148398473.jpg",
          alt: "Visitor review",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
          alt: "Restaurant patron",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Fresh Daily Ingredients",
        },
        {
          type: "text-icon",
          text: "Award-Winning Cuisine",
          icon: Award,
        },
        {
          type: "text",
          text: "Cozy Ambiance",
        },
        {
          type: "text-icon",
          text: "Live Music Events",
          icon: Music,
        },
        {
          type: "text",
          text: "Family Friendly",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "Our Story",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-vector/spoon-fork-food-logo-art-illustration_56104-776.jpg",
          alt: "Restaurant icon",
        },
        {
          type: "text",
          content: "Bringing Cyprus to Your Plate",
        },
      ]}
      buttons={[
        {
          text: "Discover Our History",
          href: "#",
        },
      ]}
      description="Since opening our doors, Fisa & Masa Tavern has been a beloved spot on Ledras Street, dedicated to sharing the rich culinary heritage of Cyprus. Our journey began with a passion for traditional recipes and a commitment to using the freshest local ingredients. We invite you to be part of our story, where every meal is a celebration of flavor and community."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "fresh-ingredients",
          title: "Fresh, Local Ingredients",
          subtitle: "We source the finest produce and meats from local markets and trusted suppliers, ensuring every dish is a celebration of freshness.",
          category: "Quality",
          value: "Authentic",
        },
        {
          id: "cozy-ambiance",
          title: "Cozy & Inviting Ambiance",
          subtitle: "Step into a space where rustic charm meets modern comfort, perfect for family dinners, romantic evenings, or friendly gatherings.",
          category: "Atmosphere",
          value: "Relaxed",
        },
        {
          id: "live-music",
          title: "Live Traditional Music",
          subtitle: "Enhance your dining experience with the soulful sounds of live traditional Cypriot music on select evenings.",
          category: "Entertainment",
          value: "Vibrant",
        },
        {
          id: "homemade-recipes",
          title: "Homemade Cypriot Recipes",
          subtitle: "Our chefs prepare dishes following time-honored family recipes, passed down through generations, for a true taste of home.",
          category: "Tradition",
          value: "Authentic",
        },
        {
          id: "friendly-staff",
          title: "Warm & Attentive Service",
          subtitle: "Our dedicated team ensures every guest feels welcome and enjoys seamless service from the moment they arrive.",
          category: "Hospitality",
          value: "Welcoming",
        },
      ]}
      title="A Taste of Our Passion"
      description="At Fisa & Masa Tavern, we are dedicated to providing an exceptional dining experience. From our carefully selected ingredients to our warm hospitality, every detail is crafted to delight."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Moussaka",
          price: "€14.50",
          variant: "Classic Baked",
          imageSrc: "http://img.b2bpic.net/free-photo/moussaka-traditional-greek-dish_2829-8400.jpg",
          imageAlt: "Traditional Moussaka dish",
        },
        {
          id: "p2",
          name: "Pork Souvlaki",
          price: "€12.00",
          variant: "Grilled Skewers",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-chicken-skewers-with-vegetables_23-2148632616.jpg",
          imageAlt: "Grilled Pork Souvlaki skewers",
        },
        {
          id: "p3",
          name: "Grilled Halloumi",
          price: "€8.50",
          variant: "Appetizer",
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-fresh-cheese-still-life_23-2150096928.jpg",
          imageAlt: "Grilled Halloumi cheese",
        },
        {
          id: "p4",
          name: "Kleftiko",
          price: "€18.00",
          variant: "Slow-cooked Lamb",
          imageSrc: "http://img.b2bpic.net/free-photo/baked-pie-stuffed-with-beef-turshu-dry-fruites_114579-2468.jpg",
          imageAlt: "Slow-cooked Lamb Kleftiko",
        },
        {
          id: "p5",
          name: "Taramasalata",
          price: "€6.00",
          variant: "Fish Roe Dip",
          imageSrc: "http://img.b2bpic.net/free-photo/puree-with-tomatoes-cookies-underneath_1220-519.jpg",
          imageAlt: "Taramasalata dip",
        },
        {
          id: "p6",
          name: "Grilled Octopus",
          price: "€16.00",
          variant: "Mediterranean Style",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-spanish-food_23-2149210881.jpg",
          imageAlt: "Grilled Octopus",
        },
      ]}
      title="Our Signature Dishes"
      description="Explore a selection of our most loved and authentic Cypriot dishes, prepared with passion and the freshest ingredients."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "daily-special",
          badge: "Value",
          badgeIcon: Sparkles,
          price: "€17.50",
          subtitle: "Chef's Daily Recommendation",
          buttons: [
            {
              text: "See Today's Special",
              href: "#",
            },
          ],
          features: [
            "Main Course (Chef's Choice)",
            "Side Salad or Soup",
            "Traditional Dessert",
          ],
        },
        {
          id: "set-menu-for-two",
          badge: "Popular",
          badgeIcon: Heart,
          price: "€35.00",
          subtitle: "An Authentic Meal for Two",
          buttons: [
            {
              text: "View Full Menu",
              href: "#",
            },
          ],
          features: [
            "Choice of 2 Appetizers",
            "Choice of 2 Main Courses",
            "1 Bottle of Local Wine",
            "Dessert Platter",
          ],
        },
        {
          id: "family-feast",
          badge: "Feast",
          badgeIcon: Home,
          price: "€60.00",
          subtitle: "Generous Portions for Families",
          buttons: [
            {
              text: "Explore Options",
              href: "#",
            },
          ],
          features: [
            "Selection of 4 Meze",
            "Large Mixed Grill Platter",
            "Traditional Sides & Bread",
            "Soft Drinks Included",
          ],
        },
      ]}
      title="Daily Specials & Set Menus"
      description="Discover our value-packed daily specials and curated set menus, perfect for a complete culinary experience."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="Fisa & Masa Tavern truly captures the essence of Cypriot hospitality and cuisine. The food is incredible, especially the moussaka, and the staff make you feel like family. A must-visit in Nicosia!"
      rating={5}
      author="Maria S."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
          alt: "Customer Sarah Johnson",
        },
        {
          src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
          alt: "Customer Michael Chen",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-professional-male-chef-with-his-prepared-dish_23-2147863802.jpg",
          alt: "Customer Emily Rodriguez",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-gazing-sun-with-bright-face_23-2148248598.jpg",
          alt: "Customer David Kim",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-charming-man_171337-5315.jpg",
          alt: "Customer Lisa Wong",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-wearing-stripes-shirt-standing-yellow-isolated-background-happy-with-big-smile-doing-ok-sign-thumb-up-with-fingers-excellent-sign_839833-21373.jpg",
          alt: "Customer John Doe",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Cyprus Foodie Guide",
        "Nicosia Eats",
        "Mediterranean Taste Magazine",
        "Local's Choice Awards",
        "Gastronomy Insights",
        "Travel & Dine Cyprus",
        "Best of Ledras Street",
      ]}
      title="As Featured In"
      description="Proudly recognized by leading local and international culinary guides for our commitment to authentic Cypriot dining."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "Do you take reservations?",
          content: "Yes, we highly recommend making a reservation, especially for evening dining and weekends. You can call us directly or use our online form below.",
        },
        {
          id: "faq2",
          title: "What are your opening hours?",
          content: "We are open daily from 12:00 PM to 10:30 PM. Please check our contact section for any special holiday hours.",
        },
        {
          id: "faq3",
          title: "Do you offer vegetarian or vegan options?",
          content: "Yes, our menu includes a variety of delicious vegetarian and vegan dishes. Please inform your server of any dietary restrictions or preferences.",
        },
        {
          id: "faq4",
          title: "Is there parking available?",
          content: "As we are located on Ledras Street, a pedestrian area, nearby public parking lots are available within a short walking distance. We recommend parking at the Municipal Parking or Phaneromeni Church Parking.",
        },
        {
          id: "faq5",
          title: "Can you accommodate large groups?",
          content: "Absolutely! For groups larger than 8 people, please contact us in advance so we can arrange the best seating and service for your party.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about Fisa & Masa Tavern, from reservations to dietary needs."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Visit Us"
      title="Connect With Fisa & Masa Tavern"
      description="Ready to experience the true taste of Cyprus? Contact us for reservations, inquiries, or just to say hello! We look forward to welcoming you."
      imageSrc="http://img.b2bpic.net/free-photo/aerial-view-olten-trimbach-river-aare-switzerland_181624-20416.jpg"
      imageAlt="Map of Fisa & Masa Tavern location on Ledras Street"
      mediaAnimation="slide-up"
      mediaPosition="left"
      inputPlaceholder="Your Email for Newsletter"
      buttonText="Subscribe"
      termsText="By subscribing, you agree to receive promotional emails from Fisa & Masa Tavern."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoSrc="http://img.b2bpic.net/free-vector/catering-logo-template-collection_23-2149014896.jpg"
      logoAlt="Fisa & Masa Tavern Logo"
      logoText="Fisa & Masa Tavern"
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Menu",
              href: "#products",
            },
            {
              label: "Reviews",
              href: "#testimonials",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Our Location",
          items: [
            {
              label: "Ledras 55, Nicosia 1011, Cyprus",
              href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere",
            },
            {
              label: "+357 22 730571",
              href: "tel:+35722730571",
            },
            {
              label: "Open daily: 12 PM - 10:30 PM",
              href: "#",
            },
          ],
        },
        {
          title: "Follow Us",
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com/fisa_masa",
            },
            {
              label: "Facebook",
              href: "#",
            },
            {
              label: "TripAdvisor",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2023 Fisa & Masa Tavern. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
