Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2c6520aae9 | |||
| 13e5d30456 | |||
| 0574757c1d | |||
| 03c412af48 | |||
| e68f38357e |
@@ -1,14 +1,8 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Inter_Tight } from "next/font/google";
|
import "./styles/globals.css";
|
||||||
import "./globals.css";
|
|
||||||
|
|
||||||
const interTight = Inter_Tight({
|
|
||||||
variable: "--font-inter-tight", subsets: ["latin"],
|
|
||||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
|
||||||
});
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "NextHire | Premium Recruitment Solutions", description: "Find your perfect talent match with NextHire. AI-powered recruitment matching for top-tier candidates and leading companies."};
|
title: "NextHire - AI-Powered Recruitment Matching", description: "Find your perfect talent match with AI-powered recruitment. Transform your hiring process with NextHire."};
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
@@ -16,14 +10,8 @@ export default function RootLayout({
|
|||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en">
|
||||||
<body className={`${interTight.variable}`}>
|
<body>{children}
|
||||||
{children}
|
|
||||||
<script
|
|
||||||
async
|
|
||||||
src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.0/dist/confetti.browser.min.js"
|
|
||||||
></script>
|
|
||||||
|
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html: `
|
__html: `
|
||||||
|
|||||||
262
src/app/page.tsx
262
src/app/page.tsx
@@ -1,250 +1,110 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||||
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
||||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
import ContactText from "@/components/sections/contact/ContactText";
|
||||||
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
||||||
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, 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" });
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
|
export default function Home() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="hover-bubble"
|
defaultButtonVariant="hover-magnetic"
|
||||||
defaultTextAnimation="entrance-slide"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="pill"
|
borderRadius="rounded"
|
||||||
contentWidth="medium"
|
contentWidth="medium"
|
||||||
sizing="medium"
|
sizing="medium"
|
||||||
background="none"
|
background="none"
|
||||||
cardStyle="gradient-bordered"
|
cardStyle="solid"
|
||||||
primaryButtonStyle="primary-glow"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="medium"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarStyleCentered
|
||||||
brandName="NextHire"
|
|
||||||
navItems={[
|
navItems={[
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
|
{ name: "About", id: "about" },
|
||||||
{ name: "Services", id: "services" },
|
{ name: "Services", id: "services" },
|
||||||
{ name: "Success Stories", id: "success-stories" },
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
{ name: "Revenue", id: "revenue" },
|
{ name: "Contact", id: "contact" },
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{ text: "Get Started", href: "contact" }}
|
||||||
text: "Book a Consultation", onClick: handleConsultationClick
|
|
||||||
}}
|
|
||||||
animateOnLoad={true}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCentered
|
<HeroCentered
|
||||||
title="Find Your Perfect Talent Match"
|
title="Find Your Perfect Talent Match"
|
||||||
description="NextHire connects top-tier candidates with leading companies. Our AI-powered matching technology and expert recruiters ensure exceptional placements every time."
|
description="AI-powered recruitment matching connecting top-tier candidates with leading companies. Transform your hiring process."
|
||||||
background={{ variant: "downward-rays-static" }}
|
background={{ variant: "downward-rays-static" }}
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{ src: "/avatars/avatar1.jpg", alt: "User 1" },
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-with-documents-looking-camera_23-2147900034.jpg", alt: "professional business woman portrait"
|
{ src: "/avatars/avatar2.jpg", alt: "User 2" },
|
||||||
},
|
{ src: "/avatars/avatar3.jpg", alt: "User 3" },
|
||||||
{
|
|
||||||
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"
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Connecting businesses + Closers "
|
avatarText="Trusted by 1000+ companies"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Book a Call", onClick: handleConsultationClick },
|
{ text: "Start Hiring", href: "contact" },
|
||||||
{ text: "Learn More", href: "#services" },
|
{ text: "Learn More", href: "about" },
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="services" data-section="services">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<FeatureBento
|
<TestimonialCardTen
|
||||||
title="Our Recruitment Services"
|
title="What Our Clients Say"
|
||||||
description="Comprehensive staffing solutions designed to transform your hiring process with proven expertise and cutting-edge matching technology."
|
description="Real success stories from companies that transformed their recruitment"
|
||||||
tag="Our Services"
|
|
||||||
tagIcon={Briefcase}
|
|
||||||
tagAnimation="slide-up"
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
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%" },
|
|
||||||
],
|
|
||||||
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: [
|
|
||||||
{ icon: Clock, label: "Average Time", value: "10 days" },
|
|
||||||
{ 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: [
|
|
||||||
{ icon: Brain, label: "AI-Powered", value: "Smart matching" },
|
|
||||||
{ 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: [
|
|
||||||
{ icon: Shield, label: "Coverage", value: "90-day guarantee" },
|
|
||||||
{ 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: [
|
|
||||||
{ icon: CheckCircle, label: "Screening", value: "5-stage process" },
|
|
||||||
{ icon: Brain, label: "Assessment", value: "Skills verified" },
|
|
||||||
{ icon: Award, label: "Standards", value: "Industry-leading" },
|
|
||||||
],
|
|
||||||
button: { text: "Book a Consultation", onClick: handleConsultationClick }
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
carouselMode="buttons"
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="success-stories" data-section="success-stories">
|
|
||||||
<TestimonialCardOne
|
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1", name: "Sarah Chen", role: "CTO", company: "TechVenture Labs", rating: 5,
|
id: "1", title: "Aussie Solar Batteries Partnership", quote: "NextHire's AI-powered matching system helped us find the perfect candidates for our solar battery division. The quality of matches exceeded our expectations, and we were able to fill critical positions 40% faster than traditional recruitment methods.", name: "Steven Yu", role: "Hiring Manager, Aussie Solar Batteries", imageSrc: "/testimonials/steven-yu.jpg", imageAlt: "Steven Yu, Aussie Solar Batteries"
|
||||||
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"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
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"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
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"
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
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: "Book a Consultation", onClick: handleConsultationClick },
|
|
||||||
]}
|
|
||||||
buttonAnimation="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
animationType="slide-up"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
gridVariant="uniform-all-items-equal"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="revenue" data-section="revenue">
|
|
||||||
<MetricCardTwo
|
|
||||||
metrics={[
|
|
||||||
{
|
|
||||||
id: "1", value: "$900K", description: "Revenue Generated for Clients This Month"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2", value: "$4.05M", description: "Total Revenue Generated to Date"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3", value: "7 ", description: "Active Placements Generating Revenue"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
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: "Book a Consultation", onClick: handleConsultationClick },
|
|
||||||
]}
|
|
||||||
buttonAnimation="slide-up"
|
|
||||||
gridVariant="uniform-all-items-equal"
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactText
|
||||||
tag="Book Your Consultation"
|
text="Ready to revolutionize your recruitment? Let's create something amazing together."
|
||||||
tagIcon={Mail}
|
animationType="entrance-slide"
|
||||||
tagAnimation="slide-up"
|
|
||||||
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" }}
|
background={{ variant: "radial-gradient" }}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
inputPlaceholder="your@company.com"
|
buttons={[
|
||||||
buttonText="Book a Consultation"
|
{ text: "Get in Touch", href: "contact" },
|
||||||
termsText="By clicking Book a Consultation you're confirming that you agree with our Terms and Conditions."
|
{ text: "View Our Services", href: "services" },
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<FooterBaseReveal
|
||||||
<FooterBaseReveal
|
columns={[
|
||||||
columns={[
|
{
|
||||||
{
|
title: "Product", items: [
|
||||||
title: "Product", items: [
|
{ label: "Features", href: "services" },
|
||||||
{ label: "Services", href: "#services" },
|
{ label: "Pricing", href: "pricing" },
|
||||||
{ label: "Success Stories", href: "#success-stories" },
|
{ label: "Security", href: "security" },
|
||||||
{ label: "For Employers", href: "#" },
|
],
|
||||||
],
|
},
|
||||||
},
|
{
|
||||||
{
|
title: "Company", items: [
|
||||||
title: "Company", items: [
|
{ label: "About", href: "about" },
|
||||||
{ label: "About Us", href: "#about" },
|
{ label: "Blog", href: "blog" },
|
||||||
{ label: "Blog", href: "#" },
|
{ label: "Careers", href: "careers" },
|
||||||
{ label: "Careers", href: "#" },
|
],
|
||||||
{ label: "Contact", href: "#contact" },
|
},
|
||||||
],
|
{
|
||||||
},
|
title: "Legal", items: [
|
||||||
{
|
{ label: "Privacy", href: "privacy" },
|
||||||
title: "Legal", items: [
|
{ label: "Terms", href: "terms" },
|
||||||
{ label: "Privacy Policy", href: "#" },
|
{ label: "Contact", href: "contact" },
|
||||||
{ label: "Terms of Service", href: "#" },
|
],
|
||||||
{ label: "Cookie Policy", href: "#" },
|
},
|
||||||
{ label: "Compliance", href: "#" },
|
]}
|
||||||
],
|
copyrightText="© 2025 NextHire. All rights reserved."
|
||||||
},
|
/>
|
||||||
]}
|
|
||||||
copyrightText="© 2025 NextHire | Premium Recruitment Solutions"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user