"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { CakeSlice, Coffee, Leaf, Star, Utensils } from "lucide-react";

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="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{
        variant: "plain",
      }}
      title="至福のふわふわスフレパンケーキ"
      description="東京都大田区西六郷の隠れ家パンケーキカフェ『ココミル』。一口食べれば笑顔がこぼれる、至福のふわふわスフレパンケーキをご堪能ください。"
      testimonials={[
        {
          name: "山田 花子",
          handle: "@hanako_yama",
          testimonial: "ふわふわ感と口の中で消える軽さ、卵の風味とナチュラルな甘みが絶妙！味変ソースや軽やかなホイップで最後まで飽きずに楽しめました。",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/girl-smiling-street_1149-346.jpg",
          imageAlt: "山田 花子さんの写真",
        },
        {
          name: "佐藤 健太",
          handle: "@kenta_sato",
          testimonial: "コスパが良く、居心地の良い店内で長居してしまいます。予約の電話がひっきりなしに鳴るのも納得の人気店です。",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944037.jpg",
          imageAlt: "佐藤 健太さんの写真",
        },
        {
          name: "鈴木 綾香",
          handle: "@ayaka_s",
          testimonial: "シンプルながらもこだわりを感じるスフレパンケーキは、何度でも食べたくなる美味しさです。一人でゆっくり過ごせるのも嬉しい。",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-with-tablet-smoothie-table_1157-2116.jpg",
          imageAlt: "鈴木 綾香さんの写真",
        },
        {
          name: "田中 宏",
          handle: "@hiro_t",
          testimonial: "朝食に利用しましたが、ふわふわパンケーキと美味しいコーヒーで最高のスタートを切れました。またすぐに来たいです！",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businesswomen-using-sign-language-work-while-having-coffee_23-2148740364.jpg",
          imageAlt: "田中 宏さんの写真",
        },
        {
          name: "小林 優子",
          handle: "@yuko_k",
          testimonial: "季節のスフレパンケーキは毎回楽しみ！見た目も華やかで、旬の味覚を堪能できます。友人にもおすすめしています。",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491912.jpg",
          imageAlt: "小林 優子さんの写真",
        },
      ]}
      testimonialRotationInterval={5000}
      imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-waiter-serving-delicious-millefeuille-cake-with-powdered-sugar_181624-57695.jpg?_wi=1"
      imageAlt="ふわふわのスフレパンケーキとココミルの外観"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/people-concept-smiling-asian-girl-looking-camera-with-happy-joyful-emotion-posing-green-park-o_1258-127508.jpg",
          alt: "笑顔のアジア人女性のポートレート",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-smiling-asian-woman-natural-authentic-soft-portrait-beautiful-woman_482257-44739.jpg",
          alt: "幸せそうな笑顔のアジア人女性",
        },
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-young-asia-lady-feeling-happy-smile-look-camera-using-phone-make-live-video-call-living-room-home-night_7861-3092.jpg",
          alt: "ビデオ通話中の若いアジア人女性",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-korean-girl-cafe-drinking-coffee-using-mobile-phone-reading-book-cozy-place_1258-199135.jpg",
          alt: "カフェで本を読む韓国人女性",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg",
          alt: "ホットチョコレートを持つ女性",
        },
      ]}
      avatarText="お客様に愛されています"
      marqueeItems={[
        {
          type: "text-icon",
          text: "ふわふわパンケーキ",
          icon: CakeSlice,
        },
        {
          type: "text-icon",
          text: "こだわりのコーヒー",
          icon: Coffee,
        },
        {
          type: "text-icon",
          text: "居心地の良い空間",
          icon: Star,
        },
        {
          type: "text-icon",
          text: "季節限定メニュー",
          icon: Leaf,
        },
        {
          type: "text-icon",
          text: "ランチにも最適",
          icon: Utensils,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="ココミルについて"
      description="東京都大田区西六郷に佇む、心温まる個人経営のパンケーキカフェ「ココミル」。\nシンプルながらも、卵感が絶妙なふわふわのスフレパンケーキが自慢です。一人でも気軽に立ち寄れる、落ち着いた居心地の良い空間で、日々の喧騒を忘れ、特別なひとときをお過ごしください。"
      bulletPoints={[
        {
          title: "こだわりのスフレパンケーキ",
          description: "口の中でとろけるようなふわふわ食感と、厳選された卵の優しい風味をお楽しみいただけます。",
        },
        {
          title: "落ち着いた空間",
          description: "一人でもグループでも、ゆったりと過ごせる居心地の良いカフェ空間をご提供しています。",
        },
        {
          title: "地元に愛される隠れ家",
          description: "地域の方々に支えられ、日常の中に溶け込む特別な場所を目指しています。",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg"
      imageAlt="ココミル店内の様子"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="popular-menu" data-section="popular-menu">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "スフレパンケーキ",
          subtitle: "ふわふわ、口の中でとろける食感、卵の風味、軽やかな甘さ",
          category: "パンケーキ",
          value: "¥1,200〜",
        },
        {
          id: "f2",
          title: "季節のスフレパンケーキ",
          subtitle: "旬のフルーツを使った、期間限定の特別な一皿",
          category: "パンケーキ",
          value: "時価",
        },
        {
          id: "f3",
          title: "ミニタコライス",
          subtitle: "カフェで楽しめる、ちょっとしたお食事にぴったり",
          category: "軽食",
          value: "¥800",
        },
        {
          id: "f4",
          title: "キャラメルラテ",
          subtitle: "甘く香ばしい、至福の一杯",
          category: "ドリンク",
          value: "¥650",
        },
        {
          id: "f5",
          title: "こだわりのコーヒー",
          subtitle: "厳選された豆を使用した、芳醇な香りの一杯",
          category: "ドリンク",
          value: "¥550",
        },
      ]}
      title="人気のメニュー"
      description="ココミル自慢のふわふわスフレパンケーキをはじめ、軽食やこだわりのドリンクもご用意しております。"
    />
  </div>

  <div id="customer-voices" data-section="customer-voices">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          title: "ふわふわ食感に感動！",
          quote: "ふわふわ感と口の中で消える軽さ、卵の風味とナチュラルな甘みが絶妙！味変ソースや軽やかなホイップで最後まで飽きずに楽しめました。",
          name: "山田 花子",
          role: "会社員",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-having-cup-coffee-cafe_107420-63679.jpg",
          imageAlt: "山田 花子さんの写真",
        },
        {
          id: "t2",
          title: "居心地の良さも抜群",
          quote: "コスパが良く、居心地の良い店内で長居してしまいます。予約の電話がひっきりなしに鳴るのも納得の人気店です。",
          name: "佐藤 健太",
          role: "フリーランス",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg",
          imageAlt: "佐藤 健太さんの写真",
        },
        {
          id: "t3",
          title: "何度でも食べたくなる味",
          quote: "シンプルながらもこだわりを感じるスフレパンケーキは、何度でも食べたくなる美味しさです。一人でゆっくり過ごせるのも嬉しい。",
          name: "鈴木 綾香",
          role: "主婦",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-chinese-woman-portrait-with-bobbed-hairstyle-poses-cozy-room_273609-2661.jpg",
          imageAlt: "鈴木 綾香さんの写真",
        },
        {
          id: "t4",
          title: "最高の朝食体験",
          quote: "朝食に利用しましたが、ふわふわパンケーキと美味しいコーヒーで最高のスタートを切れました。またすぐに来たいです！",
          name: "田中 宏",
          role: "経営者",
          imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1373.jpg",
          imageAlt: "田中 宏さんの写真",
        },
        {
          id: "t5",
          title: "季節ごとの楽しみ",
          quote: "季節のスフレパンケーキは毎回楽しみ！見た目も華やかで、旬の味覚を堪能できます。友人にもおすすめしています。",
          name: "小林 優子",
          role: "デザイナー",
          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3946.jpg",
          imageAlt: "小林 優子さんの写真",
        },
      ]}
      title="お客様の声"
      description="ココミルをご利用いただいたお客様からの温かいお言葉をご紹介します。"
    />
  </div>

  <div id="product" data-section="product">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
    />
  </div>

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