Update src/app/page.tsx
This commit is contained in:
249
src/app/page.tsx
249
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user