src/app/page.tsx

@@ -156,7 +156,8 @@ export default function LandingPage() {
       title="Trusted by Leading Homeowners & Businesses"
       description="We've had the privilege of working with a diverse range of clients, building lasting relationships based on quality and trust."
       names={[]}
-      showCard={true}
+      showCard={false}
+      logoItemClassName="p-4 flex items-center justify-center"
     />
   </div>
 
@@ -168,21 +169,27 @@ export default function LandingPage() {
       inputs={[
         {
           name: "name",          type: "text",          placeholder: "Your Name",          required: true,
+          className: "w-full p-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-cta mb-4"
         },
         {
           name: "email",          type: "email",          placeholder: "Your Email",          required: true,
+          className: "w-full p-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-cta mb-4"
         },
         {
-          name: "phone",          type: "tel",          placeholder: "Phone Number"},
+          name: "phone",          type: "tel",          placeholder: "Phone Number",          className: "w-full p-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-cta mb-4"
+        },
       ]}
       textarea={{
-        name: "message",        placeholder: "Tell us about your project...",        rows: 4,
+        name: "message",        placeholder: "Tell us about your project...",        rows: 6,
+        className: "w-full p-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-cta mb-4"
       }}
       imageSrc="http://img.b2bpic.net/free-photo/man-watering-plants-backyard_23-2149591436.jpg"
       imageAlt="Man watering plants in a beautiful backyard"
       mediaAnimation="slide-up"
       mediaPosition="right"
       buttonText="Send Message"
+      formCardClassName="shadow-lg p-6 rounded-lg"
+      buttonClassName="w-full mt-4"
     />
   </div>
 
@@ -227,4 +234,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000802;
-  --card: #0b1a0b;
-  --foreground: #e6ffe6;
-  --primary-cta: #80da9b;
+  --background: #fcfbf8;
+  --card: #f6f4ed;
+  --foreground: #2e3a21;
+  --primary-cta: #1e6e3c;
   --primary-cta-text: #000802;
-  --secondary-cta: #07170b;
+  --secondary-cta: #e8efe0;
   --secondary-cta-text: #e6ffe6;
-  --accent: #38714a;
-  --background-accent: #2c6541;
+  --accent: #35a560;
+  --background-accent: #35a560;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);