Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -15,6 +15,11 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
 import { Percent, UserCheck, CheckCircle, Zap, Award, Users } from "lucide-react";
 
 export default function LandingPage() {
+  const sendToWhatsApp = (planName: string, price: string) => {
+    const message = `Olá! Gostaria de finalizar minha matrícula na Academia Alpha.\n\nPlano escolhido: ${planName} (${price})\n\nAguardo mais informações para prosseguir!`;
+    window.open(`https://wa.me/5592986133442?text=${encodeURIComponent(message)}`, '_blank');
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
@@ -170,7 +175,7 @@ export default function LandingPage() {
         {
           id: "maromba",          badge: "Popular",          price: "R$ 100",          subtitle: "Mensal Maromba",          buttons: [
             {
-              text: "Assinar"},
+              text: "Assinar", onClick: () => sendToWhatsApp("Mensal Maromba", "R$ 100")},
           ],
           features: [
             "Foco em hipertrofia",            "Acesso academia"],
@@ -178,7 +183,7 @@ export default function LandingPage() {
         {
           id: "alpha",          badge: "Premium",          price: "R$ 150",          subtitle: "Mensal Alpha",          buttons: [
             {
-              text: "Assinar"},
+              text: "Assinar", onClick: () => sendToWhatsApp("Mensal Alpha", "R$ 150")},
           ],
           features: [
             "Professor",            "Avaliação",            "Personalizado",            "Funcional"],
@@ -186,7 +191,7 @@ export default function LandingPage() {
         {
           id: "familia",          badge: "Família",          price: "R$ 360",          subtitle: "Mensal Familiar",          buttons: [
             {
-              text: "Assinar"},
+              text: "Assinar", onClick: () => sendToWhatsApp("Mensal Familiar", "R$ 360")},
           ],
           features: [
             "Mínimo 4 pessoas",            "Acesso completo"],
@@ -222,7 +227,7 @@ export default function LandingPage() {
       text="📍 R. Gov. José Lindoso, 20 | Rio Preto da Eva - AM | 📞 (92) 98482-0945"
       buttons={[
         {
-          text: "📲 Falar no WhatsApp",          href: "https://wa.me/5592984820945"},
+          text: "📲 Falar no WhatsApp",          href: "https://wa.me/5592986133442"},
       ]}
     />
   </div>
@@ -242,7 +247,7 @@ export default function LandingPage() {
         {
           title: "Contato",          items: [
             {
-              label: "WhatsApp",              href: "https://wa.me/5592984820945"},
+              label: "WhatsApp",              href: "https://wa.me/5592986133442"},
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #000000;
-  --card: #f9f9f9;
+  --card: #0a1f0a;
-  --foreground: #000f06e6;
+  --foreground: #e6ffe6;
-  --primary-cta: #0a7039;
+  --primary-cta: #10b981;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #1a3d1f;
   --secondary-cta-text: #000f06e6;
-  --accent: #e2e2e2;
+  --accent: #35c18b;
-  --background-accent: #c4c4c4;
+  --background-accent: #064e3b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);