bender/bd4fb211-35df-4177-8e65-a71d682980a6
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-03-15 14:27:15 +00:00
parent c04a791ccc
commit b5d45cd53b
1 changed files with 32 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
src/app/page.tsx
View File

@@ -37,7 +37,7 @@ export default function HomePage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Chrome"
brandName="Chome"
bottomLeftText="Modern Japanese Dining"
bottomRightText="San Francisco, CA"
/>
@@ -45,8 +45,8 @@ export default function HomePage() {
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
logoText="Chrome"
description="Experience Modern Japanese Dining at Chrome. Authentic cuisine, fresh ingredients, and contemporary elegance in the heart of San Francisco."
logoText="Chome"
description="Experience Modern Japanese Dining at Chome. Authentic cuisine, fresh ingredients, and contemporary elegance in the heart of San Francisco."
background={{ variant: "plain" }}
buttons={[
{ text: "View Menu", href: "/menu" },
@@ -55,30 +55,24 @@ export default function HomePage() {
buttonAnimation="slide-up"
layoutOrder="default"
imageSrc="http://img.b2bpic.net/free-photo/eat-tasty-japanese-white-black_1203-4157.jpg"
imageAlt="Beautiful sushi platter at Chrome restaurant"
imageAlt="Beautiful sushi platter at Chome restaurant"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="Welcome to Chrome: Modern Japanese Excellence"
title="Welcome to Chome: Modern Japanese Excellence"
metrics={[
{
icon: ChefHat,
label: "Experienced Chefs",
value: "15+ Years",
},
label: "Experienced Chefs", value: "15+ Years"},
{
icon: Leaf,
label: "Fresh Ingredients",
value: "Daily Sourced",
},
label: "Fresh Ingredients", value: "Daily Sourced"},
{
icon: Sparkles,
label: "Stylish Dining",
value: "Contemporary Design",
},
label: "Stylish Dining", value: "Contemporary Design"},
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
@@ -87,66 +81,45 @@ export default function HomePage() {
<div id="features" data-section="features">
<FeatureCardTen
title="What Sets Chrome Apart"
description="Chrome celebrates the art of Japanese cuisine with a commitment to authenticity, quality, and innovation. Located in San Francisco, we blend traditional cooking techniques with contemporary dining aesthetics."
title="What Sets Chome Apart"
description="Chome celebrates the art of Japanese cuisine with a commitment to authenticity, quality, and innovation. Located in San Francisco, we blend traditional cooking techniques with contemporary dining aesthetics."
features={[
{
id: "fresh",
title: "Fresh Ingredients",
description: "We source the finest Japanese ingredients daily, ensuring every dish reflects authentic flavors and premium quality.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-tuna-fish-meat-salad-with-avocado-mango_74190-749.jpg",
imageAlt: "Fresh ingredient preparation",
},
id: "fresh", title: "Fresh Ingredients", description: "We source the finest Japanese ingredients daily, ensuring every dish reflects authentic flavors and premium quality.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-tuna-fish-meat-salad-with-avocado-mango_74190-749.jpg", imageAlt: "Fresh ingredient preparation"},
items: [
{
icon: Leaf,
text: "Daily ingredient sourcing",
},
text: "Daily ingredient sourcing"},
{
icon: Shield,
text: "Quality assurance",
},
text: "Quality assurance"},
],
reverse: false,
},
{
id: "authentic",
title: "Authentic Japanese Cuisine",
description: "Our menu features traditional sushi, ramen, and contemporary Japanese dishes prepared by experienced chefs trained in Japan.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-chopsticks_23-2149250127.jpg",
imageAlt: "Chef preparing authentic sushi",
},
id: "authentic", title: "Authentic Japanese Cuisine", description: "Our menu features traditional sushi, ramen, and contemporary Japanese dishes prepared by experienced chefs trained in Japan.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-chopsticks_23-2149250127.jpg", imageAlt: "Chef preparing authentic sushi"},
items: [
{
icon: Award,
text: "Traditional techniques",
},
text: "Traditional techniques"},
{
icon: Sparkles,
text: "Expert preparation",
},
text: "Expert preparation"},
],
reverse: true,
},
{
id: "experience",
title: "Stylish Dining Experience",
description: "Our minimalist-designed restaurant combines sleek modern architecture with warm accents, creating an inviting and elegant atmosphere.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/plates-brown-wooden-table_417767-541.jpg",
imageAlt: "Modern restaurant interior",
},
id: "experience", title: "Stylish Dining Experience", description: "Our minimalist-designed restaurant combines sleek modern architecture with warm accents, creating an inviting and elegant atmosphere.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/plates-brown-wooden-table_417767-541.jpg", imageAlt: "Modern restaurant interior"},
items: [
{
icon: Home,
text: "Contemporary design",
},
text: "Contemporary design"},
{
icon: Zap,
text: "Welcoming ambiance",
},
text: "Welcoming ambiance"},
],
reverse: false,
},
@@ -161,48 +134,16 @@ export default function HomePage() {
<TestimonialCardFive
testimonials={[
{
id: "1",
name: "Sarah Chen",
date: "2 weeks ago",
title: "Marketing Director",
quote: "Chrome offers an exceptional dining experience. The sushi is incredibly fresh, the service is impeccable, and the atmosphere is perfectly sophisticated yet welcoming. A true gem in San Francisco.",
tag: "Exceptional Quality",
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15843.jpg",
avatarAlt: "Sarah Chen",
},
id: "1", name: "Sarah Chen", date: "2 weeks ago", title: "Marketing Director", quote: "Chome offers an exceptional dining experience. The sushi is incredibly fresh, the service is impeccable, and the atmosphere is perfectly sophisticated yet welcoming. A true gem in San Francisco.", tag: "Exceptional Quality", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15843.jpg", avatarAlt: "Sarah Chen"},
{
id: "2",
name: "Michael Rodriguez",
date: "1 month ago",
title: "Food Critic",
quote: "Chrome represents the future of Japanese dining in San Francisco. The blend of traditional techniques with modern presentation is masterful. Every detail, from the plating to the service, demonstrates genuine craftsmanship.",
tag: "Culinary Excellence",
avatarSrc: "http://img.b2bpic.net/free-photo/joyful-man-white-tshirt-jacket-smiling-brown-background_197531-26657.jpg",
avatarAlt: "Michael Rodriguez",
},
id: "2", name: "Michael Rodriguez", date: "1 month ago", title: "Food Critic", quote: "Chome represents the future of Japanese dining in San Francisco. The blend of traditional techniques with modern presentation is masterful. Every detail, from the plating to the service, demonstrates genuine craftsmanship.", tag: "Culinary Excellence", avatarSrc: "http://img.b2bpic.net/free-photo/joyful-man-white-tshirt-jacket-smiling-brown-background_197531-26657.jpg", avatarAlt: "Michael Rodriguez"},
{
id: "3",
name: "Emily Thompson",
date: "3 weeks ago",
title: "Restaurant Owner",
quote: "I've dined at Chrome multiple times, and it never disappoints. The ramen is authentic and comforting, the sashimi is pristine, and the overall experience feels premium without being pretentious.",
tag: "Premium Experience",
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",
avatarAlt: "Emily Thompson",
},
id: "3", name: "Emily Thompson", date: "3 weeks ago", title: "Restaurant Owner", quote: "I've dined at Chome multiple times, and it never disappoints. The ramen is authentic and comforting, the sashimi is pristine, and the overall experience feels premium without being pretentious.", tag: "Premium Experience", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg", avatarAlt: "Emily Thompson"},
{
id: "4",
name: "David Park",
date: "1 month ago",
title: "CEO, Tech Company",
quote: "Chrome is my go-to restaurant for business dinners and celebrations. The minimalist design creates a sophisticated backdrop for meaningful conversations, and the food quality is consistently outstanding.",
tag: "Best for Business",
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-afroamerican-man-smiling_23-2148508920.jpg",
avatarAlt: "David Park",
},
id: "4", name: "David Park", date: "1 month ago", title: "CEO, Tech Company", quote: "Chome is my go-to restaurant for business dinners and celebrations. The minimalist design creates a sophisticated backdrop for meaningful conversations, and the food quality is consistently outstanding.", tag: "Best for Business", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-afroamerican-man-smiling_23-2148508920.jpg", avatarAlt: "David Park"},
]}
title="What Our Guests Say"
description="Discover why diners in San Francisco choose Chrome for an authentic, elegant Japanese dining experience."
description="Discover why diners in San Francisco choose Chome for an authentic, elegant Japanese dining experience."
textboxLayout="default"
useInvertedBackground={false}
/>
@@ -210,7 +151,7 @@ export default function HomePage() {
<div id="contact" data-section="contact">
<ContactText
text="Ready to experience Chrome? Contact us to make a reservation or learn more about our menu. Visit us at 3601 26th St, San Francisco, CA 94110, or reach out via phone or email."
text="Ready to experience Chome? Contact us to make a reservation or learn more about our menu. Visit us at 3601 26th St, San Francisco, CA 94110, or reach out via phone or email."
animationType="entrance-slide"
buttons={[
{ text: "Reserve Now", href: "/reservations" },
@@ -223,19 +164,15 @@ export default function HomePage() {
<div id="footer" data-section="footer">
<FooterCard
logoText="Chrome"
copyrightText="© 2025 Chrome Japanese Restaurant. All rights reserved."
logoText="Chome"
copyrightText="© 2025 Chome Japanese Restaurant. All rights reserved."
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com",
ariaLabel: "Follow us on Instagram",
},
href: "https://instagram.com", ariaLabel: "Follow us on Instagram"},
{
icon: Facebook,
href: "https://facebook.com",
ariaLabel: "Like us on Facebook",
},
href: "https://facebook.com", ariaLabel: "Like us on Facebook"},
]}
/>
</div>