Merge version_2 into main #11
179
src/app/page.tsx
179
src/app/page.tsx
@@ -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,19 +48,14 @@ 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"
|
||||
/>
|
||||
@@ -90,41 +76,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 +99,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 +116,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 +135,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,41 +159,39 @@ 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>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
names={["Saigon Daily", "District 1 Guide", "Coffee Lovers HCMC", "Urban Lifestyle"]
|
||||
title="Featured In"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<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 +202,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user