Update src/app/page.tsx
This commit is contained in:
240
src/app/page.tsx
240
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mie Yamien Kajojo 1945"
|
||||
/>
|
||||
@@ -54,33 +42,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Authentic Taste Since 1945"
|
||||
description="Experience the timeless tradition of our signature Mie Yamien, crafted with authentic heritage recipes and premium ingredients."
|
||||
tag="Legendary Taste"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0f643u",
|
||||
imageAlt: "authentic indonesian noodle dish photography",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0f643u", imageAlt: "authentic indonesian noodle dish photography"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=19epq9",
|
||||
imageAlt: "noodle restaurant interior dining",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://hero-extra-3",
|
||||
imageAlt: "Traditional noodle preparation",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://hero-extra-4",
|
||||
imageAlt: "Fresh noodle texture close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://hero-extra-5",
|
||||
imageAlt: "Heritage restaurant signage",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=19epq9", imageAlt: "noodle restaurant interior dining"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -104,33 +74,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fresh Ingredients",
|
||||
descriptions: [
|
||||
"Hand-picked produce and fresh meat daily.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x8scxd",
|
||||
imageAlt: "fresh handmade indonesian noodles",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Secret Recipe",
|
||||
descriptions: [
|
||||
"Preserved since 1945 for authentic taste.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99ds1h",
|
||||
imageAlt: "fresh handmade indonesian noodles",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Artisanal Method",
|
||||
descriptions: [
|
||||
"Traditional preparation for perfect texture.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=buvbwn",
|
||||
imageAlt: "fresh handmade indonesian noodles",
|
||||
},
|
||||
{ id: "f1", title: "Fresh Ingredients", descriptions: ["Hand-picked produce and fresh meat daily."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x8scxd", imageAlt: "fresh handmade indonesian noodles" },
|
||||
{ id: "f2", title: "Secret Recipe", descriptions: ["Preserved since 1945 for authentic taste."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99ds1h", imageAlt: "fresh handmade indonesian noodles" },
|
||||
{ id: "f3", title: "Artisanal Method", descriptions: ["Traditional preparation for perfect texture."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=buvbwn", imageAlt: "fresh handmade indonesian noodles" },
|
||||
]}
|
||||
title="Why Choose Kajojo 1945"
|
||||
description="We are committed to quality and preserving the authentic spirit of traditional Indonesian noodle culture."
|
||||
@@ -144,66 +90,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Kajojo",
|
||||
name: "Mie Yamien Original",
|
||||
price: "$12",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gqr1oh",
|
||||
imageAlt: "mie yamien noodle dish",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Kajojo",
|
||||
name: "Mie Yamien Pangsit",
|
||||
price: "$15",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7bg070",
|
||||
imageAlt: "yamien pangsit noodle bowl",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Kajojo",
|
||||
name: "Mie Ayam Bakso",
|
||||
price: "$14",
|
||||
rating: 4,
|
||||
reviewCount: "88",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ctpegq",
|
||||
imageAlt: "mie ayam pangsit delicious",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Kajojo",
|
||||
name: "Mie Ayam Jamur",
|
||||
price: "$13",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6i5248",
|
||||
imageAlt: "indonesian noodle dish close up",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Kajojo",
|
||||
name: "Yamien Pedas Mampus",
|
||||
price: "$16",
|
||||
rating: 5,
|
||||
reviewCount: "205",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=av5joe",
|
||||
imageAlt: "mie yamien special dish",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Kajojo",
|
||||
name: "Mie Komplit",
|
||||
price: "$18",
|
||||
rating: 5,
|
||||
reviewCount: "340",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iu8bsz",
|
||||
imageAlt: "mie ayam bowl top view",
|
||||
},
|
||||
{ id: "p1", brand: "Kajojo", name: "Mie Yamien Original", price: "$12", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gqr1oh", imageAlt: "mie yamien noodle dish" },
|
||||
{ id: "p2", brand: "Kajojo", name: "Mie Yamien Pangsit", price: "$15", rating: 5, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7bg070", imageAlt: "yamien pangsit noodle bowl" },
|
||||
{ id: "p3", brand: "Kajojo", name: "Mie Ayam Bakso", price: "$14", rating: 4, reviewCount: "88", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ctpegq", imageAlt: "mie ayam pangsit delicious" },
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Explore our variety of classic and modern variations of signature Mie Yamien."
|
||||
@@ -217,26 +106,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Budi Santoso"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w6fhjs",
|
||||
alt: "happy customer eating noodles",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xbpcco",
|
||||
alt: "happy customer eating noodles",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r6qs3n",
|
||||
alt: "happy customer eating noodles",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qcpggh",
|
||||
alt: "happy customer eating noodles",
|
||||
},
|
||||
{
|
||||
src: "asset://test-1-extra-5",
|
||||
alt: "happy customer eating noodles",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w6fhjs", alt: "happy customer eating noodles" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xbpcco", alt: "happy customer eating noodles" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r6qs3n", alt: "happy customer eating noodles" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qcpggh", alt: "happy customer eating noodles" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r6qs3n", alt: "happy customer eating noodles" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -249,30 +123,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "78+",
|
||||
title: "Years Served",
|
||||
description: "Since 1945",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8gaazj",
|
||||
imageAlt: "noodle shop kitchen preparation",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1M+",
|
||||
title: "Bowls Served",
|
||||
description: "Across generations",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cc4reo",
|
||||
imageAlt: "noodle shop kitchen preparation",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5+",
|
||||
title: "Locations",
|
||||
description: "Across the city",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kz2bzu",
|
||||
imageAlt: "noodle shop kitchen preparation",
|
||||
},
|
||||
{ id: "m1", value: "78+", title: "Years Served", description: "Since 1945", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8gaazj", imageAlt: "noodle shop kitchen preparation" },
|
||||
{ id: "m2", value: "1M+", title: "Bowls Served", description: "Across generations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cc4reo", imageAlt: "noodle shop kitchen preparation" },
|
||||
{ id: "m3", value: "5+", title: "Locations", description: "Across the city", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kz2bzu", imageAlt: "noodle shop kitchen preparation" },
|
||||
]}
|
||||
title="Kajojo in Numbers"
|
||||
description="Decades of serving happiness to our loyal customers."
|
||||
@@ -284,21 +137,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the food Halal?",
|
||||
content: "Yes, all our ingredients are 100% Halal certified.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I order online?",
|
||||
content: "Yes, we are available on major food delivery platforms.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you have parking?",
|
||||
content: "Most of our locations offer convenient street or dedicated parking.",
|
||||
},
|
||||
{ id: "q1", title: "Is the food Halal?", content: "Yes, all our ingredients are 100% Halal certified." },
|
||||
{ id: "q2", title: "Can I order online?", content: "Yes, we are available on major food delivery platforms." },
|
||||
{ id: "q3", title: "Do you have parking?", content: "Most of our locations offer convenient street or dedicated parking." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=26xtx2"
|
||||
imageAlt="customer service restaurant desk"
|
||||
@@ -315,25 +156,10 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Have questions or want to host a private event? Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message here...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your message here...", rows: 4, required: true }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zh7tsu"
|
||||
imageAlt="restaurant exterior entrance design"
|
||||
/>
|
||||
@@ -342,17 +168,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Mie Yamien Kajojo 1945"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user