Merge version_1 into main #2
@@ -44,9 +44,7 @@ export default function DashboardPage() {
|
||||
brandName="NEXORA"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Request Access",
|
||||
href: "#invite",
|
||||
}}
|
||||
text: "Request Access", href: "#invite"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,14 +56,12 @@ export default function DashboardPage() {
|
||||
tag="Your Workspace"
|
||||
tagIcon={BarChart3}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-comprehensive-dashboard-overview-showi-1773223395492-bcf82697.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-comprehensive-dashboard-overview-showi-1773223395492-bcf82697.png"
|
||||
imageAlt="Dashboard Overview"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Full Dashboard",
|
||||
href: "/",
|
||||
},
|
||||
text: "View Full Dashboard", href: "/"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -83,56 +79,34 @@ export default function DashboardPage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Task Management",
|
||||
description:
|
||||
"Create, manage, and track all your tasks in one centralized location. Set budgets, deadlines, and deliverables with precision.",
|
||||
bentoComponent: "3d-task-list",
|
||||
title: "Task Workflow",
|
||||
items: [
|
||||
title: "Task Management", description:
|
||||
"Create, manage, and track all your tasks in one centralized location. Set budgets, deadlines, and deliverables with precision.", bentoComponent: "3d-task-list", items: [
|
||||
{
|
||||
icon: FileText,
|
||||
label: "Create Task",
|
||||
time: "1-2 mins",
|
||||
},
|
||||
label: "Create Task", time: "1-2 mins"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Get Proposals",
|
||||
time: "24 hours",
|
||||
},
|
||||
label: "Get Proposals", time: "24 hours"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Select Talent",
|
||||
time: "Immediate",
|
||||
},
|
||||
label: "Select Talent", time: "Immediate"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Performance Analytics",
|
||||
description:
|
||||
"Track completion rates, timeline adherence, and quality metrics. Make data-driven decisions about your team.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
},
|
||||
title: "Performance Analytics", description:
|
||||
"Track completion rates, timeline adherence, and quality metrics. Make data-driven decisions about your team.", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "Real-Time Communication",
|
||||
description:
|
||||
"Direct messaging with professionals, file sharing, and milestone tracking. Stay connected every step of the way.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Real-Time Communication", description:
|
||||
"Direct messaging with professionals, file sharing, and milestone tracking. Stay connected every step of the way.", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: MessageSquare,
|
||||
label: "Instant Messaging",
|
||||
value: "Live chat",
|
||||
},
|
||||
label: "Instant Messaging", value: "Live chat"},
|
||||
{
|
||||
icon: FileText,
|
||||
label: "File Sharing",
|
||||
value: "Secure uploads",
|
||||
},
|
||||
label: "File Sharing", value: "Secure uploads"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Progress Tracking",
|
||||
value: "Real-time updates",
|
||||
},
|
||||
label: "Progress Tracking", value: "Real-time updates"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -144,13 +118,9 @@ export default function DashboardPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="NEXORA"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#privacy",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#privacy"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#terms",
|
||||
}}
|
||||
text: "Terms of Service", href: "#terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
178
src/app/page.tsx
178
src/app/page.tsx
@@ -60,9 +60,7 @@ export default function HomePage() {
|
||||
brandName="NEXORA"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Request Access",
|
||||
href: "#invite",
|
||||
}}
|
||||
text: "Request Access", href: "#invite"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -77,46 +75,30 @@ export default function HomePage() {
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Post a Task",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Post a Task", href: "#contact"},
|
||||
{
|
||||
text: "Request Access",
|
||||
href: "#invite",
|
||||
},
|
||||
text: "Request Access", href: "#invite"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-sleek-saas-dashboard-interface-showing-1773223391433-67a0a831.png?_wi=1",
|
||||
imageAlt: "NEXORA Task Interface",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-sleek-saas-dashboard-interface-showing-1773223391433-67a0a831.png", imageAlt: "NEXORA Task Interface"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-matching-algorithm-visualization-showi-1773223392251-a750ac1f.png?_wi=1",
|
||||
imageAlt: "Talent Matching System",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-matching-algorithm-visualization-showi-1773223392251-a750ac1f.png", imageAlt: "Talent Matching System"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-comprehensive-dashboard-overview-showi-1773223395492-bcf82697.png?_wi=1",
|
||||
imageAlt: "Dashboard Overview",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-comprehensive-dashboard-overview-showi-1773223395492-bcf82697.png", imageAlt: "Dashboard Overview"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-task-execution-interface-showing-live--1773223393174-7fcc40f5.png?_wi=1",
|
||||
imageAlt: "Task Execution",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-task-execution-interface-showing-live--1773223393174-7fcc40f5.png", imageAlt: "Task Execution"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-completion-tracking-interface-showing--1773223391741-f0d5eba4.png?_wi=1",
|
||||
imageAlt: "Completion Tracking",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-completion-tracking-interface-showing--1773223391741-f0d5eba4.png", imageAlt: "Completion Tracking"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-professional-network-visualization-sho-1773223392330-41dc8037.png?_wi=1",
|
||||
imageAlt: "Professional Network",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-professional-network-visualization-sho-1773223392330-41dc8037.png", imageAlt: "Professional Network"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,7 +111,7 @@ export default function HomePage() {
|
||||
tag="The Problem"
|
||||
tagIcon={AlertCircle}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/an-illustration-showing-the-chaos-of-tra-1773223391947-889c1381.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/an-illustration-showing-the-chaos-of-tra-1773223391947-889c1381.png"
|
||||
imageAlt="Freelance Platform Chaos"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -148,60 +130,36 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Verified Talent",
|
||||
description:
|
||||
"Every professional undergoes rigorous vetting before joining the platform. Identity verification, portfolio review, and skill validation ensure you're working with the best.",
|
||||
bentoComponent: "3d-stack-cards",
|
||||
items: [
|
||||
title: "Verified Talent", description:
|
||||
"Every professional undergoes rigorous vetting before joining the platform. Identity verification, portfolio review, and skill validation ensure you're working with the best.", bentoComponent: "3d-stack-cards", items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Identity Verified",
|
||||
subtitle: "Government ID Checked",
|
||||
detail: "Real people, not bots",
|
||||
},
|
||||
title: "Identity Verified", subtitle: "Government ID Checked", detail: "Real people, not bots"},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Portfolio Reviewed",
|
||||
subtitle: "Work Quality Assessed",
|
||||
detail: "Proven track record",
|
||||
},
|
||||
title: "Portfolio Reviewed", subtitle: "Work Quality Assessed", detail: "Proven track record"},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Skill Validated",
|
||||
subtitle: "Expertise Confirmed",
|
||||
detail: "Tested competency",
|
||||
},
|
||||
title: "Skill Validated", subtitle: "Expertise Confirmed", detail: "Tested competency"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Task-Based Matching",
|
||||
description:
|
||||
"Post a task. Describe what you need. NEXORA intelligently matches verified professionals based on skills, availability, and experience.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Task-Based Matching", description:
|
||||
"Post a task. Describe what you need. NEXORA intelligently matches verified professionals based on skills, availability, and experience.", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Briefcase,
|
||||
label: "Post Your Task",
|
||||
value: "1-2 mins",
|
||||
},
|
||||
label: "Post Your Task", value: "1-2 mins"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Get Matched",
|
||||
value: "24 hours",
|
||||
},
|
||||
label: "Get Matched", value: "24 hours"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Execution Starts",
|
||||
value: "Immediate",
|
||||
},
|
||||
label: "Execution Starts", value: "Immediate"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Reliable Execution",
|
||||
description:
|
||||
"Track every response, deadline, and delivery in real-time. Built-in accountability ensures professionals deliver what they promise.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
},
|
||||
title: "Reliable Execution", description:
|
||||
"Track every response, deadline, and delivery in real-time. Built-in accountability ensures professionals deliver what they promise.", bentoComponent: "animated-bar-chart"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -219,18 +177,12 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Step 1: Post a Task",
|
||||
description:
|
||||
"Tell us what you need. Describe the project, set your budget, and define your timeline. No endless browsing required.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: FileText,
|
||||
title: "Step 1: Post a Task", description:
|
||||
"Tell us what you need. Describe the project, set your budget, and define your timeline. No endless browsing required.", bentoComponent: "reveal-icon", icon: FileText,
|
||||
},
|
||||
{
|
||||
title: "Step 2: NEXORA Matches Talent",
|
||||
description:
|
||||
"Our system connects you with verified professionals who match your project requirements. You pick the best fit.",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Zap,
|
||||
title: "Step 2: NEXORA Matches Talent", description:
|
||||
"Our system connects you with verified professionals who match your project requirements. You pick the best fit.", bentoComponent: "orbiting-icons", centerIcon: Zap,
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
@@ -251,27 +203,17 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Task Execution",
|
||||
description:
|
||||
"Track progress in real-time. Communicate directly. Approve milestones. Get paid for results, not promises.",
|
||||
bentoComponent: "3d-task-list",
|
||||
title: "Execution Steps",
|
||||
items: [
|
||||
title: "Task Execution", description:
|
||||
"Track progress in real-time. Communicate directly. Approve milestones. Get paid for results, not promises.", bentoComponent: "3d-task-list", items: [
|
||||
{
|
||||
icon: MessageSquare,
|
||||
label: "Direct Communication",
|
||||
time: "Real-time",
|
||||
},
|
||||
label: "Direct Communication", time: "Real-time"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Track Progress",
|
||||
time: "Live updates",
|
||||
},
|
||||
label: "Track Progress", time: "Live updates"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Approve & Complete",
|
||||
time: "On delivery",
|
||||
},
|
||||
label: "Approve & Complete", time: "On delivery"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -291,36 +233,20 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Startups",
|
||||
role: "Building fast, scaling smart",
|
||||
testimonial:
|
||||
"Move quickly without hiring full-time. Access elite freelancers for specific projects. Focus on growth, not recruitment.",
|
||||
icon: Rocket,
|
||||
id: "1", name: "Startups", role: "Building fast, scaling smart", testimonial:
|
||||
"Move quickly without hiring full-time. Access elite freelancers for specific projects. Focus on growth, not recruitment.", icon: Rocket,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Creators",
|
||||
role: "Content at scale",
|
||||
testimonial:
|
||||
"Reliable editors, designers, and producers. No more hunting for quality. NEXORA finds them for you.",
|
||||
icon: Palette,
|
||||
id: "2", name: "Creators", role: "Content at scale", testimonial:
|
||||
"Reliable editors, designers, and producers. No more hunting for quality. NEXORA finds them for you.", icon: Palette,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Small Businesses",
|
||||
role: "Professional execution",
|
||||
testimonial:
|
||||
"Get marketing, development, and design done right. One-off projects or ongoing support. Total flexibility.",
|
||||
icon: Briefcase,
|
||||
id: "3", name: "Small Businesses", role: "Professional execution", testimonial:
|
||||
"Get marketing, development, and design done right. One-off projects or ongoing support. Total flexibility.", icon: Briefcase,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Agencies",
|
||||
role: "Scaling your team",
|
||||
testimonial:
|
||||
"Outsource with confidence. Every freelancer is verified. Every delivery meets your standards.",
|
||||
icon: Building2,
|
||||
id: "4", name: "Agencies", role: "Scaling your team", testimonial:
|
||||
"Outsource with confidence. Every freelancer is verified. Every delivery meets your standards.", icon: Building2,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -334,14 +260,12 @@ export default function HomePage() {
|
||||
tag="Premium Ecosystem"
|
||||
tagIcon={Crown}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-visualization-of-an-exclusive-curated--1773223391189-44786bd5.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-visualization-of-an-exclusive-curated--1773223391189-44786bd5.png"
|
||||
imageAlt="Premium Curated Network"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Waitlist",
|
||||
href: "#invite",
|
||||
},
|
||||
text: "Join the Waitlist", href: "#invite"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -357,15 +281,7 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TechVentures",
|
||||
"CreativeStudio",
|
||||
"DigitalAgency",
|
||||
"StartupHub",
|
||||
"DesignCo",
|
||||
"MediaGroup",
|
||||
"InnovateLabs",
|
||||
"PerformanceTeam",
|
||||
]}
|
||||
"TechVentures", "CreativeStudio", "DigitalAgency", "StartupHub", "DesignCo", "MediaGroup", "InnovateLabs", "PerformanceTeam"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -380,7 +296,7 @@ export default function HomePage() {
|
||||
description="NEXORA is currently invite-only to maintain our community standards. Request early access and join a network of serious professionals."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/an-inspiring-illustration-showing-the-tr-1773223393079-fb286fc8.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/an-inspiring-illustration-showing-the-tr-1773223393079-fb286fc8.png"
|
||||
imageAlt="Join NEXORA"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="your@email.com"
|
||||
@@ -395,13 +311,9 @@ export default function HomePage() {
|
||||
<FooterLogoReveal
|
||||
logoText="NEXORA"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#privacy",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#privacy"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#terms",
|
||||
}}
|
||||
text: "Terms of Service", href: "#terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -38,9 +38,7 @@ export default function TalentPage() {
|
||||
brandName="NEXORA"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Request Access",
|
||||
href: "#invite",
|
||||
}}
|
||||
text: "Request Access", href: "#invite"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -54,40 +52,24 @@ export default function TalentPage() {
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Post a Task",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Post a Task", href: "#contact"},
|
||||
{
|
||||
text: "Request Access",
|
||||
href: "#invite",
|
||||
},
|
||||
text: "Request Access", href: "#invite"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-sleek-saas-dashboard-interface-showing-1773223391433-67a0a831.png?_wi=2",
|
||||
imageAlt: "NEXORA Task Interface",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-sleek-saas-dashboard-interface-showing-1773223391433-67a0a831.png", imageAlt: "NEXORA Task Interface"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-matching-algorithm-visualization-showi-1773223392251-a750ac1f.png?_wi=2",
|
||||
imageAlt: "Talent Matching System",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-matching-algorithm-visualization-showi-1773223392251-a750ac1f.png", imageAlt: "Talent Matching System"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-comprehensive-dashboard-overview-showi-1773223395492-bcf82697.png?_wi=3",
|
||||
imageAlt: "Dashboard Overview",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-comprehensive-dashboard-overview-showi-1773223395492-bcf82697.png", imageAlt: "Dashboard Overview"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-task-execution-interface-showing-live--1773223393174-7fcc40f5.png?_wi=2",
|
||||
imageAlt: "Task Execution",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-task-execution-interface-showing-live--1773223393174-7fcc40f5.png", imageAlt: "Task Execution"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-completion-tracking-interface-showing--1773223391741-f0d5eba4.png?_wi=2",
|
||||
imageAlt: "Completion Tracking",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-completion-tracking-interface-showing--1773223391741-f0d5eba4.png", imageAlt: "Completion Tracking"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-professional-network-visualization-sho-1773223392330-41dc8037.png?_wi=2",
|
||||
imageAlt: "Professional Network",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-professional-network-visualization-sho-1773223392330-41dc8037.png", imageAlt: "Professional Network"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,7 +81,7 @@ export default function TalentPage() {
|
||||
tag="The Problem"
|
||||
tagIcon={AlertCircle}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/an-illustration-showing-the-chaos-of-tra-1773223391947-889c1381.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/an-illustration-showing-the-chaos-of-tra-1773223391947-889c1381.png"
|
||||
imageAlt="Freelance Platform Chaos"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -117,57 +99,33 @@ export default function TalentPage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Verified Talent",
|
||||
description: "Every professional undergoes rigorous vetting before joining the platform. Identity verification, portfolio review, and skill validation ensure you're working with the best.",
|
||||
bentoComponent: "3d-stack-cards",
|
||||
items: [
|
||||
title: "Verified Talent", description: "Every professional undergoes rigorous vetting before joining the platform. Identity verification, portfolio review, and skill validation ensure you're working with the best.", bentoComponent: "3d-stack-cards", items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Identity Verified",
|
||||
subtitle: "Government ID Checked",
|
||||
detail: "Real people, not bots",
|
||||
},
|
||||
title: "Identity Verified", subtitle: "Government ID Checked", detail: "Real people, not bots"},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Portfolio Reviewed",
|
||||
subtitle: "Work Quality Assessed",
|
||||
detail: "Proven track record",
|
||||
},
|
||||
title: "Portfolio Reviewed", subtitle: "Work Quality Assessed", detail: "Proven track record"},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Skill Validated",
|
||||
subtitle: "Expertise Confirmed",
|
||||
detail: "Tested competency",
|
||||
},
|
||||
title: "Skill Validated", subtitle: "Expertise Confirmed", detail: "Tested competency"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Task-Based Matching",
|
||||
description: "Post a task. Describe what you need. NEXORA intelligently matches verified professionals based on skills, availability, and experience.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Task-Based Matching", description: "Post a task. Describe what you need. NEXORA intelligently matches verified professionals based on skills, availability, and experience.", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Briefcase,
|
||||
label: "Post Your Task",
|
||||
value: "1-2 mins",
|
||||
},
|
||||
label: "Post Your Task", value: "1-2 mins"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Get Matched",
|
||||
value: "24 hours",
|
||||
},
|
||||
label: "Get Matched", value: "24 hours"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Execution Starts",
|
||||
value: "Immediate",
|
||||
},
|
||||
label: "Execution Starts", value: "Immediate"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Reliable Execution",
|
||||
description: "Track every response, deadline, and delivery in real-time. Built-in accountability ensures professionals deliver what they promise.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
},
|
||||
title: "Reliable Execution", description: "Track every response, deadline, and delivery in real-time. Built-in accountability ensures professionals deliver what they promise.", bentoComponent: "animated-bar-chart"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -184,16 +142,10 @@ export default function TalentPage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Step 1: Post a Task",
|
||||
description: "Tell us what you need. Describe the project, set your budget, and define your timeline. No endless browsing required.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: FileText,
|
||||
title: "Step 1: Post a Task", description: "Tell us what you need. Describe the project, set your budget, and define your timeline. No endless browsing required.", bentoComponent: "reveal-icon", icon: FileText,
|
||||
},
|
||||
{
|
||||
title: "Step 2: NEXORA Matches Talent",
|
||||
description: "Our system connects you with verified professionals who match your project requirements. You pick the best fit.",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Zap,
|
||||
title: "Step 2: NEXORA Matches Talent", description: "Our system connects you with verified professionals who match your project requirements. You pick the best fit.", bentoComponent: "orbiting-icons", centerIcon: Zap,
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
@@ -214,26 +166,16 @@ export default function TalentPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Task Execution",
|
||||
description: "Track progress in real-time. Communicate directly. Approve milestones. Get paid for results, not promises.",
|
||||
bentoComponent: "3d-task-list",
|
||||
title: "Execution Steps",
|
||||
items: [
|
||||
title: "Task Execution", description: "Track progress in real-time. Communicate directly. Approve milestones. Get paid for results, not promises.", bentoComponent: "3d-task-list", items: [
|
||||
{
|
||||
icon: MessageSquare,
|
||||
label: "Direct Communication",
|
||||
time: "Real-time",
|
||||
},
|
||||
label: "Direct Communication", time: "Real-time"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Track Progress",
|
||||
time: "Live updates",
|
||||
},
|
||||
label: "Track Progress", time: "Live updates"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Approve & Complete",
|
||||
time: "On delivery",
|
||||
},
|
||||
label: "Approve & Complete", time: "On delivery"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -252,32 +194,16 @@ export default function TalentPage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Startups",
|
||||
role: "Building fast, scaling smart",
|
||||
testimonial: "Move quickly without hiring full-time. Access elite freelancers for specific projects. Focus on growth, not recruitment.",
|
||||
icon: Rocket,
|
||||
id: "1", name: "Startups", role: "Building fast, scaling smart", testimonial: "Move quickly without hiring full-time. Access elite freelancers for specific projects. Focus on growth, not recruitment.", icon: Rocket,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Creators",
|
||||
role: "Content at scale",
|
||||
testimonial: "Reliable editors, designers, and producers. No more hunting for quality. NEXORA finds them for you.",
|
||||
icon: Palette,
|
||||
id: "2", name: "Creators", role: "Content at scale", testimonial: "Reliable editors, designers, and producers. No more hunting for quality. NEXORA finds them for you.", icon: Palette,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Small Businesses",
|
||||
role: "Professional execution",
|
||||
testimonial: "Get marketing, development, and design done right. One-off projects or ongoing support. Total flexibility.",
|
||||
icon: Briefcase,
|
||||
id: "3", name: "Small Businesses", role: "Professional execution", testimonial: "Get marketing, development, and design done right. One-off projects or ongoing support. Total flexibility.", icon: Briefcase,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Agencies",
|
||||
role: "Scaling your team",
|
||||
testimonial: "Outsource with confidence. Every freelancer is verified. Every delivery meets your standards.",
|
||||
icon: Building2,
|
||||
id: "4", name: "Agencies", role: "Scaling your team", testimonial: "Outsource with confidence. Every freelancer is verified. Every delivery meets your standards.", icon: Building2,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -290,14 +216,12 @@ export default function TalentPage() {
|
||||
tag="Premium Ecosystem"
|
||||
tagIcon={Crown}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-visualization-of-an-exclusive-curated--1773223391189-44786bd5.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/a-visualization-of-an-exclusive-curated--1773223391189-44786bd5.png"
|
||||
imageAlt="Premium Curated Network"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Waitlist",
|
||||
href: "#invite",
|
||||
},
|
||||
text: "Join the Waitlist", href: "#invite"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -310,7 +234,7 @@ export default function TalentPage() {
|
||||
description="NEXORA is currently invite-only to maintain our community standards. Request early access and join a network of serious professionals."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/an-inspiring-illustration-showing-the-tr-1773223393079-fb286fc8.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnLKFcN93h8VuUNAaNCqiJvvtK/an-inspiring-illustration-showing-the-tr-1773223393079-fb286fc8.png"
|
||||
imageAlt="Join NEXORA"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="your@email.com"
|
||||
@@ -323,13 +247,9 @@ export default function TalentPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="NEXORA"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#privacy",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#privacy"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#terms",
|
||||
}}
|
||||
text: "Terms of Service", href: "#terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -1,51 +1,39 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
fontSize?: number;
|
||||
fontWeight?: number | string;
|
||||
className?: string;
|
||||
dominant?: 'middle' | 'central';
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
fontSize = 24,
|
||||
fontWeight = 700,
|
||||
className = '',
|
||||
dominant = 'middle',
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.2}`}
|
||||
className={className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x={`${text.length * fontSize * 0.3}`}
|
||||
y={`${fontSize * 0.6}`}
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
textAnchor="middle"
|
||||
dominantBaseline="middle"
|
||||
fill="currentColor"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user