Merge version_1 into main #2
196
src/app/page.tsx
196
src/app/page.tsx
@@ -31,66 +31,34 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="Hirely"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Hire Talent or Start Earning — All in One Platform"
|
||||
description="Hirely is the modern ecosystem bridging the gap between opportunity and talent. Whether you need skilled freelancers for your project or want to earn high-paying income, we connect you with the right resources."
|
||||
tag="Your Digital Growth Partner"
|
||||
buttons={[
|
||||
{
|
||||
text: "Hire Freelancers",
|
||||
href: "#",
|
||||
},
|
||||
text: "Hire Freelancers", href: "#"},
|
||||
{
|
||||
text: "Start Earning",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Earning", href: "#"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg?_wi=1",
|
||||
imageAlt: "digital freelance platform interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg", imageAlt: "digital freelance platform interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-illustrating-ethics-concept_23-2149412245.jpg",
|
||||
imageAlt: "digital freelance platform interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941513.jpg",
|
||||
imageAlt: "3d rendering of futuristic technologies",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-red-thread-connection_23-2149870866.jpg",
|
||||
imageAlt: "Still life of red thread connection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-business-roles-with-various-pawns_23-2149352598.jpg",
|
||||
imageAlt: "Still life business roles with various pawns",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-illustrating-ethics-concept_23-2149412245.jpg", imageAlt: "digital freelance platform interface"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -105,19 +73,13 @@ export default function LandingPage() {
|
||||
description="We simplify the online earning journey by providing a single, trusted place for everything you need—from hiring pros to accessing high-paying tools."
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Freelancers",
|
||||
},
|
||||
value: "10k+", title: "Freelancers"},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Projects",
|
||||
},
|
||||
value: "5k+", title: "Projects"},
|
||||
{
|
||||
value: "20+",
|
||||
title: "Tools",
|
||||
},
|
||||
value: "20+", title: "Tools"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/open-palm-hand-gesture-presenting-tech-hologram_53876-104361.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/open-palm-hand-gesture-presenting-tech-hologram_53876-104361.jpg"
|
||||
imageAlt="abstract network global growth"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -131,55 +93,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hire Top Talent",
|
||||
description: "Connect with vetted freelancers for your technical and creative projects.",
|
||||
icon: Users,
|
||||
title: "Hire Top Talent", description: "Connect with vetted freelancers for your technical and creative projects.", icon: Users,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-filming-his-video-blog-episode-about-new-tech-devices-while-sitting-kitchen-table-with-laptop-showing-bunch-money-banknotes_171337-5530.jpg",
|
||||
imageAlt: "professional developer workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-filming-his-video-blog-episode-about-new-tech-devices-while-sitting-kitchen-table-with-laptop-showing-bunch-money-banknotes_171337-5530.jpg", imageAlt: "professional developer workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-stylish-black-hat-denim-shirt_273609-6803.jpg",
|
||||
imageAlt: "professional developer workspace",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg?_wi=2",
|
||||
imageAlt: "professional developer workspace",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-stylish-black-hat-denim-shirt_273609-6803.jpg", imageAlt: "professional developer workspace"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Earn More Online",
|
||||
description: "Access high-paying affiliate programs and tools built for success.",
|
||||
icon: Zap,
|
||||
title: "Earn More Online", description: "Access high-paying affiliate programs and tools built for success.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg",
|
||||
imageAlt: "mobile app dashboard UI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg", imageAlt: "mobile app dashboard UI"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurry-man-holding-smartphone-indoors_23-2149321588.jpg",
|
||||
imageAlt: "mobile app dashboard UI",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-palm-hand-gesture-presenting-tech-hologram_53876-104361.jpg?_wi=2",
|
||||
imageAlt: "professional developer workspace",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurry-man-holding-smartphone-indoors_23-2149321588.jpg", imageAlt: "mobile app dashboard UI"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Smart Guidance",
|
||||
description: "Step-by-step resources to build your career or your business.",
|
||||
icon: Lightbulb,
|
||||
title: "Smart Guidance", description: "Step-by-step resources to build your career or your business.", icon: Lightbulb,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-businesswoman-using-computer-with-blank-chroma-key-template-company-employee-looking-display-with-blank-background-isolated-template-chroma-key-copy-space-monitor_482257-41382.jpg",
|
||||
imageAlt: "tech team collaboration workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-businesswoman-using-computer-with-blank-chroma-key-template-company-employee-looking-display-with-blank-background-isolated-template-chroma-key-copy-space-monitor_482257-41382.jpg", imageAlt: "tech team collaboration workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-business-analyst-engages-project-management-his-desk_482257-122714.jpg",
|
||||
imageAlt: "tech team collaboration workspace",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/busy-attractive-young-modern-businesswoman-prepare-project-reading-article-sit-near-window-cafe-table-drink-coffee-thinking-look-laptop-display-female-student-tutor-make-arrangements-future-lesson_197531-30632.jpg?_wi=1",
|
||||
imageAlt: "professional developer workspace",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-business-analyst-engages-project-management-his-desk_482257-122714.jpg", imageAlt: "tech team collaboration workspace"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Everything You Need in One Place"
|
||||
@@ -192,30 +130,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/busy-attractive-young-modern-businesswoman-prepare-project-reading-article-sit-near-window-cafe-table-drink-coffee-thinking-look-laptop-display-female-student-tutor-make-arrangements-future-lesson_197531-30632.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/busy-attractive-young-modern-businesswoman-prepare-project-reading-article-sit-near-window-cafe-table-drink-coffee-thinking-look-laptop-display-female-student-tutor-make-arrangements-future-lesson_197531-30632.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-typing-computer-keyboard-home-office_329181-17546.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/man-typing-computer-keyboard-home-office_329181-17546.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741798.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741798.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
},
|
||||
id: "5", name: "Anna Smith", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by Thousands"
|
||||
cardTag="Testimonials"
|
||||
@@ -231,20 +154,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Happy Clients"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500k",
|
||||
description: "Earned by users",
|
||||
},
|
||||
id: "m2", value: "500k", description: "Earned by users"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Satisfaction",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Satisfaction"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="We make success scalable and accessible to everyone."
|
||||
@@ -257,25 +171,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I get started?",
|
||||
content: "Just sign up and select your path!",
|
||||
},
|
||||
id: "f1", title: "How do I get started?", content: "Just sign up and select your path!"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is it free?",
|
||||
content: "Basic access is free; premium features vary.",
|
||||
},
|
||||
id: "f2", title: "Is it free?", content: "Basic access is free; premium features vary."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I do both?",
|
||||
content: "Yes, our platform supports both modes.",
|
||||
},
|
||||
id: "f3", title: "Can I do both?", content: "Yes, our platform supports both modes."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about starting your Hirely journey."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/open-palm-hand-gesture-presenting-tech-hologram_53876-104361.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/open-palm-hand-gesture-presenting-tech-hologram_53876-104361.jpg"
|
||||
imageAlt="abstract network global growth"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -285,8 +190,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Start Your Journey Today"
|
||||
description="Join our growing community and start achieving more."
|
||||
@@ -301,29 +205,19 @@ export default function LandingPage() {
|
||||
logoText="Hirely"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "For Clients",
|
||||
href: "#",
|
||||
},
|
||||
label: "For Clients", href: "#"},
|
||||
{
|
||||
label: "For Earners",
|
||||
href: "#",
|
||||
},
|
||||
label: "For Earners", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user