"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="grid"
        cardStyle="layered-gradient"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "ホーム", id: "hero" },
        { name: "こだわり", id: "about" },
        { name: "メニュー", id: "products" },
        { name: "アクセス", id: "contact" },
      ]}
      brandName="花のや"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{ variant: "gradient-bars" }}
      title="新潟大学近く。揚げたて天ぷらと、丁寧な和食。"
      description="「ボリューム」と「質」の両立。学生のランチから、落ち着いた夜の一杯まで。心温まるひとときをお届けします。"
      buttons={[
        { text: "ランチを見る", href: "#products" },
        { text: "ご予約", href: "#contact" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/fried-shrimp-squid-with-spicy-sauce_1150-35479.jpg?_wi=1"
      imageAlt="自慢の揚げたて天丼"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="花のやが選ばれる理由"
      description="私たちは「値段より質」を大切にしています。一品一品丁寧に仕上げる和食は、多くの学生様や地域のお客様に愛されています。"
      metrics={[
        { value: "4.4", title: "Google口コミ高評価 (味と品質)" },
        { value: "厳選素材", title: "プレミアム天丼（エビ、イカ、旬魚、野菜）" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/japanese-restaurant-prepared-dinner_1122-1386.jpg"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      features={[
        { 
          title: "上天丼", 
          description: "エビ、イカ、旬の魚に野菜。学生さんに一番人気のボリューム満点メニュー。",          imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimp-squid-with-spicy-sauce_1150-35479.jpg?_wi=2"
        },
        { 
          title: "こだわりセット", 
          description: "揚げたて天ぷらに、さっぱり冷奴と丁寧な出汁の味噌汁が付いた人気セット。",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-japanese-meal_23-2148809871.jpg"
        }
      ]}
      title="人気の天丼メニュー"
      description="ボリュームと質を両立させた、花のやの看板メニューです。"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "学生のお客様",          handle: "@student",          testimonial: "このボリュームでこの味は他にはない！天ぷらが最高です。",          rating: 4.4,
        },
        {
          id: "2",          name: "地域のお客様",          handle: "@local",          testimonial: "丁寧な仕事ぶりが感じられる美味しい和食です。いつも癒やされています。",          rating: 4.4,
        },
      ]}
      showRating={true}
      title="お客様からの高評価"
      description="品質と味にこだわり、多くのお客様から4.4の評価をいただいております。"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="one-large-left-three-stacked-right"
      useInvertedBackground={false}
      products={[]}
      title="おすすめメニュー"
      description="旬の素材を活かしたこだわりのメニューラインナップです。"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[]}
      title="よくあるご質問"
      description="花のやについて、よくいただく質問をまとめました。"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="アクセス・ご予約"
      title="皆様のお越しをお待ちしております"
      description="新潟大学近く、アットホームな空間で揚げたて天ぷらをお楽しみください。"
      imageSrc="http://img.b2bpic.net/free-photo/old-rusty-house-entrance-japan-building_23-2149301083.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="花のや"
      columns={[]}
      copyrightText="© 2025 花のや All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}