"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "トップ",
          id: "/",
        },
        {
          name: "メニュー",
          id: "/menu",
        },
        {
          name: "店舗情報",
          id: "/access",
        },
        {
          name: "ギャラリー",
          id: "/gallery",
        },
        {
          name: "お問い合わせ",
          id: "/contact",
        },
      ]}
      brandName="ココミル"
    />
  </div>

  <div id="contact-form" data-section="contact-form">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="お問い合わせ・ご予約"
      title="お気軽にご連絡ください"
      description="ココミルへのご予約、お問い合わせ、その他ご質問はこちらからお気軽にお寄せください。\nお電話でのご予約も承っております: 03-3738-4601"
      inputPlaceholder="お名前"
      buttonText="送信する"
      termsText="送信することで、当社のプライバシーポリシーに同意したものとみなされます。"
      onSubmit={() => alert('送信されました！')}
    />
  </div>

  <div id="contact-faq" data-section="contact-faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "cf1",
          title: "オンライン予約はできますか？",
          content: "現状、オンライン予約システムは導入しておりませんが、お電話（03-3738-4601）にてご予約を承っております。大人数の場合は事前のご予約をおすすめいたします。",
        },
        {
          id: "cf2",
          title: "メニューについて詳しく知りたいのですが？",
          content: "メニューページにて詳細をご確認いただけます。ご不明な点がございましたら、お気軽にお問い合わせください。",
        },
        {
          id: "cf3",
          title: "貸し切り利用は可能ですか？",
          content: "貸し切り利用もご相談可能です。人数やご希望の日時、予算など、詳細をお電話またはお問い合わせフォームよりご連絡ください。",
        },
      ]}
      title="よくあるご質問"
      description="お問い合わせいただく前によくあるご質問をご確認ください。"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="ココミル"
      leftLink={{
        text: "プライバシーポリシー",
        href: "#",
      }}
      rightLink={{
        text: "利用規約",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
