Merge version_7 into main #8
276
src/app/page.tsx
276
src/app/page.tsx
@@ -1,250 +1,108 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import { ThemeProvider } from "@/components/theme/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
||||
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, 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" });
|
||||
}
|
||||
};
|
||||
import { Users } from "lucide-react";
|
||||
|
||||
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"
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Success Stories", id: "success-stories" },
|
||||
{ name: "Revenue", id: "revenue" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book a Consultation", onClick: handleConsultationClick
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Get Started", href: "contact" }}
|
||||
/>
|
||||
|
||||
<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="Connecting businesses + Closers "
|
||||
avatarText="Trusted by 1000+ companies"
|
||||
buttons={[
|
||||
{ text: "Book a Call", onClick: handleConsultationClick },
|
||||
{ text: "Learn More", href: "#services" },
|
||||
{ text: "Start Hiring", href: "contact" },
|
||||
{ text: "Learn More", href: "about" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
title="Our Recruitment Services"
|
||||
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: "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"
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="What Our Clients Say"
|
||||
description="Real success stories from companies that transformed their recruitment"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="success-stories" data-section="success-stories">
|
||||
<TestimonialCardOne
|
||||
testimonials={[
|
||||
{
|
||||
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"
|
||||
},
|
||||
{
|
||||
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"
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
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 id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Book Your Consultation"
|
||||
tagIcon={Mail}
|
||||
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."
|
||||
<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="Book a Consultation"
|
||||
termsText="By clicking Book a Consultation you're confirming that you agree with our Terms and Conditions."
|
||||
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: "Success Stories", href: "#success-stories" },
|
||||
{ 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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user