bender/fc183df7-c306-4bf9-af0d-69da41bd6497
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-04-18 15:22:22 +00:00
parent ea225c6dd7
commit bd5a32dc75
1 changed files with 57 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

235
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Utensils } from "lucide-react";
import { Utensils, Wheat, Armchair, Flame, Heart } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Our Story",
id: "about",
},
name: "Our Story", id: "about"},
{
name: "Menu",
id: "menu",
},
name: "Menu", id: "menu"},
{
name: "Reviews",
id: "reviews",
},
name: "Reviews", id: "reviews"},
{
name: "Location",
id: "contact",
},
name: "Location", id: "contact"},
]}
brandName="Hisashi Ramen"
/>
@@ -56,71 +48,44 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Authentic Flavor, Time-Honored Tradition"
description="Experience the warmth of Hisashi Ramen, where every bowl is crafted with patience and precision using the finest ingredients."
kpis={[
{
value: "12hr+",
label: "Simmered Broth",
},
value: "12hr+", label: "Simmered Broth"},
{
value: "4.9★",
label: "Average Rating",
},
value: "4.9★", label: "Average Rating"},
{
value: "100%",
label: "Handmade Noodles",
},
value: "100%", label: "Handmade Noodles"},
]}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/noodles_23-2148142561.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/bowl-noodles-with-vegetables-copy-space_23-2148382845.jpg",
alt: "Customer 1",
},
src: "http://img.b2bpic.net/free-photo/bowl-noodles-with-vegetables-copy-space_23-2148382845.jpg", alt: "Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678752.jpg",
alt: "Customer 2",
},
src: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678752.jpg", alt: "Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-with-chopsticks_23-2150606739.jpg",
alt: "Customer 3",
},
src: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-with-chopsticks_23-2150606739.jpg", alt: "Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/vertical-shot-bowl-delicious-food-chopsticks-wooden-table_181624-29071.jpg",
alt: "Customer 4",
},
src: "http://img.b2bpic.net/free-photo/vertical-shot-bowl-delicious-food-chopsticks-wooden-table_181624-29071.jpg", alt: "Customer 4"},
{
src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-knitted-warm-sweater-hat-having-lunch_273609-6903.jpg",
alt: "Customer 5",
},
src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-knitted-warm-sweater-hat-having-lunch_273609-6903.jpg", alt: "Customer 5"},
]}
avatarText="Join 15,000+ satisfied diners"
marqueeItems={[
{
type: "text",
text: "Locally Sourced",
},
type: "text", text: "Locally Sourced"},
{
type: "text",
text: "Artisanal Technique",
},
type: "text", text: "Artisanal Technique"},
{
type: "text",
text: "Daily Specials",
},
type: "text", text: "Daily Specials"},
{
type: "text",
text: "Authentic Spirit",
},
type: "text", text: "Authentic Spirit"},
{
type: "text",
text: "Slow-Cooked Magic",
},
type: "text", text: "Slow-Cooked Magic"},
]}
/>
</div>
@@ -144,29 +109,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Fresh Noodles",
description: "Crafted fresh every single morning using premium flour.",
buttonIcon: "Wheat",
imageSrc: "http://img.b2bpic.net/free-photo/japanese-food-cooking_23-2149428726.jpg",
},
title: "Fresh Noodles", description: "Crafted fresh every single morning using premium flour.", buttonIcon: Wheat,
imageSrc: "http://img.b2bpic.net/free-photo/japanese-food-cooking_23-2149428726.jpg"},
{
title: "Inviting Space",
description: "Designed for intimacy and comfort, just like home.",
buttonIcon: "Armchair",
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-holding-soup-with-beef_1220-7939.jpg",
},
title: "Inviting Space", description: "Designed for intimacy and comfort, just like home.", buttonIcon: Armchair,
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-holding-soup-with-beef_1220-7939.jpg"},
{
title: "Signature Broth",
description: "Deep, complex flavor profiles developed over years.",
buttonIcon: "Flame",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-japanese-dish-arrangement_23-2148809896.jpg",
},
title: "Signature Broth", description: "Deep, complex flavor profiles developed over years.", buttonIcon: Flame,
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-japanese-dish-arrangement_23-2148809896.jpg"},
{
title: "Service First",
description: "Our staff is here to make your experience memorable.",
buttonIcon: "Heart",
imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customer_1170-656.jpg",
},
title: "Service First", description: "Our staff is here to make your experience memorable.", buttonIcon: Heart,
imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customer_1170-656.jpg"},
]}
title="The Hisashi Difference"
description="We take pride in every single detail, from our signature noodle texture to the fresh local ingredients we source daily."
@@ -181,41 +134,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Shoyu Ramen",
price: "$15",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678746.jpg",
},
id: "p1", name: "Shoyu Ramen", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678746.jpg"},
{
id: "p2",
name: "Chashu Tonkotsu",
price: "$18",
imageSrc: "http://img.b2bpic.net/free-photo/asian-style-soup-with-noodles-pork-green-onions-closely-bowl-table_1150-22838.jpg",
},
id: "p2", name: "Chashu Tonkotsu", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/asian-style-soup-with-noodles-pork-green-onions-closely-bowl-table_1150-22838.jpg"},
{
id: "p3",
name: "Mushroom Veggie",
price: "$14",
imageSrc: "http://img.b2bpic.net/free-photo/udon-wok-noodle-with-vegetables-meats-colored-backdrop_23-2148123622.jpg",
},
id: "p3", name: "Mushroom Veggie", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/udon-wok-noodle-with-vegetables-meats-colored-backdrop_23-2148123622.jpg"},
{
id: "p4",
name: "Chicken Paitan",
price: "$16",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-noodle-soup-with-chicken-brown-bowl-spoon-dark-background_140725-140044.jpg",
},
id: "p4", name: "Chicken Paitan", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-noodle-soup-with-chicken-brown-bowl-spoon-dark-background_140725-140044.jpg"},
{
id: "p5",
name: "Gyoza Trio",
price: "$9",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-asian-dumplings-dish-with-herbs-chopsticks_23-2148694346.jpg",
},
id: "p5", name: "Gyoza Trio", price: "$9", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-asian-dumplings-dish-with-herbs-chopsticks_23-2148694346.jpg"},
{
id: "p6",
name: "Matcha Mochi",
price: "$6",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-dessert-mochi_1339-5316.jpg",
},
id: "p6", name: "Matcha Mochi", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/colorful-dessert-mochi_1339-5316.jpg"},
]}
title="Our Signature Bowls"
description="From classic shoyu to modern veggie creations, explore our menu of handcrafted ramen selections."
@@ -230,20 +159,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15,000+",
description: "Bowls Served",
},
id: "m1", value: "15,000+", description: "Bowls Served"},
{
id: "m2",
value: "5 Years",
description: "Serving You",
},
id: "m2", value: "5 Years", description: "Serving You"},
{
id: "m3",
value: "12+",
description: "Local Vendors",
},
id: "m3", value: "12+", description: "Local Vendors"},
]}
title="Our Impact"
description="We are proud to serve our local community and bring authentic Japanese flavors to your table."
@@ -258,25 +178,15 @@ export default function LandingPage() {
author="Marcus Thorne"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-knitted-warm-sweater-hat-having-lunch_273609-6903.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-knitted-warm-sweater-hat-having-lunch_273609-6903.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/people-eating-delicious-salmon-bowl_52683-116801.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/people-eating-delicious-salmon-bowl_52683-116801.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/happy-asian-woman-carrying-instant-noodles-with-chopsticks-mouth-front-laptop_1098-17241.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/happy-asian-woman-carrying-instant-noodles-with-chopsticks-mouth-front-laptop_1098-17241.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/portrait-man-practicing-his-profession-celebrate-international-labour-day_23-2151230084.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/portrait-man-practicing-his-profession-celebrate-international-labour-day_23-2151230084.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/young-boy-is-enjoy-eatting-instant-noodle-home_1150-21930.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/young-boy-is-enjoy-eatting-instant-noodle-home_1150-21930.jpg", alt: "Customer"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
@@ -288,20 +198,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you offer vegan options?",
content: "Yes, we have a delicious mushroom-based veggie ramen.",
},
id: "f1", title: "Do you offer vegan options?", content: "Yes, we have a delicious mushroom-based veggie ramen."},
{
id: "f2",
title: "Do you accept reservations?",
content: "We operate primarily on a walk-in basis.",
},
id: "f2", title: "Do you accept reservations?", content: "We operate primarily on a walk-in basis."},
{
id: "f3",
title: "Is your broth gluten-free?",
content: "Unfortunately, our traditional shoyu contains soy-based gluten.",
},
id: "f3", title: "Is your broth gluten-free?", content: "Unfortunately, our traditional shoyu contains soy-based gluten."},
]}
sideTitle="Commonly Asked"
sideDescription="Everything you need to know about dining at Hisashi Ramen."
@@ -313,18 +214,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
variant: "rotated-rays-static"}}
text="Join us for lunch or dinner today. We're located in the heart of downtown, ready to serve the perfect bowl."
buttons={[
{
text: "Get Directions",
href: "#location",
},
text: "Get Directions", href: "#location"},
{
text: "See Full Menu",
href: "#menu",
},
text: "See Full Menu", href: "#menu"},
]}
/>
</div>
@@ -335,46 +231,29 @@ export default function LandingPage() {
logoText="Hisashi Ramen"
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Menu",
href: "#menu",
},
label: "Menu", href: "#menu"},
{
label: "Reviews",
href: "#reviews",
},
label: "Reviews", href: "#reviews"},
{
label: "Story",
href: "#about",
},
label: "Story", href: "#about"},
],
},
{
title: "Location",
items: [
title: "Location", items: [
{
label: "123 Ramen Lane",
href: "#",
},
label: "123 Ramen Lane", href: "#"},
{
label: "Hours",
href: "#",
},
label: "Hours", href: "#"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "hello@hisashiramen.com",
href: "mailto:hello@hisashiramen.com",
},
label: "hello@hisashiramen.com", href: "mailto:hello@hisashiramen.com"},
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
],
},
]}