src/app/page.tsx

@@ -2,13 +2,13 @@
 
 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 FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import { Cog, Eye, Sparkles } from "lucide-react";
@@ -152,7 +152,7 @@ export default function LandingPage() {
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardOne
+      <ProductCardThree
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
@@ -180,10 +180,8 @@ export default function LandingPage() {
   </div>
 
   <div id="achievements" data-section="achievements">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
+      <MetricCardFourteen
+      metricsAnimation="slide-up"
       useInvertedBackground={false}
       metrics={[
         {
@@ -200,16 +198,13 @@ export default function LandingPage() {
         }
       ]}
       title="Our Achievements"
-      description="Our track record reflects years of dedication and successful project delivery, empowering clients across diverse regions."
+      tag="Our Impact"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactSplitForm
       useInvertedBackground={true}
-      background={{
-        variant: "plain"
-      }}
       tag="Get in Touch"
       title="Let’s Build Your Precast Solution"
       description="Reach out to Nexsoft Australia to discuss your precast machinery and automation needs. We are here to provide expert solutions and support.\n\nPhone: +61 424 449 552\nEmail: marketing@nexsoftaustralia.com.au\nAddress: 12 Envision Close, Pakenham VIC 3810"
@@ -217,9 +212,23 @@ export default function LandingPage() {
       imageAlt="Modern office and map location"
       mediaAnimation="slide-up"
       mediaPosition="right"
-      inputPlaceholder="Your Email Address"
+      inputs={[
+        {
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true
+        },
+        {
+          name: "email",          type: "email",          placeholder: "Your Email Address",          required: true
+        }
+      ]}
+      textarea={{
+        name: "message",        placeholder: "Your Message",        rows: 5,
+        required: true
+      }}
       buttonText="Send Message"
-      termsText="By clicking Send Message you're confirming that you agree with our Terms and Conditions."
+      onSubmit={async (data) => {
+        console.log("Form submitted:", data);
+        // Implement actual submission logic here
+      }}
     />
   </div>
 
@@ -272,4 +281,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #575254;
-  --primary-cta: #C41F26;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #575254;
-  --secondary-cta-text: #ffffff;
-  --accent: #C41F26;
-  --background-accent: #e2e2e2;
+  --foreground: #000612e6;
+  --primary-cta: #106EFB;
+  --primary-cta-text: #f5f5f5;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #1c1c1c;
+  --accent: #e2e2e2;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);