"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import { Beef, Carrot, Coffee, Cookie, IceCream, Utensils } from "lucide-react";

export default function MenuPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="circleGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home", id: "/"},
        {
          name: "Menu", id: "/menu"},
        {
          name: "Rewards", id: "/rewards"},
        {
          name: "Locations", id: "/locations"},
        {
          name: "App", id: "/app"},
        {
          name: "Contact", id: "/contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/retro-logo-collection-different-restaurants_23-2148386010.jpg"
      logoAlt="Restaurant logo"
      brandName="Delicious Bites"
      button={{
        text: "Order Now", href: "/menu"}}
      animateOnLoad={true}
    />
  </div>

  <div id="main-menu-content" data-section="main-menu-content">
    <div className="container mx-auto py-16 px-4">
      <h1 className="text-5xl font-extrabold text-center mb-12">Our Delicious Menu</h1>

      <div id="burgers" data-section="burgers" className="mb-24">
        <ProductCardThree
          animationType="slide-up"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={false}
          title="Burgers"
          description="Juicy, flavorful, and customizable to your heart's content."
          tag="Signature"
          tagIcon={Beef}
          products={[
            {
              id: "b1", name: "Classic Cheeseburger", price: "$5.99",              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-burger-ingredients-cutting-board_23-2148235048.jpg?_wi=1",              imageAlt: "Classic cheeseburger"
            },
            {
              id: "b2", name: "Baconator Burger", price: "$7.49",              imageSrc: "http://img.b2bpic.net/free-photo/burger-with-bacon-cheese_23-2148247921.jpg",              imageAlt: "Baconator burger"
            },
            {
              id: "b3", name: "Spicy Jalapeño Burger", price: "$6.99",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-gourmet-burger-with-bacon-cheese-pickles-lettuce-mayonnaise-sauce-isolated_188544-6725.jpg",              imageAlt: "Spicy Jalapeño Burger"
            },
            {
              id: "b4", name: "Mushroom Swiss Burger", price: "$7.29",              imageSrc: "http://img.b2bpic.net/free-photo/big-tasty-hamburger_23-2148281358.jpg",              imageAlt: "Mushroom Swiss Burger"
            },
            {
              id: "b5", name: "Veggie Burger", price: "$6.49",              imageSrc: "http://img.b2bpic.net/free-photo/veggie-burger-with-french-fries_23-2148690384.jpg",              imageAlt: "Veggie Burger"
            },
            {
              id: "b6", name: "Double Cheeseburger", price: "$8.99",              imageSrc: "http://img.b2bpic.net/free-photo/view-tasty-beef-burger-with-fries_23-2148308709.jpg",              imageAlt: "Double Cheeseburger"
            }
          ]}
        />
      </div>

      <div id="chicken" data-section="chicken" className="mb-24">
        <ProductCardThree
          animationType="slide-up"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={true}
          title="Chicken"
          description="Crispy, tender, and always satisfying. Choose your favorite."
          tag="Fried & Grilled"
          tagIcon={Utensils}
          products={[
            {
              id: "c1", name: "Crispy Chicken Sandwich", price: "$6.99",              imageSrc: "http://img.b2bpic.net/free-photo/big-sandwich-with-chicken-kebab-lettuce_2829-16668.jpg?_wi=1",              imageAlt: "Crispy chicken sandwich"
            },
            {
              id: "c2", name: "Spicy Chicken Sandwich", price: "$7.29",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-chicken-burger-plate_23-2149591030.jpg",              imageAlt: "Spicy chicken sandwich"
            },
            {
              id: "c3", name: "Chicken Nuggets (6pc)", price: "$4.99",              imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-nuggets-wings-breast-with-onion-salad_114579-925.jpg?_wi=1",              imageAlt: "Chicken nuggets"
            },
            {
              id: "c4", name: "Grilled Chicken Wrap", price: "$6.79",              imageSrc: "http://img.b2bpic.net/free-photo/tortilla-wrap-with-fried-chicken-fillet-fresh-vegetables_23-2148666324.jpg",              imageAlt: "Grilled chicken wrap"
            },
            {
              id: "c5", name: "Chicken Strips (3pc)", price: "$5.49",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-variety-fried-chicken-with-sauces-french-fries_23-2148646557.jpg?_wi=1",              imageAlt: "Chicken strips"
            },
            {
              id: "c6", name: "BBQ Chicken Sandwich", price: "$7.59",              imageSrc: "http://img.b2bpic.net/free-photo/view-bbq-burger-wooden-board_23-2148308731.jpg",              imageAlt: "BBQ chicken sandwich"
            }
          ]}
        />
      </div>

      <div id="sides" data-section="sides" className="mb-24">
        <ProductCardThree
          animationType="slide-up"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={false}
          title="Fries & Sides"
          description="Perfect accompaniments to your meal, crispy and delicious."
          tag="Complements"
          tagIcon={Carrot}
          products={[
            {
              id: "s1", name: "Golden French Fries (Lg)", price: "$2.99",              imageSrc: "http://img.b2bpic.net/free-photo/french-fries-with-ketchup-lemonade_23-2148272971.jpg?_wi=1",              imageAlt: "Large french fries"
            },
            {
              id: "s2", name: "Onion Rings", price: "$3.49",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-appetizing-onion-rings-with-sauce_23-2148446214.jpg",              imageAlt: "Onion rings"
            },
            {
              id: "s3", name: "Mozzarella Sticks (4pc)", price: "$4.29",              imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-sticks_1339-661.jpg",              imageAlt: "Mozzarella sticks"
            },
            {
              id: "s4", name: "Side Salad", price: "$3.99",              imageSrc: "http://img.b2bpic.net/free-photo/bowl-vegetable-salad-with-fresh-ingredients_23-2148306048.jpg",              imageAlt: "Side salad"
            },
            {
              id: "s5", name: "Chili Cheese Fries", price: "$4.99",              imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-fries-plate-with-cheese_23-2148408107.jpg",              imageAlt: "Chili cheese fries"
            },
            {
              id: "s6", name: "Apple Slices", price: "$1.99",              imageSrc: "http://img.b2bpic.net/free-photo/apple-pieces-with-nuts-wooden-plate_140725-30018.jpg",              imageAlt: "Apple slices"
            }
          ]}
        />
      </div>

      <div id="breakfast" data-section="breakfast" className="mb-24">
        <ProductCardThree
          animationType="slide-up"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={true}
          title="Breakfast"
          description="Start your day right with our delicious breakfast options."
          tag="Morning Bites"
          tagIcon={Coffee}
          products={[
            {
              id: "br1", name: "Egg & Cheese McMuffin", price: "$4.29",              imageSrc: "http://img.b2bpic.net/free-photo/breakfast_1339-1101.jpg?_wi=1",              imageAlt: "Egg & Cheese McMuffin"
            },
            {
              id: "br2", name: "Sausage Biscuit", price: "$3.79",              imageSrc: "http://img.b2bpic.net/free-photo/english-muffin-sandwich-with-sausage-egg-cheese-isolated-white-background_123827-21390.jpg",              imageAlt: "Sausage Biscuit"
            },
            {
              id: "br3", name: "Pancakes (3pc) with Syrup", price: "$5.49",              imageSrc: "http://img.b2bpic.net/free-photo/pancakes-with-syrup-berries_23-2148306051.jpg",              imageAlt: "Pancakes"
            },
            {
              id: "br4", name: "Hash Browns", price: "$2.49",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hash-browns-with-green-garnish_23-2148331804.jpg",              imageAlt: "Hash Browns"
            },
            {
              id: "br5", name: "Breakfast Burrito", price: "$4.79",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-burrito-with-chicken-close-up-plate_23-2149591012.jpg",              imageAlt: "Breakfast Burrito"
            },
            {
              id: "br6", name: "Orange Juice", price: "$2.19",              imageSrc: "http://img.b2bpic.net/free-photo/fresh-orange-juice-bottle_140725-10173.jpg?_wi=1",              imageAlt: "Orange Juice"
            }
          ]}
        />
      </div>

      <div id="desserts" data-section="desserts" className="mb-24">
        <ProductCardThree
          animationType="slide-up"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={false}
          title="Desserts"
          description="Sweet treats to complete your meal or enjoy as a delightful snack."
          tag="Sweet Endings"
          tagIcon={Cookie}
          products={[
            {
              id: "d1", name: "Chocolate McFlurry", price: "$3.79",              imageSrc: "http://img.b2bpic.net/free-photo/swirled-frosting-texture-pink-teal-delight_23-2151988798.jpg?_wi=1",              imageAlt: "Chocolate McFlurry"
            },
            {
              id: "d2", name: "Apple Pie", price: "$2.49",              imageSrc: "http://img.b2bpic.net/free-photo/apple-pie_1339-1667.jpg",              imageAlt: "Apple Pie"
            },
            {
              id: "d3", name: "Sundae", price: "$3.99",              imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-dessert-with-berries-chocolate-served-glass-bowl-isolated-white-background_123827-21396.jpg",              imageAlt: "Sundae"
            },
            {
              id: "d4", name: "Chocolate Chip Cookie", price: "$1.79",              imageSrc: "http://img.b2bpic.net/free-photo/chocolate-chip-cookies-isolated_1339-1830.jpg",              imageAlt: "Chocolate Chip Cookie"
            },
            {
              id: "d5", name: "Milkshake (Chocolate)", price: "$4.29",              imageSrc: "http://img.b2bpic.net/free-photo/chocolate-frappe-with-vanilla-ice-cream_1339-7853.jpg?_wi=1",              imageAlt: "Chocolate Milkshake"
            },
            {
              id: "d6", name: "Vanilla Soft Serve Cone", price: "$1.99",              imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-cone-pink-blue_23-2148293933.jpg",              imageAlt: "Vanilla Soft Serve Cone"
            }
          ]}
        />
      </div>

      <div id="drinks" data-section="drinks" className="mb-24">
        <ProductCardThree
          animationType="slide-up"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={true}
          title="Drinks"
          description="Quench your thirst with our wide selection of refreshing beverages."
          tag="Refreshing"
          tagIcon={IceCream}
          products={[
            {
              id: "dr1", name: "Coca-Cola (Med)", price: "$2.29",              imageSrc: "http://img.b2bpic.net/free-photo/coca-cola-glass-drink-ice-cold_1339-1229.jpg",              imageAlt: "Coca-Cola"
            },
            {
              id: "dr2", name: "Sprite (Med)", price: "$2.29",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-sparkling-water-bottle-glass_23-2148967963.jpg",              imageAlt: "Sprite"
            },
            {
              id: "dr3", name: "Diet Coke (Med)", price: "$2.29",              imageSrc: "http://img.b2bpic.net/free-photo/diet-coke-ice-glass_23-2148337775.jpg",              imageAlt: "Diet Coke"
            },
            {
              id: "dr4", name: "Iced Tea (Sweet/Unsweet)", price: "$2.49",              imageSrc: "http://img.b2bpic.net/free-photo/iced-tea_1339-1662.jpg",              imageAlt: "Iced Tea"
            },
            {
              id: "dr5", name: "Orange Juice", price: "$2.19",              imageSrc: "http://img.b2bpic.net/free-photo/fresh-orange-juice-bottle_140725-10173.jpg?_wi=2",              imageAlt: "Orange Juice"
            },
            {
              id: "dr6", name: "Water Bottle", price: "$1.99",              imageSrc: "http://img.b2bpic.net/free-photo/water-bottle_23-2148332190.jpg",              imageAlt: "Water Bottle"
            }
          ]}
        />
      </div>
    </div>
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="http://img.b2bpic.net/free-vector/retro-logo-collection-different-restaurants_23-2148386010.jpg"
      logoAlt="Restaurant logo"
      logoText="Delicious Bites"
      columns={[
        {
          title: "Menu",          items: [
            {
              label: "Burgers",              href: "/menu#burgers"},
            {
              label: "Chicken",              href: "/menu#chicken"},
            {
              label: "Fries & Sides",              href: "/menu#sides"},
            {
              label: "Breakfast",              href: "/menu#breakfast"},
            {
              label: "Desserts",              href: "/menu#desserts"},
            {
              label: "Drinks",              href: "/menu#drinks"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "/about"},
            {
              label: "Careers",              href: "/careers"},
            {
              label: "Locations",              href: "/locations"},
            {
              label: "Franchise",              href: "/locations#franchise"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "Contact Us",              href: "/contact"},
            {
              label: "FAQs",              href: "/contact#faqs"},
            {
              label: "Privacy Policy",              href: "/privacy"},
            {
              label: "Terms of Service",              href: "/terms"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Rewards",              href: "/rewards"},
            {
              label: "Mobile App",              href: "/app"},
            {
              label: "Instagram",              href: "https://instagram.com"},
            {
              label: "Twitter",              href: "https://twitter.com"},
          ],
        },
      ]}
      copyrightText="© 2024 Delicious Bites. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
