src/app/page.tsx

@@ -15,6 +15,8 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
 import { Award, Facebook, Instagram, Leaf, Recycle, Shield, Sparkles, Sun, Wheat, Zap } from "lucide-react";
 
 export default function LandingPage() {
+  const whatsappLink = "https://wa.me/50688888888";
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -38,7 +40,7 @@ export default function LandingPage() {
         { name: "Contact", id: "contact" },
       ]}
       brandName="Pura Vida Brewing"
-      button={{ text: "Contact Us", href: "#contact" }}
+      button={{ text: "Order via WhatsApp", href: whatsappLink }}
     />
   </div>
 
@@ -47,7 +49,7 @@ export default function LandingPage() {
       background={{ variant: "plain" }}
       title="Crafted in the Heart of Costa Rica"
       description="Experience the true essence of Pura Vida with our locally sourced, handcrafted small-batch brews."
-      buttons={[{ text: "Explore Our Beers", href: "#products" }]}
+      buttons={[{ text: "Order on WhatsApp", href: whatsappLink }]}
       imageSrc="http://img.b2bpic.net/free-photo/sultana-lemons-with-cup-drink-blue_114579-29047.jpg"
       imageAlt="Refreshing craft beer in costa rica"
       mediaAnimation="slide-up"
@@ -115,7 +117,8 @@ export default function LandingPage() {
   <div id="products" data-section="products">
       <ProductCardFour
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split-actions"
+      buttons={[{ text: "Order Full Menu on WhatsApp", href: whatsappLink }]}
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
@@ -170,7 +173,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         { id: "1", title: "Do you offer tours?", content: "Yes, we host weekly brewery tours upon request." },
-        { id: "2", title: "Can I buy beer online?", content: "Currently, we focus on local distribution partners." },
+        { id: "2", title: "Can I buy beer online?", content: "Yes! You can order directly via our WhatsApp link." },
         { id: "3", title: "What ingredients are local?", content: "Our hops are imported, but our malt and fruit are locally sourced." },
       ]}
       title="Frequently Asked Questions"
@@ -182,8 +185,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={false}
-      title="Get in Touch"
-      description="Ready to stock our beers or book a tour? Drop us a line."
+      title="Get in Touch or Order Direct"
+      description="Reach out to book a tour or start a bulk order via WhatsApp below."
+      buttons={[{ text: "Chat on WhatsApp", href: whatsappLink }]}
       inputs={[
         { name: "name", type: "text", placeholder: "Your Name", required: true },
         { name: "email", type: "email", placeholder: "Your Email", required: true },
@@ -207,4 +211,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
-  --card: #f3ede2;
-  --foreground: #2e2521;
-  --primary-cta: #c68a62;
+  --background: #fbfcf6;
+  --card: #f0f2e8;
+  --foreground: #1a2a1a;
+  --primary-cta: #0d5238;
   --primary-cta-text: #fcf6ec;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #d4f6e8;
   --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
-  --background-accent: #b2a28b;
+  --accent: #e1f6e1;
+  --background-accent: #1f4035;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);