Merge version_1 into main #2
283
src/app/page.tsx
283
src/app/page.tsx
@@ -18,23 +18,21 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "#story",
|
||||
},
|
||||
{
|
||||
name: "Visit Us",
|
||||
id: "#visit",
|
||||
},
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Our Story", id: "#story" },
|
||||
{ name: "Visit Us", id: "#visit" },
|
||||
]}
|
||||
brandName="Deja Brew"
|
||||
/>
|
||||
@@ -42,82 +40,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Where Every Cup Feels Like Coming Home"
|
||||
description="Artisan espresso. Thoughtfully balanced flavors. A space designed for you to slow down and savor the moment."
|
||||
kpis={[
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Happy Guests",
|
||||
},
|
||||
{
|
||||
value: "12",
|
||||
label: "Single Origins",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Freshly Roasted",
|
||||
},
|
||||
{ value: "5k+", label: "Happy Guests" },
|
||||
{ value: "12", label: "Single Origins" },
|
||||
{ value: "24h", label: "Freshly Roasted" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#visit",
|
||||
},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Visit Us", href: "#visit" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup_74190-2673.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup_74190-2673.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg",
|
||||
alt: "Happy guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
|
||||
alt: "Happy guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
|
||||
alt: "Happy guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg",
|
||||
alt: "Happy guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-leisure-concept-headshot-attractive-young-hipster-trendy-black-hat-drinking-coffee-listening-music_273609-1725.jpg",
|
||||
alt: "Happy guest",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg", alt: "Happy guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg", alt: "Happy guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg", alt: "Happy guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg", alt: "Happy guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-leisure-concept-headshot-attractive-young-hipster-trendy-black-hat-drinking-coffee-listening-music_273609-1725.jpg", alt: "Happy guest" },
|
||||
]}
|
||||
avatarText="Join our community of coffee lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expertly Roasted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Crafted",
|
||||
},
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
{ type: "text", text: "Expertly Roasted" },
|
||||
{ type: "text", text: "Handcrafted" },
|
||||
{ type: "text", text: "Sustainable" },
|
||||
{ type: "text", text: "Artisan Crafted" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,30 +78,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Craft",
|
||||
title: "Perfect Balance",
|
||||
subtitle: "Espresso First",
|
||||
description: "No artificial overload. Every latte highlights the authentic, balanced flavors of premium beans.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/minimal-logo-collection-marble-background_23-2148382950.jpg",
|
||||
imageAlt: "minimalist coffee cup logo",
|
||||
},
|
||||
{
|
||||
tag: "Space",
|
||||
title: "A Place to Belong",
|
||||
subtitle: "True Sanctuary",
|
||||
description: "Cozy, calm, and welcoming—the perfect environment to work, meet, or simply unwind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-2673.jpg?_wi=2",
|
||||
imageAlt: "minimalist coffee cup logo",
|
||||
},
|
||||
{
|
||||
tag: "Team",
|
||||
title: "Owner-Led Experience",
|
||||
subtitle: "Personal Warmth",
|
||||
description: "Every guest matters. We ensure you feel welcomed and valued from your first sip.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg",
|
||||
imageAlt: "minimalist coffee cup logo",
|
||||
},
|
||||
{ tag: "Craft", title: "Perfect Balance", subtitle: "Espresso First", description: "No artificial overload. Every latte highlights the authentic, balanced flavors of premium beans.", imageSrc: "http://img.b2bpic.net/free-vector/minimal-logo-collection-marble-background_23-2148382950.jpg", imageAlt: "minimalist coffee cup logo" },
|
||||
{ tag: "Space", title: "A Place to Belong", subtitle: "True Sanctuary", description: "Cozy, calm, and welcoming—the perfect environment to work, meet, or simply unwind.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-2673.jpg", imageAlt: "minimalist coffee cup logo" },
|
||||
{ tag: "Team", title: "Owner-Led Experience", subtitle: "Personal Warmth", description: "Every guest matters. We ensure you feel welcomed and valued from your first sip.", imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg", imageAlt: "minimalist coffee cup logo" }
|
||||
]}
|
||||
title="Not Just Coffee. Craft You Can Taste."
|
||||
description="We believe in the perfect balance between passion and precision."
|
||||
@@ -164,48 +94,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Caramel Latte",
|
||||
price: "$5.50",
|
||||
variant: "House Favorite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648729.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Honey Cinnamon Latte",
|
||||
price: "$5.75",
|
||||
variant: "Seasonal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/maple-latte-with-cinnamon-glass-mug_123827-36231.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cappuccino",
|
||||
price: "$4.50",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-drinking-coffee-from-takeaway-coffee-cup_23-2147906485.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Dark Chocolate Frappe",
|
||||
price: "$6.00",
|
||||
variant: "Indulgent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-blond-smiling-woman-straw-red-hat-blouse-summer-fashion-outfit-drinking-natural-fruit-cocktail-smoothie_285396-8378.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Lavender Coffee",
|
||||
price: "$5.25",
|
||||
variant: "Botanical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-panna-cotta_2829-12871.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Breakfast Casserole",
|
||||
price: "$8.00",
|
||||
variant: "Signature Meal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mulled-wine-glintwine-served-glasses-christmas-table-with-orange-spices_114579-4116.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Caramel Latte", price: "$5.50", variant: "House Favorite", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648729.jpg" },
|
||||
{ id: "p2", name: "Honey Cinnamon Latte", price: "$5.75", variant: "Seasonal", imageSrc: "http://img.b2bpic.net/free-photo/maple-latte-with-cinnamon-glass-mug_123827-36231.jpg" },
|
||||
{ id: "p3", name: "Cappuccino", price: "$4.50", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-drinking-coffee-from-takeaway-coffee-cup_23-2147906485.jpg" },
|
||||
{ id: "p4", name: "Dark Chocolate Frappe", price: "$6.00", variant: "Indulgent", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-blond-smiling-woman-straw-red-hat-blouse-summer-fashion-outfit-drinking-natural-fruit-cocktail-smoothie_285396-8378.jpg" },
|
||||
{ id: "p5", name: "Lavender Coffee", price: "$5.25", variant: "Botanical", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-panna-cotta_2829-12871.jpg" },
|
||||
{ id: "p6", name: "Breakfast Casserole", price: "$8.00", variant: "Signature Meal", imageSrc: "http://img.b2bpic.net/free-photo/mulled-wine-glintwine-served-glasses-christmas-table-with-orange-spices_114579-4116.jpg" }
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Crafted with love, served with care. Balanced, never masked."
|
||||
@@ -216,19 +110,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "An Escape from the ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg",
|
||||
alt: "Café Interior",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Ordinary",
|
||||
},
|
||||
{ type: "text", content: "An Escape from the " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg", alt: "Café Interior" },
|
||||
{ type: "text", content: " Ordinary" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -239,24 +123,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Victoria",
|
||||
role: "Founder & Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-female-hands-pressing-coffee-into-tamper-prepares-order-cafe-counter_1258-203403.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James",
|
||||
role: "Head Roaster",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-waitress-holding-tray-with-cup-coffee-working-cafeteria-serves-table_657921-511.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah",
|
||||
role: "Lead Barista",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-asian-bartender-barista-blue-apron-pouring-water-with-small-kettle-brewing-coffee-counter-her-cafe_1258-129832.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Victoria", role: "Founder & Owner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-female-hands-pressing-coffee-into-tamper-prepares-order-cafe-counter_1258-203403.jpg" },
|
||||
{ id: "t2", name: "James", role: "Head Roaster", imageSrc: "http://img.b2bpic.net/free-photo/happy-waitress-holding-tray-with-cup-coffee-working-cafeteria-serves-table_657921-511.jpg" },
|
||||
{ id: "t3", name: "Sarah", role: "Lead Barista", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-asian-bartender-barista-blue-apron-pouring-water-with-small-kettle-brewing-coffee-counter-her-cafe_1258-129832.jpg" }
|
||||
]}
|
||||
title="Meet the Heart Behind the Coffee"
|
||||
description="Every guest matters. Every cup reflects that commitment to craft."
|
||||
@@ -269,41 +138,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice J.",
|
||||
role: "Regular",
|
||||
testimonial: "The best coffee I've ever had.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark R.",
|
||||
role: "Local",
|
||||
testimonial: "Perfect balance — you can actually taste the espresso.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-green-shirt-smiles-hold-cup-coffee_23-2148401370.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena K.",
|
||||
role: "Visitor",
|
||||
testimonial: "Felt welcomed the moment I walked in.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-african-american-girl-looking-coffee-smiling-standing-yellow-background_1258-54818.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Designer",
|
||||
testimonial: "Cozy, calming, and beautifully designed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah L.",
|
||||
role: "Student",
|
||||
testimonial: "A true hidden gem.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-coffee-looking-her-boyfriend_23-2148363567.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice J.", role: "Regular", testimonial: "The best coffee I've ever had.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg" },
|
||||
{ id: "2", name: "Mark R.", role: "Local", testimonial: "Perfect balance — you can actually taste the espresso.", imageSrc: "http://img.b2bpic.net/free-photo/man-green-shirt-smiles-hold-cup-coffee_23-2148401370.jpg" },
|
||||
{ id: "3", name: "Elena K.", role: "Visitor", testimonial: "Felt welcomed the moment I walked in.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-african-american-girl-looking-coffee-smiling-standing-yellow-background_1258-54818.jpg" },
|
||||
{ id: "4", name: "David W.", role: "Designer", testimonial: "Cozy, calming, and beautifully designed.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg" },
|
||||
{ id: "5", name: "Sarah L.", role: "Student", testimonial: "A true hidden gem.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-coffee-looking-her-boyfriend_23-2148363567.jpg" }
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Authentic feedback from our cherished guests."
|
||||
@@ -315,27 +154,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Evening",
|
||||
title: "Refined Indulgence",
|
||||
subtitle: "Sip & Unwind",
|
||||
description: "Discover curated wine pairings, evening ambiance, and exclusive events.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5750.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Social",
|
||||
title: "Tastings",
|
||||
subtitle: "Community Events",
|
||||
description: "Join us for local pairings and special seasonal gatherings in our space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-wine-carafe-glass-arrangement_23-2149706779.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Atmosphere",
|
||||
title: "Evening Comfort",
|
||||
subtitle: "From Morning to Night",
|
||||
description: "The perfect transition from artisanal coffee mornings to refined evening relaxation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-wine-glasses-marble-surface_23-2152024834.jpg",
|
||||
},
|
||||
{ tag: "Evening", title: "Refined Indulgence", subtitle: "Sip & Unwind", description: "Discover curated wine pairings, evening ambiance, and exclusive events.", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5750.jpg" },
|
||||
{ tag: "Social", title: "Tastings", subtitle: "Community Events", description: "Join us for local pairings and special seasonal gatherings in our space.", imageSrc: "http://img.b2bpic.net/free-photo/red-wine-carafe-glass-arrangement_23-2149706779.jpg" },
|
||||
{ tag: "Atmosphere", title: "Evening Comfort", subtitle: "From Morning to Night", description: "The perfect transition from artisanal coffee mornings to refined evening relaxation.", imageSrc: "http://img.b2bpic.net/free-photo/two-wine-glasses-marble-surface_23-2152024834.jpg" }
|
||||
]}
|
||||
title="Victoria’s Vineyard"
|
||||
description="Where coffee culture meets refined indulgence."
|
||||
@@ -345,9 +166,7 @@ export default function LandingPage() {
|
||||
<div id="visit" data-section="visit">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Your table is waiting."
|
||||
description="Find us in the heart of the village. Come by for a cup or to plan your evening event."
|
||||
|
||||
Reference in New Issue
Block a user