Update src/app/layout.tsx

Merge version_5 into main

src/app/page.tsx

@@ -4,15 +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 PricingCardEight from "@/components/sections/pricing/PricingCardEight";
 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 } 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"
@@ -32,11 +42,10 @@ export default function LandingPage() {
           navItems={[
             { name: "Services", id: "services" },
             { name: "Success Stories", id: "success-stories" },
-            { name: "Impact", id: "impact" },
-            { name: "Pricing", id: "pricing" },
+            { name: "Revenue", id: "revenue" },
           ]}
           button={{
-            text: "Get Started",            href: "#contact"
+            text: "Book a Consultation",            onClick: handleConsultationClick
           }}
           animateOnLoad={true}
         />
@@ -58,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"
         />
@@ -81,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: [
@@ -88,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: [
@@ -95,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: [
@@ -102,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: [
@@ -109,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"
@@ -123,16 +137,20 @@ export default function LandingPage() {
           testimonials={[
             {
               id: "1",              name: "Sarah Chen",              role: "CTO",              company: "TechVenture Labs",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/sad-man-sitting-cafe-table-using-tablet_1262-1073.jpg",              imageAlt: "Sarah Chen CTO"},
+              imageSrc: "http://img.b2bpic.net/free-photo/sad-man-sitting-cafe-table-using-tablet_1262-1073.jpg",              imageAlt: "Sarah Chen CTO"
+            },
             {
               id: "2",              name: "Michael Torres",              role: "HR Director",              company: "Finance Plus",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",              imageAlt: "Michael Torres HR Director"},
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",              imageAlt: "Michael Torres HR Director"
+            },
             {
               id: "3",              name: "Emma Richardson",              role: "Operations Manager",              company: "Healthcare Solutions",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg",              imageAlt: "Emma Richardson Operations Manager"},
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg",              imageAlt: "Emma Richardson Operations Manager"
+            },
             {
               id: "4",              name: "James Wilson",              role: "Founder",              company: "Innovation Labs",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-3628.jpg",              imageAlt: "James Wilson Founder"},
+              imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-3628.jpg",              imageAlt: "James Wilson Founder"
+            },
           ]}
           title="Success Stories"
           description="Real outcomes from companies across Australia that transformed their hiring with NextHire."
@@ -140,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"
@@ -150,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"
@@ -182,53 +200,18 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="pricing" data-section="pricing">
-        <PricingCardEight
-          title="Simple, Transparent Pricing"
-          description="Choose the plan that works best for your recruitment needs"
-          tag="Pricing"
-          tagIcon={DollarSign}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          plans={[
-            {
-              id: "starter",              badge: "Popular",              badgeIcon: Zap,
-              price: "Per Placement",              subtitle: "Perfect for growing teams",              buttons: [{ text: "Get Started", href: "#contact" }],
-              features: [
-                "Access to candidate pool",                "15-day placement guarantee",                "One dedicated recruiter",                "Job posting optimization",                "Candidate pre-screening"
-              ],
-            },
-            {
-              id: "pro",              badge: "Best Value",              badgeIcon: Crown,
-              price: "Custom Pricing",              subtitle: "For enterprises and scale-ups",              buttons: [{ text: "Contact Sales", href: "#contact" }],
-              features: [
-                "Unlimited job postings",                "30-day placement guarantee",                "Dedicated team of recruiters",                "Weekly strategy sessions",                "Priority candidate matching",                "Industry insights and reports",                "24/7 support"
-              ],
-            },
-            {
-              id: "executive",              badge: "Premium",              badgeIcon: Award,
-              price: "Custom Pricing",              subtitle: "For executive and C-suite hiring",              buttons: [{ text: "Schedule Consultation", href: "#contact" }],
-              features: [
-                "Executive search specialists",                "90-day placement guarantee",                "VIP candidate network access",                "Retention bonus program",                "Quarterly business reviews",                "Personalized market analysis",                "White-glove service"
-              ],
-            },
-          ]}
-        />
-      </div>
-
       <div id="contact" data-section="contact">
         <ContactCenter
-          tag="Get In Touch"
+          tag="Book Your Consultation"
           tagIcon={Mail}
           tagAnimation="slide-up"
-          title="Ready to Transform Your Hiring?"
-          description="Join hundreds of companies that have revolutionized their recruitment process with NextHire. Let's discuss how we can help you build your dream team."
+          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="Start Recruiting"
-          termsText="We'll send you recruitment insights and opportunities. You can unsubscribe anytime."
+          buttonText="Book a Consultation"
+          termsText="By clicking Book a Consultation you're confirming that you agree with our Terms and Conditions."
         />
       </div>
 
@@ -239,7 +222,6 @@ export default function LandingPage() {
               title: "Product",              items: [
                 { label: "Services", href: "#services" },
                 { label: "Success Stories", href: "#success-stories" },
-                { label: "Pricing", href: "#pricing" },
                 { label: "For Employers", href: "#" },
               ],
             },

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a1a2e;
-  --card: #162a45;
-  --foreground: #e8f0ff;
-  --primary-cta: #ff7f50;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #ff6b35;
   --primary-cta-text: #050012;
-  --secondary-cta: #4a9eff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #f0e6ff;
-  --accent: #4a9eff;
-  --background-accent: #ff7f50;
+  --accent: #ff6b35;
+  --background-accent: #ff6b35;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);