Compare commits
23 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c764de3849 | |||
| 2c6520aae9 | |||
| 13e5d30456 | |||
| dc5ad5d421 | |||
| 0574757c1d | |||
| 03c412af48 | |||
| 4fea2c342b | |||
| e68f38357e | |||
| 80473d8f94 | |||
| a588d44888 | |||
| c5718187d4 | |||
| 148d283d85 | |||
| 3aa15bc1c5 | |||
| 22049ae1e9 | |||
| aa6459bb9d | |||
| 8f32db47f3 | |||
| edcfef3188 | |||
| 7739daf79b | |||
| 6d07a05598 | |||
| f1467a5722 | |||
| 9f0ed2eceb | |||
| b5d174e54b | |||
| f41e55c49c |
@@ -1,57 +1,17 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Open_Sans } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const openSans = Open_Sans({
|
||||
variable: "--font-open-sans", subsets: ["latin"],
|
||||
});
|
||||
import "./styles/globals.css";
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "NextHire | Premium Recruitment Agency in Australia", description: "Australia's leading recruitment agency connecting top talent with industry leaders. AI-powered matching, expert recruiters, and 90-day placement guarantee.", keywords: "recruitment agency Australia, talent acquisition, staffing solutions, executive search, job placement", metadataBase: new URL("https://nexthire.au"),
|
||||
alternates: {
|
||||
canonical: "https://nexthire.au"},
|
||||
openGraph: {
|
||||
title: "NextHire | Find Your Perfect Talent Match", description: "Premium recruitment agency in Australia. Connect with top-tier candidates and transform your hiring process.", url: "https://nexthire.au", siteName: "NextHire", type: "website", images: [
|
||||
{
|
||||
url: "/placeholders/placeholder1.webp", alt: "NextHire Recruitment Agency"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "NextHire | Premium Recruitment Solutions", description: "Find top talent with NextHire's AI-powered matching and expert recruiters in Australia.", images: ["/placeholders/placeholder1.webp"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
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({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${openSans.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1419,7 +1379,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
239
src/app/page.tsx
239
src/app/page.tsx
@@ -1,229 +1,110 @@
|
||||
"use client";
|
||||
|
||||
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 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 ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Award, Brain, Briefcase, CheckCircle, Clock, Crown, DollarSign, Mail, Shield, Target, TrendingUp, Users, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="NextHire"
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
button={{ text: "Get Started", href: "contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
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" }}
|
||||
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/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: "/avatars/avatar1.jpg", alt: "User 1" },
|
||||
{ src: "/avatars/avatar2.jpg", alt: "User 2" },
|
||||
{ src: "/avatars/avatar3.jpg", alt: "User 3" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ companies"
|
||||
avatarText="Trusted by 1000+ companies"
|
||||
buttons={[
|
||||
{ text: "Post a Job", href: "#contact" },
|
||||
{ text: "Browse Talent", href: "#services" },
|
||||
{ text: "Start Hiring", href: "contact" },
|
||||
{ text: "Learn More", href: "about" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<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."
|
||||
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: "Technical Staffing", description: "Expert placement of software engineers, data scientists, and IT professionals", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "Permanent Placement", description: "End-to-end recruitment for full-time positions across all industries", bentoComponent: "line-chart"},
|
||||
{
|
||||
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%" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<FeatureBorderGlow
|
||||
title="Why NextHire Stands Out"
|
||||
description="Industry-leading expertise combined with cutting-edge technology"
|
||||
features={[
|
||||
{
|
||||
icon: Brain,
|
||||
title: "AI-Powered Matching", description: "Advanced algorithms analyze skills, culture fit, and career aspirations for perfect matches"},
|
||||
{
|
||||
icon: Target,
|
||||
title: "Precision Recruitment", description: "Our 20+ years of experience ensures candidates align perfectly with your needs"},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Lightning Fast Turnaround", description: "Average placement time of just 14 days from job posting to hire"},
|
||||
{
|
||||
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"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sad-man-sitting-cafe-table-using-tablet_1262-1073.jpg", alt: "cto tech company professional portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", alt: "corporate manager business portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg", alt: "business woman director headshot"},
|
||||
{
|
||||
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"},
|
||||
]}
|
||||
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}
|
||||
animationType="slide-up"
|
||||
<TestimonialCardTen
|
||||
title="What Our Clients Say"
|
||||
description="Real success stories from companies that transformed their recruitment"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
testimonials={[
|
||||
{
|
||||
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"],
|
||||
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"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get In Touch"
|
||||
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."
|
||||
<ContactText
|
||||
text="Ready to revolutionize your recruitment? Let's create something amazing together."
|
||||
animationType="entrance-slide"
|
||||
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."
|
||||
buttons={[
|
||||
{ text: "Get in Touch", href: "contact" },
|
||||
{ text: "View Our Services", href: "services" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "For Candidates", href: "#" },
|
||||
{ label: "For Employers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Compliance", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 NextHire | Premium Recruitment Solutions"
|
||||
/>
|
||||
</div>
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "services" },
|
||||
{ label: "Pricing", href: "pricing" },
|
||||
{ label: "Security", href: "security" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "about" },
|
||||
{ label: "Blog", href: "blog" },
|
||||
{ label: "Careers", href: "careers" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "privacy" },
|
||||
{ label: "Terms", href: "terms" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 NextHire. All rights reserved."
|
||||
/>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user