Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -22,7 +22,7 @@ export default function LandingPage() {
         borderRadius="pill"
         contentWidth="mediumSmall"
         sizing="medium"
-        background="blurBottom"
+        background="fluid"
         cardStyle="solid"
         primaryButtonStyle="primary-glow"
         secondaryButtonStyle="solid"
@@ -45,9 +45,10 @@ export default function LandingPage() {
       ]}
       button={{
         text: "Request a Quote",        href: "#contact"}}
-      logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18690.jpg"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780476716313-05mwh7j7.png"
       logoAlt="MPY Paint Jobs Logo"
       brandName="MPY Paint Jobs"
+      logoImageClassName="bg-transparent"
     />
   </div>
 
@@ -268,7 +269,7 @@ export default function LandingPage() {
         name: "projectDetails",        placeholder: "Tell us about your project vision (e.g., bike type, style, colors, desired date)",        rows: 5,
         required: true,
       }}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-repairing-bike_23-2148932598.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780476585715-xxiwthkq.jpg"
       imageAlt="Close up of bicycle frame in a workshop"
       mediaAnimation="blur-reveal"
       mediaPosition="right"
@@ -278,7 +279,7 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterBaseCard
-      logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18690.jpg"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780476716313-05mwh7j7.png"
       logoAlt="MPY Paint Jobs Logo"
       logoText="MPY Paint Jobs"
       columns={[
@@ -316,6 +317,7 @@ export default function LandingPage() {
         },
       ]}
       copyrightText="© 2024 MPY Paint Jobs. All rights reserved."
+      logoImageClassName="bg-transparent"
     />
   </div>
       </ReactLenis>

src/app/styles/base.css

@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #111111;
-  --card: #1A1A1A;
-  --foreground: #E0E0E0;
-  --primary-cta: #20B24B;
-  --primary-cta-text: #FFFFFF;
-  --secondary-cta: #1A1A1A;
-  --secondary-cta-text: #E0E0E0;
-  --accent: #1E73D8;
-  --background-accent: #D8C42B;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #1f7cff;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #010101;
+  --secondary-cta-text: #ffffff;
+  --accent: #1f7cff;
+  --background-accent: #f96b2f;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);