bender/ba8dc79f-95ea-414d-b970-ba0f7bcf2364
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-04-10 16:14:25 +00:00
Conversation 0 Commits 2 Files Changed 2 +32 -63
2 changed files with 32 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/app/page.tsx
View File

@@ -29,14 +29,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About", id: "about"},
{
name: "Menu", id: "menu"},
{
name: "Testimonials", id: "testimonials"},
{
name: "Visit", id: "contact"},
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Visit", id: "contact" },
]}
brandName="Gatvol Coffee"
/>
@@ -44,15 +40,11 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "plain"}}
background={{ variant: "plain" }}
title="Where the jungle meets your cup"
description="Tucked beneath a canopy of ancient trees, with the sound of water and the warmth of people who give a damn. This is your escape."
buttons={[
{
text: "Explore Menu", href: "#menu"},
]}
imageSrc="http://img.b2bpic.net/free-photo/rooftop-sunset-cityscape_23-2151945654.jpg"
buttons={[{ text: "Explore Menu", href: "#menu" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C9ymkXx4IqY6tpCuz8hKXK3Weh/uploaded-1775837643762-ic6ykep2.jpg"
imageAlt="Gatvol Coffee luxury jungle hideaway"
/>
</div>
@@ -62,15 +54,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="A Sanctuary of Coffee"
metrics={[
{
icon: Coffee,
label: "Ethically Sourced", value: "100%"},
{
icon: Leaf,
label: "Natural Setting", value: "Lush"},
{
icon: Smile,
label: "Customer Rating", value: "4.7★"},
{ icon: Coffee, label: "Ethically Sourced", value: "100%" },
{ icon: Leaf, label: "Natural Setting", value: "Lush" },
{ icon: Smile, label: "Customer Rating", value: "4.7★" },
]}
metricsAnimation="blur-reveal"
/>
@@ -83,18 +69,12 @@ export default function LandingPage() {
animationType="blur-reveal"
useInvertedBackground={false}
products={[
{
id: "1", name: "Jungle Blend Espresso", price: "R35", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-brown-leaves_116380-82.jpg"},
{
id: "2", name: "Canopy Artisanal Tart", price: "R55", imageSrc: "http://img.b2bpic.net/free-photo/mini-ethnic-sculptures-embedded-frames_114579-12096.jpg"},
{
id: "3", name: "Botanical Cold Brew", price: "R45", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-glass-with-condensation-ice_84443-83820.jpg"},
{
id: "4", name: "Rainforest Latte", price: "R40", imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-latte-foam-decor_141793-17531.jpg"},
{
id: "5", name: "Forest Morning Bowl", price: "R85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-plate-fruits-plate-slices-orange-lemon-chocolate-covered-strawberries-notebook-cup-tea-hizelnuts-strawberries_140725-118277.jpg"},
{
id: "6", name: "Ancient Tree Mocha", price: "R48", imageSrc: "http://img.b2bpic.net/free-photo/honey-walnut-spices-cup-cakes-near-spiral-notepad-wooden-surface_23-2147938121.jpg"},
{ id: "1", name: "Jungle Blend Espresso", price: "R35", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-brown-leaves_116380-82.jpg" },
{ id: "2", name: "Canopy Artisanal Tart", price: "R55", imageSrc: "http://img.b2bpic.net/free-photo/mini-ethnic-sculptures-embedded-frames_114579-12096.jpg" },
{ id: "3", name: "Botanical Cold Brew", price: "R45", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-glass-with-condensation-ice_84443-83820.jpg" },
{ id: "4", name: "Rainforest Latte", price: "R40", imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-latte-foam-decor_141793-17531.jpg" },
{ id: "5", name: "Forest Morning Bowl", price: "R85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-plate-fruits-plate-slices-orange-lemon-chocolate-covered-strawberries-notebook-cup-tea-hizelnuts-strawberries_140725-118277.jpg" },
{ id: "6", name: "Ancient Tree Mocha", price: "R48", imageSrc: "http://img.b2bpic.net/free-photo/honey-walnut-spices-cup-cakes-near-spiral-notepad-wooden-surface_23-2147938121.jpg" },
]}
title="Signature Menu"
description="Artisan blends, hand-pressed coffees, and local culinary delights crafted for the discerning palate."
@@ -105,16 +85,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={true}
testimonials={[
{
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-working-from-cafe-coworking-space-sitting-with-laptop-studying-doing_1258-190961.jpg"},
{
id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg"},
{
id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-cheerful-girl-dressed-swimwear-rests-beach_176420-5880.jpg"},
{
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg"},
{
id: "5", name: "Jane D.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-with-wavy-hair-park_23-2147911448.jpg"},
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-working-from-cafe-coworking-space-sitting-with-laptop-studying-doing_1258-190961.jpg" },
{ id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg" },
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-cheerful-girl-dressed-swimwear-rests-beach_176420-5880.jpg" },
{ id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg" },
{ id: "5", name: "Jane D.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-with-wavy-hair-park_23-2147911448.jpg" },
]}
cardTitle="Words from the Jungle"
cardTag="Reviews"
@@ -125,28 +100,22 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient"}}
background={{ variant: "radial-gradient" }}
tag="Visit Us"
title="Find Your Escape in La Lucia"
description="Nestled in the heart of Durban North. Open daily from 7:00 AM to 5:00 PM. Come experience the jungle difference."
buttons={[
{
text: "Get Directions", href: "https://maps.google.com"},
]}
buttons={[{ text: "Get Directions", href: "https://maps.google.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Gatvol Coffee"
leftLink={{
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "© 2024 Gatvol Coffee", href: "#"}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "© 2024 Gatvol Coffee", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

12
src/app/styles/variables.css
View File

@@ -11,14 +11,14 @@
--background-accent: #ffffff; */
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--card: #efe7dd;
--foreground: #2b180a;
--primary-cta: #2b180a;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta: #efe7dd;
--secondary-cta-text: #2a2928;
--accent: #ffffff;
--background-accent: #c6b180;
--accent: #94877c;
--background-accent: #afa094;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);