Update src/app/page.tsx

Merge version_2 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 ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -77,7 +77,7 @@ export default function LandingPage() {
         <div id="skills" data-section="skills">
           <FeatureCardTwentyFour
             animationType="slide-up"
-            textboxLayout="default"
+            textboxLayout="split-description"
             useInvertedBackground={false}
             features={[
               { id: "1", title: "SolidWorks & CAD", author: "Expert Level", description: "3D modeling and complex sheet metal assembly design.", tags: ["CAD", "Design"], imageSrc: "http://img.b2bpic.net/free-photo/black-engineer-designs-machinery-tools_482257-121402.jpg" },
@@ -153,30 +153,27 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactSplitForm
-            useInvertedBackground={false}
+          <ContactSplit
             title="Get In Touch"
             description="Discuss your next engineering project with me."
-            inputs={[
-              { name: "name", type: "text", placeholder: "Your Name", required: true },
-              { name: "email", type: "email", placeholder: "Your Email", required: true }
-            ]}
-            textarea={{ name: "message", placeholder: "Details about your project...", rows: 4, required: true }}
+            tag="Contact Me"
             imageSrc="http://img.b2bpic.net/free-photo/paper-notebook-near-electronic-devices-cup-coffee_23-2148128499.jpg"
+            background={{ variant: "gradient-bars" }}
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBase
+          <FooterLogoEmphasis
+            logoText="Jaimin Prajapati"
             columns={[
               {
-                title: "Navigation",                items: [{ label: "About", href: "#about" }, { label: "Projects", href: "#projects" }]
+                items: [{ label: "About", href: "#about" }, { label: "Projects", href: "#projects" }]
               },
               {
-                title: "Social",                items: [{ label: "LinkedIn", href: "#" }, { label: "GitHub", href: "#" }]
+                items: [{ label: "LinkedIn", href: "#" }, { label: "GitHub", href: "#" }]
               }
             ]}
-            logoText="Jaimin Prajapati"
           />
         </div>
       </ReactLenis>