Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -4,12 +4,11 @@ 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 TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
+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 } 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";
 
 export default function LandingPage() {
   return (
@@ -30,12 +29,12 @@ export default function LandingPage() {
           brandName="NextHire"
           navItems={[
             { name: "Services", id: "services" },
-            { name: "About", id: "about" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "Pricing", id: "pricing" },
+            { name: "Success Stories", id: "success-stories" },
+            { name: "Revenue", id: "revenue" },
           ]}
           button={{
-            text: "Get Started",            href: "#contact"}}
+            text: "Get Started",            href: "#contact"
+          }}
           animateOnLoad={true}
         />
       </div>
@@ -47,16 +46,19 @@ export default function LandingPage() {
           background={{ variant: "downward-rays-static" }}
           avatars={[
             {
-              src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-with-documents-looking-camera_23-2147900034.jpg",              alt: "professional business woman portrait"},
+              src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-with-documents-looking-camera_23-2147900034.jpg",              alt: "professional business woman portrait"
+            },
             {
-              src: "http://img.b2bpic.net/free-photo/front-view-man-working-as-lawyer_23-2151152106.jpg",              alt: "young professional man portrait"},
+              src: "http://img.b2bpic.net/free-photo/front-view-man-working-as-lawyer_23-2151152106.jpg",              alt: "young professional man portrait"
+            },
             {
-              src: "http://img.b2bpic.net/free-photo/smiling-businessman-working-environment_1098-3229.jpg",              alt: "business manager portrait photo"},
+              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: "Learn More", href: "#services" },
           ]}
           buttonAnimation="slide-up"
         />
@@ -64,23 +66,45 @@ export default function LandingPage() {
 
       <div id="services" data-section="services">
         <FeatureBento
-          title="Recruitment Services Built for Excellence"
-          description="Discover our comprehensive suite of staffing and recruitment solutions designed to transform your hiring process."
+          title="Our Recruitment Services"
+          description="Comprehensive staffing solutions designed to transform your hiring process with proven expertise and cutting-edge matching technology."
           tag="Our Services"
           tagIcon={Briefcase}
           tagAnimation="slide-up"
           features={[
             {
-              title: "Executive Search",              description: "Premium talent acquisition for C-level and senior leadership positions",              bentoComponent: "globe"},
+              title: "Talent Sourcing",              description: "Access our curated network of 500+ vetted professionals across all industries and experience levels.",              bentoComponent: "icon-info-cards",              items: [
+                { icon: Sparkles, label: "Vetted Pool", value: "500+" },
+                { icon: Globe, label: "Coverage", value: "Australia-wide" },
+                { icon: CheckCircle, label: "Quality", value: "Top 5%" },
+              ],
+            },
             {
-              title: "Technical Staffing",              description: "Expert placement of software engineers, data scientists, and IT professionals",              bentoComponent: "animated-bar-chart"},
+              title: "Fast Placement",              description: "Average placement time of just 10 days from job posting to qualified candidate match.",              bentoComponent: "icon-info-cards",              items: [
+                { icon: Clock, label: "Average Time", value: "10 days" },
+                { icon: Zap, label: "Speed", value: "48-hour response" },
+                { icon: CheckCircle, label: "Guarantee", value: "On-time match" },
+              ],
+            },
             {
-              title: "Permanent Placement",              description: "End-to-end recruitment for full-time positions across all industries",              bentoComponent: "line-chart"},
+              title: "Culture Fit Matching",              description: "AI-powered algorithms analyze skills, values, and career aspirations for perfect organizational alignment.",              bentoComponent: "icon-info-cards",              items: [
+                { icon: Brain, label: "AI-Powered", value: "Smart matching" },
+                { icon: Target, label: "Precision", value: "95% success rate" },
+                { icon: Award, label: "Results", value: "Long-term fits" },
+              ],
+            },
             {
-              title: "Contract Solutions",              description: "Flexible contract and temporary staffing for seasonal or project-based needs",              bentoComponent: "icon-info-cards",              items: [
-                { icon: Clock, label: "Flexible Terms", value: "3-12 months" },
-                { icon: Users, label: "Quick Placement", value: "48 hours" },
-                { icon: CheckCircle, label: "Vetted Talent", value: "Top 5%" },
+              title: "Performance Guarantee",              description: "90-day replacement guarantee on all permanent placements ensures your investment is protected.",              bentoComponent: "icon-info-cards",              items: [
+                { icon: Shield, label: "Coverage", value: "90-day guarantee" },
+                { icon: TrendingUp, label: "Success Rate", value: "92% retention" },
+                { icon: Award, label: "Support", value: "Dedicated manager" },
+              ],
+            },
+            {
+              title: "Rigorous Vetting",              description: "Multi-stage screening process ensures only the most qualified candidates match with your organization.",              bentoComponent: "icon-info-cards",              items: [
+                { icon: CheckCircle, label: "Screening", value: "5-stage process" },
+                { icon: Brain, label: "Assessment", value: "Skills verified" },
+                { icon: Award, label: "Standards", value: "Industry-leading" },
               ],
             },
           ]}
@@ -91,105 +115,82 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="about" data-section="about">
-        <FeatureBorderGlow
-          title="Why NextHire Stands Out"
-          description="Industry-leading expertise combined with cutting-edge technology"
-          features={[
+      <div id="success-stories" data-section="success-stories">
+        <TestimonialCardOne
+          testimonials={[
             {
-              icon: Brain,
-              title: "AI-Powered Matching",              description: "Advanced algorithms analyze skills, culture fit, and career aspirations for perfect matches"},
+              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"
+            },
             {
-              icon: Target,
-              title: "Precision Recruitment",              description: "Our 20+ years of experience ensures candidates align perfectly with your needs"},
+              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"
+            },
             {
-              icon: Zap,
-              title: "Lightning Fast Turnaround",              description: "Average placement time of just 14 days from job posting to hire"},
+              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"
+            },
             {
-              icon: Award,
-              title: "Guaranteed Success",              description: "90-day replacement guarantee on all permanent placements"},
-            {
-              icon: Shield,
-              title: "Trusted Partnership",              description: "Dedicated account managers providing ongoing support and insights"},
-            {
-              icon: TrendingUp,
-              title: "Industry Experts",              description: "Recruiters specializing in tech, finance, healthcare, and more"},
+              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"
+            },
           ]}
-          animationType="slide-up"
+          title="Success Stories"
+          description="Real outcomes from companies across Australia that transformed their hiring with NextHire."
+          tag="Case Studies"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "View More Stories", href: "#contact" },
+          ]}
+          buttonAnimation="slide-up"
           textboxLayout="default"
+          animationType="slide-up"
           useInvertedBackground={false}
+          gridVariant="uniform-all-items-equal"
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFifteen
-          testimonial="NextHire transformed our hiring process. We found our lead engineer in just two weeks, and she's been an incredible addition to our team. The professionalism and attention to detail throughout the entire process was exceptional."
-          rating={5}
-          author="Sarah Chen, CTO at TechVenture Labs"
-          avatars={[
+      <div id="revenue" data-section="revenue">
+        <MetricCardTwo
+          metrics={[
             {
-              src: "http://img.b2bpic.net/free-photo/sad-man-sitting-cafe-table-using-tablet_1262-1073.jpg",              alt: "cto tech company professional portrait"},
+              id: "1",              value: "$900K",              description: "Revenue Generated for Clients This Month"},
             {
-              src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",              alt: "corporate manager business portrait"},
+              id: "2",              value: "$4.05M",              description: "Total Revenue Generated to Date"},
             {
-              src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg",              alt: "business woman director headshot"},
+              id: "3",              value: "7 ",              description: "Active Placements Generating Revenue"},
             {
-              src: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-3628.jpg",              alt: "tech professional man headshot"},
-            {
-              src: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg",              alt: "young professional woman headshot"},
-            {
-              src: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg",              alt: "senior business executive portrait"},
+              id: "4",              value: "94%",              description: "Client Satisfaction with Revenue Impact"},
           ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </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}
+          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 Generating Revenue", href: "#contact" },
+          ]}
+          buttonAnimation="slide-up"
+          gridVariant="uniform-all-items-equal"
           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="Let's Connect"
           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="Join hundreds of companies finding their perfect talent match with NextHire."
           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="Get Started"
+          termsText="By clicking Get Started you're confirming that you agree with our Terms and Conditions."
         />
       </div>
 
@@ -199,8 +200,7 @@ export default function LandingPage() {
             {
               title: "Product",              items: [
                 { label: "Services", href: "#services" },
-                { label: "Pricing", href: "#pricing" },
-                { label: "For Candidates", href: "#" },
+                { label: "Success Stories", href: "#success-stories" },
                 { label: "For Employers", href: "#" },
               ],
             },
@@ -226,4 +226,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #050012;
-  --card: #040121;
-  --foreground: #f0e6ff;
-  --primary-cta: #c89bff;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #ff6b35;
   --primary-cta-text: #050012;
-  --secondary-cta: #1d123b;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #f0e6ff;
-  --accent: #684f7b;
-  --background-accent: #65417c;
+  --accent: #ff6b35;
+  --background-accent: #ff6b35;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);