Merge version_1 into main #1
311
src/app/page.tsx
311
src/app/page.tsx
@@ -31,35 +31,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Cafetería Natsuko"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
}}
|
||||
text: "Order Now", href: "#menu"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -67,37 +53,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Asian Fusion Café Ramen, Sushi, Pastries"
|
||||
description="Natsuko blends authentic Asian flavors with cozy café culture. Dine in, order online, or get delivery—4.7★ trusted by 185 locals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Order Now", href: "#menu"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14469.jpg",
|
||||
alt: "Happy customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14469.jpg", alt: "Happy customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/afroamerican-man-smiling-close-up_23-2148508996.jpg",
|
||||
alt: "Happy customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/afroamerican-man-smiling-close-up_23-2148508996.jpg", alt: "Happy customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-coffee-cup_23-2149455885.jpg",
|
||||
alt: "Happy customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-coffee-cup_23-2149455885.jpg", alt: "Happy customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-suit_1321-1150.jpg",
|
||||
alt: "Happy customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-suit_1321-1150.jpg", alt: "Happy customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg",
|
||||
alt: "Portrait of an handsome young man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg", alt: "Portrait of an handsome young man"},
|
||||
]}
|
||||
avatarText="Trusted by 185+ locals"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-salmon-dish-bowl_23-2150461460.jpg"
|
||||
@@ -105,30 +78,15 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/steaming-bowl-ramen-with-eggs-sauce_23-2152000249.jpg",
|
||||
alt: "Steaming bowl of ramen with eggs and sauce",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/steaming-bowl-ramen-with-eggs-sauce_23-2152000249.jpg", alt: "Steaming bowl of ramen with eggs and sauce"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/fresh-sushi-arrangement-top-view_23-2148517012.jpg",
|
||||
alt: "Fresh sushi arrangement top view",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/fresh-sushi-arrangement-top-view_23-2148517012.jpg", alt: "Fresh sushi arrangement top view"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-ice-cream-winter-time_23-2149618928.jpg",
|
||||
alt: "Delicious ice cream in winter time",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/delicious-ice-cream-winter-time_23-2149618928.jpg", alt: "Delicious ice cream in winter time"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/woman-preparing-fresh-orange-juice-breakfast-kitchen_169016-49829.jpg",
|
||||
alt: "A woman preparing fresh orange juice for breakfast in kitchen",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/woman-preparing-fresh-orange-juice-breakfast-kitchen_169016-49829.jpg", alt: "A woman preparing fresh orange juice for breakfast in kitchen"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/colorful-dessert-mochi_1339-5314.jpg",
|
||||
alt: "colorful dessert mochi",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/colorful-dessert-mochi_1339-5314.jpg", alt: "colorful dessert mochi"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,9 +97,7 @@ export default function LandingPage() {
|
||||
title="Discover Cafetería Natsuko: Where Flavor Meets Comfort"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our Story", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,61 +110,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "ramen-bowl",
|
||||
name: "Classic Tonkotsu Ramen",
|
||||
price: "$12.99",
|
||||
variant: "Pork broth, Chashu, Egg, Nori",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-noodles-table_23-2148803808.jpg",
|
||||
imageAlt: "A steaming bowl of classic Tonkotsu Ramen",
|
||||
},
|
||||
id: "ramen-bowl", name: "Classic Tonkotsu Ramen", price: "$12.99", variant: "Pork broth, Chashu, Egg, Nori", imageSrc: "http://img.b2bpic.net/free-photo/assortment-noodles-table_23-2148803808.jpg", imageAlt: "A steaming bowl of classic Tonkotsu Ramen"},
|
||||
{
|
||||
id: "sushi-platter",
|
||||
name: "Assorted Sushi Platter",
|
||||
price: "$18.50",
|
||||
variant: "Chef's selection of Nigiri & Maki",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sushi-variety-flat-lay_23-2148517020.jpg",
|
||||
imageAlt: "A vibrant platter of assorted sushi and sashimi",
|
||||
},
|
||||
id: "sushi-platter", name: "Assorted Sushi Platter", price: "$18.50", variant: "Chef's selection of Nigiri & Maki", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sushi-variety-flat-lay_23-2148517020.jpg", imageAlt: "A vibrant platter of assorted sushi and sashimi"},
|
||||
{
|
||||
id: "matcha-cake",
|
||||
name: "Matcha Delight Cake",
|
||||
price: "$6.75",
|
||||
variant: "Layers of green tea sponge & cream",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-colomba-pistachio-high-angle_23-2149341712.jpg",
|
||||
imageAlt: "A slice of elegant green tea matcha cake",
|
||||
},
|
||||
id: "matcha-cake", name: "Matcha Delight Cake", price: "$6.75", variant: "Layers of green tea sponge & cream", imageSrc: "http://img.b2bpic.net/free-photo/delicious-colomba-pistachio-high-angle_23-2149341712.jpg", imageAlt: "A slice of elegant green tea matcha cake"},
|
||||
{
|
||||
id: "fresh-juice",
|
||||
name: "Tropical Oasis Juice",
|
||||
price: "$5.00",
|
||||
variant: "Mango, Pineapple, Passionfruit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-orange-juice-glass-close-up-kitchen-table_169016-52129.jpg",
|
||||
imageAlt: "A refreshing glass of tropical fruit juice",
|
||||
},
|
||||
id: "fresh-juice", name: "Tropical Oasis Juice", price: "$5.00", variant: "Mango, Pineapple, Passionfruit", imageSrc: "http://img.b2bpic.net/free-photo/fresh-orange-juice-glass-close-up-kitchen-table_169016-52129.jpg", imageAlt: "A refreshing glass of tropical fruit juice"},
|
||||
{
|
||||
id: "mochi-dessert",
|
||||
name: "Colorful Mochi Assortment",
|
||||
price: "$7.25",
|
||||
variant: "Assorted flavors, soft & chewy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-dessert-mochi_1339-5330.jpg",
|
||||
imageAlt: "A plate of colorful mochi desserts",
|
||||
},
|
||||
id: "mochi-dessert", name: "Colorful Mochi Assortment", price: "$7.25", variant: "Assorted flavors, soft & chewy", imageSrc: "http://img.b2bpic.net/free-photo/colorful-dessert-mochi_1339-5330.jpg", imageAlt: "A plate of colorful mochi desserts"},
|
||||
{
|
||||
id: "curry-udon",
|
||||
name: "Hearty Curry Udon",
|
||||
price: "$14.00",
|
||||
variant: "Rich curry broth, thick udon noodles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-tempura-udon_74190-1581.jpg",
|
||||
imageAlt: "A bowl of Japanese curry udon with vegetables",
|
||||
},
|
||||
id: "curry-udon", name: "Hearty Curry Udon", price: "$14.00", variant: "Rich curry broth, thick udon noodles", imageSrc: "http://img.b2bpic.net/free-photo/japanese-tempura-udon_74190-1581.jpg", imageAlt: "A bowl of Japanese curry udon with vegetables"},
|
||||
]}
|
||||
title="Our Diverse Asian Fusion Menu"
|
||||
description="Explore a delightful range of ramen, sushi, pastries, and refreshing juices, crafted with authentic flavors and fresh ingredients."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Full Menu",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Full Menu", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -220,51 +138,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "ramen-quality",
|
||||
label: "Ramen Expertise",
|
||||
title: "Authentic Ramen Bowls",
|
||||
items: [
|
||||
"Slow-cooked broths",
|
||||
"Hand-pulled noodles",
|
||||
"Fresh, local ingredients",
|
||||
],
|
||||
id: "ramen-quality", label: "Ramen Expertise", title: "Authentic Ramen Bowls", items: [
|
||||
"Slow-cooked broths", "Hand-pulled noodles", "Fresh, local ingredients"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Explore Ramen",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Explore Ramen", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "sushi-craft",
|
||||
label: "Sushi Artistry",
|
||||
title: "Exquisite Sushi Creations",
|
||||
items: [
|
||||
"Finest seafood selection",
|
||||
"Masterfully crafted rolls",
|
||||
"Visually stunning presentation",
|
||||
],
|
||||
id: "sushi-craft", label: "Sushi Artistry", title: "Exquisite Sushi Creations", items: [
|
||||
"Finest seafood selection", "Masterfully crafted rolls", "Visually stunning presentation"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Discover Sushi",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Discover Sushi", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "cafe-comfort",
|
||||
label: "Cozy Atmosphere",
|
||||
title: "Your Perfect Café Escape",
|
||||
items: [
|
||||
"Comfortable seating",
|
||||
"Warm, inviting ambiance",
|
||||
"Ideal for work or relaxation",
|
||||
],
|
||||
id: "cafe-comfort", label: "Cozy Atmosphere", title: "Your Perfect Café Escape", items: [
|
||||
"Comfortable seating", "Warm, inviting ambiance", "Ideal for work or relaxation"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -277,66 +171,31 @@ export default function LandingPage() {
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Local Foodie",
|
||||
company: "Padre Hurtado",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-eating-chinese-noodles-looking-phone-holding-c_197531-22365.jpg",
|
||||
imageAlt: "Sarah enjoying ramen at Natsuko",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Local Foodie", company: "Padre Hurtado", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-eating-chinese-noodles-looking-phone-holding-c_197531-22365.jpg", imageAlt: "Sarah enjoying ramen at Natsuko"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Regular Customer",
|
||||
company: "Padre Hurtado",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-young-man-red-blouse-holding-orders-making-smile-gesture-white-background_179666-36051.jpg",
|
||||
imageAlt: "Michael delighted with sushi",
|
||||
},
|
||||
id: "2", name: "Michael C.", role: "Regular Customer", company: "Padre Hurtado", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-young-man-red-blouse-holding-orders-making-smile-gesture-white-background_179666-36051.jpg", imageAlt: "Michael delighted with sushi"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Family Mom",
|
||||
company: "Padre Hurtado",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-delicious-pizza_23-2150317018.jpg",
|
||||
imageAlt: "Emily and her family enjoying their meal",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Family Mom", company: "Padre Hurtado", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-delicious-pizza_23-2150317018.jpg", imageAlt: "Emily and her family enjoying their meal"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Coffee Lover",
|
||||
company: "Padre Hurtado",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-woman-holding-cup-coffee_273609-10508.jpg",
|
||||
imageAlt: "David enjoying coffee at Natsuko",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Coffee Lover", company: "Padre Hurtado", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-woman-holding-cup-coffee_273609-10508.jpg", imageAlt: "David enjoying coffee at Natsuko"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura G.",
|
||||
role: "Date Night Enthusiast",
|
||||
company: "Padre Hurtado",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-proposal-restaurant_23-2147735765.jpg",
|
||||
imageAlt: "Laura and her partner on a date",
|
||||
},
|
||||
id: "5", name: "Laura G.", role: "Date Night Enthusiast", company: "Padre Hurtado", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-proposal-restaurant_23-2147735765.jpg", imageAlt: "Laura and her partner on a date"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.7★",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.7★", label: "Average Rating"},
|
||||
{
|
||||
value: "185+",
|
||||
label: "Happy Locals",
|
||||
},
|
||||
value: "185+", label: "Happy Locals"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Unique Dishes",
|
||||
},
|
||||
value: "50+", label: "Unique Dishes"},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Hear from our happy customers about their favorite dishes and experiences at Cafetería Natsuko. We're proud to be a local favorite!"
|
||||
@@ -348,25 +207,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "order-online",
|
||||
title: "How can I order online?",
|
||||
content: "You can easily order online through our website by clicking the 'Order Now' button. Select your favorite items and choose between pickup or delivery.",
|
||||
},
|
||||
id: "order-online", title: "How can I order online?", content: "You can easily order online through our website by clicking the 'Order Now' button. Select your favorite items and choose between pickup or delivery."},
|
||||
{
|
||||
id: "delivery-area",
|
||||
title: "Do you offer delivery in Padre Hurtado?",
|
||||
content: "Yes, we offer delivery services throughout the Padre Hurtado area. Check our online ordering platform for specific delivery zones and any associated fees.",
|
||||
},
|
||||
id: "delivery-area", title: "Do you offer delivery in Padre Hurtado?", content: "Yes, we offer delivery services throughout the Padre Hurtado area. Check our online ordering platform for specific delivery zones and any associated fees."},
|
||||
{
|
||||
id: "reservations",
|
||||
title: "Can I make a reservation?",
|
||||
content: "We primarily operate on a walk-in basis, but for larger groups or special events, please contact us directly to discuss reservation options.",
|
||||
},
|
||||
id: "reservations", title: "Can I make a reservation?", content: "We primarily operate on a walk-in basis, but for larger groups or special events, please contact us directly to discuss reservation options."},
|
||||
{
|
||||
id: "dietary-options",
|
||||
title: "Do you have vegetarian or vegan options?",
|
||||
content: "Yes, our menu includes a variety of vegetarian and vegan-friendly dishes. Look for the designated icons on our online menu or ask our staff for recommendations.",
|
||||
},
|
||||
id: "dietary-options", title: "Do you have vegetarian or vegan options?", content: "Yes, our menu includes a variety of vegetarian and vegan-friendly dishes. Look for the designated icons on our online menu or ask our staff for recommendations."},
|
||||
]}
|
||||
sideTitle="Your Questions, Our Answers"
|
||||
sideDescription="Find quick answers to common questions about our menu, ordering, and services at Cafetería Natsuko."
|
||||
@@ -378,21 +225,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Visit Us or Order Online: Your Table Awaits!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Order Online", href: "#menu"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.app.goo.gl/your-cafe-location",
|
||||
props: {
|
||||
variant: "secondary",
|
||||
},
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.app.goo.gl/your-cafe-location"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -403,49 +242,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Order Online",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Order Online", href: "#menu"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user