bender/d483d957-79c6-40e6-8bca-30e7d035d338
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-05-08 20:18:31 +00:00
parent e9a5870b75
commit 0231de83d6
1 changed files with 38 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

249
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "Our Story",
id: "#about",
},
{
name: "Menu",
id: "#menu",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "#hero" },
{ name: "Our Story", id: "#about" },
{ name: "Menu", id: "#menu" },
{ name: "Contact", id: "#contact" },
]}
brandName="Kyoto Cafe"
/>
@@ -56,13 +44,8 @@ export default function LandingPage() {
<HeroLogo
logoText="Kyoto Cafe"
description="Beautiful coffee. Fresh daily bites. Affordable everyday rituals."
buttons={[
{
text: "View Menu",
href: "#menu",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fc7oov&_wi=1"
buttons={[{ text: "View Menu", href: "#menu" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fc7oov"
imageAlt="minimalist coffee shop interior"
/>
</div>
@@ -71,15 +54,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Kyoto Cafe was created to bring calm, quality, and simplicity into everyday life.",
},
{
type: "image",
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qgdar1",
alt: "minimalist sandwich coffee table",
},
{ type: "text", content: "Kyoto Cafe was created to bring calm, quality, and simplicity into everyday life." },
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qgdar1", alt: "minimalist sandwich coffee table" },
]}
/>
</div>
@@ -91,66 +67,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Coffee",
name: "Americano",
price: "1 JD",
rating: 5,
reviewCount: "120",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5y9f2l",
imageAlt: "minimalist sandwich coffee table",
},
{
id: "2",
brand: "Coffee",
name: "Matcha Latte",
price: "1.5 JD",
rating: 5,
reviewCount: "85",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k2svku",
imageAlt: "minimalist sandwich coffee table",
},
{
id: "3",
brand: "Bites",
name: "Halloumi Sandwich",
price: "1 JD",
rating: 4,
reviewCount: "90",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ovc9is",
imageAlt: "minimalist sandwich coffee table",
},
{
id: "4",
brand: "Bites",
name: "Turkey & Cheese",
price: "1.2 JD",
rating: 5,
reviewCount: "65",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oku704",
imageAlt: "minimalist sandwich coffee table",
},
{
id: "5",
brand: "Coffee",
name: "Spanish Latte",
price: "1.5 JD",
rating: 5,
reviewCount: "150",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ldjxsi",
imageAlt: "minimalist sandwich coffee table",
},
{
id: "6",
brand: "Bites",
name: "Mini Croissant",
price: "0.8 JD",
rating: 4,
reviewCount: "110",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k4v4tc",
imageAlt: "minimalist sandwich coffee table",
},
{ id: "1", brand: "Coffee", name: "Americano", price: "1 JD", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5y9f2l", imageAlt: "minimalist sandwich coffee table" },
{ id: "2", brand: "Coffee", name: "Matcha Latte", price: "1.5 JD", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k2svku", imageAlt: "minimalist sandwich coffee table" },
{ id: "3", brand: "Bites", name: "Halloumi Sandwich", price: "1 JD", rating: 4, reviewCount: "90", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ovc9is", imageAlt: "minimalist sandwich coffee table" },
{ id: "4", brand: "Bites", name: "Turkey & Cheese", price: "1.2 JD", rating: 5, reviewCount: "65", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oku704", imageAlt: "minimalist sandwich coffee table" },
{ id: "5", brand: "Coffee", name: "Spanish Latte", price: "1.5 JD", rating: 5, reviewCount: "150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ldjxsi", imageAlt: "minimalist sandwich coffee table" },
{ id: "6", brand: "Bites", name: "Mini Croissant", price: "0.8 JD", rating: 4, reviewCount: "110", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k4v4tc", imageAlt: "minimalist sandwich coffee table" },
]}
title="Menu Highlights"
description="Premium feelings at accessible prices."
@@ -164,55 +86,25 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Compact Format",
description: "Small footprint kiosks optimized for high traffic.",
icon: Box,
title: "Compact Format", description: "Small footprint kiosks optimized for high traffic.", icon: Box,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v6ck8u",
imageAlt: "minimalist sandwich coffee table",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p2rnub",
imageAlt: "minimalist sandwich coffee table",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fc7oov&_wi=2",
imageAlt: "minimalist sandwich coffee table",
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v6ck8u", imageAlt: "minimalist sandwich coffee table" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p2rnub", imageAlt: "minimalist sandwich coffee table" },
]
},
{
title: "Simple Operations",
description: "Streamlined menu and standardized preparation.",
icon: Coffee,
title: "Simple Operations", description: "Streamlined menu and standardized preparation.", icon: Coffee,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=znbrre",
imageAlt: "minimalist sandwich coffee table",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=02or9p",
imageAlt: "minimalist sandwich coffee table",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qgdar1",
imageAlt: "minimalist sandwich coffee table",
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=znbrre", imageAlt: "minimalist sandwich coffee table" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=02or9p", imageAlt: "minimalist sandwich coffee table" },
]
},
{
title: "Modern Branding",
description: "Strong aesthetic identity that stands out.",
icon: Sparkles,
title: "Modern Branding", description: "Strong aesthetic identity that stands out.", icon: Sparkles,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oa7eoj",
imageAlt: "minimalist sandwich coffee table",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gug0w4",
imageAlt: "minimalist sandwich coffee table",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xw7lad&_wi=1",
imageAlt: "minimalist sandwich coffee table",
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oa7eoj", imageAlt: "minimalist sandwich coffee table" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gug0w4", imageAlt: "minimalist sandwich coffee table" },
]
},
]}
title="Franchise Ready"
@@ -225,51 +117,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Great coffee",
quote: "Perfect daily start.",
name: "Sarah J.",
role: "Student",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xw7lad&_wi=2",
imageAlt: "young student coffee shop portrait",
},
{
id: "2",
title: "Fast service",
quote: "My morning go-to.",
name: "Mark D.",
role: "Employee",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9g0day",
imageAlt: "professional office worker portrait",
},
{
id: "3",
title: "Amazing matcha",
quote: "Calm in the chaos.",
name: "Lila K.",
role: "Professional",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=czhjci",
imageAlt: "young woman happy coffee drinker",
},
{
id: "4",
title: "Simple & clean",
quote: "Love the aesthetic.",
name: "Omar M.",
role: "Student",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dwwrte",
imageAlt: "happy customer university student",
},
{
id: "5",
title: "Best bites",
quote: "Consistent and fresh.",
name: "John D.",
role: "Commuter",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hytxg4",
imageAlt: "young man drinking matcha latte",
},
{ id: "1", title: "Great coffee", quote: "Perfect daily start.", name: "Sarah J.", role: "Student", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xw7lad", imageAlt: "young student coffee shop portrait" },
{ id: "2", title: "Fast service", quote: "My morning go-to.", name: "Mark D.", role: "Employee", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9g0day", imageAlt: "professional office worker portrait" },
{ id: "3", title: "Amazing matcha", quote: "Calm in the chaos.", name: "Lila K.", role: "Professional", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=czhjci", imageAlt: "young woman happy coffee drinker" },
{ id: "4", title: "Simple & clean", quote: "Love the aesthetic.", name: "Omar M.", role: "Student", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dwwrte", imageAlt: "happy customer university student" },
{ id: "5", title: "Best bites", quote: "Consistent and fresh.", name: "John D.", role: "Commuter", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hytxg4", imageAlt: "young man drinking matcha latte" },
]}
title="Our Community"
description="Daily rituals that keep people coming back."
@@ -281,21 +133,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "What are your hours?",
content: "We are open 7 days a week, early mornings for you.",
},
{
id: "2",
title: "Do you offer combos?",
content: "Yes, we have student combos and daily morning deals.",
},
{
id: "3",
title: "Franchise inquiries?",
content: "Email us at franchise@kyotocafe.com to get started.",
},
{ id: "1", title: "What are your hours?", content: "We are open 7 days a week, early mornings for you." },
{ id: "2", title: "Do you offer combos?", content: "Yes, we have student combos and daily morning deals." },
{ id: "3", title: "Franchise inquiries?", content: "Email us at franchise@kyotocafe.com to get started." },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cmldg6"
title="Common Questions"
@@ -308,30 +148,17 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Join the Kyoto movement."
buttons={[
{
text: "Email Us",
href: "mailto:hello@kyotocafe.com",
},
]}
buttons={[{ text: "Email Us", href: "mailto:hello@kyotocafe.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Kyoto Cafe"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Contact Us",
href: "#contact",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Contact Us", href: "#contact" }}
/>
</div>
</ReactLenis>