Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -64,6 +64,7 @@ export default function LandingPage() {
       ]}
       title="Why Choose Hupp Painting?"
       description="We pride ourselves on providing a premium painting experience for every customer."
+      cardClassName="border border-accent"
     />
   </div>
 
@@ -79,6 +80,7 @@ export default function LandingPage() {
       ]}
       title="Our Services"
       description="Professional solutions to maintain and improve your home's aesthetic value."
+      cardClassName="border border-accent"
     />
   </div>
 
@@ -87,6 +89,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Hupp Painting - Dunedin's Painting Experts"
       buttons={[{ text: "Visit hupppainting.com", href: "https://hupppainting.com" }]}
+      className="bg-background-accent text-foreground"
     />
   </div>
 
@@ -101,6 +104,7 @@ export default function LandingPage() {
       ]}
       title="5.0 Star Reputation"
       description="Our neighbors trust us with their homes."
+      cardClassName="bg-card border border-accent"
     />
   </div>
 
@@ -110,8 +114,8 @@ export default function LandingPage() {
       title="Get Your Free Estimate Today"
       description="Visit us at 918 Gulf View Blvd, Dunedin, FL, or call (727) 330-1821 to get started."
       buttons={[{ text: "Call Now: (727) 330-1821", href: "tel:7273301821" }]}
-      background={{ variant: "plain" }}
-      useInvertedBackground={false}
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={true}
     />
   </div>
 
@@ -129,4 +133,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #ffffff;
   --card: #f9f9f9;
   --foreground: #000612;
-  --primary-cta: #FF7B05;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #15479c;
+  --secondary-cta: #FF7B05;
   --secondary-cta-text: #ffffff;
   --accent: #e2e2e2;
-  --background-accent: #f9f9f9;
+  --background-accent: #f1f8ff;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);