bender/ad47e89c-8d57-4e64-9917-1e1d88d7c45b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-17 13:36:40 +00:00
parent a0424ff60a
commit c8cc1d82a1
1 changed files with 58 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

327
src/app/page.tsx
View File

@@ -20,89 +20,48 @@ export default function LandingPage() {
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Menu",
id: "#menu",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Menu", id: "#menu" },
{ name: "Contact", id: "#contact" },
]}
brandName="Aroma Haven"
button={{ text: "Contact Us", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Brew, Connect, Inspire At Aroma Haven"
description="Specialty coffee crafted by passion, served in a space designed for creators and thinkers. Experience our 3D immersive cafe environment."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-22946.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/attractive-cheerful-girl-cozy-sweater-with-coffee-go-happily-looking-camera-yellow-background_574295-3844.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/man-sitting-working-laptop-cafe-terrace-daytime-looking-busy_176474-4887.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-vector/hand-drawn-coffee-pattern-with-croissants_23-2147599922.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg",
alt: "Customer 5",
},
]}
buttons={[
{
text: "Explore Our Menu",
href: "#menu",
},
{ src: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-22946.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/attractive-cheerful-girl-cozy-sweater-with-coffee-go-happily-looking-camera-yellow-background_574295-3844.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/man-sitting-working-laptop-cafe-terrace-daytime-looking-busy_176474-4887.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-vector/hand-drawn-coffee-pattern-with-croissants_23-2147599922.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg", alt: "Customer 5" },
]}
buttons={[{ text: "Explore Our Menu", href: "#menu" }]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Locally Sourced Beans",
},
{
type: "text",
text: "Artisan Roasting",
},
{
type: "text",
text: "Open Daily 7AM-9PM",
},
{
type: "text",
text: "Eco-Friendly Packaging",
},
{
type: "text",
text: "Community Driven",
},
{ type: "text", text: "Locally Sourced Beans" },
{ type: "text", text: "Artisan Roasting" },
{ type: "text", text: "Open Daily 7AM-9PM" },
{ type: "text", text: "Eco-Friendly Packaging" },
{ type: "text", text: "Community Driven" },
]}
/>
</div>
@@ -114,18 +73,9 @@ export default function LandingPage() {
title="Crafted For The Modern Creator"
description="At Aroma Haven, we blend the artistry of third-wave coffee with the comfort of a home studio. Every cup tells a story of origin, expertise, and passion."
bulletPoints={[
{
title: "Single-Origin Beans",
description: "Sourced directly from sustainable small-scale farms.",
},
{
title: "Precision Brew",
description: "Expertly calibrated extraction for every single cup.",
},
{
title: "Creative Space",
description: "Designed for focus, collaboration, and inspiration.",
},
{ title: "Single-Origin Beans", description: "Sourced directly from sustainable small-scale farms." },
{ title: "Precision Brew", description: "Expertly calibrated extraction for every single cup." },
{ title: "Creative Space", description: "Designed for focus, collaboration, and inspiration." },
]}
imageSrc="http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg"
mediaAnimation="slide-up"
@@ -138,31 +88,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: Coffee,
title: "Artisan Roasts",
description: "Hand-selected beans roasted in small batches daily.",
},
{
icon: IceCream,
title: "Signature Cold Brew",
description: "Slow-steeped for 24 hours for maximum smoothness.",
},
{
icon: Cake,
title: "Fresh Baked Goods",
description: "Pastries delivered warm from our oven every morning.",
},
{
icon: Wifi,
title: "High-Speed Wi-Fi",
description: "Seamless connectivity for creators and remote workers.",
},
{
icon: Users,
title: "Community Events",
description: "Regular meetups and creative workshops in our space.",
},
{ icon: Coffee, title: "Artisan Roasts", description: "Hand-selected beans roasted in small batches daily." },
{ icon: IceCream, title: "Signature Cold Brew", description: "Slow-steeped for 24 hours for maximum smoothness." },
{ icon: Cake, title: "Fresh Baked Goods", description: "Pastries delivered warm from our oven every morning." },
{ icon: Wifi, title: "High-Speed Wi-Fi", description: "Seamless connectivity for creators and remote workers." },
{ icon: Users, title: "Community Events", description: "Regular meetups and creative workshops in our space." },
]}
title="The Aroma Haven Experience"
description="Discover what makes our cafe more than just a place to get caffeine."
@@ -176,48 +106,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Classic Espresso",
price: "$3.50",
variant: "Signature",
imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-machine-making-coffee-home_23-2151699619.jpg",
},
{
id: "p2",
name: "Aroma Cold Brew",
price: "$4.50",
variant: "Cold",
imageSrc: "http://img.b2bpic.net/free-photo/mockup-liquid-bottle-labels_53876-63374.jpg",
},
{
id: "p3",
name: "Butter Croissant",
price: "$3.00",
variant: "Bakery",
imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-baked-croissant-white-plate_23-2147874515.jpg",
},
{
id: "p4",
name: "Latte Art Special",
price: "$4.00",
variant: "Milk-based",
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee_74190-2926.jpg",
},
{
id: "p5",
name: "House Blend Bag",
price: "$15.00",
variant: "Retail",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-full-roasted-coffee-beans-marble-surface_114579-43561.jpg",
},
{
id: "p6",
name: "Iced Signature",
price: "$5.00",
variant: "Cold",
imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-with-ice-cubes-sugar-dark-background_84443-94486.jpg",
},
{ id: "p1", name: "Classic Espresso", price: "$3.50", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-machine-making-coffee-home_23-2151699619.jpg" },
{ id: "p2", name: "Aroma Cold Brew", price: "$4.50", variant: "Cold", imageSrc: "http://img.b2bpic.net/free-photo/mockup-liquid-bottle-labels_53876-63374.jpg" },
{ id: "p3", name: "Butter Croissant", price: "$3.00", variant: "Bakery", imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-baked-croissant-white-plate_23-2147874515.jpg" },
{ id: "p4", name: "Latte Art Special", price: "$4.00", variant: "Milk-based", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee_74190-2926.jpg" },
{ id: "p5", name: "House Blend Bag", price: "$15.00", variant: "Retail", imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-full-roasted-coffee-beans-marble-surface_114579-43561.jpg" },
{ id: "p6", name: "Iced Signature", price: "$5.00", variant: "Cold", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-with-ice-cubes-sugar-dark-background_84443-94486.jpg" },
]}
title="Our Signature Menu"
description="Hand-crafted beverages and fresh pastries prepared daily."
@@ -230,60 +124,16 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Creative Director",
company: "Studio X",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg",
},
{
id: "2",
name: "Alex Tan",
role: "Software Dev",
company: "TechCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-girl-with-pixie-haircut-holding-cup-looking-side-isolated-white-background-with-copy-space_141793-31625.jpg",
},
{
id: "3",
name: "Elena Rodriguez",
role: "Freelancer",
company: "Self-Employed",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-black-businessman-drinking-coffee-while-working-late-computer-office_637285-2604.jpg",
},
{
id: "4",
name: "David Khoo",
role: "Architect",
company: "BuildDesign",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-10422.jpg",
},
{
id: "5",
name: "Jessica Lee",
role: "Marketing",
company: "GrowFast",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sensual-woman-drinking-coffee_23-2147737674.jpg",
},
{ id: "1", name: "Sarah Miller", role: "Creative Director", company: "Studio X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg" },
{ id: "2", name: "Alex Tan", role: "Software Dev", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-girl-with-pixie-haircut-holding-cup-looking-side-isolated-white-background-with-copy-space_141793-31625.jpg" },
{ id: "3", name: "Elena Rodriguez", role: "Freelancer", company: "Self-Employed", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-black-businessman-drinking-coffee-while-working-late-computer-office_637285-2604.jpg" },
{ id: "4", name: "David Khoo", role: "Architect", company: "BuildDesign", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-10422.jpg" },
{ id: "5", name: "Jessica Lee", role: "Marketing", company: "GrowFast", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sensual-woman-drinking-coffee_23-2147737674.jpg" },
]}
kpiItems={[
{
value: "12K+",
label: "Cups Served",
},
{
value: "450+",
label: "Happy Creators",
},
{
value: "4.9",
label: "Avg Rating",
},
{ value: "12K+", label: "Cups Served" },
{ value: "450+", label: "Happy Creators" },
{ value: "4.9", label: "Avg Rating" },
]}
title="Loved By Our Community"
description="See what creators and locals are saying about their experience."
@@ -296,27 +146,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Sustainably Sourced",
description: "Ethics are at our core.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-circle-coffee-beans-brown-paper-texture-background_141793-7111.jpg",
},
{
id: "m2",
value: "24h",
title: "Cold Brew Steep",
description: "Patience produces perfection.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-man-making-cup-cappuccino_181624-58109.jpg",
},
{
id: "m3",
value: "7+",
title: "Roast Profiles",
description: "Something for every palate.",
imageSrc: "http://img.b2bpic.net/free-photo/empty-clear-aeropress-filter-cap-two-paper-filters-steel-travel-cup-held-up-air-by-four-hands-white-alternative-coffee-brewing-commercial_346278-1099.jpg",
},
{ id: "m1", value: "100%", title: "Sustainably Sourced", description: "Ethics are at our core.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-circle-coffee-beans-brown-paper-texture-background_141793-7111.jpg" },
{ id: "m2", value: "24h", title: "Cold Brew Steep", description: "Patience produces perfection.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-man-making-cup-cappuccino_181624-58109.jpg" },
{ id: "m3", value: "7+", title: "Roast Profiles", description: "Something for every palate.", imageSrc: "http://img.b2bpic.net/free-photo/empty-clear-aeropress-filter-cap-two-paper-filters-steel-travel-cup-held-up-air-by-four-hands-white-alternative-coffee-brewing-commercial_346278-1099.jpg" },
]}
title="Our Impact In Numbers"
description="We believe quality is measured by consistency and passion."
@@ -327,21 +159,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you have Wi-Fi?",
content: "Yes, we provide high-speed complimentary Wi-Fi for all our guests.",
},
{
id: "q2",
title: "Can I book a table?",
content: "We work on a first-come, first-served basis, but larger groups can contact us.",
},
{
id: "q3",
title: "Are you pet-friendly?",
content: "We love furry friends! Our outdoor seating is perfectly pet-friendly.",
},
{ id: "q1", title: "Do you have Wi-Fi?", content: "Yes, we provide high-speed complimentary Wi-Fi for all our guests." },
{ id: "q2", title: "Can I book a table?", content: "We work on a first-come, first-served basis, but larger groups can contact us." },
{ id: "q3", title: "Are you pet-friendly?", content: "We love furry friends! Our outdoor seating is perfectly pet-friendly." },
]}
sideTitle="Frequently Asked Questions"
sideDescription="Need help or have a special order request?"
@@ -352,49 +172,18 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Visit us at Jl Merdeka 42, Jakarta. Open daily 7am–9pm."
buttons={[
{
text: "Call +62 21 5555 0147",
href: "tel:+622155550147",
},
]}
buttons={[{ text: "Call +62 21 5555 0147", href: "tel:+622155550147" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Visit",
items: [
{
label: "Jl Merdeka 42, Jakarta",
href: "#",
},
],
},
{
title: "Hours",
items: [
{
label: "7am – 9pm Daily",
href: "#",
},
],
},
{
title: "Contact",
items: [
{
label: "+62 21 5555 0147",
href: "tel:+622155550147",
},
],
},
{ title: "Visit", items: [{ label: "Jl Merdeka 42, Jakarta", href: "#" }] },
{ title: "Hours", items: [{ label: "7am – 9pm Daily", href: "#" }] },
{ title: "Contact", items: [{ label: "+62 21 5555 0147", href: "tel:+622155550147" }] },
]}
logoText="Aroma Haven"
/>
@@ -402,4 +191,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}