Update src/app/layout.tsx

Merge version_5 into main

src/app/page.tsx

@@ -4,14 +4,25 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import HeroCentered from "@/components/sections/hero/HeroCentered";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
-import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
-import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
 import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
 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 } from "lucide-react";
+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"
@@ -31,10 +42,10 @@ export default function LandingPage() {
           navItems={[
             { name: "Services", id: "services" },
             { name: "Success Stories", id: "success-stories" },
-            { name: "Impact", id: "impact" },
+            { name: "Revenue", id: "revenue" },
           ]}
           button={{
-            text: "Get Started",            href: "#contact"
+            text: "Book a Consultation",            onClick: handleConsultationClick
           }}
           animateOnLoad={true}
         />
@@ -56,10 +67,10 @@ export default function LandingPage() {
               src: "http://img.b2bpic.net/free-photo/smiling-businessman-working-environment_1098-3229.jpg",              alt: "business manager portrait photo"
             },
           ]}
-          avatarText="Trusted by 500+ companies"
+          avatarText="Connecting businesses + Closers "
           buttons={[
-            { text: "Post a Job", href: "#contact" },
-            { text: "Browse Talent", href: "#services" },
+            { text: "Book a Call", onClick: handleConsultationClick },
+            { text: "Learn More", href: "#services" },
           ]}
           buttonAnimation="slide-up"
         />
@@ -79,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: [
@@ -86,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: [
@@ -93,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: [
@@ -100,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: [
@@ -107,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"
@@ -142,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"
@@ -152,29 +168,29 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="impact" data-section="impact">
-        <MetricCardOne
+      <div id="revenue" data-section="revenue">
+        <MetricCardTwo
           metrics={[
             {
-              id: "1",              value: "500",              title: "Vetted Professionals",              description: "Access to Australia's top talent pool across all industries and experience levels",              icon: Users2,
+              id: "1",              value: "$900K",              description: "Revenue Generated for Clients This Month"
             },
             {
-              id: "2",              value: "10",              title: "Day Average Placement",              description: "Lightning-fast recruitment from job posting to qualified candidate match",              icon: Clock,
+              id: "2",              value: "$4.05M",              description: "Total Revenue Generated to Date"
             },
             {
-              id: "3",              value: "92",              title: "% Retention Rate",              description: "Performance-focused recruitment ensuring long-term successful placements",              icon: TrendingUp,
+              id: "3",              value: "7 ",              description: "Active Placements Generating Revenue"
             },
             {
-              id: "4",              value: "100",              title: "% Australia-wide",              description: "Nationwide coverage connecting talent with opportunities across all regions",              icon: Globe,
+              id: "4",              value: "94%",              description: "Client Satisfaction with Revenue Impact"
             },
           ]}
-          title="Our Impact"
-          description="Measurable results that demonstrate our commitment to excellence in recruitment."
-          tag="Impact Stats"
-          tagIcon={Gauge}
+          title="Revenue Generated for Our Clients"
+          description="Measurable success through placements that drive real business results and revenue growth."
+          tag="Revenue Stats"
+          tagIcon={BarChart3}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Start Your Search", href: "#contact" },
+            { text: "Book a Consultation", onClick: handleConsultationClick },
           ]}
           buttonAnimation="slide-up"
           gridVariant="uniform-all-items-equal"
@@ -186,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="Need closers for your business?"
-          description="Let's help you find the right sales talent fast"
+          title="Ready to transform your hiring?"
+          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="Hire Closers"
-          termsText="By clicking Hire Closers you're confirming that you agree with our Terms and Conditions."
+          buttonText="Book a Consultation"
+          termsText="By clicking Book a Consultation you're confirming that you agree with our Terms and Conditions."
         />
       </div>
 
@@ -231,4 +247,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}