Update src/app/page.tsx
This commit is contained in:
390
src/app/page.tsx
390
src/app/page.tsx
@@ -28,287 +28,131 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Platō Coffee"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Platō Coffee"
|
||||
button={{ text: "Order Online", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Artisanal Coffee at Midstream Padel"
|
||||
description="Experience the perfect brew while enjoying the vibrant energy of Midstream Padel. Your daily ritual, elevated."
|
||||
tag="Freshly Roasted"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n8my9i",
|
||||
imageAlt: "Coffee shop ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q3qkyt",
|
||||
imageAlt: "Barista specialty",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=to6jpx",
|
||||
imageAlt: "Espresso close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://new-hero-4",
|
||||
imageAlt: "Pouring fresh coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://new-hero-5",
|
||||
imageAlt: "Artisanal shop corner",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "plain" }}
|
||||
title="Artisanal Coffee at Midstream Padel"
|
||||
description="Experience the perfect brew while enjoying the vibrant energy of Midstream Padel. Your daily ritual, elevated."
|
||||
tag="Freshly Roasted"
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n8my9i", imageAlt: "artisanal coffee shop interior warm lighting" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q3qkyt", imageAlt: "artisanal coffee shop interior warm lighting" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=to6jpx", imageAlt: "artisanal coffee shop interior warm lighting" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n8my9i", imageAlt: "Pouring fresh coffee" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=to6jpx", imageAlt: "Artisanal shop corner" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Passion"
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Beans Roasted",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Community",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "5",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Passion"
|
||||
metrics={[
|
||||
{ icon: Coffee, label: "Beans Roasted", value: "100%" },
|
||||
{ icon: Users, label: "Happy Community", value: "500+" },
|
||||
{ icon: Award, label: "Years Experience", value: "5" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Mass produced coffee",
|
||||
"Noisy environments",
|
||||
"Generic tastes",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Ethically sourced beans",
|
||||
"Expertly trained baristas",
|
||||
"Community-focused vibe",
|
||||
],
|
||||
}}
|
||||
title="Why Visit Platō?"
|
||||
description="Experience superior quality coffee in a unique setting."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["Mass produced coffee", "Noisy environments", "Generic tastes"] }}
|
||||
positiveCard={{ items: ["Ethically sourced beans", "Expertly trained baristas", "Community-focused vibe"] }}
|
||||
title="Why Visit Platō?"
|
||||
description="Experience superior quality coffee in a unique setting."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Espresso",
|
||||
price: "$3.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4heg9l",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Flat White",
|
||||
price: "$4.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8ijlsv",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cold Brew",
|
||||
price: "$4.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7gx9nt",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Oat Milk Latte",
|
||||
price: "$5.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q5e5v3",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pour Over",
|
||||
price: "$6.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=agcyig",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Iced Matcha",
|
||||
price: "$5.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b1kti1",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Brews"
|
||||
description="From classic espressos to creative specialties, discover your new favorite."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Signature Espresso", price: "$3.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4heg9l" },
|
||||
{ id: "2", name: "Flat White", price: "$4.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8ijlsv" },
|
||||
{ id: "3", name: "Cold Brew", price: "$4.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7gx9nt" },
|
||||
{ id: "4", name: "Oat Milk Latte", price: "$5.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q5e5v3" },
|
||||
{ id: "5", name: "Pour Over", price: "$6.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=agcyig" },
|
||||
{ id: "6", name: "Iced Matcha", price: "$5.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b1kti1" }
|
||||
]}
|
||||
title="Our Signature Brews"
|
||||
description="From classic espressos to creative specialties, discover your new favorite."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Regular",
|
||||
company: "Midstream",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3gs2nl",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah M.",
|
||||
role: "Athlete",
|
||||
company: "Padel Fan",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ev72zj",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "John D.",
|
||||
role: "Local",
|
||||
company: "Neighbor",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cht3ey",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily P.",
|
||||
role: "Visitor",
|
||||
company: "Coffee Enthusiast",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zcy6ra",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark S.",
|
||||
role: "Regular",
|
||||
company: "Daily Commuter",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kztv4g",
|
||||
},
|
||||
]}
|
||||
title="Coffee Lovers Agree"
|
||||
description="See why our customers keep coming back for more."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex R.", role: "Regular", company: "Midstream", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3gs2nl" },
|
||||
{ id: "2", name: "Sarah M.", role: "Athlete", company: "Padel Fan", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ev72zj" },
|
||||
{ id: "3", name: "John D.", role: "Local", company: "Neighbor", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cht3ey" },
|
||||
{ id: "4", name: "Emily P.", role: "Visitor", company: "Coffee Enthusiast", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zcy6ra" },
|
||||
{ id: "5", name: "Mark S.", role: "Regular", company: "Daily Commuter", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kztv4g" }
|
||||
]}
|
||||
title="Coffee Lovers Agree"
|
||||
description="See why our customers keep coming back for more."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer food?",
|
||||
content: "Yes, we serve fresh pastries and light snacks.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are you located?",
|
||||
content: "We are situated inside the Midstream Padel club.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you have Wi-Fi?",
|
||||
content: "Yes, we have high-speed Wi-Fi available for customers.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer food?", content: "Yes, we serve fresh pastries and light snacks." },
|
||||
{ id: "f2", title: "Where are you located?", content: "We are situated inside the Midstream Padel club." },
|
||||
{ id: "f3", title: "Do you have Wi-Fi?", content: "Yes, we have high-speed Wi-Fi available for customers." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Newsletter"
|
||||
title="Stay Updated"
|
||||
description="Sign up to receive news about our latest specials and events at Midstream Padel."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Newsletter"
|
||||
title="Stay Updated"
|
||||
description="Sign up to receive news about our latest specials and events at Midstream Padel."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "https://maps.app.goo.gl/NHoTUrZtx2WD6mem8",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Platō Coffee"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#products" }] },
|
||||
{ items: [{ label: "Visit Us", href: "https://maps.app.goo.gl/NHoTUrZtx2WD6mem8" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Platō Coffee"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user