Merge version_1 into main #1
235
src/app/page.tsx
235
src/app/page.tsx
@@ -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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user