Update src/app/layout.tsx

Merge version_1 into main

src/app/page.tsx

@@ -9,8 +9,8 @@ import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
 import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
 import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
 import { Sparkles, Award, Star, Zap, Heart, HelpCircle, Lightbulb } from "lucide-react";
 import Link from "next/link";
 
@@ -361,40 +361,27 @@ export default function HomePage() {
       </div>
 
       <div id="contact" data-section="contact" className="w-full">
-        <ContactSplitForm
+        <ContactSplit
+          tag="Get in Touch"
           title="Let's Create Something Amazing"
           description="Ready to transform your digital presence? Get in touch with our team. We'd love to discuss your project and explore how we can help."
-          inputs={[
+          background={{ variant: "sparkles-gradient" }}
-            {
-              name: "fullName",              type: "text",              placeholder: "Your Full Name",              required: true,
-            },
-            {
-              name: "email",              type: "email",              placeholder: "your@email.com",              required: true,
-            },
-            {
-              name: "company",              type: "text",              placeholder: "Company Name",              required: false,
-            },
-            {
-              name: "phone",              type: "tel",              placeholder: "+1 (555) 000-0000",              required: false,
-            },
-          ]}
-          textarea={{
-            name: "message",            placeholder: "Tell us about your project, goals, and timeline...",            rows: 6,
-            required: true,
-          }}
           useInvertedBackground={false}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/modern-creative-workspace-with-designer--1773001370917-d97731f6.png"
           imageAlt="Creative workspace"
           mediaAnimation="slide-up"
           mediaPosition="right"
-          buttonText="Send Message"
+          inputPlaceholder="Enter your email"
+          buttonText="Subscribe"
+          termsText="We'll send you updates about our latest projects and industry insights. Unsubscribe anytime."
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBaseReveal
+        <FooterSimple
           columns={footerColumns}
-          copyrightText="© 2025 Webild Design. All rights reserved."
+          bottomLeftText="© 2025 Webild Design. All rights reserved."
+          bottomRightText="Made with purpose and passion."
         />
       </div>
     </ThemeProvider>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
+  --background: #ffffff;
-  --card: #ffffff;
+  --card: #f5f5f5;
-  --foreground: #250c0d;
+  --foreground: #1a1a1a;
-  --primary-cta: #b82b40;
+  --primary-cta: #0052cc;
   --primary-cta-text: #f7f6f7;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #250c0d;
-  --accent: #b90941;
+  --accent: #6c5ce7;
-  --background-accent: #e8a8b6;
+  --background-accent: #e8deff;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);