"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';

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="gallery-visuals" data-section="gallery-visuals">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "gallery-pancake-1",
          name: "至高のスフレパンケーキ",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-delicious-pancakes-with-black-cup-milk-grey-background-food-meal-breakfast_140725-21667.jpg",
          imageAlt: "ふわふわのスフレパンケーキのクローズアップ",
        },
        {
          id: "gallery-interior-1",
          name: "落ち着いた店内空間",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-outdoor_74190-3497.jpg",
          imageAlt: "カフェの居心地の良い一角",
        },
        {
          id: "gallery-drink-1",
          name: "美しいラテアート",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2333.jpg",
          imageAlt: "ハート型のラテアート",
        },
        {
          id: "gallery-pancake-2",
          name: "旬を彩る一皿",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pancakes-with-various-ingredients_140725-114636.jpg",
          imageAlt: "季節のフルーツパンケーキ",
        },
        {
          id: "gallery-drink-2",
          name: "豊富なドリンク",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-latin-friends-hanging-out_23-2151139441.jpg",
          imageAlt: "カフェドリンクのセット",
        },
        {
          id: "gallery-exterior-1",
          name: "夜の外観",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-using-laptop-cafe_171337-18085.jpg",
          imageAlt: "夜のココミル外観",
        },
      ]}
      title="ギャラリー"
      description="ココミルの魅力的なパンケーキ、居心地の良い店内、こだわりのドリンクをご覧ください。"
    />
  </div>

  <div id="social-proof-attributes" data-section="social-proof-attributes">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "朝食に人気",
        "ランチに人気",
        "一人での食事",
        "デートに最適",
        "家族で楽しめる",
        "居心地の良い空間",
        "SNSで話題",
      ]}
      title="ココミルが愛される理由"
      description="地元住民や多くのお客様にココミルが選ばれる理由をご紹介します。"
      showCard={false}
    />
  </div>

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