Merge version_1 into main #2
230
src/app/page.tsx
230
src/app/page.tsx
@@ -20,23 +20,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Browse Jobs",
|
||||
id: "jobs",
|
||||
},
|
||||
name: "Jobs", id: "jobs"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NicheJobs"
|
||||
/>
|
||||
@@ -48,15 +49,11 @@ export default function LandingPage() {
|
||||
description="Connecting the best talent with specialized remote, freelance, and gig opportunities."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Searching",
|
||||
href: "#jobs",
|
||||
},
|
||||
text: "Start Searching", href: "#jobs"},
|
||||
{
|
||||
text: "Post a Job",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Post a Job", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/japanese-subway-system-display-screen-passenger-information_23-2148954876.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/japanese-subway-system-display-screen-passenger-information_23-2148954876.jpg"
|
||||
imageAlt="Abstract tech job background"
|
||||
/>
|
||||
</div>
|
||||
@@ -68,15 +65,11 @@ export default function LandingPage() {
|
||||
description="We cut through the noise. Whether you are a UI/UX Designer, Senior Developer, or content strategist, our platform surfaces the most relevant high-quality opportunities."
|
||||
metrics={[
|
||||
{
|
||||
value: "12k+",
|
||||
title: "Jobs Posted",
|
||||
},
|
||||
value: "12k+", title: "Jobs Posted"},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Verified Clients",
|
||||
},
|
||||
value: "5k+", title: "Verified Clients"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/designer-work-office_158595-1208.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/designer-work-office_158595-1208.jpg"
|
||||
imageAlt="Workspace setup"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -90,34 +83,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "cat1",
|
||||
label: "Design",
|
||||
title: "Creative Roles",
|
||||
items: [
|
||||
"Product Design",
|
||||
"UI/UX",
|
||||
"Brand Design",
|
||||
],
|
||||
id: "cat1", label: "Design", title: "Creative Roles", items: [
|
||||
"Product Design", "UI/UX", "Brand Design"],
|
||||
},
|
||||
{
|
||||
id: "cat2",
|
||||
label: "Tech",
|
||||
title: "Development",
|
||||
items: [
|
||||
"Frontend",
|
||||
"Backend",
|
||||
"Fullstack",
|
||||
],
|
||||
id: "cat2", label: "Tech", title: "Development", items: [
|
||||
"Frontend", "Backend", "Fullstack"],
|
||||
},
|
||||
{
|
||||
id: "cat3",
|
||||
label: "Content",
|
||||
title: "Strategy",
|
||||
items: [
|
||||
"Copywriting",
|
||||
"SEO",
|
||||
"Content Marketing",
|
||||
],
|
||||
id: "cat3", label: "Content", title: "Strategy", items: [
|
||||
"Copywriting", "SEO", "Content Marketing"],
|
||||
},
|
||||
]}
|
||||
title="Explore Job Categories"
|
||||
@@ -132,53 +107,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Single Post",
|
||||
price: "$99",
|
||||
period: "/per job",
|
||||
features: [
|
||||
"30 days live",
|
||||
"Email blast",
|
||||
"Social sharing",
|
||||
],
|
||||
id: "basic", title: "Single Post", price: "$99", period: "/per job", features: [
|
||||
"30 days live", "Email blast", "Social sharing"],
|
||||
button: {
|
||||
text: "Choose Basic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-handshake-icon-isolated-business-concept_107791-15028.jpg?_wi=1",
|
||||
imageAlt: "creative job icon",
|
||||
},
|
||||
text: "Choose Basic"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-handshake-icon-isolated-business-concept_107791-15028.jpg", imageAlt: "creative job icon"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Pro Bundle",
|
||||
price: "$299",
|
||||
period: "/5 jobs",
|
||||
features: [
|
||||
"Featured listing",
|
||||
"Priority support",
|
||||
"Candidate analytics",
|
||||
],
|
||||
id: "pro", title: "Pro Bundle", price: "$299", period: "/5 jobs", features: [
|
||||
"Featured listing", "Priority support", "Candidate analytics"],
|
||||
button: {
|
||||
text: "Choose Pro",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-system-display-screen-passenger-information_23-2148954876.jpg?_wi=2",
|
||||
imageAlt: "creative job icon",
|
||||
},
|
||||
text: "Choose Pro"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-system-display-screen-passenger-information_23-2148954876.jpg", imageAlt: "creative job icon"},
|
||||
{
|
||||
id: "agency",
|
||||
title: "Agency Pack",
|
||||
price: "$799",
|
||||
period: "/Unlimited",
|
||||
features: [
|
||||
"Custom branding",
|
||||
"API access",
|
||||
"Success manager",
|
||||
],
|
||||
id: "agency", title: "Agency Pack", price: "$799", period: "/Unlimited", features: [
|
||||
"Custom branding", "API access", "Success manager"],
|
||||
button: {
|
||||
text: "Choose Agency",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-work-office_158595-1208.jpg?_wi=2",
|
||||
imageAlt: "creative job icon",
|
||||
},
|
||||
text: "Choose Agency"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-work-office_158595-1208.jpg", imageAlt: "creative job icon"},
|
||||
]}
|
||||
title="Post Your Listings"
|
||||
description="Reach thousands of vetted professionals in your industry."
|
||||
@@ -193,25 +138,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "94%",
|
||||
title: "Placement Rate",
|
||||
description: "Successfully hired roles.",
|
||||
icon: CheckCircle,
|
||||
id: "m1", value: "94%", title: "Placement Rate", description: "Successfully hired roles.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "14d",
|
||||
title: "Avg. Time to Hire",
|
||||
description: "Faster matching.",
|
||||
icon: Clock,
|
||||
id: "m2", value: "14d", title: "Avg. Time to Hire", description: "Faster matching.", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$120k",
|
||||
title: "Avg. Salary",
|
||||
description: "Top-tier compensation.",
|
||||
icon: DollarSign,
|
||||
id: "m3", value: "$120k", title: "Avg. Salary", description: "Top-tier compensation.", icon: DollarSign,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -225,60 +158,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Smith",
|
||||
date: "Oct 2023",
|
||||
title: "Lead UI Designer",
|
||||
quote: "I found my dream remote role within two weeks of searching. Seamless experience.",
|
||||
tag: "Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-system-display-screen-passenger-information_23-2148954876.jpg?_wi=3",
|
||||
imageAlt: "freelance designer portrait",
|
||||
},
|
||||
id: "t1", name: "Alex Smith", date: "Oct 2023", title: "Lead UI Designer", quote: "I found my dream remote role within two weeks of searching. Seamless experience.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-system-display-screen-passenger-information_23-2148954876.jpg", imageAlt: "freelance designer portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria Garcia",
|
||||
date: "Sep 2023",
|
||||
title: "Fullstack Developer",
|
||||
quote: "The curation on this platform is unmatched. Only relevant gigs here.",
|
||||
tag: "Development",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-pointing-with-hand-laptop-isolated-olive-green-with-copy-space_141793-76626.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-work-office_158595-1208.jpg?_wi=3",
|
||||
imageAlt: "freelance designer portrait",
|
||||
},
|
||||
id: "t2", name: "Maria Garcia", date: "Sep 2023", title: "Fullstack Developer", quote: "The curation on this platform is unmatched. Only relevant gigs here.", tag: "Development", avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-pointing-with-hand-laptop-isolated-olive-green-with-copy-space_141793-76626.jpg", imageSrc: "http://img.b2bpic.net/free-photo/designer-work-office_158595-1208.jpg", imageAlt: "freelance designer portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "James Wilson",
|
||||
date: "Aug 2023",
|
||||
title: "Content Strategist",
|
||||
quote: "Highly recommended for marketers looking for high-quality niche clients.",
|
||||
tag: "Content",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-handshake-icon-isolated-business-concept_107791-15028.jpg?_wi=2",
|
||||
imageAlt: "freelance designer portrait",
|
||||
},
|
||||
id: "t3", name: "James Wilson", date: "Aug 2023", title: "Content Strategist", quote: "Highly recommended for marketers looking for high-quality niche clients.", tag: "Content", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-handshake-icon-isolated-business-concept_107791-15028.jpg", imageAlt: "freelance designer portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Chen",
|
||||
date: "Jul 2023",
|
||||
title: "Product Manager",
|
||||
quote: "Exceptional board with very targeted listings that saved me tons of time.",
|
||||
tag: "Management",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-man-desk_23-2147986075.jpg",
|
||||
imageAlt: "freelance designer portrait",
|
||||
},
|
||||
id: "t4", name: "Sarah Chen", date: "Jul 2023", title: "Product Manager", quote: "Exceptional board with very targeted listings that saved me tons of time.", tag: "Management", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-man-desk_23-2147986075.jpg", imageAlt: "freelance designer portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Brown",
|
||||
date: "Jun 2023",
|
||||
title: "UX Researcher",
|
||||
quote: "The best platform for research roles I have ever used. Simple and effective.",
|
||||
tag: "Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-repair-garage_107420-95937.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-with-old-computer-still-life_23-2150155600.jpg",
|
||||
imageAlt: "freelance designer portrait",
|
||||
},
|
||||
id: "t5", name: "David Brown", date: "Jun 2023", title: "UX Researcher", quote: "The best platform for research roles I have ever used. Simple and effective.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-repair-garage_107420-95937.jpg", imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-with-old-computer-still-life_23-2150155600.jpg", imageAlt: "freelance designer portrait"},
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Hear from the professionals who found their dream niche jobs through our board."
|
||||
@@ -291,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it free to browse?",
|
||||
content: "Yes, browsing is completely free for all professionals.",
|
||||
},
|
||||
id: "q1", title: "Is it free to browse?", content: "Yes, browsing is completely free for all professionals."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do you verify jobs?",
|
||||
content: "Our moderation team manually verifies every single post.",
|
||||
},
|
||||
id: "q2", title: "How do you verify jobs?", content: "Our moderation team manually verifies every single post."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I hide my profile?",
|
||||
content: "Yes, you can manage your visibility in your dashboard settings.",
|
||||
},
|
||||
id: "q3", title: "Can I hide my profile?", content: "Yes, you can manage your visibility in your dashboard settings."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-customer-service-operator-assisting-customers-with-issues_482257-117959.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -318,8 +197,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get in touch"
|
||||
title="Post Your Job Now"
|
||||
description="Start finding top-tier candidates today."
|
||||
@@ -332,25 +210,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Jobs",
|
||||
href: "#jobs",
|
||||
},
|
||||
label: "Jobs", href: "#jobs"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user