Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -5,11 +5,11 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
 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 MetricCardOne from "@/components/sections/metrics/MetricCardOne";
-import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
+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 } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,12 +30,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: "Impact", id: "impact" },
-            { name: "Pricing", id: "pricing" },
           ]}
           button={{
-            text: "Get Started",            href: "#contact"}}
+            text: "Get Started",            href: "#contact"
+          }}
           animateOnLoad={true}
         />
       </div>
@@ -47,11 +47,14 @@ 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"
           buttons={[
@@ -64,23 +67,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 +116,86 @@ 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="impact" data-section="impact">
-        <TestimonialCardFifteen
+        <MetricCardOne
-          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: "500",              title: "Vetted Professionals",              description: "Access to Australia's top talent pool across all industries and experience levels",              icon: Users2,
+            },
             {
-              src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",              alt: "corporate manager business portrait"},
+              id: "2",              value: "10",              title: "Day Average Placement",              description: "Lightning-fast recruitment from job posting to qualified candidate match",              icon: Clock,
+            },
             {
-              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: "92",              title: "% Retention Rate",              description: "Performance-focused recruitment ensuring long-term successful placements",              icon: TrendingUp,
+            },
             {
-              src: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-3628.jpg",              alt: "tech professional man headshot"},
+              id: "4",              value: "100",              title: "% Australia-wide",              description: "Nationwide coverage connecting talent with opportunities across all regions",              icon: Globe,
-            {
+            },
-              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="Our Impact"
-          avatarsAnimation="slide-up"
+          description="Measurable results that demonstrate our commitment to excellence in recruitment."
-          useInvertedBackground={false}
+          tag="Impact Stats"
-        />
+          tagIcon={Gauge}
-      </div>
+          tagAnimation="slide-up"
-
+          buttons={[
-      <div id="pricing" data-section="pricing">
+            { text: "Start Your Search", 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="Need closers for your business?"
-          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="Let's help you find the right sales talent fast"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
           inputPlaceholder="your@company.com"
-          buttonText="Start Recruiting"
+          buttonText="Hire Closers"
-          termsText="We'll send you recruitment insights and opportunities. You can unsubscribe anytime."
+          termsText="By clicking Hire Closers you're confirming that you agree with our Terms and Conditions."
         />
       </div>
 
@@ -199,8 +205,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 +231,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);