Update src/app/page.tsx

This commit is contained in:
2026-04-11 17:26:17 +00:00
parent 66fa22ab66
commit 2ba15b8be5

View File

@@ -28,30 +28,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Home", id: "/" },
name: "Home", { name: "About", id: "/about" },
id: "/", { name: "Coffee", id: "/menu" },
}, { name: "Roastery", id: "/academy" },
{ { name: "Reviews", id: "/reviews" },
name: "About", { name: "Contact", id: "/contact" },
id: "/about",
},
{
name: "Coffee",
id: "/menu",
},
{
name: "Roastery",
id: "/academy",
},
{
name: "Reviews",
id: "/reviews",
},
{
name: "Contact",
id: "/contact",
},
]} ]}
brandName="Roastery Lab" brandName="Roastery Lab"
/> />
@@ -59,68 +41,27 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboard <HeroBillboard
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars",
}}
title="Crafted for True Coffee Lovers" title="Crafted for True Coffee Lovers"
description="Specialty coffee roasted with precision and passion." description="Specialty coffee roasted with precision and passion."
buttons={[ buttons={[{ text: "Explore Coffee", href: "/menu" }, { text: "Visit Us", href: "/contact" }]}
{ imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-background_23-2147776809.jpg"
text: "Explore Coffee",
href: "/menu",
},
{
text: "Visit Us",
href: "/contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-background_23-2147776809.jpg?_wi=1"
imageAlt="roasted coffee beans macro" imageAlt="roasted coffee beans macro"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ { src: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-20838.jpg", alt: "Customer 1" },
src: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-20838.jpg", { src: "http://img.b2bpic.net/free-photo/business-woman-working-with-smartphone-while-drinking-coffee-outside-city-background-high-quality-photo_291650-846.jpg", alt: "Customer 2" },
alt: "Customer 1", { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-coffee_23-2149429333.jpg", alt: "Customer 3" },
}, { src: "http://img.b2bpic.net/free-photo/portrait-young-female-photographer-holds-cup-morning_613910-16247.jpg", alt: "Customer 4" },
{ { src: "http://img.b2bpic.net/free-photo/happy-woman-business-clothes-posing-near-wall-with-coffee-gray_171337-13306.jpg", alt: "Customer 5" },
src: "http://img.b2bpic.net/free-photo/business-woman-working-with-smartphone-while-drinking-coffee-outside-city-background-high-quality-photo_291650-846.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-coffee_23-2149429333.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-female-photographer-holds-cup-morning_613910-16247.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/happy-woman-business-clothes-posing-near-wall-with-coffee-gray_171337-13306.jpg",
alt: "Customer 5",
},
]} ]}
avatarText="Loved by 500+ coffee enthusiasts" avatarText="Loved by 500+ coffee enthusiasts"
marqueeItems={[ marqueeItems={[
{ { type: "text", text: "Ethically Sourced" },
type: "text", { type: "text", text: "Small Batch Roasted" },
text: "Ethically Sourced", { type: "text", text: "Precision Brewing" },
}, { type: "text", text: "Direct Trade" },
{ { type: "text", text: "Expert Academy" },
type: "text",
text: "Small Batch Roasted",
},
{
type: "text",
text: "Precision Brewing",
},
{
type: "text",
text: "Direct Trade",
},
{
type: "text",
text: "Expert Academy",
},
]} ]}
/> />
</div> </div>
@@ -129,17 +70,15 @@ export default function LandingPage() {
<TextAbout <TextAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Not Just a Café, A Roastery." title="Not Just a Café, A Roastery."
buttons={[ buttons={[{ text: "Learn More", href: "/about" }]}
{
text: "Learn More",
href: "/about",
},
]}
/> />
</div> </div>
<div id="blog" data-section="blog"> <div id="blog" data-section="blog">
<BlogCardOne <BlogCardOne
title="Latest Insights"
description="Read our coffee journals."
blogs={[]}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
@@ -147,11 +86,14 @@ export default function LandingPage() {
</div> </div>
<div id="ecommerce" data-section="ecommerce"> <div id="ecommerce" data-section="ecommerce">
<ProductCart /> <ProductCart isOpen={false} onClose={() => {}} items={[]} total="0" buttons={[]} />
</div> </div>
<div id="team" data-section="team"> <div id="team" data-section="team">
<TeamCardTwo <TeamCardTwo
title="Our Roasting Team"
description="Meet the experts behind your daily cup."
members={[]}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
@@ -162,17 +104,11 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterLogoReveal
logoText="Roastery Lab" logoText="Roastery Lab"
leftLink={{ leftLink={{ text: "Privacy Policy", href: "#" }}
text: "Privacy Policy", rightLink={{ text: "Instagram", href: "#" }}
href: "#",
}}
rightLink={{
text: "Instagram",
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }