158 lines
6.3 KiB
TypeScript
158 lines
6.3 KiB
TypeScript
"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>
|
|
);
|
|
}
|