Merge version_1 into main #3
272
src/app/page.tsx
272
src/app/page.tsx
@@ -28,180 +28,120 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Visit", id: "visit" },
|
||||
{ name: "Shop", id: "shop" }
|
||||
]}
|
||||
button={{
|
||||
text: "Plan Your Visit", href: "#visit"
|
||||
}}
|
||||
brandName="HANDS+ROSE"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Visit", id: "visit" },
|
||||
{ name: "Shop", id: "shop" }
|
||||
]}
|
||||
brandName="HANDS+ROSE"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain"
|
||||
}}
|
||||
title="Coffee, Atmosphere, and a Touch of Heaven."
|
||||
description="Nestled inside Upperroom on the south side of Dallas, HANDS+ROSE COFFEE crafts creative, seasonal drinks in a peaceful, prayer-filled space."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Priscilla D.", handle: "@local", testimonial: "The best coffee we had in Dallas.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-luxurious-coffee-bar-interior-with-war-1774789969035-02390410.png", imageAlt: "A luxurious coffee bar interior with warm, low-contrast golden-hour lighting. Soft focus on rising s"
|
||||
},
|
||||
{
|
||||
name: "Alex K.", handle: "@guest", testimonial: "Almost spiritual… taking coffee to a new level of glory.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-high-end-artistic-close-up-of-a-season-1774789971389-7e4f0c24.png", imageAlt: "A high-end, artistic close-up of a seasonal Maui coffee drink in a ceramic cup, set against a warm, "
|
||||
},
|
||||
{
|
||||
name: "Brooke W.", handle: "@local", testimonial: "Creative seasonal drinks, peaceful vibe, and friendly service.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-warm-miel-latte-with-delicate-honey-dr-1774789968523-c787b062.png", imageAlt: "A warm Miel latte with delicate honey drizzle and cinnamon dusting, shot in a cozy, sun-drenched cof"
|
||||
},
|
||||
{
|
||||
name: "Jordan M.", handle: "@visitor", testimonial: "A sanctuary for both the body and the soul. Truly unique.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-vivid-iced-matcha-latte-with-visible-g-1774789968772-5d758a64.png", imageAlt: "A vivid iced matcha latte with visible ginger and rose petals, bright and elegant, in a clear glass "
|
||||
},
|
||||
{
|
||||
name: "Sarah L.", handle: "@regular", testimonial: "The attention to detail in their roasts is unmatched in the city.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-quiet-peaceful-sanctuary-space-featuri-1774789968460-82a3f557.png", imageAlt: "A quiet, peaceful sanctuary space featuring soft natural light, minimalist seating, and a sense of s"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Plan Your Visit", href: "#visit" },
|
||||
{ text: "Explore the Menu", href: "#menu" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-luxurious-coffee-bar-interior-with-war-1774789969035-02390410.png"
|
||||
imageAlt="Hand-crafted coffee at HANDS+ROSE"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "plain" }}
|
||||
title="Coffee, Atmosphere, and a Touch of Heaven."
|
||||
description="Nestled inside Upperroom on the south side of Dallas, HANDS+ROSE COFFEE crafts creative, seasonal drinks in a peaceful, prayer-filled space."
|
||||
testimonials={[
|
||||
{ name: "Priscilla D.", handle: "@local", testimonial: "The best coffee we had in Dallas.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-luxurious-coffee-bar-interior-with-war-1774789969035-02390410.png", imageAlt: "A luxurious coffee bar interior with warm, low-contrast golden-hour lighting. Soft focus on rising s" },
|
||||
{ name: "Alex K.", handle: "@guest", testimonial: "Almost spiritual… taking coffee to a new level of glory.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-high-end-artistic-close-up-of-a-season-1774789971389-7e4f0c24.png", imageAlt: "A high-end, artistic close-up of a seasonal Maui coffee drink in a ceramic cup, set against a warm, " },
|
||||
{ name: "Brooke W.", handle: "@local", testimonial: "Creative seasonal drinks, peaceful vibe, and friendly service.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-warm-miel-latte-with-delicate-honey-dr-1774789968523-c787b062.png", imageAlt: "A warm Miel latte with delicate honey drizzle and cinnamon dusting, shot in a cozy, sun-drenched cof" },
|
||||
{ name: "Jordan M.", handle: "@visitor", testimonial: "A sanctuary for both the body and the soul. Truly unique.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-vivid-iced-matcha-latte-with-visible-g-1774789968772-5d758a64.png", imageAlt: "A vivid iced matcha latte with visible ginger and rose petals, bright and elegant, in a clear glass " },
|
||||
{ name: "Sarah L.", handle: "@regular", testimonial: "The attention to detail in their roasts is unmatched in the city.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-quiet-peaceful-sanctuary-space-featuri-1774789968460-82a3f557.png", imageAlt: "A quiet, peaceful sanctuary space featuring soft natural light, minimalist seating, and a sense of s" }
|
||||
]}
|
||||
buttons={[{ text: "Plan Your Visit", href: "#visit" }, { text: "Explore the Menu", href: "#menu" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-luxurious-coffee-bar-interior-with-war-1774789969035-02390410.png"
|
||||
imageAlt="Hand-crafted coffee at HANDS+ROSE"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Dallas Morning News", "Coffee Culture Daily", "Upperroom Collective", "The Daily Roast", "Local Gems Guide", "Dallas Coffee Weekly", "Spiritual Living"
|
||||
]}
|
||||
title="Loved by locals and visitors from around the world."
|
||||
description="Our community is built on shared moments of peace and craft."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Dallas Morning News", "Coffee Culture Daily", "Upperroom Collective", "The Daily Roast", "Local Gems Guide", "Dallas Coffee Weekly", "Spiritual Living"]}
|
||||
title="Loved by locals and visitors from around the world."
|
||||
description="Our community is built on shared moments of peace and craft."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Maui Cup", price: "Seasonal", variant: "House Favorite", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-high-end-artistic-close-up-of-a-season-1774789971389-7e4f0c24.png"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Miel Latte", price: "Staple", variant: "Classic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-warm-miel-latte-with-delicate-honey-dr-1774789968523-c787b062.png"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Ginger Rose Matcha", price: "Most Loved", variant: "Seasonal", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-vivid-iced-matcha-latte-with-visible-g-1774789968772-5d758a64.png"
|
||||
}
|
||||
]}
|
||||
title="Signature Drinks"
|
||||
description="Creative, seasonal, and crafted for stillness."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Maui Cup", price: "Seasonal", variant: "House Favorite", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-high-end-artistic-close-up-of-a-season-1774789971389-7e4f0c24.png" },
|
||||
{ id: "2", name: "Miel Latte", price: "Staple", variant: "Classic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-warm-miel-latte-with-delicate-honey-dr-1774789968523-c787b062.png" },
|
||||
{ id: "3", name: "Ginger Rose Matcha", price: "Most Loved", variant: "Seasonal", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-vivid-iced-matcha-latte-with-visible-g-1774789968772-5d758a64.png" }
|
||||
]}
|
||||
title="Signature Drinks"
|
||||
description="Creative, seasonal, and crafted for stillness."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="More Than a Coffee Shop. A Sanctuary."
|
||||
description="Inside Upperroom, HANDS+ROSE COFFEE sits at the intersection of craft and contemplation. Come for the coffee, stay for the stillness."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Quiet Corners", description: "Perfect for reading, journaling, and reflection."
|
||||
},
|
||||
{
|
||||
title: "Live Worship", description: "Experience the sound of Upperroom while you sip."
|
||||
},
|
||||
{
|
||||
title: "Outdoor Patio", description: "Peaceful space for conversation and community."
|
||||
}
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-quiet-peaceful-sanctuary-space-featuri-1774789968460-82a3f557.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="More Than a Coffee Shop. A Sanctuary."
|
||||
description="Inside Upperroom, HANDS+ROSE COFFEE sits at the intersection of craft and contemplation. Come for the coffee, stay for the stillness."
|
||||
bulletPoints={[
|
||||
{ title: "Quiet Corners", description: "Perfect for reading, journaling, and reflection." },
|
||||
{ title: "Live Worship", description: "Experience the sound of Upperroom while you sip." },
|
||||
{ title: "Outdoor Patio", description: "Peaceful space for conversation and community." }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-quiet-peaceful-sanctuary-space-featuri-1774789968460-82a3f557.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="visit" data-section="visit">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hours", description: "Open daily for community and craft.", icon: Clock
|
||||
},
|
||||
{
|
||||
title: "Parking", description: "Plenty of space in the main Upperroom lot.", icon: Car
|
||||
},
|
||||
{
|
||||
title: "Note", description: "Follow signs to the coffee bar entrance.", icon: MapPin
|
||||
}
|
||||
]}
|
||||
title="Visit HANDS+ROSE"
|
||||
description="Find us inside Upperroom, South Dallas."
|
||||
/>
|
||||
</div>
|
||||
<div id="visit" data-section="visit">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Hours", description: "Open daily for community and craft.", icon: Clock },
|
||||
{ title: "Parking", description: "Plenty of space in the main Upperroom lot.", icon: Car },
|
||||
{ title: "Note", description: "Follow signs to the coffee bar entrance.", icon: MapPin }
|
||||
]}
|
||||
title="Visit HANDS+ROSE"
|
||||
description="Find us inside Upperroom, South Dallas."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="shop" data-section="shop">
|
||||
<ProductCatalogItem
|
||||
product={{
|
||||
id: "p1", name: "Iconic Purple Hoodie", price: "$65", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-minimalist-purple-hoodie-folded-elegan-1774789968133-ca4dfc02.png"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="shop" data-section="shop">
|
||||
<ProductCatalogItem
|
||||
product={{ id: "p1", name: "Iconic Purple Hoodie", price: "$65", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcYbS8v4l7y4Itr4rowFin1yZu/a-minimalist-purple-hoodie-folded-elegan-1774789968133-ca4dfc02.png" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"
|
||||
}}
|
||||
title="Be the First to Taste What’s Next."
|
||||
description="Seasonal drinks, new roasts, and conference pop-ups—straight to your inbox."
|
||||
tag="Stay Updated"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="Be the First to Taste What’s Next."
|
||||
description="Seasonal drinks, new roasts, and conference pop-ups—straight to your inbox."
|
||||
tag="Stay Updated"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Story", href: "#" },
|
||||
{ label: "Visit", href: "#visit" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Community", items: [
|
||||
{ label: "Events", href: "#" },
|
||||
{ label: "Upperroom", href: "#" },
|
||||
{ label: "Shop", href: "#shop" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="HANDS+ROSE"
|
||||
copyrightText="© 2025 HANDS+ROSE COFFEE"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "Menu", href: "#menu" }, { label: "Story", href: "#" }, { label: "Visit", href: "#visit" }] },
|
||||
{ title: "Community", items: [{ label: "Events", href: "#" }, { label: "Upperroom", href: "#" }, { label: "Shop", href: "#shop" }] }
|
||||
]}
|
||||
logoText="HANDS+ROSE"
|
||||
copyrightText="© 2025 HANDS+ROSE COFFEE"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user