Update src/app/page.tsx

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 FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Platform",
+          name: "Platform",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "Process",
+          name: "Process",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "#pricing"},
-          id: "#pricing",
-        },
       ]}
       brandName="PathAI"
     />
@@ -53,59 +45,36 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       title="Your Future, Mapped by AI."
       description="Unlock data-driven career pathways tailored to your unique skills and ambition. Stop searching, start evolving."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg",
+          src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg",          alt: "ai dashboard ui"},
-          alt: "ai dashboard ui",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/development-success-performance-graphic-word-icon_53876-30249.jpg",
+          src: "http://img.b2bpic.net/free-photo/development-success-performance-graphic-word-icon_53876-30249.jpg",          alt: "ai dashboard ui"},
-          alt: "ai dashboard ui",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",
+          src: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",          alt: "ai dashboard ui"},
-          alt: "ai dashboard ui",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169850.jpg",
+          src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169850.jpg",          alt: "Representation of user experience and interface design"},
-          alt: "Representation of user experience and interface design",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038414.jpg",
+          src: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038414.jpg",          alt: "Customer relationship management concept"},
-          alt: "Customer relationship management concept",
-        },
       ]}
       buttons={[
         {
-          text: "Get Started",
+          text: "Get Started",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "AI-Driven Insights"},
-          text: "AI-Driven Insights",
-        },
         {
-          type: "text",
+          type: "text",          text: "Career Growth"},
-          text: "Career Growth",
-        },
         {
-          type: "text",
+          type: "text",          text: "Skill Mapping"},
-          text: "Skill Mapping",
-        },
         {
-          type: "text",
+          type: "text",          text: "Salary Analytics"},
-          text: "Salary Analytics",
-        },
         {
-          type: "text",
+          type: "text",          text: "Professional Success"},
-          text: "Professional Success",
-        },
       ]}
     />
   </div>
@@ -117,17 +86,11 @@ export default function LandingPage() {
       description="Our AI analyzes millions of market data points to construct the most efficient path for your career transition."
       metrics={[
         {
-          value: "95%",
+          value: "95%",          title: "Career Accuracy"},
-          title: "Career Accuracy",
-        },
         {
-          value: "12k+",
+          value: "12k+",          title: "Users Placed"},
-          title: "Users Placed",
-        },
         {
-          value: "3x",
+          value: "3x",          title: "Speed to Growth"},
-          title: "Speed to Growth",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/startup-employee-looking-business-charts-using-ai-software_482257-100453.jpg"
       mediaAnimation="slide-up"
@@ -143,20 +106,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "AI Skill Gap Analysis",
+          title: "AI Skill Gap Analysis",          description: "Pinpoint exactly where your skills need to grow.",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg"},
-          description: "Pinpoint exactly where your skills need to grow.",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg",
-        },
         {
-          title: "Dynamic Roadmap Building",
+          title: "Dynamic Roadmap Building",          description: "Automated, flexible learning paths that adjust.",          imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-background-technology-concept-connecting-dots-design_53876-153353.jpg"},
-          description: "Automated, flexible learning paths that adjust.",
-          imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-background-technology-concept-connecting-dots-design_53876-153353.jpg",
-        },
         {
-          title: "Predictive Salary Insight",
+          title: "Predictive Salary Insight",          description: "Know your worth backed by real-time data.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg"},
-          description: "Know your worth backed by real-time data.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg",
-        },
       ]}
       title="Engineered for Success"
       description="Powerful tools to navigate the modern job market with confidence."
@@ -170,36 +124,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "p1",
+          id: "p1",          tag: "Essentials",          price: "$0",          period: "/mo",          description: "Basic career mapping.",          button: {
-          tag: "Essentials",
+            text: "Get Started"},
-          price: "$0",
+          featuresTitle: "Includes:",          features: [
-          period: "/mo",
+            "Limited Roadmaps",            "Basic Analytics",            "Industry News"],
-          description: "Basic career mapping.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Limited Roadmaps",
-            "Basic Analytics",
-            "Industry News",
-          ],
         },
         {
-          id: "p2",
+          id: "p2",          tag: "Pro",          price: "$29",          period: "/mo",          description: "Deep insights and planning.",          button: {
-          tag: "Pro",
+            text: "Upgrade"},
-          price: "$29",
+          featuresTitle: "Everything in Essentials, plus:",          features: [
-          period: "/mo",
+            "Full Roadmap Control",            "AI Mentoring",            "Salary Reports"],
-          description: "Deep insights and planning.",
-          button: {
-            text: "Upgrade",
-          },
-          featuresTitle: "Everything in Essentials, plus:",
-          features: [
-            "Full Roadmap Control",
-            "AI Mentoring",
-            "Salary Reports",
-          ],
         },
       ]}
       title="Transparent Plans for Every Ambition"
@@ -214,26 +148,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "85%",          title: "Placement Rate",          description: "Success in first job target",          imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg"},
-          value: "85%",
-          title: "Placement Rate",
-          description: "Success in first job target",
-          imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "45%",          title: "Salary Increase",          description: "Average pay boost",          imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-wave-pattern-ignites-futuristic-technology-generated-by-ai_188544-18502.jpg"},
-          value: "45%",
-          title: "Salary Increase",
-          description: "Average pay boost",
-          imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-wave-pattern-ignites-futuristic-technology-generated-by-ai_188544-18502.jpg",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "6mo",          title: "Avg. Transition",          description: "Time to achievement",          imageSrc: "http://img.b2bpic.net/free-photo/reminder-occupation-office-competition-award_1134-955.jpg"},
-          value: "6mo",
-          title: "Avg. Transition",
-          description: "Time to achievement",
-          imageSrc: "http://img.b2bpic.net/free-photo/reminder-occupation-office-competition-award_1134-955.jpg",
-        },
       ]}
       title="Impact by the Numbers"
       description="Real results driving thousands of professional transformations."
@@ -241,54 +160,31 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactSplitForm
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Join the Evolution"
       title="Start Your AI-Powered Career Journey"
-      description="Enter your email to receive a complimentary career path preview."
+      description="Enter your details to receive a complimentary career path preview from our expert AI consultants."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true }
+      ]}
+      textarea={{
+        name: "message",        placeholder: "Describe your career goals..."
+      }}
       imageSrc="http://img.b2bpic.net/free-photo/businesswoman-with-taken-off-vr-headset_74855-1125.jpg"
+      mediaPosition="right"
       mediaAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterLogoReveal
-      columns={[
+      logoText="PathAI"
-        {
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-          title: "Platform",
+      rightLink={{ text: "Terms of Service", href: "#" }}
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Features",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 PathAI. All rights reserved."
-      bottomRightText="Privacy Policy"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}