Update src/app/page.tsx
This commit is contained in:
241
src/app/page.tsx
241
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Shield, Sparkles, UserCheck } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
@@ -29,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "主页",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "招牌菜品",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "包间环境",
|
||||
id: "space",
|
||||
},
|
||||
{
|
||||
name: "预订",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "主页", id: "home" },
|
||||
{ name: "招牌菜品", id: "menu" },
|
||||
{ name: "包间环境", id: "space" },
|
||||
{ name: "预订", id: "contact" },
|
||||
]}
|
||||
brandName="和処 魚禅"
|
||||
/>
|
||||
@@ -55,70 +44,20 @@ export default function LandingPage() {
|
||||
title="圧倒的な鮮度を、日常の贅沢に。"
|
||||
description="隐于市的匠心，以极致鲜味，款待每一个重要时刻。"
|
||||
testimonials={[
|
||||
{
|
||||
name: "佐藤 健",
|
||||
handle: "常客",
|
||||
testimonial: "极致的刺身厚度与新鲜感，每次都能感受到师傅的匠心。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-cafe_1157-21524.jpg",
|
||||
},
|
||||
{
|
||||
name: "田中 美和子",
|
||||
handle: "美食博主",
|
||||
testimonial: "炖银鳕鱼入口即化，这是在别处很难寻觅到的醇厚美味。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_52683-122216.jpg",
|
||||
},
|
||||
{
|
||||
name: "高桥 宏",
|
||||
handle: "商务人士",
|
||||
testimonial: "包间氛围极佳，无论是商务宴请还是纪念日都让人非常安心。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-drinking-milk-shake-cocktail-pink-tshirt-silver-jacket-wearing-pink-sunglasses-having-fun-cheerful-mood_285396-10714.jpg",
|
||||
},
|
||||
{
|
||||
name: "伊藤 绘里",
|
||||
handle: "家庭顾客",
|
||||
testimonial: "即使带孩子去也很舒适，掘りごたつ设计非常贴心，全家人都满意。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg",
|
||||
},
|
||||
{
|
||||
name: "小林 翔太",
|
||||
handle: "资深内行",
|
||||
testimonial: "隐藏的宝藏餐厅，性价比远超市面上大多数高级日料。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "立即预订席位",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "佐藤 健", handle: "常客", testimonial: "极致的刺身厚度与新鲜感，每次都能感受到师傅的匠心。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-cafe_1157-21524.jpg" },
|
||||
{ name: "田中 美和子", handle: "美食博主", testimonial: "炖银鳕鱼入口即化，这是在别处很难寻觅到的醇厚美味。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_52683-122216.jpg" },
|
||||
{ name: "高桥 宏", handle: "商务人士", testimonial: "包间氛围极佳，无论是商务宴请还是纪念日都让人非常安心。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-drinking-milk-shake-cocktail-pink-tshirt-silver-jacket-wearing-pink-sunglasses-having-fun-cheerful-mood_285396-10714.jpg" },
|
||||
{ name: "伊藤 绘里", handle: "家庭顾客", testimonial: "即使带孩子去也很舒适，掘りごたつ设计非常贴心，全家人都满意。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg" },
|
||||
{ name: "小林 翔太", handle: "资深内行", testimonial: "隐藏的宝藏餐厅，性价比远超市面上大多数高级日料。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "立即预订席位", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/expert-male-chef-crafting-fresh-meal-indoors-generated-by-ai_188544-26105.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5286.jpg",
|
||||
alt: "Happy restaurant customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-blonde-young-woman-sitting-caf-eating-muffin_23-2147974644.jpg",
|
||||
alt: "Young woman enjoying Japanese cuisine",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6821.jpg",
|
||||
alt: "Fashionable satisfied diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-entrepreneur-eating-sandwich-while-surfing-net-computer-office_637285-8704.jpg",
|
||||
alt: "Entrepreneur having a quality meal",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552667.jpg",
|
||||
alt: "Group of friends dining together",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5286.jpg", alt: "Happy restaurant customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-blonde-young-woman-sitting-caf-eating-muffin_23-2147974644.jpg", alt: "Young woman enjoying Japanese cuisine" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6821.jpg", alt: "Fashionable satisfied diner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-entrepreneur-eating-sandwich-while-surfing-net-computer-office_637285-8704.jpg", alt: "Entrepreneur having a quality meal" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552667.jpg", alt: "Group of friends dining together" },
|
||||
]}
|
||||
avatarText="超过500位食客的挚爱之选"
|
||||
/>
|
||||
@@ -131,18 +70,9 @@ export default function LandingPage() {
|
||||
title="初心不忘，匠心如一"
|
||||
description="“鱼禅”深耕食材本味，每日清晨严选当季海产。我们不仅仅是在制作料理，更是在守护那份对鲜味的极致追求，只为为您呈现一份超越预期的感动。"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "每日海运直送",
|
||||
description: "清晨竞标采购，保证餐桌上的鱼鲜是当天的最好状态。",
|
||||
},
|
||||
{
|
||||
title: "匠心秘制酱汁",
|
||||
description: "历经数年调制的独门酱汁，只为衬托食材原本的甘甜。",
|
||||
},
|
||||
{
|
||||
title: "舒适私密空间",
|
||||
description: "精心设计的包间与下沉座位，适合全年龄段食客从容就餐。",
|
||||
},
|
||||
{ title: "每日海运直送", description: "清晨竞标采购，保证餐桌上的鱼鲜是当天的最好状态。" },
|
||||
{ title: "匠心秘制酱汁", description: "历经数年调制的独门酱汁，只为衬托食材原本的甘甜。" },
|
||||
{ title: "舒适私密空间", description: "精心设计的包间与下沉座位，适合全年龄段食客从容就餐。" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186462.jpg"
|
||||
/>
|
||||
@@ -155,42 +85,12 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "极致特选刺身9点盛",
|
||||
price: "¥1,600起",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-salmon-fillets-pepper-kiwi-pineapples-rosemary-onto-plate-black-cement-floor_1150-23153.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "招牌秘制炖银鳕鱼",
|
||||
price: "¥980",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-tur-meat-with-asparagus-tasty-sauce_181624-28769.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "时令酥脆炸牡蛎",
|
||||
price: "¥750",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-sashimi_1203-8619.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "匠心前菜拼盘",
|
||||
price: "¥500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-cucumber-sauce-tray_23-2148425580.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "金目鲷时令鱼汤",
|
||||
price: "¥680",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-japanese-meal_23-2148809870.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "抹茶季节和风甜点",
|
||||
price: "¥400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-fresh-fruits-light-table-biscuit-dessert-cake-sweet_140725-81786.jpg",
|
||||
},
|
||||
{ id: "p1", name: "极致特选刺身9点盛", price: "¥1,600起", imageSrc: "http://img.b2bpic.net/free-photo/raw-salmon-fillets-pepper-kiwi-pineapples-rosemary-onto-plate-black-cement-floor_1150-23153.jpg" },
|
||||
{ id: "p2", name: "招牌秘制炖银鳕鱼", price: "¥980", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-tur-meat-with-asparagus-tasty-sauce_181624-28769.jpg" },
|
||||
{ id: "p3", name: "时令酥脆炸牡蛎", price: "¥750", imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-sashimi_1203-8619.jpg" },
|
||||
{ id: "p4", name: "匠心前菜拼盘", price: "¥500", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-cucumber-sauce-tray_23-2148425580.jpg" },
|
||||
{ id: "p5", name: "金目鲷时令鱼汤", price: "¥680", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-japanese-meal_23-2148809870.jpg" },
|
||||
{ id: "p6", name: "抹茶季节和风甜点", price: "¥400", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-fresh-fruits-light-table-biscuit-dessert-cake-sweet_140725-81786.jpg" },
|
||||
]}
|
||||
title="招牌精选料理"
|
||||
description="品鉴季节与匠心的交汇，从一份诚意满满的刺身拼盘开始。"
|
||||
@@ -203,18 +103,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "全私密包间",
|
||||
description: "隔绝喧嚣，营造专属您的静谧空间，适合深度交流。",
|
||||
},
|
||||
{
|
||||
title: "舒心下沉被炉",
|
||||
description: "结合传统风格与现代舒适，腿脚舒适，长辈用餐更轻松。",
|
||||
},
|
||||
{
|
||||
title: "无障碍温情服务",
|
||||
description: "带孩子的家庭也可放心享用，细致服务解决您的后顾之忧。",
|
||||
},
|
||||
{ icon: Shield, title: "全私密包间", description: "隔绝喧嚣，营造专属您的静谧空间，适合深度交流。" },
|
||||
{ icon: Sparkles, title: "舒心下沉被炉", description: "结合传统风格与现代舒适，腿脚舒适，长辈用餐更轻松。" },
|
||||
{ icon: UserCheck, title: "无障碍温情服务", description: "带孩子的家庭也可放心享用，细致服务解决您的后顾之忧。" },
|
||||
]}
|
||||
title="静谧时光，从容品味"
|
||||
description="无论家庭聚会、商务宴请还是纪念日，我们都为您提供宁静且私密的空间。"
|
||||
@@ -225,21 +116,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "是否提供停车位？",
|
||||
content: "是的，店铺后方为您准备了3个免费专属停车位，方便您自驾前来。",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "需要提前预订吗？",
|
||||
content: "由于食材均为每日新鲜采购，为确保席位与当季新鲜食材供应，建议您提前预订。",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "适合携带儿童吗？",
|
||||
content: "完全欢迎。我们提供舒适的包间，适合家庭聚餐，满足不同年龄段的舒适就餐需求。",
|
||||
},
|
||||
{ id: "f1", title: "是否提供停车位？", content: "是的，店铺后方为您准备了3个免费专属停车位，方便您自驾前来。" },
|
||||
{ id: "f2", title: "需要提前预订吗？", content: "由于食材均为每日新鲜采购，为确保席位与当季新鲜食材供应，建议您提前预订。" },
|
||||
{ id: "f3", title: "适合携带儿童吗？", content: "完全欢迎。我们提供舒适的包间，适合家庭聚餐，满足不同年龄段的舒适就餐需求。" },
|
||||
]}
|
||||
sideTitle="常见垂询"
|
||||
sideDescription="了解更多关于预订与设施的信息。"
|
||||
@@ -250,21 +129,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="立即预订"
|
||||
title="预约您的专属飨宴"
|
||||
description="期待您的光临，请通过以下方式确认席位或预订您的特殊场合。"
|
||||
buttons={[
|
||||
{
|
||||
text: "在线预订系统",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "电话咨询",
|
||||
href: "tel:000-000-000",
|
||||
},
|
||||
{ text: "在线预订系统", href: "#" },
|
||||
{ text: "电话咨询", href: "tel:000-000-000" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -273,45 +144,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="和処 魚禅"
|
||||
columns={[
|
||||
{
|
||||
title: "门店信息",
|
||||
items: [
|
||||
{
|
||||
label: "营业时间: 11:30-14:00, 17:30-22:00",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "地址: 松户市XX町1-1",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "服务支持",
|
||||
items: [
|
||||
{
|
||||
label: "专属停车位: 3台",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "预订咨询: 000-000-000",
|
||||
href: "tel:000-000-000",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "法律与条款",
|
||||
items: [
|
||||
{
|
||||
label: "隐私协议",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "常见问题",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "门店信息", items: [{ label: "营业时间: 11:30-14:00, 17:30-22:00", href: "#" }, { label: "地址: 松户市XX町1-1", href: "#" }] },
|
||||
{ title: "服务支持", items: [{ label: "专属停车位: 3台", href: "#" }, { label: "预订咨询: 000-000-000", href: "tel:000-000-000" }] },
|
||||
{ title: "法律与条款", items: [{ label: "隐私协议", href: "#" }, { label: "常见问题", href: "#faq" }] },
|
||||
]}
|
||||
copyrightText="© 2025 和処 魚禅. All rights reserved."
|
||||
/>
|
||||
@@ -319,4 +154,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user