Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import { Leaf, Phone, MapPin, Mail } from "lucide-react";
+import { Leaf, Phone, MapPin, Mail, Instagram, Facebook, Twitter } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -155,11 +155,13 @@ export default function LandingPage() {
       title="Start Your Project | Inicie su Proyecto"
       description="Fill out the form to schedule a site visit today."
       inputs={[
-        { name: "name", type: "text", placeholder: "Full Name" },
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
-        { name: "email", type: "email", placeholder: "Email Address" }
+        { name: "email", type: "email", placeholder: "Email Address", required: true }
       ]}
-      textarea={{ name: "message", placeholder: "Describe your landscaping project...", rows: 4 }}
+      textarea={{ name: "message", placeholder: "Describe your landscaping project...", rows: 4, required: true }}
       imageSrc="http://img.b2bpic.net/free-photo/gardener-woman-working-garden-greenhouse_23-2148165251.jpg"
+      buttonText="Send Request"
+      mediaAnimation="slide-up"
     />
   </div>
 
@@ -169,7 +171,8 @@ export default function LandingPage() {
       socialLinks={[
         { icon: Phone, href: "tel:+15410000000", ariaLabel: "Phone" },
         { icon: Mail, href: "mailto:info@junior-construction.com", ariaLabel: "Email" },
-        { icon: MapPin, href: "#", ariaLabel: "Location" }
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Facebook, href: "#", ariaLabel: "Facebook" }
       ]}
       copyrightText="© 2025 | Junior Construction LLC. All rights reserved."
     />

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fafffb;
+  --background: #fdfdfb;
-  --card: #f7fffa;
+  --card: #f2f4f1;
-  --foreground: #001a0a;
+  --foreground: #1a2e1d;
-  --primary-cta: #0a7039;
+  --primary-cta: #2d5a36;
   --primary-cta-text: #fafffb;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #e8ebe9;
   --secondary-cta-text: #001a0a;
-  --accent: #a8d9be;
+  --accent: #b8c9b8;
-  --background-accent: #6bbf8e;
+  --background-accent: #d6e0d6;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);