bender/b63630f4-600f-4231-9bc6-3369cc56f72c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 19:49:01 +00:00
parent d1a2218bf9
commit bbfb3a51a5
1 changed files with 56 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

270
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Calendar, Heart, Star } from "lucide-react";
import { ArrowRight, Calendar, Heart, Star } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,37 +34,23 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "ホーム",
id: "#home",
},
name: "ホーム", id: "#home"},
{
name: "私たちについて",
id: "#about",
},
name: "私たちについて", id: "#about"},
{
name: "メニュー",
id: "#menu",
},
name: "メニュー", id: "#menu"},
{
name: "チーム",
id: "#team",
},
name: "チーム", id: "#team"},
{
name: "お客様の声",
id: "#testimonials",
},
name: "お客様の声", id: "#testimonials"},
{
name: "お問い合わせ",
id: "#contact",
},
name: "お問い合わせ", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-ramen-poster-template_23-2151142603.jpg"
logoAlt="JoJo Ramen logo"
brandName="JoJo Ramen 上々ラーメン"
button={{
text: "今すぐ予約する",
href: "#contact",
}}
text: "今すぐ予約する", href: "#contact"}}
/>
</div>
@@ -74,13 +60,9 @@ export default function LandingPage() {
description="ブラジル産の食材のみを使用した、東京の伝説的な味をサンパウロでお届けします。上質な一杯で、心温まるひとときを。"
buttons={[
{
text: "メニューを見る",
href: "#menu",
},
text: "メニューを見る", href: "#menu"},
{
text: "場所と時間",
href: "#contact",
},
text: "場所と時間", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/steaming-bowl-pork-ramen-with-chopsticks-generative-ai_188544-40730.jpg"
imageAlt="Steaming hot bowl of authentic JoJo Ramen Tsukemen"
@@ -95,19 +77,13 @@ export default function LandingPage() {
metrics={[
{
icon: Calendar,
label: "創業年",
value: "2016",
},
label: "創業年", value: "2016"},
{
icon: Heart,
label: "情熱",
value: "情熱的な創作",
},
label: "情熱", value: "情熱的な創作"},
{
icon: Star,
label: "伝説の指導",
value: "Koitaniシェフ",
},
label: "伝説の指導", value: "Koitaniシェフ"},
]}
metricsAnimation="slide-up"
/>
@@ -119,32 +95,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "名物つけ麺",
description: "とろりとしたスープに太麺を絡めて食べるつけ麺は、当店の看板メニュー。開店前から行列ができるほどの人気です。",
imageSrc: "http://img.b2bpic.net/free-photo/stack-raw-spaghetti-nests-wooden-board-high-quality-photo_114579-36294.jpg",
imageAlt: "Close-up of Tsukemen dipping noodles",
buttonIcon: "ArrowRight",
title: "名物つけ麺", description: "とろりとしたスープに太麺を絡めて食べるつけ麺は、当店の看板メニュー。開店前から行列ができるほどの人気です。", imageSrc: "http://img.b2bpic.net/free-photo/stack-raw-spaghetti-nests-wooden-board-high-quality-photo_114579-36294.jpg", imageAlt: "Close-up of Tsukemen dipping noodles", buttonIcon: ArrowRight,
},
{
title: "地元の新鮮な食材",
description: "すべての食材はブラジル国内で調達。旬の素材を活かし、風味豊かなラーメンを作り上げています。",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-hands-cutting-green-bell-pepper-black-kitchen-board-with-knife-with-peppers-isolated-grey-wooden-wall_141793-75831.jpg",
imageAlt: "Fresh local vegetables and ingredients",
buttonIcon: "ArrowRight",
title: "地元の新鮮な食材", description: "すべての食材はブラジル国内で調達。旬の素材を活かし、風味豊かなラーメンを作り上げています。", imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-hands-cutting-green-bell-pepper-black-kitchen-board-with-knife-with-peppers-isolated-grey-wooden-wall_141793-75831.jpg", imageAlt: "Fresh local vegetables and ingredients", buttonIcon: ArrowRight,
},
{
title: "小谷シェフの指導",
description: "東京の伝説的なラーメン店「地雷源」の小谷剛シェフの指導のもと、本格的な日本の味を再現しています。",
imageSrc: "http://img.b2bpic.net/free-photo/making-pasta_23-2147985234.jpg",
imageAlt: "Chef preparing ramen noodles",
buttonIcon: "ArrowRight",
title: "小谷シェフの指導", description: "東京の伝説的なラーメン店「地雷源」の小谷剛シェフの指導のもと、本格的な日本の味を再現しています。", imageSrc: "http://img.b2bpic.net/free-photo/making-pasta_23-2147985234.jpg", imageAlt: "Chef preparing ramen noodles", buttonIcon: ArrowRight,
},
{
title: "心地よい空間",
description: "モダンで洗練された店内は、お食事の時間をより特別なものにします。ごゆっくりお過ごしください。",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-chairs-table-with-cutlery_1203-1673.jpg",
imageAlt: "Warm and inviting restaurant interior",
buttonIcon: "ArrowRight",
title: "心地よい空間", description: "モダンで洗練された店内は、お食事の時間をより特別なものにします。ごゆっくりお過ごしください。", imageSrc: "http://img.b2bpic.net/free-photo/colorful-chairs-table-with-cutlery_1203-1673.jpg", imageAlt: "Warm and inviting restaurant interior", buttonIcon: ArrowRight,
},
]}
title="私たちのこだわり"
@@ -160,47 +120,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "tsukemen",
name: "つけ麺",
price: "R$ 45,00",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529784.jpg",
imageAlt: "Signature Tsukemen dipping noodles",
},
id: "tsukemen", name: "つけ麺", price: "R$ 45,00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529784.jpg", imageAlt: "Signature Tsukemen dipping noodles"},
{
id: "shoyu-ramen",
name: "醤油ラーメン",
price: "R$ 38,00",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-ramen-bowls_23-2148202109.jpg",
imageAlt: "Classic Shoyu ramen",
},
id: "shoyu-ramen", name: "醤油ラーメン", price: "R$ 38,00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-ramen-bowls_23-2148202109.jpg", imageAlt: "Classic Shoyu ramen"},
{
id: "miso-ramen",
name: "味噌ラーメン",
price: "R$ 42,00",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-oysters-noodles-meal_23-2148771292.jpg",
imageAlt: "Rich Miso ramen",
},
id: "miso-ramen", name: "味噌ラーメン", price: "R$ 42,00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-oysters-noodles-meal_23-2148771292.jpg", imageAlt: "Rich Miso ramen"},
{
id: "spicy-miso-ramen",
name: "辛味噌ラーメン",
price: "R$ 44,00",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-delicious-chinese-food-dark-background_24972-2179.jpg",
imageAlt: "Spicy Miso ramen",
},
id: "spicy-miso-ramen", name: "辛味噌ラーメン", price: "R$ 44,00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-delicious-chinese-food-dark-background_24972-2179.jpg", imageAlt: "Spicy Miso ramen"},
{
id: "chashu-rice-bowl",
name: "チャーシュー丼",
price: "R$ 22,00",
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seafood-donburi-bowl-with-scallops-lobster-roe_84443-85787.jpg",
imageAlt: "Chashu rice bowl",
},
id: "chashu-rice-bowl", name: "チャーシュー丼", price: "R$ 22,00", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seafood-donburi-bowl-with-scallops-lobster-roe_84443-85787.jpg", imageAlt: "Chashu rice bowl"},
{
id: "gyoza",
name: "餃子",
price: "R$ 18,00",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-dumplings-plate-with-chopsticks_23-2148694378.jpg",
imageAlt: "Pan-fried Gyoza dumplings",
},
id: "gyoza", name: "餃子", price: "R$ 18,00", imageSrc: "http://img.b2bpic.net/free-photo/traditional-dumplings-plate-with-chopsticks_23-2148694378.jpg", imageAlt: "Pan-fried Gyoza dumplings"},
]}
title="メニュー"
description="自慢のラーメンとサイドディッシュをぜひお試しください。特に、行列ができるほどの人気を誇る「つけ麺」は必食です。"
@@ -215,22 +145,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "years",
value: "8+",
title: "創業年",
description: "2016年から続く、本物のラーメン体験",
id: "years", value: "8+", title: "創業年", description: "2016年から続く、本物のラーメン体験", icon: Calendar
},
{
id: "dishes",
value: "50,000+",
title: "提供杯数",
description: "多くのお客様に愛された至福の一杯",
id: "dishes", value: "50,000+", title: "提供杯数", description: "多くのお客様に愛された至福の一杯", icon: Heart
},
{
id: "satisfied",
value: "100%",
title: "満足度",
description: "最高の食事体験をお約束します",
id: "satisfied", value: "100%", title: "満足度", description: "最高の食事体験をお約束します", icon: Star
},
]}
title="私たちの軌跡"
@@ -245,28 +166,12 @@ export default function LandingPage() {
useInvertedBackground={true}
groups={[
{
id: "founders",
groupTitle: "創業者と指導者",
members: [
id: "founders", groupTitle: "創業者と指導者", members: [
{
id: "simone",
title: "シモーネ・ムラハラ",
subtitle: "創業者",
detail: "日系三世のシモーネは、日本でのラーメン体験に感銘を受け、2016年にJoJo Ramenをオープンしました。ブラジルと日本の文化を融合させることに情熱を注いでいます。",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-tasty-food_23-2149008723.jpg",
imageAlt: "Simone Murahara, founder of JoJo Ramen",
},
id: "simone", title: "シモーネ・ムラハラ", subtitle: "創業者", detail: "日系三世のシモーネは、日本でのラーメン体験に感銘を受け、2016年にJoJo Ramenをオープンしました。ブラジルと日本の文化を融合させることに情熱を注いでいます。", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-tasty-food_23-2149008723.jpg", imageAlt: "Simone Murahara, founder of JoJo Ramen"},
{
id: "tsuyoshi",
title: "小谷 剛",
subtitle: "レシピ指導シェフ",
detail: "東京の伝説的なラーメン店「地雷源」の店主。JoJo Ramenのすべてのレシピ開発において、直接指導を行いました。彼の知識と技術が、私たちの味の基礎です。",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232180.jpg",
imageAlt: "Tsuyoshi Koitani, legendary ramen chef",
},
],
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-ramen-poster-template_23-2151142603.jpg",
imageAlt: "japanese brazilian chef portrait professional",
id: "tsuyoshi", title: "小谷 剛", subtitle: "レシピ指導シェフ", detail: "東京の伝説的なラーメン店「地雷源」の店主。JoJo Ramenのすべてのレシピ開発において、直接指導を行いました。彼の知識と技術が、私たちの味の基礎です。", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232180.jpg", imageAlt: "Tsuyoshi Koitani, legendary ramen chef"},
]
},
]}
title="私たちのチーム"
@@ -279,35 +184,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "田中 恵子",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-japanese-wave-pattern-illustration_23-2149478615.jpg",
imageAlt: "Customer Keiko Tanaka",
},
id: "1", name: "田中 恵子", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-japanese-wave-pattern-illustration_23-2149478615.jpg", imageAlt: "Customer Keiko Tanaka"},
{
id: "2",
name: "佐藤 健太",
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-young-man-standing-brick-wall-very-happy-smiling-looking-far-away-with-hand-head-searching-concept_839833-26567.jpg",
imageAlt: "Customer Kenta Sato",
},
id: "2", name: "佐藤 健太", imageSrc: "http://img.b2bpic.net/free-photo/brazilian-young-man-standing-brick-wall-very-happy-smiling-looking-far-away-with-hand-head-searching-concept_839833-26567.jpg", imageAlt: "Customer Kenta Sato"},
{
id: "3",
name: "山田 由美",
imageSrc: "http://img.b2bpic.net/free-photo/screaming-woman-costume_1149-1150.jpg",
imageAlt: "Customer Yumi Yamada",
},
id: "3", name: "山田 由美", imageSrc: "http://img.b2bpic.net/free-photo/screaming-woman-costume_1149-1150.jpg", imageAlt: "Customer Yumi Yamada"},
{
id: "4",
name: "鈴木 大輔",
imageSrc: "http://img.b2bpic.net/free-photo/casual-teenager-posing-outdoors_23-2148804653.jpg",
imageAlt: "Customer Daisuke Suzuki",
},
id: "4", name: "鈴木 大輔", imageSrc: "http://img.b2bpic.net/free-photo/casual-teenager-posing-outdoors_23-2148804653.jpg", imageAlt: "Customer Daisuke Suzuki"},
{
id: "5",
name: "高橋 沙織",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-city_1153-6487.jpg",
imageAlt: "Customer Saori Takahashi",
},
id: "5", name: "高橋 沙織", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-city_1153-6487.jpg", imageAlt: "Customer Saori Takahashi"},
]}
cardTitle="お客様の声"
cardTag="お客様からの評価"
@@ -321,30 +206,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "hours",
title: "営業時間は？",
content: "月〜金: 11:30–14:30 / 18:00–22:00 | 土: 12:00–15:00 / 18:00–22:00 です。日曜日は定休日となります。",
},
id: "hours", title: "営業時間は？", content: "月〜金: 11:30–14:30 / 18:00–22:00 | 土: 12:00–15:00 / 18:00–22:00 です。日曜日は定休日となります。"},
{
id: "address",
title: "場所はどこですか？",
content: "R. Dr. Rafael de Barros, 262 - Paraíso, São Paulo - SP, 04003-041 です。パラライソ地区にございます。",
},
id: "address", title: "場所はどこですか？", content: "R. Dr. Rafael de Barros, 262 - Paraíso, São Paulo - SP, 04003-041 です。パラライソ地区にございます。"},
{
id: "payments",
title: "支払い方法は何がありますか？",
content: "各種カード決済をご利用いただけます。現金でのお支払いも可能です。",
},
id: "payments", title: "支払い方法は何がありますか？", content: "各種カード決済をご利用いただけます。現金でのお支払いも可能です。"},
{
id: "smoking",
title: "禁煙ですか？",
content: "はい、当店は全席禁煙となっております。",
},
id: "smoking", title: "禁煙ですか？", content: "はい、当店は全席禁煙となっております。"},
{
id: "reservations",
title: "予約は必要ですか？",
content: "特に予約は受け付けておりませんが、特につけ麺は人気のため、開店前から行列ができることがございます。お早めのご来店をお勧めします。",
},
id: "reservations", title: "予約は必要ですか？", content: "特に予約は受け付けておりませんが、特につけ麺は人気のため、開店前から行列ができることがございます。お早めのご来店をお勧めします。"},
]}
title="よくある質問"
description="JoJo Ramenについてよくいただく質問とその回答をまとめました。ご不明な点がございましたら、お気軽にお問い合わせください。"
@@ -356,16 +226,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="お問い合わせ"
title="JoJo Ramenへようこそ"
description="伝説のつけ麺を味わいに、ぜひJoJo Ramenへお越しください。皆様のご来店を心よりお待ちしております。"
buttons={[
{
text: "Googleマップで開く",
href: "https://www.google.com/maps/search/R.+Dr.+Rafael+de+Barros,+262+-+Para%C3%ADso,+S%C3%A3o+Paulo+-+SP,+04003-041",
},
text: "Googleマップで開く", href: "https://www.google.com/maps/search/R.+Dr.+Rafael+de+Barros,+262+-+Para%C3%ADso,+S%C3%A3o+Paulo+-+SP,+04003-041"},
]}
/>
</div>
@@ -375,62 +242,37 @@ export default function LandingPage() {
logoText="JoJo Ramen 上々ラーメン"
columns={[
{
title: "店舗情報",
items: [
title: "店舗情報", items: [
{
label: "住所: R. Dr. Rafael de Barros, 262 - Paraíso, São Paulo - SP, 04003-041",
href: "https://www.google.com/maps/search/R.+Dr.+Rafael+de+Barros,+262+-+Para%C3%ADso,+S%C3%A3o+Paulo+-+SP,+04003-041",
},
label: "住所: R. Dr. Rafael de Barros, 262 - Paraíso, São Paulo - SP, 04003-041", href: "https://www.google.com/maps/search/R.+Dr.+Rafael+de+Barros,+262+-+Para%C3%ADso,+S%C3%A3o+Paulo+-+SP,+04003-041"},
{
label: "営業時間: 月〜土",
href: "#faq",
},
label: "営業時間: 月〜土", href: "#faq"},
{
label: "お問い合わせ",
href: "#contact",
},
label: "お問い合わせ", href: "#contact"},
],
},
{
title: "メニュー",
items: [
title: "メニュー", items: [
{
label: "つけ麺",
href: "#menu",
},
label: "つけ麺", href: "#menu"},
{
label: "醤油ラーメン",
href: "#menu",
},
label: "醤油ラーメン", href: "#menu"},
{
label: "味噌ラーメン",
href: "#menu",
},
label: "味噌ラーメン", href: "#menu"},
{
label: "その他",
href: "#menu",
},
label: "その他", href: "#menu"},
],
},
{
title: "サイトマップ",
items: [
title: "サイトマップ", items: [
{
label: "ホーム",
href: "#home",
},
label: "ホーム", href: "#home"},
{
label: "私たちについて",
href: "#about",
},
label: "私たちについて", href: "#about"},
{
label: "チーム",
href: "#team",
},
label: "チーム", href: "#team"},
{
label: "お客様の声",
href: "#testimonials",
},
label: "お客様の声", href: "#testimonials"},
],
},
]}