Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
228
src/app/page.tsx
228
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Ramen Ichiban"
|
||||
/>
|
||||
@@ -59,63 +49,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Authentic Japanese Ramen in Your City"
|
||||
description="Experience the traditional taste of slow-simmered broth, handmade noodles, and fresh, locally sourced toppings. Taste the art of ramen."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/korean-instant-noodle-tteokbokki-korean-spicy-sauce-ancient-food_1150-43006.jpg?_wi=1"
|
||||
imageAlt="Signature bowl of steaming hot ramen"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678747.jpg",
|
||||
alt: "Happy diner one",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678747.jpg", alt: "Happy diner one"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678748.jpg",
|
||||
alt: "Happy diner two",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678748.jpg", alt: "Happy diner two"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678752.jpg",
|
||||
alt: "Happy diner three",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678752.jpg", alt: "Happy diner three"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-food-concept-with-copy-space_23-2148716231.jpg",
|
||||
alt: "Happy diner four",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-food-concept-with-copy-space_23-2148716231.jpg", alt: "Happy diner four"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ramen-noodle-soup-with-fresh-ingredients-chopsticks-dark-background_84443-85793.jpg",
|
||||
alt: "Happy diner five",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/ramen-noodle-soup-with-fresh-ingredients-chopsticks-dark-background_84443-85793.jpg", alt: "Happy diner five"},
|
||||
]}
|
||||
avatarText="Join 50,000+ happy diners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Homemade Noodles",
|
||||
},
|
||||
type: "text", text: "100% Homemade Noodles"},
|
||||
{
|
||||
type: "text",
|
||||
text: "12-Hour Broth",
|
||||
},
|
||||
type: "text", text: "12-Hour Broth"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
type: "text", text: "Locally Sourced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Flavors",
|
||||
},
|
||||
type: "text", text: "Authentic Flavors"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditional Craft",
|
||||
},
|
||||
type: "text", text: "Traditional Craft"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,47 +105,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tonkotsu Ramen",
|
||||
price: "$14.50",
|
||||
variant: "Rich & Creamy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-noodles-bowl-assortment_23-2148803817.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Tonkotsu Ramen", price: "$14.50", variant: "Rich & Creamy", imageSrc: "http://img.b2bpic.net/free-photo/top-view-noodles-bowl-assortment_23-2148803817.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Shoyu Ramen",
|
||||
price: "$12.00",
|
||||
variant: "Classic Soy Base",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life-top-view_23-2151053749.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Shoyu Ramen", price: "$12.00", variant: "Classic Soy Base", imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life-top-view_23-2151053749.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tsukemen",
|
||||
price: "$15.00",
|
||||
variant: "Dipping Noodles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spinach-eggs-ramen-soup-cloth_23-2148486541.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Tsukemen", price: "$15.00", variant: "Dipping Noodles", imageSrc: "http://img.b2bpic.net/free-photo/spinach-eggs-ramen-soup-cloth_23-2148486541.jpg?_wi=1"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Gyoza (6pcs)",
|
||||
price: "$7.00",
|
||||
variant: "Crispy Dumplings",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-biscuit-tray-marble-surface_114579-48453.jpg",
|
||||
},
|
||||
id: "4", name: "Gyoza (6pcs)", price: "$7.00", variant: "Crispy Dumplings", imageSrc: "http://img.b2bpic.net/free-photo/delicious-biscuit-tray-marble-surface_114579-48453.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Karaage",
|
||||
price: "$8.50",
|
||||
variant: "Fried Chicken",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creamy-mushroom-sauteed-with-rice-salad_114579-2113.jpg",
|
||||
},
|
||||
id: "5", name: "Karaage", price: "$8.50", variant: "Fried Chicken", imageSrc: "http://img.b2bpic.net/free-photo/creamy-mushroom-sauteed-with-rice-salad_114579-2113.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Edamame",
|
||||
price: "$5.00",
|
||||
variant: "Light Snack",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-seaweed-dish_23-2150912719.jpg",
|
||||
},
|
||||
id: "6", name: "Edamame", price: "$5.00", variant: "Light Snack", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-seaweed-dish_23-2150912719.jpg"},
|
||||
]}
|
||||
title="Our Signature Bowls & Sides"
|
||||
description="From rich, creamy Tonkotsu to lighter Shoyu options, find your favorite soul-warming bowl."
|
||||
@@ -191,29 +128,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Broth",
|
||||
title: "12-Hour Simmer",
|
||||
subtitle: "Deep Flavor",
|
||||
description: "Our pork bone broth is simmered for 12 hours until perfectly creamy and rich.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-making-diy-crafts-upcycle-project_23-2149391035.jpg",
|
||||
imageAlt: "Young girl making diy crafts in upcycle project",
|
||||
},
|
||||
tag: "Broth", title: "12-Hour Simmer", subtitle: "Deep Flavor", description: "Our pork bone broth is simmered for 12 hours until perfectly creamy and rich.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2149091583.jpg", imageAlt: "Close-up of rich creamy pork broth being prepared"},
|
||||
{
|
||||
tag: "Noodles",
|
||||
title: "Handmade Daily",
|
||||
subtitle: "Perfect Texture",
|
||||
description: "Fresh, chewy noodles crafted in-house every single morning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/korean-instant-noodle-tteokbokki-korean-spicy-sauce-ancient-food_1150-43006.jpg?_wi=2",
|
||||
imageAlt: "Young girl making diy crafts in upcycle project",
|
||||
},
|
||||
tag: "Noodles", title: "Handmade Daily", subtitle: "Perfect Texture", description: "Fresh, chewy noodles crafted in-house every single morning.", imageSrc: "http://img.b2bpic.net/free-photo/raw-rice-noodles-place-mat-chopsticks-weathered-table_23-2148097246.jpg", imageAlt: "Artisan handmade ramen noodles being prepared"},
|
||||
{
|
||||
tag: "Toppings",
|
||||
title: "Fresh & Local",
|
||||
subtitle: "Quality First",
|
||||
description: "Seasonal toppings sourced daily for freshness and vibrancy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-view-parent-child-spending-time-together_23-2151587646.jpg?_wi=2",
|
||||
imageAlt: "Young girl making diy crafts in upcycle project",
|
||||
},
|
||||
tag: "Toppings", title: "Fresh & Local", subtitle: "Quality First", description: "Seasonal toppings sourced daily for freshness and vibrancy.", imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-noodle-that-combines-corn-golden-needle-mushroom-tomato-sausage-edamame-spring-onions-frying-pan_1150-22738.jpg", imageAlt: "Fresh locally sourced ramen toppings"},
|
||||
]}
|
||||
title="Why We Are Different"
|
||||
description="Our commitment to quality ensures every bowl exceeds expectations."
|
||||
@@ -227,23 +146,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "12+",
|
||||
},
|
||||
id: "1", icon: Award,
|
||||
title: "Years Experience", value: "12+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Soup,
|
||||
title: "Bowls Served",
|
||||
value: "100k+",
|
||||
},
|
||||
id: "2", icon: Soup,
|
||||
title: "Bowls Served", value: "100k+"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Users,
|
||||
title: "Happy Diners",
|
||||
value: "50k+",
|
||||
},
|
||||
id: "3", icon: Users,
|
||||
title: "Happy Diners", value: "50k+"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Years of expertise serving our community."
|
||||
@@ -256,60 +166,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2024",
|
||||
title: "Local Regular",
|
||||
quote: "The tonkotsu here is absolutely life-changing. I come every week!",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/korean-instant-noodle-tteokbokki-korean-spicy-sauce-ancient-food_1150-43006.jpg?_wi=3",
|
||||
imageAlt: "happy customer eating ramen",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", date: "Jan 2024", title: "Local Regular", quote: "The tonkotsu here is absolutely life-changing. I come every week!", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg", imageSrc: "http://img.b2bpic.net/free-photo/korean-instant-noodle-tteokbokki-korean-spicy-sauce-ancient-food_1150-43006.jpg?_wi=3", imageAlt: "happy customer eating ramen"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Park",
|
||||
date: "Dec 2023",
|
||||
title: "Foodie",
|
||||
quote: "Authentic taste and incredible staff. Truly the best ramen in town.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-happy-friends-table_23-2149213365.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-view-parent-child-spending-time-together_23-2151587646.jpg?_wi=3",
|
||||
imageAlt: "happy customer eating ramen",
|
||||
},
|
||||
id: "2", name: "David Park", date: "Dec 2023", title: "Foodie", quote: "Authentic taste and incredible staff. Truly the best ramen in town.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-happy-friends-table_23-2149213365.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-view-parent-child-spending-time-together_23-2151587646.jpg?_wi=3", imageAlt: "happy customer eating ramen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
date: "Nov 2023",
|
||||
title: "Student",
|
||||
quote: "Affordable, delicious, and super cozy vibes. My go-to spot.",
|
||||
tag: "Student",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-noodles-bowl-assortment_23-2148803817.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating ramen",
|
||||
},
|
||||
id: "3", name: "Emily Chen", date: "Nov 2023", title: "Student", quote: "Affordable, delicious, and super cozy vibes. My go-to spot.", tag: "Student", avatarSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-noodles-bowl-assortment_23-2148803817.jpg?_wi=2", imageAlt: "happy customer eating ramen"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
date: "Oct 2023",
|
||||
title: "Blogger",
|
||||
quote: "Exquisite attention to detail in every bowl. Don't skip the gyoza!",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-trying-pepper_141793-89016.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life-top-view_23-2151053749.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating ramen",
|
||||
},
|
||||
id: "4", name: "Mark Wilson", date: "Oct 2023", title: "Blogger", quote: "Exquisite attention to detail in every bowl. Don't skip the gyoza!", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-trying-pepper_141793-89016.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life-top-view_23-2151053749.jpg?_wi=2", imageAlt: "happy customer eating ramen"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wong",
|
||||
date: "Sep 2023",
|
||||
title: "Professional",
|
||||
quote: "A perfect bowl for cold evenings. Warm and comforting.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spinach-eggs-ramen-soup-cloth_23-2148486541.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating ramen",
|
||||
},
|
||||
id: "5", name: "Lisa Wong", date: "Sep 2023", title: "Professional", quote: "A perfect bowl for cold evenings. Warm and comforting.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg", imageSrc: "http://img.b2bpic.net/free-photo/spinach-eggs-ramen-soup-cloth_23-2148486541.jpg?_wi=2", imageAlt: "happy customer eating ramen"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Join our community of satisfied ramen lovers."
|
||||
@@ -320,18 +185,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Hungry? Visit us today or order online for pickup. Your bowl is waiting."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book a Table", href: "#"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:555-123-456",
|
||||
},
|
||||
text: "Call Now", href: "tel:555-123-456"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -343,14 +203,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Follow us on Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Follow us on Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Visit our Facebook page",
|
||||
},
|
||||
href: "#", ariaLabel: "Visit our Facebook page"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user