Update src/app/page.tsx

This commit is contained in:
2026-03-08 20:07:01 +00:00
parent f781ce2034
commit 97389d58c5

View File

@@ -19,8 +19,7 @@ const navItems = [
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Search Jobs", href: "/search" },
{ label: "Post a Job", href: "/post-job" },
{ label: "Browse by Province", href: "#provinces" },
@@ -28,8 +27,7 @@ const footerColumns = [
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Jobee", href: "#about" },
{ label: "Careers", href: "#" },
{ label: "Contact Us", href: "#contact" },
@@ -37,8 +35,7 @@ const footerColumns = [
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "FAQ", href: "#" },
@@ -55,7 +52,7 @@ export default function HomePage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="double-inset"
secondaryButtonStyle="glass"
@@ -66,9 +63,7 @@ export default function HomePage() {
brandName="Jobee"
navItems={navItems}
button={{
text: "Post a Job",
href: "/post-job",
}}
text: "Post a Job", href: "/post-job"}}
/>
</div>
@@ -80,61 +75,40 @@ export default function HomePage() {
tagIcon={Briefcase}
tagAnimation="slide-up"
background={{
variant: "aurora",
}}
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",
},
"http://img.b2bpic.net/free-vector/professional-bookkeeping-postcard-template_23-2149341358.jpg", 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",
},
"http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040187.jpg", 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",
},
"http://img.b2bpic.net/free-vector/professional-recruitment-plan-diversity-general-infographic-template_23-2148947635.jpg", 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",
},
"http://img.b2bpic.net/free-photo/personal-information-form-identity-concept_53876-137622.jpg", 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",
},
"http://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804568.jpg", 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",
},
"http://img.b2bpic.net/free-photo/personal-information-form-identity-concept_53876-137622.jpg", 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",
},
"http://img.b2bpic.net/free-vector/professional-recruitment-plan-diversity-general-infographic-template_23-2148947635.jpg", 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",
},
"http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040187.jpg", imageAlt: "Job Search Filter Options"},
]}
buttons={[
{
text: "Start Searching",
href: "/search",
},
text: "Start Searching", href: "/search"},
{
text: "Post a Job",
href: "/post-job",
},
text: "Post a Job", href: "/post-job"},
]}
buttonAnimation="slide-up"
carouselPosition="right"
@@ -152,47 +126,29 @@ export default function HomePage() {
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: 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", 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: 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", 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: 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", 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",
},
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", imageAlt: "Dashboard tracking"},
]}
buttons={[
{
text: "Browse Jobs",
href: "/search",
},
text: "Browse Jobs", href: "/search"},
]}
buttonAnimation="slide-up"
/>
@@ -210,45 +166,21 @@ export default function HomePage() {
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: "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", 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: "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", 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: "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", 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",
},
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", imageAlt: "Michael Houtstra"},
]}
buttonAnimation="slide-up"
/>
@@ -262,8 +194,7 @@ export default function HomePage() {
tagIcon={Mail}
tagAnimation="slide-up"
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Subscribe"