bender/f7d5e4e0-4731-445b-8b42-b6151e2c288d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_4 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_4 bender:version_2 bender:version_1

18 Commits
version_1 ... version_3

Author SHA1 Message Date
bender
c6ee501837 Update src/app/page.tsx 2026-05-23 03:34:45 +00:00
bender
86752e7ae3 Update src/app/page.tsx 2026-05-23 03:25:12 +00:00
bender
da38e77940 Merge version_2 into main 
Merge version_2 into main
 2026-05-23 03:23:23 +00:00
bender
c3b97a693c Update src/app/page.tsx 2026-05-23 03:23:17 +00:00
bender
b904d1911c Merge version_2 into main 
Merge version_2 into main
 2026-05-23 03:22:49 +00:00
bender
00ce9094a2 Update src/app/page.tsx 2026-05-23 03:22:42 +00:00
bender
487770216a Merge version_2 into main 
Merge version_2 into main
 2026-05-23 03:22:20 +00:00
bender
a3e4178f08 Update src/app/page.tsx 2026-05-23 03:22:17 +00:00
bender
a45bc03d35 Merge version_1 into main 
Merge version_1 into main
 2026-05-23 03:18:31 +00:00
bender
07d2a9aa49 Merge version_1 into main 
Merge version_1 into main
 2026-05-23 03:11:56 +00:00
bender
a8f8832f66 Merge version_1 into main 
Merge version_1 into main
 2026-05-23 03:09:02 +00:00
bender
39cc22ce30 Merge version_1 into main 
Merge version_1 into main
 2026-05-23 03:00:44 +00:00
bender
d7b34eaaf1 Merge version_1 into main 
Merge version_1 into main
 2026-05-23 03:00:00 +00:00
bender
c4b481e5cd Merge version_1 into main 
Merge version_1 into main
 2026-05-23 02:58:52 +00:00
bender
8a3f2f09d6 Merge version_1 into main 
Merge version_1 into main
 2026-05-23 02:52:07 +00:00
bender
62afd37268 Merge version_1 into main 
Merge version_1 into main
 2026-05-23 02:51:07 +00:00
bender
e1a8571411 Merge version_1 into main 
Merge version_1 into main
 2026-05-23 02:49:17 +00:00
bender
d71ee9be47 Merge version_1 into main 
Merge version_1 into main
 2026-05-23 02:46:32 +00:00
1 changed files with 50 additions and 132 deletions
Expand all files Collapse all files

182
src/app/page.tsx
View File

@@ -10,6 +10,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
export default function LandingPage() {
return (
@@ -30,25 +31,15 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Story",
id: "#about",
},
name: "Story", id: "#about"},
{
name: "Menu",
id: "#menu",
},
name: "Menu", id: "#menu"},
{
name: "Gallery",
id: "#gallery",
},
name: "Gallery", id: "#gallery"},
{
name: "Visit",
id: "#contact",
},
name: "Visit", id: "#contact"},
]}
brandName="Beanthere Cafe"
/>
@@ -57,28 +48,33 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Hidden in the heart of Saigon."
description="Coffee, nature, and quiet moments in a lush urban sanctuary."
buttons={[
{
text: "Explore Menu",
href: "#menu",
},
text: "Explore Menu", href: "#menu"},
{
text: "Visit Us",
href: "#contact",
},
text: "Visit Us", href: "#contact"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779504333144-wvjap62y.jpg"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
names={["Saigon Daily", "District 1 Guide", "Coffee Lovers HCMC", "Urban Lifestyle"]}
title="Featured In"
description="Trusted by the city's finest publications."
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="A hidden urban sanctuary designed for slow mornings and meaningful conversations."
title="A lush tropical garden, where sunlight filters through the leaves, the warm aroma of coffee blends with old-fashioned details, creating a peaceful and unhurried atmosphere in the heart of the city. "
/>
</div>
@@ -90,41 +86,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Artisan Espresso",
price: "65k",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779504818074-67ixsq0d.webp",
},
id: "p1", name: "Artisan Espresso", price: "65k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779504818074-67ixsq0d.webp"},
{
id: "p2",
name: "Cappucino",
price: "85k",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779504879591-p3nn27tj.jpg",
},
id: "p2", name: "Cappucino", price: "85k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779504879591-p3nn27tj.jpg"},
{
id: "p3",
name: "Matcha Garden",
price: "75k",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505125030-13ykns9w.webp",
},
id: "p3", name: "Matcha Garden", price: "75k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505125030-13ykns9w.webp"},
{
id: "p4",
name: "Tropical tea",
price: "55k",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505112907-tlfi96j4.jpg",
},
id: "p4", name: "Tropical tea", price: "55k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505112907-tlfi96j4.jpg"},
{
id: "p5",
name: "Signature Cold Brew",
price: "70k",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505176517-rokx5ogl.jpg",
},
id: "p5", name: "Signature Cold Brew", price: "70k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505176517-rokx5ogl.jpg"},
{
id: "p6",
name: "Creamy milk cafe",
price: "120k",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505189843-zb5xth8z.webp",
},
id: "p6", name: "Creamy milk cafe", price: "120k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505189843-zb5xth8z.webp"},
]}
title="Signature Coffee"
description="Handcrafted brews and seasonal delights."
@@ -137,20 +109,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Garden Calm",
description: "Zen seating high above the busy street.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505262595-aup2vqtq.jpg",
},
title: "Garden Calm", description: "Zen seating high above the busy street.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505262595-aup2vqtq.jpg"},
{
title: "Indoor Art",
description: "Curated decor in every corner.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505332777-35ip2syj.jpg",
},
title: "Indoor Art", description: "Curated decor in every corner.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505332777-35ip2syj.jpg"},
{
title: "Garden Light",
description: "Natural sun filtering through lush foliage.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505423373-nsu0i5vd.jpg",
},
title: "Garden Light", description: "Natural sun filtering through lush foliage.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505423373-nsu0i5vd.jpg"},
]}
title="A Garden Experience"
description="Peaceful escapes from city chaos."
@@ -163,20 +126,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Morning Brew",
description: "The perfect cup.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-delicious-iced-coffee_52683-91641.jpg",
},
title: "Morning Brew", description: "The perfect cup.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-delicious-iced-coffee_52683-91641.jpg"},
{
title: "Tropical Lush",
description: "Greenery everywhere.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505648673-l8ed85sn.jpg",
},
title: "Tropical Lush", description: "Greenery everywhere.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505648673-l8ed85sn.jpg"},
{
title: "Architectural Texture",
description: "Refined urban materials.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505710008-3coz5jbh.jpg",
},
title: "Architectural Texture", description: "Refined urban materials.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505710008-3coz5jbh.jpg"},
]}
title="The Visual Escape"
description="Moments of stillness in District 1."
@@ -191,45 +145,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Anna Nguyen",
role: "Creative",
company: "Saigon Design",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779506097564-7h41fcuk.jpg",
},
id: "t1", name: "Anna Nguyen", role: "Creative", company: "Saigon Design", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779506097564-7h41fcuk.jpg"},
{
id: "t2",
name: "David Tran",
role: "Architect",
company: "Urban Lab",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779506115931-6rkiihy7.jpg",
},
id: "t2", name: "David Tran", role: "Architect", company: "Urban Lab", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779506115931-6rkiihy7.jpg"},
{
id: "t3",
name: "Sarah Vo",
role: "Writer",
company: "Freelance",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779506039185-u6e60xst.jpg",
},
id: "t3", name: "Sarah Vo", role: "Writer", company: "Freelance", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779506039185-u6e60xst.jpg"},
{
id: "t4",
name: "Minh Pham",
role: "Developer",
company: "Tech Corp",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505843034-p2fn4ogr.jpg",
},
id: "t4", name: "Minh Pham", role: "Developer", company: "Tech Corp", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505843034-p2fn4ogr.jpg"},
{
id: "t5",
name: "Chloe Le",
role: "Designer",
company: "Studio X",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505819750-bg7a866v.jpg",
},
id: "t5", name: "Chloe Le", role: "Designer", company: "Studio X", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6fjIGO3F887PD5twGMiqUPxz0/uploaded-1779505819750-bg7a866v.jpg"},
]}
title="Stories from the Beanthere"
description="Voices of our community."
@@ -240,14 +169,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
variant: "rotated-rays-static"}}
text="Visit us in the heart of District 1."
buttons={[
{
text: "Reserve Now",
href: "#",
},
text: "Reserve Now", href: "#"},
]}
/>
</div>
@@ -256,25 +182,17 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Beanthere Cafe",
items: [
title: "Beanthere Cafe", items: [
{
label: "District 1, Ho Chi Minh",
href: "#",
},
label: "District 1, Ho Chi Minh", href: "#"},
],
},
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Story",
href: "#about",
},
label: "Story", href: "#about"},
{
label: "Menu",
href: "#menu",
},
label: "Menu", href: "#menu"},
],
},
]}
@@ -285,4 +203,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}