Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -29,14 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "About", id: "about" },
-          name: "About",          id: "about"},
+        { name: "Menu", id: "menu" },
-        {
+        { name: "Testimonials", id: "testimonials" },
-          name: "Menu",          id: "menu"},
+        { name: "Visit", id: "contact" },
-        {
-          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={{
+      background={{ variant: "plain" }}
-        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={[
+      buttons={[{ text: "Explore Menu", href: "#menu" }]}
-        {
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C9ymkXx4IqY6tpCuz8hKXK3Weh/uploaded-1775837643762-ic6ykep2.jpg"
-          text: "Explore Menu",          href: "#menu"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/rooftop-sunset-cityscape_23-2151945654.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: Coffee,
+        { icon: Leaf, label: "Natural Setting", value: "Lush" },
-          label: "Ethically Sourced",          value: "100%"},
+        { icon: Smile, label: "Customer Rating", value: "4.7★" },
-        {
-          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: "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: "2",          name: "Canopy Artisanal Tart",          price: "R55",          imageSrc: "http://img.b2bpic.net/free-photo/mini-ethnic-sculptures-embedded-frames_114579-12096.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: "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: "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: "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: "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: "2",          name: "Michael C.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.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: "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,25 +100,19 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "radial-gradient" }}
-        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={[
+      buttons={[{ text: "Get Directions", href: "https://maps.google.com" }]}
-        {
-          text: "Get Directions",          href: "https://maps.google.com"},
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Gatvol Coffee"
-      leftLink={{
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-        text: "Privacy Policy",        href: "#"}}
+      rightLink={{ text: "© 2024 Gatvol Coffee", href: "#" }}
-      rightLink={{
-        text: "© 2024 Gatvol Coffee",        href: "#"}}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

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