Update src/app/styles/variables.css

Merge version_4 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -198,25 +198,18 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactText
+      text="Contact Us for Premium Glass Solutions"
+      background={{ variant: "animated-grid" }}
       useInvertedBackground={true}
-      title="Get in Touch"
-      description="Request a quote or ask us any questions."
-      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Your Name"},
-        {
-          name: "email",          type: "email",          placeholder: "Email Address"},
+      buttons={[
+          { text: "Get a Quote", href: "#contact" }
       ]}
-      textarea={{
-        name: "message",        placeholder: "How can we help?"}}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qf2gk8"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u69ciu"
+      <FooterBase
       logoText="Glass Beveling Service"
       columns={[
         {

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f5f5f5;
   --card: #ffffff;
-  --foreground: #087588;
-  --primary-cta: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1c1c1c;
   --primary-cta-text: #087588;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #087588;
-  --accent: #ffffff;
-  --background-accent: #087588;
+  --accent: #15479c;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);