Merge version_1 into main #1
241
src/app/page.tsx
241
src/app/page.tsx
@@ -19,31 +19,25 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Stats", id: "stats" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Formosa Kitchen"
|
||||
/>
|
||||
@@ -54,38 +48,17 @@ export default function LandingPage() {
|
||||
title="Authentic Flavors of Taiwan"
|
||||
description="Experience the traditional taste of Taiwan right here. Fresh ingredients, time-honored recipes, and an atmosphere that welcomes you home."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Book a Table", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/japanese-ramen-noodle-table_1232-2993.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/instant-noodle-with-pork-egg-ready-be-eaten-delicious-instant-food-menu-concept_1150-6465.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-asian-woman-holding-soup-with-beef_1220-7939.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/asian-eat-dish-savory-menu-flavor_53876-42319.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pork-boat-noodles-classic-thai-food-popular-menus-ready-eat-soups-there-is-also-basil-bowl_1150-24197.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552626.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/instant-noodle-with-pork-egg-ready-be-eaten-delicious-instant-food-menu-concept_1150-6465.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-asian-woman-holding-soup-with-beef_1220-7939.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/asian-eat-dish-savory-menu-flavor_53876-42319.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pork-boat-noodles-classic-thai-food-popular-menus-ready-eat-soups-there-is-also-basil-bowl_1150-24197.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552626.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Join 50,000+ satisfied guests"
|
||||
/>
|
||||
@@ -93,7 +66,6 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Heritage"
|
||||
title="A Legacy of Taste"
|
||||
description="Formosa Kitchen is a labor of love, bringing the vibrant street food culture of Taipei to our community. Our recipes have been handed down through generations, ensuring every dish reflects the heart and soul of Taiwan."
|
||||
@@ -111,42 +83,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Beef Noodle Soup",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-delicious-food-tet-vietnamese-new-year_23-2151077494.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Steamed Soup Dumplings",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-steamed-buns-with-copyspace_23-2148297963.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Crispy Scallion Pancakes",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cabbage-dolma-rolls-white-plate-decorated-with-herbs_114579-24885.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Classic Bubble Milk Tea",
|
||||
price: "$6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-cappuccino_1339-1610.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Braised Pork Rice Bowl",
|
||||
price: "$14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508962.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Fried Chicken Cutlet",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boiled-eggs-stir-fried-with-tamarind-sauce_1150-22260.jpg",
|
||||
},
|
||||
{ id: "1", name: "Signature Beef Noodle Soup", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/3d-delicious-food-tet-vietnamese-new-year_23-2151077494.jpg" },
|
||||
{ id: "2", name: "Steamed Soup Dumplings", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-steamed-buns-with-copyspace_23-2148297963.jpg" },
|
||||
{ id: "3", name: "Crispy Scallion Pancakes", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/cabbage-dolma-rolls-white-plate-decorated-with-herbs_114579-24885.jpg" },
|
||||
{ id: "4", name: "Classic Bubble Milk Tea", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/iced-cappuccino_1339-1610.jpg" },
|
||||
{ id: "5", name: "Braised Pork Rice Bowl", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508962.jpg" },
|
||||
{ id: "6", name: "Fried Chicken Cutlet", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/boiled-eggs-stir-fried-with-tamarind-sauce_1150-22260.jpg" },
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Explore a curated selection of our most beloved Taiwanese classics."
|
||||
@@ -160,21 +102,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Tradition",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50k+",
|
||||
description: "Bowls Served",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9★",
|
||||
description: "Average Rating",
|
||||
},
|
||||
{ id: "m1", value: "15+", description: "Years of Tradition" },
|
||||
{ id: "m2", value: "50k+", description: "Bowls Served" },
|
||||
{ id: "m3", value: "4.9★", description: "Average Rating" },
|
||||
]}
|
||||
title="Formosa in Numbers"
|
||||
description="Quality measured in every bowl and every smile."
|
||||
@@ -188,46 +118,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Wang",
|
||||
role: "Foodie",
|
||||
company: "Taipei Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-influencer-recording-vlog_23-2149187786.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
role: "Visitor",
|
||||
company: "Traveler",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-with-tasty-food_23-2149706722.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria Garcia",
|
||||
role: "Customer",
|
||||
company: "Local Foodie",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Smith",
|
||||
role: "Regular",
|
||||
company: "Food Critic",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-putting-bread-stuffing-cubes-her-mushroom-soup-served-with-greek-salad_140725-10827.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Kim",
|
||||
role: "Visitor",
|
||||
company: "Travel Blog",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-eating-delicious-salmon-bowl_52683-116802.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice Wang", role: "Foodie", company: "Taipei Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-influencer-recording-vlog_23-2149187786.jpg" },
|
||||
{ id: "2", name: "John Doe", role: "Visitor", company: "Traveler", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-with-tasty-food_23-2149706722.jpg" },
|
||||
{ id: "3", name: "Maria Garcia", role: "Customer", company: "Local Foodie", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg" },
|
||||
{ id: "4", name: "David Smith", role: "Regular", company: "Food Critic", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-putting-bread-stuffing-cubes-her-mushroom-soup-served-with-greek-salad_140725-10827.jpg" },
|
||||
{ id: "5", name: "Elena Kim", role: "Visitor", company: "Travel Blog", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-eating-delicious-salmon-bowl_52683-116802.jpg" },
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="Hear what our regulars have to say about their journey to Formosa Kitchen."
|
||||
@@ -238,21 +133,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, we highly recommend booking in advance for weekend dinners.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer takeout?",
|
||||
content: "Absolutely! You can order directly through our website.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there vegetarian options?",
|
||||
content: "We have a dedicated section of our menu featuring authentic vegetarian Taiwanese dishes.",
|
||||
},
|
||||
{ id: "f1", title: "Do you accept reservations?", content: "Yes, we highly recommend booking in advance for weekend dinners." },
|
||||
{ id: "f2", title: "Do you offer takeout?", content: "Absolutely! You can order directly through our website." },
|
||||
{ id: "f3", title: "Are there vegetarian options?", content: "We have a dedicated section of our menu featuring authentic vegetarian Taiwanese dishes." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="Find answers to our most common queries."
|
||||
@@ -263,9 +146,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Ready to Visit?"
|
||||
description="Join us at Formosa Kitchen for an unforgettable culinary experience."
|
||||
@@ -278,49 +159,13 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg"
|
||||
logoText="Formosa Kitchen"
|
||||
columns={[
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Info", items: [{ label: "About Us", href: "#about" }, { label: "Our Menu", href: "#menu" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user