Merge version_1 into main #2
208
src/app/page.tsx
208
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "首頁",
|
||||
id: "hero",
|
||||
},
|
||||
name: "首頁", id: "hero"},
|
||||
{
|
||||
name: "熱門餐點",
|
||||
id: "menu",
|
||||
},
|
||||
name: "熱門餐點", id: "menu"},
|
||||
{
|
||||
name: "訂位聯絡",
|
||||
id: "contact",
|
||||
},
|
||||
name: "訂位聯絡", id: "contact"},
|
||||
]}
|
||||
brandName="桃司廚"
|
||||
/>
|
||||
@@ -51,39 +45,23 @@ export default function LandingPage() {
|
||||
description="桃園藝文特區必吃早午餐｜人氣打拋豬蛋餅｜每日現做｜內用外帶外送"
|
||||
buttons={[
|
||||
{
|
||||
text: "立即撥打",
|
||||
href: "tel:0972804600",
|
||||
},
|
||||
text: "立即撥打", href: "tel:0972804600"},
|
||||
{
|
||||
text: "線上訂位",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "線上訂位", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-table-served-two-christms-dinner-silver-candle-decorated-with-natural-fir-branches-two-flutes-pairs-plates-with-decorative-handmade-christmas-trees_132075-11391.jpg?_wi=1",
|
||||
imageAlt: "桃司廚招牌餐點",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-table-served-two-christms-dinner-silver-candle-decorated-with-natural-fir-branches-two-flutes-pairs-plates-with-decorative-handmade-christmas-trees_132075-11391.jpg", imageAlt: "桃司廚招牌餐點"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggs-bacon-waffles_1203-3430.jpg?_wi=1",
|
||||
imageAlt: "泰泰打拋豬起司蛋餅",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggs-bacon-waffles_1203-3430.jpg", imageAlt: "泰泰打拋豬起司蛋餅"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/omelette-with-cheese-tomatoes-with-cutlery_23-2148698687.jpg?_wi=1",
|
||||
imageAlt: "菇菇甲看麥蛋餅",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/omelette-with-cheese-tomatoes-with-cutlery_23-2148698687.jpg", imageAlt: "菇菇甲看麥蛋餅"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-dish-with-meatball_23-2148149197.jpg?_wi=1",
|
||||
imageAlt: "老派豬排炒蛋麵",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-dish-with-meatball_23-2148149197.jpg", imageAlt: "老派豬排炒蛋麵"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-plate-containing-cocktail-sausages-fried-eggs-cherry-tomatoes-sweets-fruits-glass-peach-juice_114579-44589.jpg?_wi=1",
|
||||
imageAlt: "德式脆腸拼盤",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-plate-containing-cocktail-sausages-fried-eggs-cherry-tomatoes-sweets-fruits-glass-peach-juice_114579-44589.jpg", imageAlt: "德式脆腸拼盤"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-open-sandwiches-made-brown-whole-wheat-bread-with-tomatoes-sauce_1150-37823.jpg?_wi=1",
|
||||
imageAlt: "美味拼盤",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-open-sandwiches-made-brown-whole-wheat-bread-with-tomatoes-sauce_1150-37823.jpg", imageAlt: "美味拼盤"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,47 +74,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "泰泰打拋豬起司蛋餅",
|
||||
price: "$85",
|
||||
variant: "經典推薦",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggs-bacon-waffles_1203-3430.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "泰泰打拋豬起司蛋餅", price: "$85", variant: "經典推薦", imageSrc: "http://img.b2bpic.net/free-photo/eggs-bacon-waffles_1203-3430.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "菇菇甲看麥蛋餅",
|
||||
price: "$75",
|
||||
variant: "素食首選",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/omelette-with-cheese-tomatoes-with-cutlery_23-2148698687.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "菇菇甲看麥蛋餅", price: "$75", variant: "素食首選", imageSrc: "http://img.b2bpic.net/free-photo/omelette-with-cheese-tomatoes-with-cutlery_23-2148698687.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "老派豬排炒蛋麵",
|
||||
price: "$120",
|
||||
variant: "飽足感",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-dish-with-meatball_23-2148149197.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "老派豬排炒蛋麵", price: "$120", variant: "飽足感", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-dish-with-meatball_23-2148149197.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "德式脆腸拼盤",
|
||||
price: "$150",
|
||||
variant: "人氣拼盤",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-plate-containing-cocktail-sausages-fried-eggs-cherry-tomatoes-sweets-fruits-glass-peach-juice_114579-44589.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "德式脆腸拼盤", price: "$150", variant: "人氣拼盤", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-plate-containing-cocktail-sausages-fried-eggs-cherry-tomatoes-sweets-fruits-glass-peach-juice_114579-44589.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "培根脆吐司",
|
||||
price: "$65",
|
||||
variant: "輕食選",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-open-sandwiches-made-brown-whole-wheat-bread-with-tomatoes-sauce_1150-37823.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "培根脆吐司", price: "$65", variant: "輕食選", imageSrc: "http://img.b2bpic.net/free-photo/variety-open-sandwiches-made-brown-whole-wheat-bread-with-tomatoes-sauce_1150-37823.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "季節時蔬蛋餅",
|
||||
price: "$80",
|
||||
variant: "健康",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-eggs-with-yolk-flour-oil_114579-39533.jpg",
|
||||
},
|
||||
id: "6", name: "季節時蔬蛋餅", price: "$80", variant: "健康", imageSrc: "http://img.b2bpic.net/free-photo/white-eggs-with-yolk-flour-oil_114579-39533.jpg"},
|
||||
]}
|
||||
title="人氣推薦餐點"
|
||||
description="精選每日現做新鮮食材，每一道都是在地人排隊必點。"
|
||||
@@ -145,55 +93,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah W.",
|
||||
role: "在地居民",
|
||||
company: "藝文區",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-table-served-two-christms-dinner-silver-candle-decorated-with-natural-fir-branches-two-flutes-pairs-plates-with-decorative-handmade-christmas-trees_132075-11391.jpg?_wi=2",
|
||||
imageAlt: "delicious brunch breakfast plate top view",
|
||||
},
|
||||
id: "1", name: "Sarah W.", role: "在地居民", company: "藝文區", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-table-served-two-christms-dinner-silver-candle-decorated-with-natural-fir-branches-two-flutes-pairs-plates-with-decorative-handmade-christmas-trees_132075-11391.jpg", imageAlt: "delicious brunch breakfast plate top view"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael L.",
|
||||
role: "上班族",
|
||||
company: "常客",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggs-bacon-waffles_1203-3430.jpg?_wi=3",
|
||||
imageAlt: "thai pork omelet breakfast pancake",
|
||||
},
|
||||
id: "2", name: "Michael L.", role: "上班族", company: "常客", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggs-bacon-waffles_1203-3430.jpg", imageAlt: "thai pork omelet breakfast pancake"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily C.",
|
||||
role: "假日家庭",
|
||||
company: "藝文區",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/omelette-with-cheese-tomatoes-with-cutlery_23-2148698687.jpg?_wi=3",
|
||||
imageAlt: "mushroom egg pancake healthy",
|
||||
},
|
||||
id: "3", name: "Emily C.", role: "假日家庭", company: "藝文區", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/omelette-with-cheese-tomatoes-with-cutlery_23-2148698687.jpg", imageAlt: "mushroom egg pancake healthy"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "熱愛早午餐",
|
||||
company: "食客",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-dish-with-meatball_23-2148149197.jpg?_wi=3",
|
||||
imageAlt: "pork chop scrambled egg noodle",
|
||||
},
|
||||
id: "4", name: "David K.", role: "熱愛早午餐", company: "食客", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-dish-with-meatball_23-2148149197.jpg", imageAlt: "pork chop scrambled egg noodle"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica H.",
|
||||
role: "小家庭",
|
||||
company: "忠實顧客",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-plate-containing-cocktail-sausages-fried-eggs-cherry-tomatoes-sweets-fruits-glass-peach-juice_114579-44589.jpg?_wi=3",
|
||||
imageAlt: "german sausage breakfast platter",
|
||||
},
|
||||
id: "5", name: "Jessica H.", role: "小家庭", company: "忠實顧客", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-plate-containing-cocktail-sausages-fried-eggs-cherry-tomatoes-sweets-fruits-glass-peach-juice_114579-44589.jpg", imageAlt: "german sausage breakfast platter"},
|
||||
]}
|
||||
title="在地食客好評"
|
||||
description="感謝每一位顧客的喜愛，我們持續為您提供最有溫度的早午餐。"
|
||||
@@ -206,35 +125,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="常見問題"
|
||||
description="關於桃司廚的用餐資訊與常見疑問。"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-restaurant_74190-4464.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-restaurant_74190-4464.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "是否有提供外送服務？",
|
||||
content: "有的，您可以透過 UberEats 或 Foodpanda 搜尋「桃司廚 藝文店」點餐。",
|
||||
},
|
||||
id: "1", title: "是否有提供外送服務？", content: "有的，您可以透過 UberEats 或 Foodpanda 搜尋「桃司廚 藝文店」點餐。"},
|
||||
{
|
||||
id: "2",
|
||||
title: "店內有提供素食選項嗎？",
|
||||
content: "我們提供多種蔬食蛋餅與吐司，歡迎素食者享用。",
|
||||
},
|
||||
id: "2", title: "店內有提供素食選項嗎？", content: "我們提供多種蔬食蛋餅與吐司，歡迎素食者享用。"},
|
||||
{
|
||||
id: "3",
|
||||
title: "是否接受攜帶寵物？",
|
||||
content: "攜帶寵物請放置在寵物袋或提籃內，感謝您的配合。",
|
||||
},
|
||||
id: "3", title: "是否接受攜帶寵物？", content: "攜帶寵物請放置在寵物袋或提籃內，感謝您的配合。"},
|
||||
{
|
||||
id: "4",
|
||||
title: "團體訂位有什麼規範嗎？",
|
||||
content: "若超過 6 人以上的團體訂位，請提前兩天電話告知我們，以利為您安排座位。",
|
||||
},
|
||||
id: "4", title: "團體訂位有什麼規範嗎？", content: "若超過 6 人以上的團體訂位，請提前兩天電話告知我們，以利為您安排座位。"},
|
||||
{
|
||||
id: "5",
|
||||
title: "附近好停車嗎？",
|
||||
content: "店門口路邊有計費停車格，或建議停放至周邊藝文特區停車場。",
|
||||
},
|
||||
id: "5", title: "附近好停車嗎？", content: "店門口路邊有計費停車格，或建議停放至周邊藝文特區停車場。"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -246,37 +150,23 @@ export default function LandingPage() {
|
||||
description="填寫下方表單，我們會盡快與您確認訂位資訊。一通電話，馬上為您保留位子。"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "姓名",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "姓名", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "電話",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "電話", required: true,
|
||||
},
|
||||
{
|
||||
name: "time",
|
||||
type: "text",
|
||||
placeholder: "預計用餐時間",
|
||||
required: true,
|
||||
name: "time", type: "text", placeholder: "預計用餐時間", required: true,
|
||||
},
|
||||
{
|
||||
name: "guests",
|
||||
type: "number",
|
||||
placeholder: "用餐人數",
|
||||
required: true,
|
||||
name: "guests", type: "number", placeholder: "用餐人數", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "note",
|
||||
placeholder: "特殊備註 (如：嬰兒椅、特殊餐點需求)",
|
||||
rows: 4,
|
||||
name: "note", placeholder: "特殊備註 (如：嬰兒椅、特殊餐點需求)", rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-restaurant_74190-4464.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-restaurant_74190-4464.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -285,25 +175,17 @@ export default function LandingPage() {
|
||||
logoText="桃司廚 藝文店"
|
||||
columns={[
|
||||
{
|
||||
title: "聯絡資訊",
|
||||
items: [
|
||||
title: "聯絡資訊", items: [
|
||||
{
|
||||
label: "桃園市桃園區中埔六街48號",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
label: "桃園市桃園區中埔六街48號", href: "https://maps.google.com"},
|
||||
{
|
||||
label: "0972-804-600",
|
||||
href: "tel:0972804600",
|
||||
},
|
||||
label: "0972-804-600", href: "tel:0972804600"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "服務時間",
|
||||
items: [
|
||||
title: "服務時間", items: [
|
||||
{
|
||||
label: "每日 07:00 - 15:00",
|
||||
href: "#",
|
||||
},
|
||||
label: "每日 07:00 - 15:00", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user