Update src/app/contact/page.tsx

Merge version_19 into main

src/app/contact/page.tsx

@@ -2,11 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import Link from "next/link";
 
-export default function LandingPage() {
+export default function ContactPage() {
+  const inputClassName = "bg-[#FFFFFF] border border-[#D0CCBC] text-[#1A3A5C] placeholder:text-gray-500";
+  
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -21,110 +24,36 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "How It Works",          id: "/how-it-works"},
-        {
-          name: "Services",          id: "/services"},
-        {
-          name: "About",          id: "/about"},
-        {
-          name: "Resources",          id: "/blog"},
-        {
-          name: "Contact",          id: "/contact"},
-      ]}
-      brandName="Palante STS"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+              brandName="Palante STS"
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Contact", id: "/contact" },
+              ]}
+            />
+        </div>
 
-  <div id="contact-body" data-section="contact-body">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Let's Talk, No Pressure"
-      description="Most families say they wish they'd called sooner. We're here to listen."
-      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
-        },
-        {
-          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: true,
-        },
-      ]}
-      multiSelect={{
-        name: "county",        label: "Which County are you in?",        options: [
-          "Orange County",          "Los Angeles",          "Riverside",          "San Bernardino",          "Other"],
-      }}
-      textarea={{
-        name: "message",        placeholder: "Tell us a little about your situation",        rows: 4,
-      }}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1777680642863-khh8wvic.jpg?_wi=1"
-    />
-  </div>
+        <div id="contact-split" data-section="contact-split">
+            <ContactSplit
+              tag="Get In Touch"
+              title="Let's Talk, No Pressure"
+              description="Most families say they wish they'd called sooner. We're here to listen."
+              background={{ variant: "plain" }}
+              mediaAnimation="blur-reveal"
+              imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1777680642863-khh8wvic.jpg?_wi=1"
+              inputClassName={inputClassName}
+              useInvertedBackground={false}
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Contact Us"
-      description="We're here to listen."
-      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Name",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Email",          required: true,
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1777680642863-khh8wvic.jpg?_wi=2"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Palante STS"
-      columns={[
-        {
-          title: "Company",          items: [
-            {
-              label: "About",              href: "/about"},
-            {
-              label: "Services",              href: "/services"},
-            {
-              label: "How It Works",              href: "/how-it-works"},
-          ],
-        },
-        {
-          title: "Contact",          items: [
-            {
-              label: "Schedule Consultation",              href: "/contact"},
-            {
-              label: "Email: hello@gopalante.com",              href: "mailto:hello@gopalante.com"},
-            {
-              label: "Text/Call: (213) 706-0093",              href: "tel:2137060093"},
-          ],
-        },
-        {
-          title: "Service Areas",          items: [
-            {
-              label: "Orange County",              href: "#"},
-            {
-              label: "Los Angeles",              href: "#"},
-            {
-              label: "Riverside",              href: "#"},
-            {
-              label: "San Bernardino",              href: "#"},
-          ],
-        },
-      ]}
-      copyrightText="© 2026 Palante Senior Transition Specialists LLC"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterCard
+              logoText="Palante STS"
+              copyrightText="© 2026 Palante Senior Transition Specialists LLC"
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );