"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="medium"
        background="noiseDiagonalGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "ホーム",
          id: "#home",
        },
        {
          name: "こだわり",
          id: "#about",
        },
        {
          name: "メニュー",
          id: "#menu",
        },
        {
          name: "お客様の声",
          id: "#testimonials",
        },
        {
          name: "よくある質問",
          id: "#faq",
        },
        {
          name: "店舗情報",
          id: "#contact",
        },
      ]}
      button={{
        text: "電話で予約する",
        href: "tel:0479738555",
      }}
      brandName="食堂 おたふく"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "plain",
      }}
      title="ごはんが主役の、まちの満腹食堂。"
      description="千葉県匝瑳市・国道126号沿いにある「食堂 おたふく」。炊きたてのごはんと、ひと手間かけた手作り料理で、お客様のお腹と心を満たします。お昼休みのランチから、ご家族での夕食まで。「また来たくなる定食屋」を目指して、毎日真心を込めて営業しています。"
      buttons={[
        {
          text: "メニューを見る",
          href: "#menu",
        },
        {
          text: "アクセスを見る",
          href: "#contact",
        },
        {
          text: "電話で予約する",
          href: "tel:0479738555",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/waiting-friends-with-sushi-rolls_158595-5721.jpg"
      imageAlt="食堂 おたふくのメイン料理と店内風景"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="おたふくのこだわり"
      description="おたふくでは、ごはんを主役と考えています。厳選したお米を使用し、一日に何度も炊飯。いつ来ても炊きたてのおいしさを味わえます。定食をご注文のお客様は、ごはんのおかわり無料。お腹いっぱい食べたい方にも大好評です。"
      imageSrc="http://img.b2bpic.net/free-photo/front-view-cooked-rice-inside-pan-dark-surface-meal-food-rice-eastern-dinner_140725-101379.jpg"
      imageAlt="炊きたてのごはんが湯気を立てている様子"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      features={[
        {
          title: "ひと手間かけた定食",
          description: "定食の主役となる肉料理や揚げ物は、素材の旨みを最大限に引き出す調理法で仕上げています。外は香ばしく、中はジューシー。ごはんがどんどん進む味付けで、多くのお客様から支持されています。",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-rice-dried-berries_140725-6152.jpg",
          imageAlt: "香ばしく焼き上げた肉料理の定食",
        },
        {
          title: "揚げ物のこだわり",
          description: "外はサクサク、中はふっくらジューシーな揚げ物は、特製の油と揚げ方で最高の食感と風味を引き出しています。お子様から大人まで大人気の逸品です。",
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-nuggets-with-garlic-dip-wooden-table_23-2147841039.jpg",
          imageAlt: "サクサクの揚げ物定食",
        },
        {
          title: "ここでしか食べられないラーメン",
          description: "地元製麺所と共同開発したオリジナル中華麺を使用。もちもちとした食感と、小麦の風味を感じられる特製麺が自慢です。定食だけでなく、ラーメンファンにも愛される一杯を提供しています。",
          imageSrc: "http://img.b2bpic.net/free-photo/steaming-bowl-ramen_23-2151950844.jpg",
          imageAlt: "特製中華麺を使用したラーメン",
        },
      ]}
      title="おたふくの料理"
      description="炊きたてごはんが止まらない、こだわりの手作り料理と特製麺のラーメン。"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          brand: "定食",
          name: "豚肉生姜焼き定食",
          price: "¥980",
          rating: 5,
          reviewCount: "250件",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-asian-dish-with-rice-meat_23-2148694384.jpg",
          imageAlt: "人気No.1 豚肉生姜焼き定食",
        },
        {
          id: "2",
          brand: "定食",
          name: "豚肉にんにく焼き定食",
          price: "¥980",
          rating: 5,
          reviewCount: "180件",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-plate_1339-5866.jpg",
          imageAlt: "スタミナ満点 豚肉にんにく焼き定食",
        },
        {
          id: "3",
          brand: "麺類",
          name: "おたふくラーメン",
          price: "¥850",
          rating: 4.5,
          reviewCount: "150件",
          imageSrc: "http://img.b2bpic.net/free-photo/steam-onions-asian-cuisine-delicious_1232-4015.jpg",
          imageAlt: "オリジナル中華麺のおたふくラーメン",
        },
        {
          id: "4",
          brand: "定食",
          name: "特製カレーライス",
          price: "¥880",
          rating: 4.8,
          reviewCount: "120件",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-pork-cutlet-curry-with-rice-dark-surface_1150-41995.jpg",
          imageAlt: "じっくり煮込んだ特製カレーライス",
        },
        {
          id: "5",
          brand: "定食",
          name: "揚げ出し豆腐定食",
          price: "¥780",
          rating: 4.7,
          reviewCount: "90件",
          imageSrc: "http://img.b2bpic.net/free-photo/sushi-is-plate-with-chopsticks-dipping-sauce-white-cement-floor_1150-22645.jpg",
          imageAlt: "ヘルシーな揚げ出し豆腐定食",
        },
        {
          id: "6",
          brand: "丼物",
          name: "焼き鳥丼",
          price: "¥800",
          rating: 4.6,
          reviewCount: "70件",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-hot-fried-sushi-rolls-with-salmon-avocado-cheese-served-with-ginger-wasabi-plate-wooden-table_141793-8448.jpg",
          imageAlt: "香ばしい焼き鳥丼",
        },
      ]}
      title="人気メニュー"
      description="お客様から特に愛されている、自慢の品々をご紹介します。"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "田中様",
          role: "会社員",
          company: "地元のお客様",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-girl-playing-ukulele-park-young-woman-with-musical-instrument-sitting_1258-200463.jpg",
          imageAlt: "田中様の写真",
        },
        {
          id: "2",
          name: "鈴木様",
          role: "フリーランス",
          company: "近隣住民",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-white-sign-yellow-wall-man-expression-emotion-color-model_140725-26516.jpg",
          imageAlt: "鈴木様の写真",
        },
        {
          id: "3",
          name: "佐藤ご家族",
          role: "主婦",
          company: "ご家族でご来店",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-woman-taking-selfie_23-2149514084.jpg",
          imageAlt: "佐藤ご家族の写真",
        },
        {
          id: "4",
          name: "高橋様",
          role: "定年退職者",
          company: "常連様",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-friends-having-fun_23-2149150925.jpg",
          imageAlt: "高橋様の写真",
        },
        {
          id: "5",
          name: "中村様",
          role: "飲食店経営",
          company: "料理人",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg",
          imageAlt: "中村様の写真",
        },
      ]}
      title="お客様の声"
      description="当店をご利用いただいたお客様からの嬉しいお言葉をご紹介します。"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "お腹いっぱい食べたいですか？",
          content: "定食をご注文のお客様は、ごはんのおかわり無料！心ゆくまでお腹いっぱいお召し上がりいただけます。",
        },
        {
          id: "2",
          title: "ごはんがおいしい定食屋を探していますか？",
          content: "厳選したお米を一日何度も炊飯。いつ来ても炊きたてのおいしさが味わえます。",
        },
        {
          id: "3",
          title: "ラーメンも定食も楽しみたいですか？",
          content: "地元製麺所と共同開発したオリジナル中華麺のラーメンも大人気。定食と一緒にいかがですか？",
        },
        {
          id: "4",
          title: "家族で気軽に食事したいですか？",
          content: "お一人様からご家族まで、どなたでも気軽に立ち寄れるアットホームな雰囲気です。",
        },
        {
          id: "5",
          title: "一人でも入りやすいお店を探していますか？",
          content: "カウンター席もございますので、お一人様でも気兼ねなくご利用いただけます。",
        },
        {
          id: "6",
          title: "駐車場が広いお店がいいですか？",
          content: "広々とした駐車場を完備しておりますので、お車でのご来店もご安心ください。",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150519983.jpg"
      imageAlt="食堂で食事を楽しむ家族"
      mediaAnimation="slide-up"
      title="こんな方におすすめ"
      description="お腹も心も満たされる、まちの食堂「おたふく」がぴったりです。"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="アクセス"
      title="店舗情報"
      description="千葉県匝瑳市・国道126号沿いにある「食堂 おたふく」。皆様のご来店を心よりお待ちしております。\n\n【店舗名】食堂 おたふく\n【住所】千葉県匝瑳市上谷中2219-2\n【電話番号】0479-73-8555\n【駐車場】完備\n【席数】お一人様からご家族までご利用いただけます"
      buttons={[
        {
          text: "Googleマップで見る",
          href: "https://www.google.com/maps/search/%E5%8D%83%E8%91%89%E7%9C%8C%E5%8D%81%E5%88%82%E5%B8%82%E4%B8%8A%E8%B0%B7%E4%B8%AD2219-2",
        },
        {
          text: "電話をかける",
          href: "tel:0479738555",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-photo/sushi-rolls-served-with-soya-souce_23-2148502503.jpg"
      logoAlt="食堂 おたふくロゴ"
      logoText="食堂 おたふく"
      copyrightText="© 食堂 おたふく All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
