Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8f32db47f3 | |||
| edcfef3188 | |||
| 7739daf79b | |||
| 6d07a05598 | |||
| f1467a5722 |
111
src/app/page.tsx
111
src/app/page.tsx
@@ -4,13 +4,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||||
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
||||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||||
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
||||||
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
||||||
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
|
||||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
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";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -33,7 +31,6 @@ export default function LandingPage() {
|
|||||||
{ name: "Services", id: "services" },
|
{ name: "Services", id: "services" },
|
||||||
{ name: "Success Stories", id: "success-stories" },
|
{ name: "Success Stories", id: "success-stories" },
|
||||||
{ name: "Impact", id: "impact" },
|
{ name: "Impact", id: "impact" },
|
||||||
{ name: "Pricing", id: "pricing" },
|
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
text: "Get Started", href: "#contact"
|
text: "Get Started", href: "#contact"
|
||||||
@@ -60,8 +57,8 @@ export default function LandingPage() {
|
|||||||
]}
|
]}
|
||||||
avatarText="Trusted by 500+ companies"
|
avatarText="Trusted by 500+ companies"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Post a Job", href: "#contact" },
|
|
||||||
{ text: "Browse Talent", href: "#services" },
|
{ text: "Browse Talent", href: "#services" },
|
||||||
|
{ text: "Learn More", href: "#services" },
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -123,16 +120,20 @@ export default function LandingPage() {
|
|||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1", name: "Sarah Chen", role: "CTO", company: "TechVenture Labs", rating: 5,
|
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,
|
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,
|
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,
|
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"
|
title="Success Stories"
|
||||||
description="Real outcomes from companies across Australia that transformed their hiring with NextHire."
|
description="Real outcomes from companies across Australia that transformed their hiring with NextHire."
|
||||||
@@ -150,21 +151,45 @@ export default function LandingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="impact" data-section="impact">
|
<div id="revenue" data-section="revenue">
|
||||||
<MetricCardOne
|
<MetricCardTwo
|
||||||
metrics={[
|
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: "$2.4M", 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: "$18.7M", 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: "157", 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="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}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="impact" data-section="impact">
|
||||||
|
<MetricCardTwo
|
||||||
|
metrics={[
|
||||||
|
{
|
||||||
|
id: "1", value: "500", description: "Vetted Professionals"},
|
||||||
|
{
|
||||||
|
id: "2", value: "10", description: "Day Average Placement"},
|
||||||
|
{
|
||||||
|
id: "3", value: "92", description: "% Retention Rate"},
|
||||||
|
{
|
||||||
|
id: "4", value: "100", description: "% Australia-wide"},
|
||||||
]}
|
]}
|
||||||
title="Our Impact"
|
title="Our Impact"
|
||||||
description="Measurable results that demonstrate our commitment to excellence in recruitment."
|
description="Measurable results that demonstrate our commitment to excellence in recruitment."
|
||||||
@@ -182,53 +207,18 @@ export default function LandingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</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">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCenter
|
||||||
tag="Get In Touch"
|
tag="Let's Connect"
|
||||||
tagIcon={Mail}
|
tagIcon={Mail}
|
||||||
tagAnimation="slide-up"
|
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" }}
|
background={{ variant: "radial-gradient" }}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
inputPlaceholder="your@company.com"
|
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>
|
</div>
|
||||||
|
|
||||||
@@ -239,7 +229,6 @@ export default function LandingPage() {
|
|||||||
title: "Product", items: [
|
title: "Product", items: [
|
||||||
{ label: "Services", href: "#services" },
|
{ label: "Services", href: "#services" },
|
||||||
{ label: "Success Stories", href: "#success-stories" },
|
{ label: "Success Stories", href: "#success-stories" },
|
||||||
{ label: "Pricing", href: "#pricing" },
|
|
||||||
{ label: "For Employers", href: "#" },
|
{ label: "For Employers", href: "#" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #0a1a2e;
|
--background: #0a0a0a;
|
||||||
--card: #162a45;
|
--card: #1a1a1a;
|
||||||
--foreground: #e8f0ff;
|
--foreground: #ffffff;
|
||||||
--primary-cta: #ff7f50;
|
--primary-cta: #ff6b35;
|
||||||
--primary-cta-text: #050012;
|
--primary-cta-text: #050012;
|
||||||
--secondary-cta: #4a9eff;
|
--secondary-cta: #1a1a1a;
|
||||||
--secondary-cta-text: #f0e6ff;
|
--secondary-cta-text: #f0e6ff;
|
||||||
--accent: #4a9eff;
|
--accent: #ff6b35;
|
||||||
--background-accent: #ff7f50;
|
--background-accent: #ff6b35;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user