bender/cd66517e-c98d-47e0-8d10-8aa3b889eb94
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-06-14 11:13:06 +00:00
parent 9aafc85244
commit 2ef380cec4
1 changed files with 49 additions and 160 deletions
Download Patch File Download Diff File Expand all files Collapse all files

209
src/pages/HomePage.tsx
View File

@@ -6,7 +6,7 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee';
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
import { Award, CheckCircle, Flame, Leaf, Scroll, Soup, Sprout, Star, Truck } from "lucide-react";
import { Award, CheckCircle, Flame, Leaf, Scroll, Soup, Star, Sprout, Truck } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
@@ -19,107 +19,61 @@ export default function HomePage() {
title="Traditional Flavors, Modern Elegance."
description="Experience the delicate balance of authentic Chinese culinary arts in the heart of the city."
primaryButton={{
text: "Reserve a Table",
href: "#contact",
}}
text: "Reserve a Table", href: "#contact"}}
secondaryButton={{
text: "View Menu",
href: "#menu",
}}
text: "View Menu", href: "#menu"}}
items={[
{
text: "Fresh Ingredients",
icon: Leaf,
text: "Fresh Ingredients", icon: Leaf,
},
{
text: "Authentic Recipes",
icon: Award,
text: "Authentic Recipes", icon: Award,
},
{
text: "Premium Dining",
icon: Star,
text: "Premium Dining", icon: Star,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552681.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552681.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesImageBento
<FeaturesBento
tag="Our Philosophy"
title="Why Choose One Fish, Two Fish?"
description="We blend heritage techniques with the finest seasonal produce to create an unforgettable dining journey."
features={[
{
title: "Farm to Table",
description: "Sourcing local, sustainable ingredients for peak freshness.",
bentoComponent: "info-card-marquee",
infoCards: [
title: "Farm to Table", description: "Sourcing local, sustainable ingredients for peak freshness.", bentoComponent: "info-card-marquee", infoCards: [
{
icon: Sprout,
label: "Local",
value: "100%",
},
icon: "Sprout", label: "Local", value: "100%"},
{
icon: Truck,
label: "Daily",
value: "Fresh",
},
icon: "Truck", label: "Daily", value: "Fresh"},
{
icon: CheckCircle,
label: "Quality",
value: "High",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/dim-sum-dumpling_1203-9003.jpg",
imageAlt: "fresh dim sum bamboo steamer",
icon: "CheckCircle", label: "Quality", value: "High"},
]
},
{
title: "Heritage Recipes",
description: "Generations of culinary secrets brought to your table.",
bentoComponent: "tilted-stack-cards",
stackCards: [
title: "Heritage Recipes", description: "Generations of culinary secrets brought to your table.", bentoComponent: "tilted-stack-cards", stackCards: [
{
icon: Scroll,
title: "Family",
subtitle: "Recipes",
detail: "Tradition",
},
icon: "Scroll", title: "Family", subtitle: "Recipes", detail: "Tradition"},
{
icon: Flame,
title: "Wok",
subtitle: "Craft",
detail: "Skill",
},
icon: "Flame", title: "Wok", subtitle: "Craft", detail: "Skill"},
{
icon: Soup,
title: "Slow",
subtitle: "Cook",
detail: "Depth",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552681.jpg?_wi=2",
imageAlt: "fresh dim sum bamboo steamer",
icon: "Soup", title: "Slow", subtitle: "Cook", detail: "Depth"},
]
},
{
title: "Artisan Experience",
description: "A refined atmosphere tailored for food lovers.",
bentoComponent: "media-stack",
mediaItems: [
title: "Artisan Experience", description: "A refined atmosphere tailored for food lovers.", bentoComponent: "media-stack", mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-mushroom-frying-with-stove-fire-human-hand-pan_176474-3150.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-mushroom-frying-with-stove-fire-human-hand-pan_176474-3150.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tea-party-composition_23-2149064378.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tea-party-composition_23-2149064378.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-legs-white-plate-with-sauce_1150-21049.jpg?_wi=1",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-soup-table_23-2150857854.jpg?_wi=1",
imageAlt: "fresh dim sum bamboo steamer",
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-legs-white-plate-with-sauce_1150-21049.jpg"},
]
},
]}
/>
@@ -146,40 +100,19 @@ export default function HomePage() {
description="Explore our chef's selection of authentic delights."
items={[
{
title: "Peking Duck",
description: "Crispy roasted duck carved tableside.",
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-legs-white-plate-with-sauce_1150-21049.jpg?_wi=2",
},
title: "Peking Duck", description: "Crispy roasted duck carved tableside.", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-legs-white-plate-with-sauce_1150-21049.jpg"},
{
title: "Mapo Tofu",
description: "Spicy, numbing, and deeply comforting.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-soup-table_23-2150857854.jpg?_wi=2",
},
title: "Mapo Tofu", description: "Spicy, numbing, and deeply comforting.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-soup-table_23-2150857854.jpg"},
{
title: "Steamed Sea Bass",
description: "A delicate, soy-sauce-braised whole catch.",
imageSrc: "http://img.b2bpic.net/free-photo/clear-soup-with-chicken-with-green-hatch-with-garlic-lemon-onion-red-onion-mushroom-basil_1150-26885.jpg",
},
title: "Steamed Sea Bass", description: "A delicate, soy-sauce-braised whole catch.", imageSrc: "http://img.b2bpic.net/free-photo/clear-soup-with-chicken-with-green-hatch-with-garlic-lemon-onion-red-onion-mushroom-basil_1150-26885.jpg"},
{
title: "Hand-Pulled Noodles",
description: "Expertly crafted for perfect texture.",
imageSrc: "http://img.b2bpic.net/free-photo/authentic-asian-noodle-soup-black-bowl_53876-101453.jpg",
},
title: "Noodles", description: "Expertly crafted for perfect texture.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-asian-noodle-soup-black-bowl_53876-101453.jpg"},
{
title: "Sweet & Sour Pork",
description: "Modern twist on a classic favorite.",
imageSrc: "http://img.b2bpic.net/free-photo/baked-potato-wooden-board-with-pepper-tomato-sauces-top-view_141793-3696.jpg",
},
title: "Pork", description: "Modern twist on a classic favorite.", imageSrc: "http://img.b2bpic.net/free-photo/baked-potato-wooden-board-with-pepper-tomato-sauces-top-view_141793-3696.jpg"},
{
title: "Garlic Bok Choy",
description: "Flash-stir-fried to maintain crispness.",
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-stew-with-green-beans-mushrooms-carrots-corn_2829-9735.jpg",
},
title: "Bok Choy", description: "Flash-stir-fried to maintain crispness.", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-stew-with-green-beans-mushrooms-carrots-corn_2829-9735.jpg"},
{
title: "Dim Sum Selection",
description: "Chef's choice of steamed dumplings.",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-fried-gyurza_140725-1076.jpg",
},
title: "Dim Sum", description: "Chef's choice of steamed dumplings.", imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-fried-gyurza_140725-1076.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -193,40 +126,20 @@ export default function HomePage() {
description="See why diners consider us a top-tier Chinese destination."
testimonials={[
{
name: "Alice Wang",
role: "Food Critic",
quote: "The balance of flavors is simply masterful. A must-visit.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005414.jpg",
},
name: "Alice Wang", role: "Food Critic", quote: "The balance of flavors is simply masterful. A must-visit.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005414.jpg"},
{
name: "David Miller",
role: "Regular Guest",
quote: "Hands down the best Peking Duck I've had in years.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-having-fun-while-eating-cake-cafe_637285-7896.jpg",
},
name: "David Miller", role: "Regular Guest", quote: "Hands down the best Peking Duck I've had in years.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-having-fun-while-eating-cake-cafe_637285-7896.jpg"},
{
name: "Sarah Jenkins",
role: "Diner",
quote: "The atmosphere is warm and the food is consistently divine.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hand-with-spoon-feeding-man-dinner_23-2147969482.jpg",
},
name: "Sarah Jenkins", role: "Diner", quote: "The atmosphere is warm and the food is consistently divine.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hand-with-spoon-feeding-man-dinner_23-2147969482.jpg"},
{
name: "Robert Chen",
role: "Business Owner",
quote: "Fantastic service and even better food. High quality.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-holding-glass-drink-restaurant_23-2147861942.jpg",
},
name: "Robert Chen", role: "Business Owner", quote: "Fantastic service and even better food. High quality.", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-holding-glass-drink-restaurant_23-2147861942.jpg"},
{
name: "Emily Zhang",
role: "Local Resident",
quote: "Truly authentic flavors in a beautiful setting.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/funny-brunette-girl-yellow-sweater-eating-pizza-restaurant_627829-7931.jpg",
},
name: "Emily Zhang", role: "Local Resident", quote: "Truly authentic flavors in a beautiful setting.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/funny-brunette-girl-yellow-sweater-eating-pizza-restaurant_627829-7931.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -240,23 +153,11 @@ export default function HomePage() {
description="Our passion translates into metrics of satisfaction."
metrics={[
{
value: "15,000+",
title: "Meals Served",
description: "Shared moments with our wonderful patrons.",
imageSrc: "http://img.b2bpic.net/free-photo/cook-is-fry-vegetables-with-spices-sauce-wok-flame-cooking-process-asian-restaurant_613910-5938.jpg",
},
value: "15,000+", title: "Meals Served", description: "Shared moments with our wonderful patrons.", imageSrc: "http://img.b2bpic.net/free-photo/cook-is-fry-vegetables-with-spices-sauce-wok-flame-cooking-process-asian-restaurant_613910-5938.jpg"},
{
value: "4.9/5",
title: "User Rating",
description: "Consistently high praise from local critics.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-frying-onions-with-pan-stove2_176474-3099.jpg",
},
value: "4.9/5", title: "User Rating", description: "Consistently high praise from local critics.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-frying-onions-with-pan-stove2_176474-3099.jpg"},
{
value: "50+",
title: "Local Suppliers",
description: "We trust the community for our ingredients.",
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-grilled-meat-plate-glowing-with-heat-generated-by-ai_188544-24644.jpg",
},
value: "50+", title: "Local Suppliers", description: "We trust the community for our ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-grilled-meat-plate-glowing-with-heat-generated-by-ai_188544-24644.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -270,21 +171,13 @@ export default function HomePage() {
description="Everything you need to know about dining with us."
items={[
{
question: "Do you take reservations?",
answer: "Yes, we highly recommend booking in advance.",
},
question: "Do you take reservations?", answer: "Yes, we highly recommend booking in advance."},
{
question: "Are vegetarian options available?",
answer: "Absolutely! We have a curated plant-based selection.",
},
question: "Are vegetarian options available?", answer: "Absolutely! We have a curated plant-based selection."},
{
question: "Is the restaurant family-friendly?",
answer: "Yes, families are welcome during all dining hours.",
},
question: "Is the restaurant family-friendly?", answer: "Yes, families are welcome during all dining hours."},
{
question: "Do you offer catering?",
answer: "Yes, contact us for large event inquiries.",
},
question: "Do you offer catering?", answer: "Yes, contact us for large event inquiries."},
]}
/>
</SectionErrorBoundary>
@@ -296,13 +189,9 @@ export default function HomePage() {
tag="Visit Us"
text="Ready for an exceptional meal? Join us for an evening of authentic flavors."
primaryButton={{
text: "Make a Reservation",
href: "https://booking.com",
}}
text: "Make a Reservation", href: "https://booking.com"}}
secondaryButton={{
text: "Contact Us",
href: "mailto:hello@onefishtwofish.com",
}}
text: "Contact Us", href: "mailto:hello@onefishtwofish.com"}}
/>
</SectionErrorBoundary>
</div>