Update src/app/page.tsx

Merge version_5 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';
@@ -58,9 +58,9 @@ export default function LandingPage() {
       ]}
       slides={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c0qrjb",          imageAlt: "glass manufacturing factory interior"},
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cuczgc1qa6fF0suHI5gKoMw2pD/uploaded-1777240606034-tczlb2rw.webp",          imageAlt: "glass manufacturing factory interior"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r4yotn",          imageAlt: "modern mirror glass display"},
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cuczgc1qa6fF0suHI5gKoMw2pD/uploaded-1777240948598-kkiszjg8.webp",          imageAlt: "modern mirror glass display"},
         {
           imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k86mn4",          imageAlt: "architectural glass industrial design"},
         {
@@ -68,7 +68,7 @@ export default function LandingPage() {
         {
           imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=89viwv",          imageAlt: "industrial glass fabrication workshop"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jvvjy0",          imageAlt: "glass reflection modern office"},
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cuczgc1qa6fF0suHI5gKoMw2pD/uploaded-1777240606034-tczlb2rw.webp",          imageAlt: "glass reflection modern office"},
       ]}
     />
   </div>
@@ -198,25 +198,18 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactText
+      text="Get a Free Consultation for Your Glass Project"
+      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,7 +10,7 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f5f5f5;
   --card: #ffffff;
   --foreground: #087588;
   --primary-cta: #ffffff;