Update src/app/layout.tsx

Merge version_5 into main

src/app/page.tsx

@@ -9,8 +9,20 @@ import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCar
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { Award, Brain, Briefcase, CheckCircle, Clock, Crown, DollarSign, Mail, Shield, Target, TrendingUp, Users, Zap, Sparkles, Users2, Gauge, Globe, ArrowRight, BarChart3 } from "lucide-react";
+import { useState } from "react";
 
 export default function LandingPage() {
+  const [showConsultationForm, setShowConsultationForm] = useState(false);
+
+  const handleConsultationClick = () => {
+    setShowConsultationForm(true);
+    // Scroll to contact section
+    const contactSection = document.getElementById("contact");
+    if (contactSection) {
+      contactSection.scrollIntoView({ behavior: "smooth" });
+    }
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-bubble"
@@ -33,7 +45,7 @@ export default function LandingPage() {
             { name: "Revenue", id: "revenue" },
           ]}
           button={{
-            text: "Get Started",            href: "#contact"
+            text: "Book a Consultation",            onClick: handleConsultationClick
           }}
           animateOnLoad={true}
         />
@@ -57,7 +69,7 @@ export default function LandingPage() {
           ]}
           avatarText="Connecting businesses + Closers "
           buttons={[
-            { text: "Browse Talent", href: "#services" },
+            { text: "Book a Call", onClick: handleConsultationClick },
             { text: "Learn More", href: "#services" },
           ]}
           buttonAnimation="slide-up"
@@ -78,6 +90,7 @@ export default function LandingPage() {
                 { icon: Globe, label: "Coverage", value: "Australia-wide" },
                 { icon: CheckCircle, label: "Quality", value: "Top 5%" },
               ],
+              button: { text: "Book a Consultation", onClick: handleConsultationClick }
             },
             {
               title: "Fast Placement",              description: "Average placement time of just 10 days from job posting to qualified candidate match.",              bentoComponent: "icon-info-cards",              items: [
@@ -85,6 +98,7 @@ export default function LandingPage() {
                 { icon: Zap, label: "Speed", value: "48-hour response" },
                 { icon: CheckCircle, label: "Guarantee", value: "On-time match" },
               ],
+              button: { text: "Book a Consultation", onClick: handleConsultationClick }
             },
             {
               title: "Culture Fit Matching",              description: "AI-powered algorithms analyze skills, values, and career aspirations for perfect organizational alignment.",              bentoComponent: "icon-info-cards",              items: [
@@ -92,6 +106,7 @@ export default function LandingPage() {
                 { icon: Target, label: "Precision", value: "95% success rate" },
                 { icon: Award, label: "Results", value: "Long-term fits" },
               ],
+              button: { text: "Book a Consultation", onClick: handleConsultationClick }
             },
             {
               title: "Performance Guarantee",              description: "90-day replacement guarantee on all permanent placements ensures your investment is protected.",              bentoComponent: "icon-info-cards",              items: [
@@ -99,6 +114,7 @@ export default function LandingPage() {
                 { icon: TrendingUp, label: "Success Rate", value: "92% retention" },
                 { icon: Award, label: "Support", value: "Dedicated manager" },
               ],
+              button: { text: "Book a Consultation", onClick: handleConsultationClick }
             },
             {
               title: "Rigorous Vetting",              description: "Multi-stage screening process ensures only the most qualified candidates match with your organization.",              bentoComponent: "icon-info-cards",              items: [
@@ -106,6 +122,7 @@ export default function LandingPage() {
                 { icon: Brain, label: "Assessment", value: "Skills verified" },
                 { icon: Award, label: "Standards", value: "Industry-leading" },
               ],
+              button: { text: "Book a Consultation", onClick: handleConsultationClick }
             },
           ]}
           carouselMode="buttons"
@@ -141,7 +158,7 @@ export default function LandingPage() {
           tagIcon={Award}
           tagAnimation="slide-up"
           buttons={[
-            { text: "View More Stories", href: "#contact" },
+            { text: "Book a Consultation", onClick: handleConsultationClick },
           ]}
           buttonAnimation="slide-up"
           textboxLayout="default"
@@ -155,13 +172,17 @@ export default function LandingPage() {
         <MetricCardTwo
           metrics={[
             {
-              id: "1",              value: "$900K",              description: "Revenue Generated for Clients This Month"},
+              id: "1",              value: "$900K",              description: "Revenue Generated for Clients This Month"
+            },
             {
-              id: "2",              value: "$4.05M",              description: "Total Revenue Generated to Date"},
+              id: "2",              value: "$4.05M",              description: "Total Revenue Generated to Date"
+            },
             {
-              id: "3",              value: "7 ",              description: "Active Placements Generating Revenue"},
+              id: "3",              value: "7 ",              description: "Active Placements Generating Revenue"
+            },
             {
-              id: "4",              value: "94%",              description: "Client Satisfaction with Revenue Impact"},
+              id: "4",              value: "94%",              description: "Client Satisfaction with Revenue Impact"
+            },
           ]}
           title="Revenue Generated for Our Clients"
           description="Measurable success through placements that drive real business results and revenue growth."
@@ -169,7 +190,7 @@ export default function LandingPage() {
           tagIcon={BarChart3}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Start Generating Revenue", href: "#contact" },
+            { text: "Book a Consultation", onClick: handleConsultationClick },
           ]}
           buttonAnimation="slide-up"
           gridVariant="uniform-all-items-equal"
@@ -181,16 +202,16 @@ export default function LandingPage() {
 
       <div id="contact" data-section="contact">
         <ContactCenter
-          tag="Let's Connect"
+          tag="Book Your Consultation"
           tagIcon={Mail}
           tagAnimation="slide-up"
           title="Ready to transform your hiring?"
-          description="Join hundreds of companies finding their perfect talent match with NextHire."
+          description="Schedule a consultation with our team to discuss how NextHire can help you find the perfect sales closers and talent for your business. Our specialists will discuss your specific hiring needs and create a customized recruitment strategy."
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
           inputPlaceholder="your@company.com"
-          buttonText="Get Started"
+          buttonText="Book a Consultation"
-          termsText="By clicking Get Started you're confirming that you agree with our Terms and Conditions."
+          termsText="By clicking Book a Consultation you're confirming that you agree with our Terms and Conditions."
         />
       </div>
 
@@ -226,4 +247,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}