"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import { Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="large"
        background="grid"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Menu",
          id: "/menu",
        },
        {
          name: "Access",
          id: "/access",
        },
        {
          name: "Reserve",
          id: "/reserve",
        },
        {
          name: "JP/EN",
          id: "#language-switcher",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-cherry-blossom-wreath-background_23-2148070230.jpg"
      logoAlt="Sakura Coffee Tokyo Logo"
      brandName="Sakura Coffee Tokyo"
      button={{
        text: "Reserve a Table",
        href: "/reserve",
      }}
    />
  </div>

  <div id="full-menu" data-section="full-menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "menu-coffee-1",
          name: "エスプレッソ\n\nEspresso",
          price: "¥400",
          variant: "コーヒー\nCoffee",
          imageSrc: "http://img.b2bpic.net/free-photo/morning-coffee-break_23-2151961341.jpg",
          imageAlt: "Espresso",
        },
        {
          id: "menu-coffee-2",
          name: "アメリカーノ\n\nAmericano",
          price: "¥450",
          variant: "コーヒー\nCoffee",
          imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244122.jpg",
          imageAlt: "Americano",
        },
        {
          id: "menu-coffee-3",
          name: "カプチーノ\n\nCappuccino",
          price: "¥550",
          variant: "コーヒー\nCoffee",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-morning-coffee-bed-with-milk-kettle_23-2148797007.jpg",
          imageAlt: "Cappuccino",
        },
        {
          id: "menu-coffee-4",
          name: "モカ\n\nMocha",
          price: "¥600",
          variant: "コーヒー\nCoffee",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-trendy-delicious-fresh-dalgona-coffee-with-milk-white-wood-table_181624-23944.jpg",
          imageAlt: "Mocha",
        },
        {
          id: "menu-tea-1",
          name: "煎茶\n\nSencha",
          price: "¥500",
          variant: "ティー\nTea",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-scene-with-tea-cup-drinking_23-2151775100.jpg",
          imageAlt: "Sencha green tea",
        },
        {
          id: "menu-tea-2",
          name: "ほうじ茶ラテ\n\nHojicha Latte",
          price: "¥580",
          variant: "ティー\nTea",
          imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-red-tablecloth-beautiful-white-wooden-background-cinnamon-sticks-lemon-berries_169016-2052.jpg",
          imageAlt: "Hojicha latte",
        },
        {
          id: "menu-tea-3",
          name: "イングリッシュブレックファスト\n\nEnglish Breakfast Tea",
          price: "¥480",
          variant: "ティー\nTea",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-cinnamon-sticks-white-granulated-sugar-wooden-bowl-lump-sugar-black-wooden-background_141793-9239.jpg",
          imageAlt: "English Breakfast Tea",
        },
        {
          id: "menu-seasonal-1",
          name: "桜ティー\n\nSakura Tea",
          price: "¥600",
          variant: "季節限定\nSeasonal",
          imageSrc: "http://img.b2bpic.net/free-photo/aromatic-cocktails-ready-be-served_23-2148617640.jpg",
          imageAlt: "Sakura tea",
        },
        {
          id: "menu-seasonal-2",
          name: "柚子スパークリング\n\nYuzu Sparkling",
          price: "¥550",
          variant: "季節限定\nSeasonal",
          imageSrc: "http://img.b2bpic.net/free-photo/cool-lemon-water-with-ice_23-2148102603.jpg",
          imageAlt: "Yuzu sparkling drink",
        },
        {
          id: "menu-dessert-1",
          name: "抹茶ロールケーキ\n\nMatcha Roll Cake",
          price: "¥700",
          variant: "デザート\nDessert",
          imageSrc: "http://img.b2bpic.net/free-photo/green-tea-cakes_74190-1560.jpg",
          imageAlt: "Matcha roll cake",
        },
        {
          id: "menu-dessert-2",
          name: "イチゴのショートケーキ\n\nStrawberry Shortcake",
          price: "¥750",
          variant: "デザート\nDessert",
          imageSrc: "http://img.b2bpic.net/free-photo/vanilla-chocolate-cake-with-strawberry_1339-7265.jpg",
          imageAlt: "Strawberry shortcake",
        },
        {
          id: "menu-dessert-3",
          name: "季節のフルーツタルト\n\nSeasonal Fruit Tart",
          price: "¥800",
          variant: "デザート\nDessert",
          imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-rustic-summer-berry-tartles_114579-13613.jpg",
          imageAlt: "Seasonal fruit tart",
        },
      ]}
      title="全メニュー  Our Full Menu"
      description="桜珈琲東京が誇る、コーヒー、ティー、季節限定ドリンク、デザートの全てをご覧ください。\n\nExplore our complete selection of coffee, tea, seasonal drinks, and desserts at Sakura Coffee Tokyo."
    />
  </div>

  <div id="menu-specials" data-section="menu-specials">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "combo-1",
          badge: "人気！\nPopular!",
          badgeIcon: Sparkles,
          price: "¥1,000",
          subtitle: "コーヒー＆デザート\nCoffee & Dessert",
          buttons: [
            {
              text: "詳細を見る\nView Details",
              href: "/menu",
            },
          ],
          features: [
            "お好きなコーヒー1杯\n1 coffee of your choice",
            "お好きなデザート1品\n1 dessert of your choice",
            "ランチタイム限定\nLunchtime exclusive",
          ],
        },
        {
          id: "combo-2",
          badge: "新着\nNew!",
          badgeIcon: Star,
          price: "¥1,200",
          subtitle: "季節のスペシャル\nSeasonal Special",
          buttons: [
            {
              text: "詳細を見る\nView Details",
              href: "/menu",
            },
          ],
          features: [
            "季節限定ドリンク1杯\n1 seasonal drink",
            "季節限定デザート1品\n1 seasonal dessert",
            "テイクアウト可能\nTakeaway available",
          ],
        },
      ]}
      title="スペシャルセット Special Combos"
      description="お得な組み合わせで、桜珈琲東京の魅力をご堪能ください。\n\nEnjoy the best of Sakura Coffee Tokyo with our value-packed combos."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-photo/flat-lay-chinese-ink-elements-composition_23-2148826150.jpg"
      logoAlt="Sakura Coffee Tokyo Logo"
      logoText="桜珈琲東京\n\nSakura Coffee Tokyo"
      leftLink={{
        text: "プライバシーポリシー\n\nPrivacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "利用規約\n\nTerms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
