Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-06 06:03:10 +00:00

View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Zap, Sparkles, Home, ChefHat } from "lucide-react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -15,324 +16,145 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="compact"
sizing="largeSmallSizeLargeTitles"
background="noiseDiagonalGradient"
cardStyle="outline"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="bold"
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="compact"
sizing="largeSmallSizeLargeTitles"
background="noiseDiagonalGradient"
cardStyle="outline"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Menu",
id: "menu",
},
{
name: "Access",
id: "contact",
},
]}
brandName="Curry Hub"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "Access", id: "contact" },
]}
brandName="Curry Hub"
button={{ text: "Menu" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "plain",
}}
title="焼きたてナン × 本格カレーを、毎日のごちそうに。"
description="仕事の合間のランチからご家族でのディナーまで。本場の味を気軽に、リーズナブルに楽しむ至福のひととき。"
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/different-indian-food-wooden-background_1220-7969.jpg?_wi=1",
imageAlt: "Steaming Naan",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/pakistani-food-cloth-flat-lay_23-2148825098.jpg",
imageAlt: "Steaming Naan",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistani-dish-assortment_23-2148825103.jpg",
imageAlt: "Steaming Naan",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086077.jpg",
imageAlt: "Steaming Naan",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-pottery-with-chili-pepper-decoration-homemade-cooking-generated-by-ai_188544-18084.jpg",
imageAlt: "Steaming Naan",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-green-cream-dark-wall-cookies-biscuit-sweet-sugar-cake-pie_140725-53256.jpg",
imageAlt: "Steaming Naan",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{ variant: "plain" }}
title="焼きたてナン × 本格カレーを、毎日のごちそうに。"
description="仕事の合間のランチからご家族でのディナーまで。本場の味を気軽に、リーズナブルに楽しむ至福のひととき。"
carouselItems={[
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/different-indian-food-wooden-background_1220-7969.jpg", imageAlt: "Steaming Naan" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/pakistani-food-cloth-flat-lay_23-2148825098.jpg", imageAlt: "Steaming Naan" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistani-dish-assortment_23-2148825103.jpg", imageAlt: "Steaming Naan" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086077.jpg", imageAlt: "Steaming Naan" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-pottery-with-chili-pepper-decoration-homemade-cooking-generated-by-ai_188544-18084.jpg", imageAlt: "Steaming Naan" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-green-cream-dark-wall-cookies-biscuit-sweet-sugar-cake-pie_140725-53256.jpg", imageAlt: "Steaming Naan" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "コスパ最強ランチ",
description: "1,000円前後でお腹いっぱい。お財布に優しい価格で本格派カレーを提供します。",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/png-tomato-soup-isolated-white-background_185193-164246.jpg",
imageAlt: "indian food lunch icon",
},
{
title: "焼きたてナン",
description: "注文を受けてから丁寧に焼き上げます。外はサクッ、中はもっちり食感をご堪能ください。",
buttonIcon: "Sparkles",
imageSrc: "http://img.b2bpic.net/free-photo/different-indian-food-wooden-background_1220-7969.jpg?_wi=2",
imageAlt: "indian food lunch icon",
},
{
title: "気軽に入れる空間",
description: "一人ランチも、学生さんのガッツリご飯も、ご家族の夕食も。どんなシーンでも安心です。",
buttonIcon: "Home",
imageSrc: "http://img.b2bpic.net/free-photo/pakistani-food-wooden-board-top-view_23-2148825093.jpg",
imageAlt: "indian food lunch icon",
},
{
title: "ナンおかわりOK",
description: "お腹が空いている時は遠慮なくどうぞ。焼きたてを追加でお持ちします。",
buttonIcon: "ChefHat",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cafe-signage-design_23-2149291277.jpg",
imageAlt: "indian food lunch icon",
},
]}
title="私たちの強み"
description="毎日でも通いたくなる、シンプルで飽きのこないおいしさと空間を追求しました。"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "コスパ最強ランチ", description: "1,000円前後でお腹いっぱい。お財布に優しい価格で本格派カレーを提供します。", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/png-tomato-soup-isolated-white-background_185193-164246.jpg", imageAlt: "indian food lunch icon" },
{ title: "焼きたてナン", description: "注文を受けてから丁寧に焼き上げます。外はサクッ、中はもっちり食感をご堪能ください。", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/different-indian-food-wooden-background_1220-7969.jpg", imageAlt: "indian food lunch icon" },
{ title: "気軽に入れる空間", description: "一人ランチも、学生さんのガッツリご飯も、ご家族の夕食も。どんなシーンでも安心です。", buttonIcon: Home, imageSrc: "http://img.b2bpic.net/free-photo/pakistani-food-wooden-board-top-view_23-2148825093.jpg", imageAlt: "indian food lunch icon" },
{ title: "ナンおかわりOK", description: "お腹が空いている時は遠慮なくどうぞ。焼きたてを追加でお持ちします。", buttonIcon: ChefHat, imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cafe-signage-design_23-2149291277.jpg", imageAlt: "indian food lunch icon" },
]}
title="私たちの強み"
description="毎日でも通いたくなる、シンプルで飽きのこないおいしさと空間を追求しました。"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "バターチキンカレー",
price: "¥950",
imageSrc: "http://img.b2bpic.net/free-photo/indian-butter-chicken-black-bowl-wooden-table_123827-20593.jpg",
},
{
id: "p2",
name: "チーズナンセット",
price: "¥1,100",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistani-dish-arrangement_23-2148825102.jpg",
},
{
id: "p3",
name: "日替わりカレー",
price: "¥900",
imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246091.jpg",
},
{
id: "p4",
name: "ほうれん草カレー",
price: "¥980",
imageSrc: "http://img.b2bpic.net/free-photo/healthy-gourmet-meal-with-chicken-meat-curry-generated-by-ai_188544-18147.jpg",
},
{
id: "p5",
name: "シークカバブ追加",
price: "¥300",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistani-dish_23-2148825104.jpg",
},
{
id: "p6",
name: "タンドリーチキン",
price: "¥450",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowls-with-indian-food_23-2148723454.jpg",
},
]}
title="人気のメニュー"
description="まずはこれをお試しください。当店が自信を持っておすすめするトップ6です。"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{ id: "p1", name: "バターチキンカレー", price: "¥950", imageSrc: "http://img.b2bpic.net/free-photo/indian-butter-chicken-black-bowl-wooden-table_123827-20593.jpg" },
{ id: "p2", name: "チーズナンセット", price: "¥1,100", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistani-dish-arrangement_23-2148825102.jpg" },
{ id: "p3", name: "日替わりカレー", price: "¥900", imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246091.jpg" },
{ id: "p4", name: "ほうれん草カレー", price: "¥980", imageSrc: "http://img.b2bpic.net/free-photo/healthy-gourmet-meal-with-chicken-meat-curry-generated-by-ai_188544-18147.jpg" },
{ id: "p5", name: "シークカバブ追加", price: "¥300", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistani-dish_23-2148825104.jpg" },
{ id: "p6", name: "タンドリーチキン", price: "¥450", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowls-with-indian-food_23-2148723454.jpg" },
]}
title="人気のメニュー"
description="まずはこれをお試しください。当店が自信を持っておすすめするトップ6です。"
/>
</div>
<div id="usage" data-section="usage">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "どんな時でも、",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/flat-design-cafe-signage-design_23-2149291277.jpg",
alt: "Usage",
},
{
type: "text",
content: "お腹が空いたらここへ",
},
]}
/>
</div>
<div id="usage" data-section="usage">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "どんな時でも、" },
{ type: "image", src: "http://img.b2bpic.net/free-vector/flat-design-cafe-signage-design_23-2149291277.jpg", alt: "Usage" },
{ type: "text", content: "お腹が空いたらここへ" },
]}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "仕事の合間に",
quote: "ランチでよく利用しますが、ナンのボリュームが最高。午後の仕事も頑張れます。",
name: "田中さん",
role: "会社員",
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663851.jpg",
},
{
id: "2",
title: "学生の味方",
quote: "お小遣いでもお腹いっぱいになれるので、部活帰りに友達とよく寄ります。",
name: "佐藤くん",
role: "大学生",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cheerful-girl-with-tattooes-dreadlocks-is-sitting-food-court-while-drinking-coffee_613910-17170.jpg",
},
{
id: "3",
title: "家族でリピート",
quote: "子供もナンが大好きで、週末は家族揃ってカレーを楽しんでいます。",
name: "鈴木様",
role: "会社員",
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg",
},
{
id: "4",
title: "毎日でもOK",
quote: "この価格でこのクオリティはすごい。本当に飽きない美味しさですね。",
name: "高橋さん",
role: "フリーランス",
imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-eating-burgers-restaurant-together_23-2148666561.jpg",
},
{
id: "5",
title: "癒やしです",
quote: "疲れた時にスパイスの香りが最高。店員さんもいつも笑顔で迎えてくれます。",
name: "伊藤さん",
role: "教職員",
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
},
]}
title="お客様の声"
description="「また来たい」が私たちのエネルギーです。"
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", title: "仕事の合間に", quote: "ランチでよく利用しますが、ナンのボリュームが最高。午後の仕事も頑張れます。", name: "田中さん", role: "会社員", imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663851.jpg" },
{ id: "2", title: "学生の味方", quote: "お小遣いでもお腹いっぱいになれるので、部活帰りに友達とよく寄ります。", name: "佐藤くん", role: "大学生", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cheerful-girl-with-tattooes-dreadlocks-is-sitting-food-court-while-drinking-coffee_613910-17170.jpg" },
{ id: "3", title: "家族でリピート", quote: "子供もナンが大好きで、週末は家族揃ってカレーを楽しんでいます。", name: "鈴木様", role: "会社員", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg" },
{ id: "4", title: "毎日でもOK", quote: "この価格でこのクオリティはすごい。本当に飽きない美味しさですね。", name: "高橋さん", role: "フリーランス", imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-eating-burgers-restaurant-together_23-2148666561.jpg" },
{ id: "5", title: "癒やしです", quote: "疲れた時にスパイスの香りが最高。店員さんもいつも笑顔で迎えてくれます。", name: "伊藤さん", role: "教職員", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg" },
]}
title="お客様の声"
description="「また来たい」が私たちのエネルギーです。"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "テイクアウトはできますか?",
content: "はい、全メニューテイクアウト可能です。お電話で予約いただくとスムーズです。",
},
{
id: "2",
title: "子供連れでもいいですか?",
content: "もちろんです。お子様用チェアもご用意しておりますので、お気軽にご来店ください。",
},
{
id: "3",
title: "クレジットカードは使えますか?",
content: "各種クレジットカード、電子マネー、QRコード決済に対応しております。",
},
{
id: "4",
title: "駐車場はありますか?",
content: "店舗前に2台分ございます。満車の際は近隣のコインパーキングをご利用ください。",
},
{
id: "5",
title: "辛さの調整はできますか?",
content: "甘口から激辛まで5段階で調整可能です。ご注文時にお申し付けください。",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-fortune-teller-with-globe_23-2150006245.jpg"
title="よくある質問"
description="店舗のご利用に関するご不明点はこちらをご覧ください。"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "テイクアウトはできますか?", content: "はい、全メニューテイクアウト可能です。お電話で予約いただくとスムーズです。" },
{ id: "2", title: "子供連れでもいいですか?", content: "もちろんです。お子様用チェアもご用意しておりますので、お気軽にご来店ください。" },
{ id: "3", title: "クレジットカードは使えますか?", content: "各種クレジットカード、電子マネー、QRコード決済に対応しております。" },
{ id: "4", title: "駐車場はありますか?", content: "店舗前に2台分ございます。満車の際は近隣のコインパーキングをご利用ください。" },
{ id: "5", title: "辛さの調整はできますか?", content: "甘口から激辛まで5段階で調整可能です。ご注文時にお申し付けください。" },
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-fortune-teller-with-globe_23-2150006245.jpg"
title="よくある質問"
description="店舗のご利用に関するご不明点はこちらをご覧ください。"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Access"
title="店舗情報・アクセス"
description="住所:東京都○○区○○ 1-2-3\n営業時間11:00-22:00\n電話番号03-1234-5678"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Access"
title="店舗情報・アクセス"
description="住所:東京都○○区○○ 1-2-3\n営業時間11:00-22:00\n電話番号03-1234-5678"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "店舗情報",
items: [
{
label: "アクセス",
href: "#contact",
},
{
label: "メニュー",
href: "#menu",
},
],
},
{
title: "リンク",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Twitter",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Curry Hub Inc."
bottomRightText="プライバシーポリシー"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "店舗情報", items: [{ label: "アクセス", href: "#contact" }, { label: "メニュー", href: "#menu" }] },
{ title: "リンク", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
]}
bottomLeftText="© 2024 Curry Hub Inc."
bottomRightText="プライバシーポリシー"
/>
</div>
</ReactLenis>
</ThemeProvider>
);