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 MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
+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 } 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: "Success Stories", id: "success-stories" },
-            { name: "Testimonials", id: "testimonials" },
+            { name: "Revenue", id: "revenue" },
-            { name: "Pricing", id: "pricing" },
           ]}
           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"
+          title="Our Recruitment Services"
-          description="Discover our comprehensive suite of staffing and recruitment solutions designed to transform your hiring process."
+          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: [
+              title: "Performance Guarantee",              description: "90-day replacement guarantee on all permanent placements ensures your investment is protected.",              bentoComponent: "icon-info-cards",              items: [
-                { icon: Clock, label: "Flexible Terms", value: "3-12 months" },
+                { icon: Shield, label: "Coverage", value: "90-day guarantee" },
-                { icon: Users, label: "Quick Placement", value: "48 hours" },
+                { icon: TrendingUp, label: "Success Rate", value: "92% retention" },
-                { icon: CheckCircle, label: "Vetted Talent", value: "Top 5%" },
+                { 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">
+      <div id="success-stories" data-section="success-stories">
-        <FeatureBorderGlow
+        <TestimonialCardOne
-          title="Why NextHire Stands Out"
+          testimonials={[
-          description="Industry-leading expertise combined with cutting-edge technology"
-          features={[
             {
-              icon: Brain,
+              id: "1",              name: "Sarah Chen",              role: "CTO",              company: "TechVenture Labs",              rating: 5,
-              title: "AI-Powered Matching",              description: "Advanced algorithms analyze skills, culture fit, and career aspirations for perfect matches"},
+              imageSrc: "http://img.b2bpic.net/free-photo/sad-man-sitting-cafe-table-using-tablet_1262-1073.jpg",              imageAlt: "Sarah Chen CTO"
+            },
             {
-              icon: Target,
+              id: "2",              name: "Michael Torres",              role: "HR Director",              company: "Finance Plus",              rating: 5,
-              title: "Precision Recruitment",              description: "Our 20+ years of experience ensures candidates align perfectly with your needs"},
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",              imageAlt: "Michael Torres HR Director"
+            },
             {
-              icon: Zap,
+              id: "3",              name: "Emma Richardson",              role: "Operations Manager",              company: "Healthcare Solutions",              rating: 5,
-              title: "Lightning Fast Turnaround",              description: "Average placement time of just 14 days from job posting to hire"},
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg",              imageAlt: "Emma Richardson Operations Manager"
+            },
             {
-              icon: Award,
+              id: "4",              name: "James Wilson",              role: "Founder",              company: "Innovation Labs",              rating: 5,
-              title: "Guaranteed Success",              description: "90-day replacement guarantee on all permanent placements"},
+              imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-3628.jpg",              imageAlt: "James Wilson Founder"
-            {
+            },
-              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"},
           ]}
-          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">
+      <div id="revenue" data-section="revenue">
-        <TestimonialCardFifteen
+        <MetricCardTwo
-          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."
+          metrics={[
-          rating={5}
-          author="Sarah Chen, CTO at TechVenture Labs"
-          avatars={[
             {
-              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"},
+              id: "4",              value: "94%",              description: "Client Satisfaction with Revenue Impact"},
-            {
-              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"},
           ]}
-          ratingAnimation="slide-up"
+          title="Revenue Generated for Our Clients"
-          avatarsAnimation="slide-up"
+          description="Measurable success through placements that drive real business results and revenue growth."
-          useInvertedBackground={false}
+          tag="Revenue Stats"
-        />
+          tagIcon={BarChart3}
-      </div>
+          tagAnimation="slide-up"
-
+          buttons={[
-      <div id="pricing" data-section="pricing">
+            { text: "Start Generating Revenue", href: "#contact" },
-        <PricingCardEight
+          ]}
-          title="Simple, Transparent Pricing"
+          buttonAnimation="slide-up"
-          description="Choose the plan that works best for your recruitment needs"
+          gridVariant="uniform-all-items-equal"
-          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="Let's Connect"
           tagIcon={Mail}
           tagAnimation="slide-up"
-          title="Ready to Transform Your Hiring?"
+          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."
+          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"
+          buttonText="Get Started"
-          termsText="We'll send you recruitment insights and opportunities. You can unsubscribe anytime."
+          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: "Success Stories", href: "#success-stories" },
-                { label: "For Candidates", href: "#" },
                 { 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;
+  --background: #0a0a0a;
-  --card: #040121;
+  --card: #1a1a1a;
-  --foreground: #f0e6ff;
+  --foreground: #ffffff;
-  --primary-cta: #c89bff;
+  --primary-cta: #ff6b35;
   --primary-cta-text: #050012;
-  --secondary-cta: #1d123b;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #f0e6ff;
-  --accent: #684f7b;
+  --accent: #ff6b35;
-  --background-accent: #65417c;
+  --background-accent: #ff6b35;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);