src/app/page.tsx

@@ -2,7 +2,7 @@
 
 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 FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
@@ -35,7 +35,7 @@ export default function LandingPage() {
         {
           name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",          id: "contact"},
+          name: "Book Appointment",          id: "contact"},
       ]}
       brandName="NexusAI"
     />
@@ -49,7 +49,7 @@ export default function LandingPage() {
       description="NexusAI delivers transformative machine learning capabilities with unparalleled simplicity. Powering the next generation of digital innovation."
       buttons={[
         {
-          text: "Get Started",          href: "#contact"},
+          text: "Book Appointment",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-low-poly-plexus-design_1048-17287.jpg"
       imageAlt="Abstract AI neural network visualization"
@@ -162,16 +162,20 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactSplitForm
+      title="Book Your Consultation"
+      description="Schedule an appointment to discuss how our AI solutions can elevate your business. Please provide your contact and pet information for a tailored session."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
+        { name: "petName", type: "text", placeholder: "Pet's Name" },
+        { name: "appointmentDate", type: "date", placeholder: "Preferred Date" }
+      ]}
+      textarea={{ name: "details", placeholder: "Tell us about your pet's needs or specific project requirements", rows: 4 }}
+      buttonText="Book Appointment"
+      onSubmit={(data) => console.log("Appointment booked:", data)}
+      mediaPosition="right"
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      tag="Join the Waitlist"
-      title="Ready for the next step?"
-      description="Sign up early to get exclusive access to our beta platform."
-      mediaAnimation="blur-reveal"
-      imageSrc="http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037181.jpg?_wi=4"
-      imageAlt="Contact us illustration"
     />
   </div>
 
@@ -196,7 +200,7 @@ export default function LandingPage() {
             {
               label: "Careers",              href: "#"},
             {
-              label: "Contact",              href: "#contact"},
+              label: "Book Appointment",              href: "#contact"},
           ],
         },
       ]}
@@ -205,4 +209,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffffe6;
-  --primary-cta: #e6e6e6;
+  --background: #fafffb;
+  --card: #f7fffa;
+  --foreground: #001a0a;
+  --primary-cta: #0a7039;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #ffffffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --accent: #a8d9be;
+  --background-accent: #6bbf8e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);