Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -116,25 +116,28 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactSplitForm
       useInvertedBackground={true}
-      background={{ variant: "plain" }}
-      tag="Get in touch"
       title="Let's Start Your Next Project"
       description="Ready to elevate your garment branding? Contact our team for a custom quote."
-      imageSrc="http://img.b2bpic.net/free-photo/building-with-multiple-floors_250224-43.jpg"
+      inputs={[
+        { name: "name", type: "text", placeholder: "Your Name" },
+        { name: "email", type: "email", placeholder: "Your Email" }
+      ]}
       mediaAnimation="slide-up"
+      className="perspective-3d"
+      formCardClassName="transform-3d-hover"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterLogoEmphasis
-      imageSrc="http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150165790.jpg"
       logoText="Manisanj Labels"
       columns={[
-        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Products", href: "#products" }] },
+        { items: [{ label: "About", href: "#about" }, { label: "Products", href: "#products" }] },
-        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#" }] },
+        { items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#" }] },
       ]}
+      className="perspective-container-3d"
     />
   </div>
       </ReactLenis>