Update src/app/page.tsx
This commit is contained in:
145
src/app/page.tsx
145
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Signature",
|
||||
id: "signature",
|
||||
},
|
||||
name: "Signature", id: "signature"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Find Us",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Find Us", id: "contact"},
|
||||
]}
|
||||
brandName="Caffè Paradiso"
|
||||
/>
|
||||
@@ -53,19 +45,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Worth Every Second."
|
||||
description="The viral slow-pour latte everyone’s talking about — crafted, not rushed."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Find Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Find Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-with-coffee-sitting-outside-cafe_1303-5488.jpg"
|
||||
/>
|
||||
@@ -76,12 +63,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"“Absolutely worth the hype.”",
|
||||
"“One of the best lattes I’ve ever had.”",
|
||||
"“Rich, smooth, perfectly balanced.”",
|
||||
"“We kept coming back every day.”",
|
||||
"“The line moves fast — and it’s worth it.”",
|
||||
]}
|
||||
"“Absolutely worth the hype.”", "“One of the best lattes I’ve ever had.”", "“Rich, smooth, perfectly balanced.”", "“We kept coming back every day.”", "“The line moves fast — and it’s worth it.”"]}
|
||||
title="A Cult Following"
|
||||
description="Don't take our word for it."
|
||||
/>
|
||||
@@ -94,26 +76,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Salted Brown Butter Oat Latte",
|
||||
subtitle: "Our signature pour.",
|
||||
category: "Signature",
|
||||
value: "Iconic",
|
||||
},
|
||||
id: "s1", title: "Salted Brown Butter Oat Latte", subtitle: "Our signature pour.", category: "Signature", value: "Iconic"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Oak Latte",
|
||||
subtitle: "Deep earth tones.",
|
||||
category: "Classic",
|
||||
value: "Balanced",
|
||||
},
|
||||
id: "s2", title: "Oak Latte", subtitle: "Deep earth tones.", category: "Classic", value: "Balanced"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Strawberry Matcha",
|
||||
subtitle: "A vibrant ritual.",
|
||||
category: "Specialty",
|
||||
value: "Refreshing",
|
||||
},
|
||||
id: "s3", title: "Strawberry Matcha", subtitle: "A vibrant ritual.", category: "Specialty", value: "Refreshing"},
|
||||
]}
|
||||
title="The Drink That Started the Line"
|
||||
description="Rich. Nutty. Silky. Finished with a cloud of cream that melts into every sip."
|
||||
@@ -126,39 +93,23 @@ export default function LandingPage() {
|
||||
title="This Isn’t Coffee. It’s a Performance."
|
||||
buttons={[
|
||||
{
|
||||
text: "The Ritual",
|
||||
href: "#",
|
||||
},
|
||||
text: "The Ritual", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "w1",
|
||||
title: "Efficient Service",
|
||||
subtitle: "Our line moves fast.",
|
||||
category: "Staff",
|
||||
value: "Swift",
|
||||
},
|
||||
id: "w1", title: "Efficient Service", subtitle: "Our line moves fast.", category: "Staff", value: "Swift"},
|
||||
{
|
||||
id: "w2",
|
||||
title: "Consistent Craft",
|
||||
subtitle: "Every pour is perfect.",
|
||||
category: "Standard",
|
||||
value: "Always",
|
||||
},
|
||||
id: "w2", title: "Consistent Craft", subtitle: "Every pour is perfect.", category: "Standard", value: "Always"},
|
||||
{
|
||||
id: "w3",
|
||||
title: "Intimate Soho",
|
||||
subtitle: "Designed for sipping.",
|
||||
category: "Atmosphere",
|
||||
value: "Alive",
|
||||
},
|
||||
id: "w3", title: "Intimate Soho", subtitle: "Designed for sipping.", category: "Atmosphere", value: "Alive"},
|
||||
]}
|
||||
title="People Don’t Wait for Coffee. They Wait for This."
|
||||
description="In the cold. In the snow. Around the corner. Because some things aren't meant to be rushed."
|
||||
@@ -173,41 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Brown Butter Oat Latte",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Brown Butter Oat Latte", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Oak Latte",
|
||||
price: "$7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Oak Latte", price: "$7", imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Strawberry Matcha",
|
||||
price: "$7.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg?_wi=3",
|
||||
},
|
||||
id: "p3", name: "Strawberry Matcha", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hot Chocolate",
|
||||
price: "$6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg?_wi=4",
|
||||
},
|
||||
id: "p4", name: "Hot Chocolate", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Classic Espresso",
|
||||
price: "$4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg?_wi=5",
|
||||
},
|
||||
id: "p5", name: "Classic Espresso", price: "$4", imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Paradiso Blend Bag",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg?_wi=6",
|
||||
},
|
||||
id: "p6", name: "Paradiso Blend Bag", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg"},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Crafted slowly. Served intentionally. Gone too quickly."
|
||||
@@ -218,8 +145,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Visit Today"
|
||||
title="Find Your Moment"
|
||||
description="Current wait: ~10–15 minutes."
|
||||
@@ -234,34 +160,23 @@ export default function LandingPage() {
|
||||
logoText="CAFFÈ PARADISO"
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "Soho, NYC",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Soho, NYC", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
label: "TikTok", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user