211 lines
10 KiB
TypeScript
211 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
|
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Briefcase, Sparkles, Mail, Quote } from "lucide-react";
|
|
|
|
const navItems = [
|
|
{ name: "Search Jobs", id: "search" },
|
|
{ name: "Post a Job", id: "post-job" },
|
|
{ name: "Admin", id: "/admin" },
|
|
{ name: "Browse", id: "browse" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Search Jobs", href: "/search" },
|
|
{ label: "Post a Job", href: "/post-job" },
|
|
{ label: "Browse by Province", href: "#provinces" },
|
|
{ label: "For Employers", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Jobee", href: "#about" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Blog", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "FAQ", href: "#" },
|
|
{ label: "Support", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Jobee"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Post a Job", href: "/post-job"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Find Your Dream Job in the Netherlands"
|
|
description="Discover thousands of opportunities across all 12 Dutch provinces. Connect with top employers, build your career, and find the perfect role that matches your skills and ambitions."
|
|
tag="Dutch Job Market"
|
|
tagIcon={Briefcase}
|
|
background={{
|
|
variant: "animated-grid"}}
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-vector/professional-bookkeeping-postcard-template_23-2149341358.jpg?_wi=1", imageAlt: "Job Listing Card Design"},
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040187.jpg?_wi=1", imageAlt: "Advanced Search Filter Interface"},
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-vector/professional-recruitment-plan-diversity-general-infographic-template_23-2148947635.jpg?_wi=1", imageAlt: "Admin Dashboard Management"},
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/personal-information-form-identity-concept_53876-137622.jpg?_wi=1", imageAlt: "Application Process Flow"},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804568.jpg?_wi=1", imageAlt: "Professional Job Search Workspace"},
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/personal-information-form-identity-concept_53876-137622.jpg?_wi=2", imageAlt: "Recruitment Application Steps"},
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-vector/professional-recruitment-plan-diversity-general-infographic-template_23-2148947635.jpg?_wi=2", imageAlt: "Recruitment Analytics Dashboard"},
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040187.jpg?_wi=2", imageAlt: "Job Search Filter Options"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Start Searching", href: "/search"},
|
|
{
|
|
text: "Post a Job", href: "/post-job"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
title="How Jobee Works"
|
|
description="A seamless journey from job discovery to successful employment placement across the Netherlands."
|
|
tag="Simple Process"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Search & Filter", description:
|
|
"Browse thousands of jobs across all Dutch provinces with advanced filtering by location, salary, job type, and category.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040187.jpg?_wi=3", imageAlt: "Advanced search interface"},
|
|
{
|
|
id: 2,
|
|
title: "Apply Easily", description:
|
|
"Submit your application with your resume, cover letter, and personal information in just minutes.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/personal-information-form-identity-concept_53876-137622.jpg?_wi=3", imageAlt: "Application form process"},
|
|
{
|
|
id: 3,
|
|
title: "Connect with Employers", description:
|
|
"Get matched with top Dutch companies actively hiring and receive direct opportunities from recruiters.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804568.jpg?_wi=2", imageAlt: "Professional networking"},
|
|
{
|
|
id: 4,
|
|
title: "Land Your Dream Job", description:
|
|
"Track your applications, receive updates, and secure your next career opportunity with confidence.", imageSrc:
|
|
"http://img.b2bpic.net/free-vector/professional-recruitment-plan-diversity-general-infographic-template_23-2148947635.jpg?_wi=3", imageAlt: "Dashboard tracking"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Browse Jobs", href: "/search"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Success Stories from Our Users"
|
|
description="Hear from job seekers and employers who have found success through Jobee."
|
|
tag="User Testimonials"
|
|
tagIcon={Quote}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah van der Berg", role: "Software Developer", testimonial:
|
|
"I found my perfect job within 2 weeks using Jobee. The search filters made it easy to find remote opportunities in Amsterdam that matched my skill set.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=1", imageAlt: "Sarah van der Berg"},
|
|
{
|
|
id: "2", name: "Jan Pieterzoon", role: "HR Manager", testimonial:
|
|
"As a recruiter, Jobee has revolutionized how we post jobs and connect with talented candidates across the Netherlands. The platform is intuitive and effective.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-face-gorgeous-latin-american-woman_1262-5766.jpg?_wi=1", imageAlt: "Jan Pieterzoon"},
|
|
{
|
|
id: "3", name: "Emma Dijkstra", role: "Marketing Specialist", testimonial:
|
|
"The application process on Jobee is so smooth. I applied for 5 positions and received 3 interview invitations within a week. Highly recommended!", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg?_wi=1", imageAlt: "Emma Dijkstra"},
|
|
{
|
|
id: "4", name: "Michael Houtstra", role: "Finance Director", testimonial:
|
|
"We've hired 12 excellent team members through Jobee in the past year. The quality of candidates is outstanding and the platform is incredibly easy to use.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-9543.jpg?_wi=1", imageAlt: "Michael Houtstra"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Newsletter"
|
|
title="Stay Updated with Job Opportunities"
|
|
description="Subscribe to our newsletter and get notified about new jobs matching your profile, industry trends, and career tips for the Dutch job market."
|
|
tagIcon={Mail}
|
|
background={{
|
|
variant: "animated-grid"}}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime from our newsletter."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Jobee"
|
|
copyrightText="© 2025 Jobee | Dutch Job Listing Platform"
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|