"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import { Flame, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="medium"
        background="blurBottom"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Cocktails",
          id: "#cocktails",
        },
        {
          name: "Events",
          id: "#events",
        },
        {
          name: "Gallery",
          id: "#gallery",
        },
        {
          name: "Visit",
          id: "#visit",
        },
      ]}
      brandName="KIZA Restaurant & Bar"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardGallery
      background={{
        variant: "radial-gradient",
      }}
      title="Experience the Flavors of Africa, the Caribbean, and Beyond"
      description="Downtown Columbus' premier destination for exquisite fusion cuisine, handcrafted cocktails, vibrant brunch, and unforgettable nightlife."
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
        {
          text: "Reserve a Table",
          href: "https://www.opentable.com/r/kiza-restaurant-and-bar-columbus",
        },
        {
          text: "Order Online",
          href: "https://www.doordash.com/store/kiza-restaurant-bar-columbus-2831034/",
        },
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-fish-fillet-grilled-with-vegetables-served-with-fresh-herbs-sauce-plate_141793-2969.jpg",
          imageAlt: "Plated African fusion cuisine",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/alcoholic-cocktail-wooden-cup-bar-table_627829-6472.jpg",
          imageAlt: "Cocktails being poured at a bar",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-dj-equipment-electronics_23-2149658375.jpg",
          imageAlt: "Live music performance in a restaurant",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/vibrant-city-alive-with-modern-nightlife-history-generated-by-ai_188544-26101.jpg",
          imageAlt: "Energetic restaurant nightlife scene",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg",
          imageAlt: "Vibrant brunch spread",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598347.jpg",
          imageAlt: "Guests enjoying dinner and drinks",
        },
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Our Story: KIZA's Vibrant Soul"
      description="KIZA Restaurant & Bar is a culinary jewel in downtown Columbus, bringing together the rich, vibrant flavors of Africa, the lively spirit of the Caribbean, and beloved American classics. More than just a restaurant, KIZA is a destination where handcrafted cocktails, exquisite cuisine, and an energetic nightlife converge. We're proud to offer an upscale, energetic environment that welcomes families for brunch and transforms into Columbus' premier nightlife experience."
      metrics={[
        {
          value: "5+",
          title: "Years Serving",
        },
        {
          value: "30+",
          title: "Signature Cocktails",
        },
        {
          value: "100%",
          title: "Guest Satisfaction",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821259.jpg"
      imageAlt="Elegant interior of KIZA Restaurant & Bar"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "beef-suya",
          name: "Beef Suya",
          price: "$18",
          variant: "Appetizer",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-indian-food_23-2148747724.jpg",
          imageAlt: "Plated Beef Suya",
        },
        {
          id: "jollof-lamb",
          name: "Jollof Rice & Lamb Chops",
          price: "$32",
          variant: "Main Course",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-italian-food-wooden-table_23-2148305655.jpg",
          imageAlt: "Jollof Rice with Lamb Chops",
        },
        {
          id: "red-snapper",
          name: "Red Snapper",
          price: "$28",
          variant: "Main Course",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-grilled-fish-fillet-served-top-couscous-salad-with-bell-peppers_141793-2032.jpg",
          imageAlt: "Grilled Whole Red Snapper",
        },
        {
          id: "jerk-chicken",
          name: "Jerk Chicken",
          price: "$25",
          variant: "Main Course",
          imageSrc: "http://img.b2bpic.net/free-photo/table-covered-with-baked-chicken-potato-puree_23-2147954264.jpg",
          imageAlt: "Classic Jerk Chicken",
        },
        {
          id: "fufu-egusi",
          name: "Pounded Yam & Egusi",
          price: "$22",
          variant: "Fufu & Soup",
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-curry-black-cup_1150-23797.jpg",
          imageAlt: "Pounded Yam with Egusi Soup",
        },
        {
          id: "sweet-plantains",
          name: "Sweet Plantains",
          price: "$8",
          variant: "Side",
          imageSrc: "http://img.b2bpic.net/free-photo/beer-near-fried-potatoes-chicken_23-2147765504.jpg",
          imageAlt: "Side of Sweet Plantains",
        },
      ]}
      title="Savor Our Signature Flavors"
      description="Embark on a culinary journey with our expertly crafted dishes, a fusion of West African traditions, vibrant Caribbean spices, and comforting American favorites. Each plate is a masterpiece of taste and presentation."
    />
  </div>

  <div id="cocktails" data-section="cocktails">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Signature Handcrafted Cocktails",
          description: "Our expert mixologists craft unique cocktails using premium spirits and fresh, exotic ingredients. Discover your new favorite drink.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/side-view-tiki-cocktail-with-passion-fruit-table_140725-12846.jpg",
            imageAlt: "Assortment of signature handcrafted cocktails",
          },
          items: [
            {
              icon: Sparkles,
              text: "Exotic Flavors & Fresh Ingredients",
            },
            {
              icon: GlassWater,
              text: "Award-Winning Mixologists",
            },
            {
              icon: Flame,
              text: "Creative & Unique Recipes",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-fish-fillet-grilled-with-vegetables-served-with-fresh-herbs-sauce-plate_141793-2969.jpg",
          imageAlt: "signature cocktails luxury lounge",
        },
        {
          title: "Premium Spirits & Vibrant Bar",
          description: "Explore our extensive selection of tequilas, whiskeys, vodkas, and local craft beers. Enjoy the energetic ambiance of our upscale bar.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/beer-glass-bar_23-2148111203.jpg",
            imageAlt: "Upscale bar area with glowing accent lighting",
          },
          items: [
            {
              icon: Sparkles,
              text: "Curated Top-Shelf Selection",
            },
            {
              icon: GlassWater,
              text: "Lively Atmosphere & Friendly Staff",
            },
            {
              icon: Flame,
              text: "Happy Hour Specials Daily",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/alcoholic-cocktail-wooden-cup-bar-table_627829-6472.jpg",
          imageAlt: "signature cocktails luxury lounge",
        },
      ]}
      title="Crafted Cocktails & Premium Bar"
      description="Experience the art of mixology with our handcrafted cocktails, premium spirits, and a sophisticated lounge atmosphere. Perfect for unwinding after work or starting your vibrant night out."
    />
  </div>

  <div id="events" data-section="events">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "brunch",
          title: "Sunday Brunch",
          price: "11 AM - 4 PM",
          period: "Every Sunday",
          features: [
            "Bottomless Mimosas",
            "African & Caribbean Brunch Buffet",
            "Family-Friendly Atmosphere",
          ],
          button: {
            text: "View Brunch Menu",
            href: "#menu",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-poinsettia-assortement_23-2149138711.jpg",
          imageAlt: "Delicious brunch spread",
        },
        {
          id: "happy-hour",
          title: "Happy Hour",
          price: "4 PM - 7 PM",
          period: "Mon - Fri",
          features: [
            "Half-Price Appetizers",
            "Signature Cocktail Specials",
            "Select Draft Beers & Wines",
          ],
          button: {
            text: "View Specials",
            href: "#cocktails",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/friends-serving-drinking-wine_23-2147644273.jpg",
          imageAlt: "Friends enjoying happy hour drinks",
        },
        {
          id: "event-nights",
          title: "Vibrant Event Nights",
          price: "From 8 PM",
          period: "Weekends",
          features: [
            "Live DJs & Music",
            "Themed Party Nights",
            "Exclusive Bottle Service",
          ],
          button: {
            text: "See Calendar",
            href: "#",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/persons-having-fun-dance-party-nightclub_482257-84181.jpg",
          imageAlt: "Live entertainment and dancing",
        },
      ]}
      title="Brunch, Happy Hour & Nightlife"
      description="Join us for our renowned Sunday Brunch, unwind during Happy Hour, and experience unforgettable event nights featuring live entertainment and vibrant music."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="buttons"
      title="A Glimpse of KIZA: Ambiance, Cuisine & Moments"
      description="Step into our world and experience the vibrant energy, exquisite dishes, and signature cocktails that make KIZA a downtown Columbus favorite. From lively entertainment to delicious plated meals, see what awaits you."
      blogs={[
        {
          id: "gallery-1",
          category: "Cuisine",
          title: "Authentic African Dishes",
          excerpt: "Experience the rich and diverse flavors of West African cuisine, artfully prepared and presented.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-dinner-with-meat-potatoes-served-with-green-black-plate-cutlery-set-mix-colors-background_179666-19981.jpg",
          imageAlt: "Plated African cuisine",
          authorName: "KIZA Kitchen",
          authorAvatar: "asset://avatar-1",
          date: "Oct 26, 2024",
        },
        {
          id: "gallery-2",
          category: "Cuisine",
          title: "Vibrant Caribbean Flavors",
          excerpt: "Savor the bold and spicy notes of our Caribbean-inspired dishes, a true taste of the islands.",
          imageSrc: "http://img.b2bpic.net/free-photo/plate-sauteed-vegetable-salad-with-bell-peppers-aubergine-tomato-herbs-lemon_141793-1992.jpg",
          imageAlt: "Colorful Caribbean dishes",
          authorName: "KIZA Kitchen",
          authorAvatar: "asset://avatar-2",
          date: "Oct 26, 2024",
        },
        {
          id: "gallery-3",
          category: "Cocktails",
          title: "Exquisite Signature Cocktails",
          excerpt: "Our bar masters craft unique and visually stunning cocktails for every palate.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-burns-coal-grapefruit-grapefruit-hookah_140725-5028.jpg",
          imageAlt: "Close-up of an exquisite cocktail",
          authorName: "KIZA Bar",
          authorAvatar: "asset://avatar-3",
          date: "Oct 26, 2024",
        },
        {
          id: "gallery-4",
          category: "Interior",
          title: "Elegant Restaurant Ambiance",
          excerpt: "A glimpse into our luxurious dining space, designed for comfort and an upscale experience.",
          imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg",
          imageAlt: "Elegant interior of the restaurant",
          authorName: "KIZA Design",
          authorAvatar: "asset://avatar-4",
          date: "Oct 26, 2024",
        },
        {
          id: "gallery-5",
          category: "Nightlife",
          title: "Energetic Bar Area",
          excerpt: "The heart of our nightlife, where premium spirits and good times flow.",
          imageSrc: "http://img.b2bpic.net/free-photo/cocktail-with-lime-lemon-mint-freshness-generative-ai_188544-12148.jpg",
          imageAlt: "Vibrant bar area at night",
          authorName: "KIZA Events",
          authorAvatar: "asset://avatar-5",
          date: "Oct 26, 2024",
        },
        {
          id: "gallery-6",
          category: "Guests",
          title: "Happy Moments Shared",
          excerpt: "Guests enjoying their time, celebrating and creating unforgettable memories at KIZA.",
          imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891048.jpg",
          imageAlt: "Happy guests enjoying their meal",
          authorName: "KIZA Team",
          authorAvatar: "asset://avatar-6",
          date: "Oct 26, 2024",
        },
      ]}
    />
  </div>

  <div id="visit" data-section="visit">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Plan Your Visit or Event"
      description="Whether you're looking to reserve a table, host a private event, or inquire about catering, our team is ready to assist. Located conveniently in downtown Columbus, your next memorable experience awaits."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number",
          required: false,
        },
        {
          name: "date",
          type: "date",
          placeholder: "Preferred Date",
          required: false,
        },
        {
          name: "guests",
          type: "number",
          placeholder: "Number of Guests",
          required: false,
        },
      ]}
      multiSelect={{
        name: "inquiryType",
        label: "Inquiry Type",
        options: [
          "Dining Reservation",
          "Private Event",
          "Catering Request",
          "General Inquiry",
        ],
      }}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 4,
        required: false,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/bold-metro-station-chatelet-paris_23-2148232435.jpg"
      imageAlt="Google map showing KIZA Restaurant & Bar location in downtown Columbus"
      mediaAnimation="none"
      mediaPosition="right"
      buttonText="Send Inquiry"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="KIZA Restaurant & Bar"
      columns={[
        {
          title: "Hours",
          items: [
            {
              label: "Mon - Thu: 11 AM - 10 PM",
              href: "#",
            },
            {
              label: "Fri - Sat: 11 AM - 1 AM",
              href: "#",
            },
            {
              label: "Sun: 11 AM - 10 PM",
              href: "#",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "155 N 5th St, Columbus, OH 43215",
              href: "https://maps.app.goo.gl/address",
            },
            {
              label: "(614) 429-3881",
              href: "tel:+16144293881",
            },
            {
              label: "info@kizarestaurant.com",
              href: "mailto:info@kizarestaurant.com",
            },
          ],
        },
        {
          title: "Quick Links",
          items: [
            {
              label: "Home",
              href: "#home",
            },
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "Events",
              href: "#events",
            },
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Reservations",
              href: "#visit",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Facebook",
              href: "https://facebook.com/kizarestaurant",
            },
            {
              label: "Instagram",
              href: "https://instagram.com/kizarestaurant",
            },
            {
              label: "Twitter",
              href: "https://twitter.com/kizarestaurant",
            },
          ],
        },
      ]}
      copyrightText="© 2024 KIZA Restaurant & Bar. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
