2026-03-09 07:04:55 +00:00
3 changed files with 16 additions and 16 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -13,7 +13,7 @@ export default function RootLayout({
  children: React.ReactNode;
 }) {
  return (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning>
      <body className={inter.className}>{children}
        <script
          dangerouslySetInnerHTML={{
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,16 +15,16 @@ import { CheckCircle, Leaf, Phone, Shield, Sparkles, Star } from 'lucide-react';
 export default function LandingPage() {
  return (
    <ThemeProvider
-      defaultButtonVariant="text-shift"
+      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="large"
-      background="circleGradient"
-      cardStyle="inset"
-      primaryButtonStyle="diagonal-gradient"
-      secondaryButtonStyle="solid"
-      headingFontWeight="normal"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
@@ -32,8 +32,8 @@ export default function LandingPage() {
            { name: "Services", id: "services" },
            { name: "Why Us", id: "about" },
            { name: "Reviews", id: "testimonials" },
+            { name: "Areas", id: "service-areas" },
            { name: "Contact", id: "contact" },
-            { name: "Call Now", id: "tel:555-0123" },
          ]}
          brandName="GreenCare Lawn Services"
          bottomLeftText="Serving Your Community"
@@ -50,7 +50,7 @@ export default function LandingPage() {
          tagAnimation="blur-reveal"
          buttons={[
            { text: "Call Now", href: "tel:555-0123" },
-            { text: "Get Free Quote Now", href: "#contact" },
+            { text: "Get Free Quote", href: "#contact" },
          ]}
          buttonAnimation="blur-reveal"
          background={{ variant: "plain" }}
@@ -171,7 +171,7 @@ export default function LandingPage() {
          ]}
          ctaTitle="Ready to Transform Your Lawn?"
          ctaDescription="Contact us today for your free lawn care quote. Call or fill out our form."
-          ctaButton={{ text: "Get Free Quote", href: "#" }}
+          ctaButton={{ text: "Get Free Quote", href: "tel:555-0123" }}
          ctaIcon={Phone}
          useInvertedBackground={false}
          animationType="blur-reveal"
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -11,14 +11,14 @@
  --background-accent: #ffffff; */

  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
+  --card: #f5f5f0;
+  --foreground: #1a4d2e;
+  --primary-cta: #2d7a4a;
  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #e8f4eb;
  --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #7ec686;
+  --background-accent: #c8e6c9;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);