23 Commits

Author SHA1 Message Date
c764de3849 Merge version_7 into main
Merge version_7 into main
2026-03-10 02:41:50 +00:00
2c6520aae9 Update src/app/page.tsx 2026-03-10 02:41:46 +00:00
13e5d30456 Update src/app/layout.tsx 2026-03-10 02:41:46 +00:00
dc5ad5d421 Merge version_7 into main
Merge version_7 into main
2026-03-10 02:40:51 +00:00
0574757c1d Update src/app/page.tsx 2026-03-10 02:40:47 +00:00
03c412af48 Merge version_6 into main
Merge version_6 into main
2026-03-10 02:35:42 +00:00
4fea2c342b Update src/app/layout.tsx 2026-03-10 02:35:38 +00:00
e68f38357e Merge version_6 into main
Merge version_6 into main
2026-03-10 02:34:45 +00:00
80473d8f94 Update src/app/page.tsx 2026-03-10 02:34:40 +00:00
a588d44888 Update src/app/layout.tsx 2026-03-10 02:34:40 +00:00
c5718187d4 Merge version_5 into main
Merge version_5 into main
2026-03-10 02:27:06 +00:00
148d283d85 Update src/app/page.tsx 2026-03-10 02:27:02 +00:00
3aa15bc1c5 Merge version_5 into main
Merge version_5 into main
2026-03-09 06:08:11 +00:00
22049ae1e9 Update src/app/page.tsx 2026-03-09 06:08:07 +00:00
aa6459bb9d Merge version_4 into main
Merge version_4 into main
2026-03-09 05:58:01 +00:00
8f32db47f3 Update src/app/page.tsx 2026-03-09 05:57:57 +00:00
edcfef3188 Merge version_3 into main
Merge version_3 into main
2026-03-09 05:51:09 +00:00
7739daf79b Update src/app/styles/variables.css 2026-03-09 05:51:05 +00:00
6d07a05598 Update src/app/page.tsx 2026-03-09 05:51:05 +00:00
f1467a5722 Merge version_2 into main
Merge version_2 into main
2026-03-09 05:32:18 +00:00
9f0ed2eceb Update src/app/styles/variables.css 2026-03-09 05:32:14 +00:00
b5d174e54b Update src/app/page.tsx 2026-03-09 05:32:14 +00:00
f41e55c49c Update src/app/layout.tsx 2026-03-09 05:32:13 +00:00
3 changed files with 73 additions and 233 deletions

View File

@@ -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>
);
}

View File

@@ -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>
);
}

View File

@@ -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);