"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';

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="access-info" data-section="access-info">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      text="アクセス情報\n\nAccess Information\n\n桜珈琲東京は、浅草駅から徒歩3分の便利な場所にございます。東京スカイツリーからも近く、観光の合間にもお立ち寄りいただけます。\n\n**住所:** 〒111-0032 東京都台東区浅草1-1-1\n\n**電話番号:** +81-3-1234-5678\n\n**営業時間:** 月～金 8:00 - 18:00、土日祝 9:00 - 19:00\n\n**最寄駅:** 浅草駅 (東京メトロ銀座線、都営浅草線、東武スカイツリーライン)\n\n[Google Map Placeholder: Interactive map will be displayed here.]\n\nSakura Coffee Tokyo is conveniently located just a 3-minute walk from Asakusa Station. We are also close to Tokyo Skytree, making us a perfect stop during your sightseeing.\n\n**Address:** 1-1-1 Asakusa, Taito-ku, Tokyo 111-0032 Japan\n\n**Phone:** +81-3-1234-5678\n\n**Opening Hours:** Mon-Fri 8:00 AM - 6:00 PM, Sat-Sun & Holidays 9:00 AM - 7:00 PM\n\n**Nearest Station:** Asakusa Station (Tokyo Metro Ginza Line, Toei Asakusa Line, Tobu Skytree Line)\n\n[Google Map Placeholder: Interactive map will be displayed here.]"
    />
  </div>

  <div id="access-faq" data-section="access-faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-access-1",
          title: "駐車場はありますか？\n\nIs there parking available?",
          content: "専用駐車場はございませんが、近隣にコインパーキングがございます。\n\nWe do not have a private parking lot, but there are coin-operated parking facilities nearby.",
        },
        {
          id: "faq-access-2",
          title: "予約なしでも入れますか？\n\nCan I enter without a reservation?",
          content: "はい、ご予約なしでもご利用いただけます。ただし、混雑時はお待ちいただく場合がございます。\n\nYes, you are welcome to visit without a reservation. However, during peak hours, there may be a wait.",
        },
        {
          id: "faq-access-3",
          title: "テイクアウトは可能ですか？\n\nIs takeaway available?",
          content: "はい、全てのドリンクと一部のフードメニューはテイクアウト可能です。\n\nYes, all drinks and selected food items are available for takeaway.",
        },
      ]}
      title="よくある質問 (アクセス)\n\nFrequently Asked Questions (Access)"
      description="お店へのアクセスに関するご質問にお答えします。\n\nAnswers to common questions about getting to our café."
      faqsAnimation="slide-up"
    />
  </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>
  );
}
