Merge version_2 into main #1
259
src/app/page.tsx
259
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="HACHI RAMEN"
|
||||
/>
|
||||
@@ -56,108 +48,63 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="HACHI RAMEN"
|
||||
description="Authentic Japanese soul in every bowl. Mesa’s home for Spicy Miso, Tonkotsu, and Takoyaki."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-bowls-ramen-with-chopsticks_23-2149277957.jpg",
|
||||
imageAlt: "Tonkotsu broth ramen",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-bowls-ramen-with-chopsticks_23-2149277957.jpg", imageAlt: "Tonkotsu broth ramen"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678752.jpg",
|
||||
imageAlt: "Signature bowl",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678752.jpg", imageAlt: "Signature bowl"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steaming-bowl-ramen_23-2151950838.jpg",
|
||||
imageAlt: "Spicy miso",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steaming-bowl-ramen_23-2151950838.jpg", imageAlt: "Spicy miso"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-ramen-bowls_23-2148202109.jpg",
|
||||
imageAlt: "Shoyu ramen",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-ramen-bowls_23-2148202109.jpg", imageAlt: "Shoyu ramen"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/takoyaki-white-plate_1339-7722.jpg",
|
||||
imageAlt: "Takoyaki",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/takoyaki-white-plate_1339-7722.jpg", imageAlt: "Takoyaki"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tall-vases-with-white-candles-stand-shiny-branches_1304-4763.jpg",
|
||||
imageAlt: "Cozy bar seating",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tall-vases-with-white-candles-stand-shiny-branches_1304-4763.jpg", imageAlt: "Cozy bar seating"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-using-machine-make-pasta_23-2148296865.jpg",
|
||||
imageAlt: "Chef at work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-using-machine-make-pasta_23-2148296865.jpg", imageAlt: "Chef at work"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-ramen-concept_23-2148678750.jpg",
|
||||
imageAlt: "Ramen detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-ramen-concept_23-2148678750.jpg", imageAlt: "Ramen detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-drink_23-2149734526.jpg",
|
||||
imageAlt: "Drinks",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-drink_23-2149734526.jpg", imageAlt: "Drinks"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mix-asian-food-ingredients-with-copy-space_23-2148377470.jpg",
|
||||
imageAlt: "Ingredients",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mix-asian-food-ingredients-with-copy-space_23-2148377470.jpg", imageAlt: "Ingredients"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Order Online", href: "#menu"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-tasty-food-from-around-world_23-2151596638.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-tasty-food-from-around-world_23-2151596638.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-asian-soup_23-2147778489.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-asian-soup_23-2147778489.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-bowl-green-noodles-with-quail-egg-sauce-served-white-tray_181624-32292.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-bowl-green-noodles-with-quail-egg-sauce-served-white-tray_181624-32292.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-ramen-noodles-soups-bowls_23-2148368744.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-ramen-noodles-soups-bowls_23-2148368744.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-delicious-ramen-with-copy-space_23-2148678756.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-delicious-ramen-with-copy-space_23-2148678756.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join 500+ happy diners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% AUTHENTIC",
|
||||
},
|
||||
type: "text", text: "100% AUTHENTIC"},
|
||||
{
|
||||
type: "text",
|
||||
text: "NO MSG",
|
||||
},
|
||||
type: "text", text: "NO MSG"},
|
||||
{
|
||||
type: "text",
|
||||
text: "SLOW-COOKED",
|
||||
},
|
||||
type: "text", text: "SLOW-COOKED"},
|
||||
{
|
||||
type: "text",
|
||||
text: "FRESH INGREDIENTS",
|
||||
},
|
||||
type: "text", text: "FRESH INGREDIENTS"},
|
||||
{
|
||||
type: "text",
|
||||
text: "MESA LOCAL",
|
||||
},
|
||||
type: "text", text: "MESA LOCAL"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -184,20 +131,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Signature Ramen",
|
||||
description: "Rich Tonkotsu, Spicy Miso, and classic Shoyu bowls.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-ramen-noodle-table_1232-2381.jpg",
|
||||
},
|
||||
title: "Signature Ramen", description: "Rich Tonkotsu, Spicy Miso, and classic Shoyu bowls.", imageSrc: "http://img.b2bpic.net/free-photo/japanese-ramen-noodle-table_1232-2381.jpg"},
|
||||
{
|
||||
title: "Small Bites",
|
||||
description: "Perfectly crispy Takoyaki and pan-seared Gyoza.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-tasty-heart-shaped-cookies-with-chocolate-sauce-brownies_114579-1819.jpg",
|
||||
},
|
||||
title: "Small Bites", description: "Perfectly crispy Takoyaki and pan-seared Gyoza.", imageSrc: "http://img.b2bpic.net/free-photo/bowl-tasty-heart-shaped-cookies-with-chocolate-sauce-brownies_114579-1819.jpg"},
|
||||
{
|
||||
title: "Atmosphere",
|
||||
description: "Cozy bar seating and a peaceful space to relax.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/toshikoshi-soba-rustic-ceramic-bowls-rustic-wooden-tablechinese-decor-background_123827-36975.jpg",
|
||||
},
|
||||
title: "Atmosphere", description: "Cozy bar seating and a peaceful space to relax.", imageSrc: "http://img.b2bpic.net/free-photo/toshikoshi-soba-rustic-ceramic-bowls-rustic-wooden-tablechinese-decor-background_123827-36975.jpg"},
|
||||
]}
|
||||
title="Our Favorites"
|
||||
description="A curated selection of authentic flavors to warm the spirit."
|
||||
@@ -212,41 +150,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Tonkotsu Special",
|
||||
price: "$14.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ramen-noodles-soup-bowl_23-2148368743.jpg",
|
||||
},
|
||||
id: "p1", name: "Tonkotsu Special", price: "$14.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ramen-noodles-soup-bowl_23-2148368743.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Spicy Miso Ramen",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-herbs-red-bowl_114579-3100.jpg",
|
||||
},
|
||||
id: "p2", name: "Spicy Miso Ramen", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-herbs-red-bowl_114579-3100.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Shoyu Ramen",
|
||||
price: "$13.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678754.jpg",
|
||||
},
|
||||
id: "p3", name: "Shoyu Ramen", price: "$13.50", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678754.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Takoyaki",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-half-view-tasty-meatball-soup-bowl-table_140725-148816.jpg",
|
||||
},
|
||||
id: "p4", name: "Takoyaki", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/top-half-view-tasty-meatball-soup-bowl-table_140725-148816.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Gyoza",
|
||||
price: "$7.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-dumplings_74190-4351.jpg",
|
||||
},
|
||||
id: "p5", name: "Gyoza", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/fried-dumplings_74190-4351.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Ramune Soda",
|
||||
price: "$3.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-glass-bottless-with-colored-drinks-inside-red_346278-759.jpg",
|
||||
},
|
||||
id: "p6", name: "Ramune Soda", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/three-glass-bottless-with-colored-drinks-inside-red_346278-759.jpg"},
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="From rich broths to authentic street snacks."
|
||||
@@ -259,45 +173,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent!",
|
||||
quote: "Best spicy miso ramen — still unbeatable!",
|
||||
name: "Sarah J.",
|
||||
role: "Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-women-with-delicious-food_23-2149706716.jpg",
|
||||
},
|
||||
id: "1", title: "Excellent!", quote: "Best spicy miso ramen — still unbeatable!", name: "Sarah J.", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-women-with-delicious-food_23-2149706716.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Rich Broth",
|
||||
quote: "The broth is rich and flavorful… perfectly cooked pork, and friendly staff.",
|
||||
name: "Mark D.",
|
||||
role: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-sitting-bar-counter-restaurant_23-2147861980.jpg",
|
||||
},
|
||||
id: "2", title: "Rich Broth", quote: "The broth is rich and flavorful… perfectly cooked pork, and friendly staff.", name: "Mark D.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-sitting-bar-counter-restaurant_23-2147861980.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Peaceful",
|
||||
quote: "Clean, peaceful, and cozy — you can taste the care in every dish.",
|
||||
name: "Emily R.",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-having-fun_23-2149005395.jpg",
|
||||
},
|
||||
id: "3", title: "Peaceful", quote: "Clean, peaceful, and cozy — you can taste the care in every dish.", name: "Emily R.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-having-fun_23-2149005395.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Authentic",
|
||||
quote: "Really authentic flavors, brings back memories of Japan.",
|
||||
name: "David K.",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-eating-tomato-spaghetti-with-sticks_140725-8953.jpg",
|
||||
},
|
||||
id: "4", title: "Authentic", quote: "Really authentic flavors, brings back memories of Japan.", name: "David K.", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/couple-eating-tomato-spaghetti-with-sticks_140725-8953.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Great Staff",
|
||||
quote: "Staff is so welcoming, making the whole experience 5 stars.",
|
||||
name: "Lydia M.",
|
||||
role: "Diner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2149313480.jpg",
|
||||
},
|
||||
id: "5", title: "Great Staff", quote: "Staff is so welcoming, making the whole experience 5 stars.", name: "Lydia M.", role: "Diner", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2149313480.jpg"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Join the Hachi family experience."
|
||||
@@ -311,31 +195,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.9",
|
||||
title: "Google Rating",
|
||||
items: [
|
||||
"Based on 500+ reviews",
|
||||
"Verified diners",
|
||||
],
|
||||
id: "m1", value: "4.9", title: "Google Rating", items: [
|
||||
"Based on 500+ reviews", "Verified diners"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24h+",
|
||||
title: "Broth Simmer",
|
||||
items: [
|
||||
"Slow-cooked pork bones",
|
||||
"Deep umami depth",
|
||||
],
|
||||
id: "m2", value: "24h+", title: "Broth Simmer", items: [
|
||||
"Slow-cooked pork bones", "Deep umami depth"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Authentic",
|
||||
items: [
|
||||
"No MSG, real ingredients",
|
||||
"Traditional techniques",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Authentic", items: [
|
||||
"No MSG, real ingredients", "Traditional techniques"],
|
||||
},
|
||||
]}
|
||||
title="The Hachi Standard"
|
||||
@@ -349,20 +218,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer takeout?",
|
||||
content: "Yes! You can order online for pickup or via major delivery apps.",
|
||||
},
|
||||
id: "f1", title: "Do you offer takeout?", content: "Yes! You can order online for pickup or via major delivery apps."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is your broth MSG-free?",
|
||||
content: "Yes, we focus on natural ingredients and traditional slow-cooking methods.",
|
||||
},
|
||||
id: "f2", title: "Is your broth MSG-free?", content: "Yes, we focus on natural ingredients and traditional slow-cooking methods."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you have vegetarian options?",
|
||||
content: "We offer select vegetable-based dishes; please ask our staff for details.",
|
||||
},
|
||||
id: "f3", title: "Do you have vegetarian options?", content: "We offer select vegetable-based dishes; please ask our staff for details."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about dining at Hachi."
|
||||
@@ -374,20 +234,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Join us at Hachi Ramen"
|
||||
description="123 Main St, Mesa, AZ | Mon–Thu: 11am–9pm | Fri–Sat: 11am–10pm | Sun: 12pm–8pm"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:555-555-5555",
|
||||
},
|
||||
text: "Call Now", href: "tel:555-555-5555"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -396,13 +251,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="HACHI RAMEN"
|
||||
leftLink={{
|
||||
text: "Menu",
|
||||
href: "#menu",
|
||||
}}
|
||||
text: "Menu", href: "#menu"}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user