bender/74b734ce-30d5-46e8-9861-7b75e16f70cf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-03-03 12:55:17 +00:00
Conversation 0 Commits 4 Files Changed 4 +117 -380
4 changed files with 117 additions and 380 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
src/app/jobs/page.tsx
View File

@@ -19,8 +19,7 @@ const navItems = [
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Browse Jobs", href: "/jobs" },
{ label: "Post Job", href: "/post-job" },
{ label: "Pricing", href: "pricing" },
@@ -28,8 +27,7 @@ const footerColumns = [
],
},
{
title: "For Freelancers",
items: [
title: "For Freelancers", items: [
{ label: "How It Works", href: "howItWorks" },
{ label: "Skills & Categories", href: "https://example.com/skills" },
{ label: "Earnings", href: "https://example.com/earnings" },
@@ -37,8 +35,7 @@ const footerColumns = [
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Blog", href: "https://example.com/blog" },
{ label: "Contact", href: "contact" },
@@ -72,29 +69,14 @@ export default function BrowseJobsPage() {
tag="Active Listings"
metrics={[
{
id: "1",
title: "React Native App Development",
subtitle:
"iOS & Android · 3-6 months · Full-time remote project",
category: "Development",
value: "$15K - $25K",
buttons: [{ text: "View Details", href: "/jobs/1" }],
id: "1", title: "React Native App Development", subtitle:
"iOS & Android · 3-6 months · Full-time remote project", category: "Development", value: "$15K - $25K", buttons: [{ text: "View Details", href: "/jobs/1" }],
},
{
id: "2",
title: "UI/UX Design - SaaS Dashboard",
subtitle: "Design · 4 weeks · Contract work",
category: "Design",
value: "$4K - $8K",
buttons: [{ text: "View Details", href: "/jobs/2" }],
id: "2", title: "UI/UX Design - SaaS Dashboard", subtitle: "Design · 4 weeks · Contract work", category: "Design", value: "$4K - $8K", buttons: [{ text: "View Details", href: "/jobs/2" }],
},
{
id: "3",
title: "Content Marketing Strategy",
subtitle: "Marketing & Writing · Ongoing · Part-time",
category: "Marketing",
value: "$2K - $4K/mo",
buttons: [{ text: "View Details", href: "/jobs/3" }],
id: "3", title: "Content Marketing Strategy", subtitle: "Marketing & Writing · Ongoing · Part-time", category: "Marketing", value: "$2K - $4K/mo", buttons: [{ text: "View Details", href: "/jobs/3" }],
},
]}
textboxLayout="default"
@@ -110,31 +92,16 @@ export default function BrowseJobsPage() {
tag="Job Types"
features={[
{
id: "1",
title: "Web Development",
description:
"Full-stack, frontend, and backend projects using modern frameworks and technologies",
imageSrc: "http://img.b2bpic.net/free-photo/online-job-search-website-worker-search-job-opportunities_169016-39045.jpg?_wi=2",
imageAlt: "Web development projects",
},
id: "1", title: "Web Development", description:
"Full-stack, frontend, and backend projects using modern frameworks and technologies", imageSrc: "http://img.b2bpic.net/free-photo/online-job-search-website-worker-search-job-opportunities_169016-39045.jpg", imageAlt: "Web development projects"},
{
id: "2",
title: "Graphic Design",
description:
"Logo design, branding, UI/UX, and creative visual projects for digital and print",
imageSrc: "http://img.b2bpic.net/free-photo/mature-businessman-showing-graph-his-business-partner-office_23-2147923298.jpg?_wi=2",
imageAlt: "Graphic design work",
},
id: "2", title: "Graphic Design", description:
"Logo design, branding, UI/UX, and creative visual projects for digital and print", imageSrc: "http://img.b2bpic.net/free-photo/mature-businessman-showing-graph-his-business-partner-office_23-2147923298.jpg", imageAlt: "Graphic design work"},
{
id: "3",
title: "Content Creation",
description:
"Writing, copywriting, blogging, and social media content for brands and publishers",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-having-fun_23-2148894579.jpg?_wi=2",
imageAlt: "Content creation projects",
},
id: "3", title: "Content Creation", description:
"Writing, copywriting, blogging, and social media content for brands and publishers", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-having-fun_23-2148894579.jpg", imageAlt: "Content creation projects"},
]}
gridVariant="uniform-4-items"
gridVariant="uniform-3-items"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -148,46 +115,19 @@ export default function BrowseJobsPage() {
tag="Smart Filtering"
plans={[
{
id: "budget-starter",
badge: "Under $1K",
badgeIcon: Sparkles,
price: "Quick Tasks",
subtitle: "Small projects and quick gigs",
features: [
"120+ active listings",
"Fixed-price projects",
"1-2 week timelines",
"Entry-level friendly",
"Perfect for building portfolio",
],
id: "budget-starter", badge: "Under $1K", badgeIcon: Sparkles,
price: "Quick Tasks", subtitle: "Small projects and quick gigs", features: [
"120+ active listings", "Fixed-price projects", "1-2 week timelines", "Entry-level friendly", "Perfect for building portfolio"],
},
{
id: "budget-mid",
badge: "Most Opportunities",
badgeIcon: Zap,
price: "$1K - $10K",
subtitle: "Mid-sized projects",
features: [
"850+ active listings",
"Mixed pricing models",
"1-3 month timelines",
"Intermediate + expertise",
"Higher earnings potential",
],
id: "budget-mid", badge: "Most Opportunities", badgeIcon: Zap,
price: "$1K - $10K", subtitle: "Mid-sized projects", features: [
"850+ active listings", "Mixed pricing models", "1-3 month timelines", "Intermediate + expertise", "Higher earnings potential"],
},
{
id: "budget-large",
badge: "Enterprise",
badgeIcon: Sparkles,
price: "$10K+",
subtitle: "Large-scale projects",
features: [
"280+ premium listings",
"Long-term contracts",
"3-12+ month timelines",
"Specialized expertise required",
"Top freelancer opportunities",
],
id: "budget-large", badge: "Enterprise", badgeIcon: Sparkles,
price: "$10K+", subtitle: "Large-scale projects", features: [
"280+ premium listings", "Long-term contracts", "3-12+ month timelines", "Specialized expertise required", "Top freelancer opportunities"],
},
]}
textboxLayout="default"

30
src/app/layout.tsx
View File

@@ -4,41 +4,25 @@ import { Inter } from "next/font/google";
import "./globals.css";
const mulish = Mulish({
variable: "--font-mulish",
subsets: ["latin"],
variable: "--font-mulish", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Freelancing Platform - Find Expert Freelancers or Hire Talent",
description: "Connect with vetted freelancers or hire talented professionals for any project. Secure payments, transparent bidding, and trusted collaboration on Freelancr.",
keywords: "freelance jobs, hire freelancers, remote work, gig economy, project marketplace, freelance platform",
metadataBase: new URL("https://example.com"),
title: "Freelancing Platform - Find Expert Freelancers or Hire Talent", description: "Connect with vetted freelancers or hire talented professionals for any project. Secure payments, transparent bidding, and trusted collaboration on Freelancr.", keywords: "freelance jobs, hire freelancers, remote work, gig economy, project marketplace, freelance platform", metadataBase: new URL("https://example.com"),
alternates: {
canonical: "https://example.com",
},
canonical: "https://example.com"},
openGraph: {
title: "Freelancing Platform - Find Expert Freelancers or Hire Talent",
description: "Connect with vetted freelancers or hire talented professionals for any project.",
url: "https://example.com",
siteName: "Freelancr",
type: "website",
images: [
title: "Freelancing Platform - Find Expert Freelancers or Hire Talent", description: "Connect with vetted freelancers or hire talented professionals for any project.", url: "https://example.com", siteName: "Freelancr", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/woman-coffee-shop-working-laptop_23-2148366698.jpg",
alt: "Freelancing marketplace platform",
},
url: "http://img.b2bpic.net/free-photo/woman-coffee-shop-working-laptop_23-2148366698.jpg", alt: "Freelancing marketplace platform"},
],
},
twitter: {
card: "summary_large_image",
title: "Freelancing Platform - Find Expert Freelancers or Hire Talent",
description: "Connect with vetted freelancers or hire talented professionals for any project.",
images: ["http://img.b2bpic.net/free-photo/woman-coffee-shop-working-laptop_23-2148366698.jpg"],
card: "summary_large_image", title: "Freelancing Platform - Find Expert Freelancers or Hire Talent", description: "Connect with vetted freelancers or hire talented professionals for any project.", images: ["http://img.b2bpic.net/free-photo/woman-coffee-shop-working-laptop_23-2148366698.jpg"],
},
robots: {
index: true,

260
src/app/page.tsx
View File

@@ -24,8 +24,7 @@ const navItems = [
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Browse Jobs", href: "/jobs" },
{ label: "Post Job", href: "/post-job" },
{ label: "Pricing", href: "pricing" },
@@ -33,8 +32,7 @@ const footerColumns = [
],
},
{
title: "For Freelancers",
items: [
title: "For Freelancers", items: [
{ label: "How It Works", href: "howItWorks" },
{ label: "Skills & Categories", href: "https://example.com/skills" },
{ label: "Earnings", href: "https://example.com/earnings" },
@@ -42,8 +40,7 @@ const footerColumns = [
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "about" },
{ label: "Blog", href: "https://example.com/blog" },
{ label: "Contact", href: "contact" },
@@ -80,17 +77,11 @@ export default function HomePage() {
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-coffee-shop-working-laptop_23-2148366698.jpg",
imageAlt: "Remote freelancer working on laptop",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-coffee-shop-working-laptop_23-2148366698.jpg", imageAlt: "Remote freelancer working on laptop"},
{
imageSrc: "http://img.b2bpic.net/free-photo/business-people-pointing-tablet_1098-21641.jpg",
imageAlt: "Team collaboration and communication",
},
imageSrc: "http://img.b2bpic.net/free-photo/business-people-pointing-tablet_1098-21641.jpg", imageAlt: "Team collaboration and communication"},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-entrepreneur-online-banking-with-credit-card-mobile-phone-office_637285-8760.jpg",
imageAlt: "Secure payment and transactions",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-entrepreneur-online-banking-with-credit-card-mobile-phone-office_637285-8760.jpg", imageAlt: "Secure payment and transactions"},
]}
autoplayDelay={5000}
showDimOverlay={true}
@@ -107,9 +98,10 @@ export default function HomePage() {
{ value: "2M+", title: "Active Users Worldwide" },
{ value: "$5B+", title: "Projects Completed" },
]}
imageSrc="http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359773.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359773.jpg"
imageAlt="Freelancr platform interface showcasing job posting and bidding system"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
@@ -121,37 +113,17 @@ export default function HomePage() {
tag="Core Features"
features={[
{
id: "1",
title: "Smart Job Discovery",
description:
"Browse thousands of verified jobs tailored to your skills and experience. Use advanced filters to find projects that match your expertise and availability.",
imageSrc: "http://img.b2bpic.net/free-photo/online-job-search-website-worker-search-job-opportunities_169016-39045.jpg?_wi=1",
imageAlt: "Job discovery and search interface",
},
id: "1", title: "Smart Job Discovery", description:
"Browse thousands of verified jobs tailored to your skills and experience. Use advanced filters to find projects that match your expertise and availability.", imageSrc: "http://img.b2bpic.net/free-photo/online-job-search-website-worker-search-job-opportunities_169016-39045.jpg", imageAlt: "Job discovery and search interface"},
{
id: "2",
title: "Competitive Bidding System",
description:
"Place competitive bids on projects and negotiate rates directly with clients. Win projects based on your profile, portfolio, and client feedback.",
imageSrc: "http://img.b2bpic.net/free-photo/mature-businessman-showing-graph-his-business-partner-office_23-2147923298.jpg?_wi=1",
imageAlt: "Bidding and proposal system",
},
id: "2", title: "Competitive Bidding System", description:
"Place competitive bids on projects and negotiate rates directly with clients. Win projects based on your profile, portfolio, and client feedback.", imageSrc: "http://img.b2bpic.net/free-photo/mature-businessman-showing-graph-his-business-partner-office_23-2147923298.jpg", imageAlt: "Bidding and proposal system"},
{
id: "3",
title: "Secure Messaging",
description:
"Communicate directly with clients through our secure messaging platform. Keep all project details, revisions, and feedback in one organized space.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-having-fun_23-2148894579.jpg?_wi=1",
imageAlt: "In-app messaging and communication",
},
id: "3", title: "Secure Messaging", description:
"Communicate directly with clients through our secure messaging platform. Keep all project details, revisions, and feedback in one organized space.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-having-fun_23-2148894579.jpg", imageAlt: "In-app messaging and communication"},
{
id: "4",
title: "Portfolio Showcase",
description:
"Build a professional portfolio to showcase your best work. Display testimonials, ratings, and completed projects to attract quality clients.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-stationery-concept_23-2147800640.jpg",
imageAlt: "Portfolio and work samples showcase",
},
id: "4", title: "Portfolio Showcase", description:
"Build a professional portfolio to showcase your best work. Display testimonials, ratings, and completed projects to attract quality clients.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-stationery-concept_23-2147800640.jpg", imageAlt: "Portfolio and work samples showcase"},
]}
gridVariant="uniform-4-items"
animationType="slide-up"
@@ -167,37 +139,17 @@ export default function HomePage() {
tag="Getting Started"
metrics={[
{
id: "1",
title: "Create Your Profile",
subtitle:
"Sign up and build your professional profile with skills, experience, and portfolio",
category: "Step 1",
value: "5 mins",
},
id: "1", title: "Create Your Profile", subtitle:
"Sign up and build your professional profile with skills, experience, and portfolio", category: "Step 1", value: "5 mins"},
{
id: "2",
title: "Browse or Post Projects",
subtitle:
"As a freelancer, find jobs. As a client, post your project requirements",
category: "Step 2",
value: "Instant",
},
id: "2", title: "Browse or Post Projects", subtitle:
"As a freelancer, find jobs. As a client, post your project requirements", category: "Step 2", value: "Instant"},
{
id: "3",
title: "Connect & Collaborate",
subtitle:
"Bid on projects or review proposals, then communicate securely with your match",
category: "Step 3",
value: "Real-time",
},
id: "3", title: "Connect & Collaborate", subtitle:
"Bid on projects or review proposals, then communicate securely with your match", category: "Step 3", value: "Real-time"},
{
id: "4",
title: "Get Paid Securely",
subtitle:
"Complete work and receive payments through our secure payment gateway",
category: "Step 4",
value: "Instant",
},
id: "4", title: "Get Paid Securely", subtitle:
"Complete work and receive payments through our secure payment gateway", category: "Step 4", value: "Instant"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -212,41 +164,17 @@ export default function HomePage() {
cardTagIcon={Heart}
testimonials={[
{
id: "1",
name: "Sarah Chen",
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1",
imageAlt: "Sarah Chen",
},
id: "1", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Sarah Chen"},
{
id: "2",
name: "Marcus Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
imageAlt: "Marcus Johnson",
},
id: "2", name: "Marcus Johnson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Marcus Johnson"},
{
id: "3",
name: "Elena Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2",
imageAlt: "Elena Rodriguez",
},
id: "3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Elena Rodriguez"},
{
id: "4",
name: "James Williams",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
imageAlt: "James Williams",
},
id: "4", name: "James Williams", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Williams"},
{
id: "5",
name: "Priya Kapoor",
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=3",
imageAlt: "Priya Kapoor",
},
id: "5", name: "Priya Kapoor", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Priya Kapoor"},
{
id: "6",
name: "David Mueller",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
imageAlt: "David Mueller",
},
id: "6", name: "David Mueller", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Mueller"},
]}
cardAnimation="slide-up"
useInvertedBackground={false}
@@ -260,65 +188,24 @@ export default function HomePage() {
tag="Pricing"
plans={[
{
id: "freelancer-starter",
badge: "For Individual Freelancers",
badgeIcon: Sparkles,
price: "Free",
subtitle: "Perfect for getting started",
features: [
"Create unlimited profiles",
"Browse all available jobs",
"Place up to 5 bids per week",
"Basic messaging",
"Portfolio showcase with 3 items",
"Standard support",
],
id: "freelancer-starter", badge: "For Individual Freelancers", badgeIcon: Sparkles,
price: "Free", subtitle: "Perfect for getting started", features: [
"Create unlimited profiles", "Browse all available jobs", "Place up to 5 bids per week", "Basic messaging", "Portfolio showcase with 3 items", "Standard support"],
},
{
id: "freelancer-pro",
badge: "Most Popular",
badgeIcon: Zap,
price: "$9.99/mo",
subtitle: "Best for active freelancers",
features: [
"Unlimited job browsing",
"Unlimited bids per week",
"Priority messaging",
"Full portfolio showcase",
"Advanced job filters",
"Priority customer support",
"Featured profile badge",
],
id: "freelancer-pro", badge: "Most Popular", badgeIcon: Zap,
price: "$9.99/mo", subtitle: "Best for active freelancers", features: [
"Unlimited job browsing", "Unlimited bids per week", "Priority messaging", "Full portfolio showcase", "Advanced job filters", "Priority customer support", "Featured profile badge"],
},
{
id: "client-starter",
badge: "For Small Teams",
badgeIcon: Sparkles,
price: "$19/mo",
subtitle: "Post unlimited jobs",
features: [
"Unlimited job postings",
"Access to all freelancers",
"Secure milestone payments",
"Team collaboration tools",
"Email support",
"Basic analytics",
],
id: "client-starter", badge: "For Small Teams", badgeIcon: Sparkles,
price: "$19/mo", subtitle: "Post unlimited jobs", features: [
"Unlimited job postings", "Access to all freelancers", "Secure milestone payments", "Team collaboration tools", "Email support", "Basic analytics"],
},
{
id: "client-enterprise",
badge: "For Enterprises",
badgeIcon: Shield,
price: "Custom",
subtitle: "Scale your hiring",
features: [
"Unlimited everything",
"Dedicated account manager",
"Custom integration APIs",
"Advanced team management",
"Priority 24/7 support",
"Custom analytics and reporting",
],
id: "client-enterprise", badge: "For Enterprises", badgeIcon: Shield,
price: "Custom", subtitle: "Scale your hiring", features: [
"Unlimited everything", "Dedicated account manager", "Custom integration APIs", "Advanced team management", "Priority 24/7 support", "Custom analytics and reporting"],
},
]}
textboxLayout="default"
@@ -334,43 +221,25 @@ export default function HomePage() {
tag="Support"
faqs={[
{
id: "1",
title: "How do I get started as a freelancer?",
content:
"Sign up, create your profile with your skills and portfolio, and start browsing available jobs. Customize your profile to highlight your best work and experience. You can place your first bid within minutes.",
},
id: "1", title: "How do I get started as a freelancer?", content:
"Sign up, create your profile with your skills and portfolio, and start browsing available jobs. Customize your profile to highlight your best work and experience. You can place your first bid within minutes."},
{
id: "2",
title: "How do payments work?",
content:
"Clients deposit funds into a secure escrow before work begins. Once you complete milestones, the platform releases payments directly to your account. We support all major payment methods and currencies.",
},
id: "2", title: "How do payments work?", content:
"Clients deposit funds into a secure escrow before work begins. Once you complete milestones, the platform releases payments directly to your account. We support all major payment methods and currencies."},
{
id: "3",
title: "How are disputes handled?",
content:
"Our dispute resolution team reviews both sides and makes fair decisions based on evidence. Most disputes are resolved within 48 hours. We prioritize protecting both freelancers and clients.",
},
id: "3", title: "How are disputes handled?", content:
"Our dispute resolution team reviews both sides and makes fair decisions based on evidence. Most disputes are resolved within 48 hours. We prioritize protecting both freelancers and clients."},
{
id: "4",
title: "What are platform fees?",
content:
"Freelancers: We charge 5-20% commission depending on your earnings tier (lower rates as you earn more). Clients: We charge a small percentage per project plus payment processing fees. No hidden fees.",
},
id: "4", title: "What are platform fees?", content:
"Freelancers: We charge 5-20% commission depending on your earnings tier (lower rates as you earn more). Clients: We charge a small percentage per project plus payment processing fees. No hidden fees."},
{
id: "5",
title: "How do I build my portfolio?",
content:
"Add images, videos, or links to your best work. You can organize projects by category and add detailed descriptions. Request testimonials from completed projects to boost your credibility.",
},
id: "5", title: "How do I build my portfolio?", content:
"Add images, videos, or links to your best work. You can organize projects by category and add detailed descriptions. Request testimonials from completed projects to boost your credibility."},
{
id: "6",
title: "Is my data secure?",
content:
"We use enterprise-grade encryption, two-factor authentication, and regular security audits. Your payment information never touches our servers - it's processed through PCI-compliant payment gateways.",
},
id: "6", title: "Is my data secure?", content:
"We use enterprise-grade encryption, two-factor authentication, and regular security audits. Your payment information never touches our servers - it's processed through PCI-compliant payment gateways."},
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-female-entrepreneur-with-headset-drinking-coffee-while-surfing-net-touchpad-office_637285-1983.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/happy-female-entrepreneur-with-headset-drinking-coffee-while-surfing-net-touchpad-office_637285-1983.jpg"
imageAlt="Customer support and help resources"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -386,28 +255,17 @@ export default function HomePage() {
description="Have questions or feedback? Our support team is here to help. Reach out anytime and we'll get back to you within 24 hours."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "subject",
type: "text",
placeholder: "Subject",
required: true,
name: "subject", type: "text", placeholder: "Subject", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us more about your inquiry...",
rows: 5,
name: "message", placeholder: "Tell us more about your inquiry...", rows: 5,
required: true,
}}
useInvertedBackground={false}

101
src/app/post-job/page.tsx
View File

@@ -19,8 +19,7 @@ const navItems = [
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Browse Jobs", href: "/jobs" },
{ label: "Post Job", href: "/post-job" },
{ label: "Pricing", href: "pricing" },
@@ -28,8 +27,7 @@ const footerColumns = [
],
},
{
title: "For Freelancers",
items: [
title: "For Freelancers", items: [
{ label: "How It Works", href: "howItWorks" },
{ label: "Skills & Categories", href: "https://example.com/skills" },
{ label: "Earnings", href: "https://example.com/earnings" },
@@ -37,8 +35,7 @@ const footerColumns = [
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Blog", href: "https://example.com/blog" },
{ label: "Contact", href: "contact" },
@@ -75,9 +72,10 @@ export default function PostJobPage() {
{ value: "24hrs", title: "Average First Response" },
{ value: "98%", title: "Client Satisfaction Rate" },
]}
imageSrc="http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359773.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359773.jpg"
imageAlt="Client dashboard for posting and managing jobs"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
@@ -89,45 +87,20 @@ export default function PostJobPage() {
tag="Getting Started"
metrics={[
{
id: "1",
title: "Write Your Job Description",
subtitle:
"Clearly describe what you need, deliverables, timeline, and success criteria",
category: "Step 1",
value: "5 mins",
},
id: "1", title: "Write Your Job Description", subtitle:
"Clearly describe what you need, deliverables, timeline, and success criteria", category: "Step 1", value: "5 mins"},
{
id: "2",
title: "Set Your Budget",
subtitle:
"Choose fixed-price or hourly rate. Our pricing guide helps you stay competitive",
category: "Step 2",
value: "2 mins",
},
id: "2", title: "Set Your Budget", subtitle:
"Choose fixed-price or hourly rate. Our pricing guide helps you stay competitive", category: "Step 2", value: "2 mins"},
{
id: "3",
title: "Select Skills & Category",
subtitle:
"Tag relevant skills so the right freelancers find your project easily",
category: "Step 3",
value: "2 mins",
},
id: "3", title: "Select Skills & Category", subtitle:
"Tag relevant skills so the right freelancers find your project easily", category: "Step 3", value: "2 mins"},
{
id: "4",
title: "Review & Publish",
subtitle:
"Preview your listing and publish to make it visible to thousands of freelancers",
category: "Step 4",
value: "1 min",
},
id: "4", title: "Review & Publish", subtitle:
"Preview your listing and publish to make it visible to thousands of freelancers", category: "Step 4", value: "1 min"},
{
id: "5",
title: "Review Proposals",
subtitle:
"Receive bids, review portfolios, and communicate with freelancers before hiring",
category: "Step 5",
value: "Ongoing",
},
id: "5", title: "Review Proposals", subtitle:
"Receive bids, review portfolios, and communicate with freelancers before hiring", category: "Step 5", value: "Ongoing"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -142,43 +115,25 @@ export default function PostJobPage() {
tag="Client Help"
faqs={[
{
id: "1",
title: "How much does it cost to post a job?",
content:
"Posting a job is completely free. Freelancr only charges a small percentage of project fees after you've hired and work is completed. No upfront costs.",
},
id: "1", title: "How much does it cost to post a job?", content:
"Posting a job is completely free. Freelancr only charges a small percentage of project fees after you've hired and work is completed. No upfront costs."},
{
id: "2",
title: "How do I choose the right freelancer?",
content:
"Review portfolios, ratings, hourly rates, and testimonials from previous clients. Ask clarifying questions through our messaging system. We recommend starting with freelancers who have successfully completed similar projects.",
},
id: "2", title: "How do I choose the right freelancer?", content:
"Review portfolios, ratings, hourly rates, and testimonials from previous clients. Ask clarifying questions through our messaging system. We recommend starting with freelancers who have successfully completed similar projects."},
{
id: "3",
title: "What if I'm not satisfied with the work?",
content:
"Our milestone payment system protects you. You hold payment in escrow until deliverables meet your approval. If issues arise, our dispute resolution team helps ensure fair outcomes.",
},
id: "3", title: "What if I'm not satisfied with the work?", content:
"Our milestone payment system protects you. You hold payment in escrow until deliverables meet your approval. If issues arise, our dispute resolution team helps ensure fair outcomes."},
{
id: "4",
title: "Can I post ongoing or recurring projects?",
content:
"Yes! You can post projects with multiple phases or retainer agreements. Many clients hire the same freelancers for ongoing work, building long-term productive partnerships.",
},
id: "4", title: "Can I post ongoing or recurring projects?", content:
"Yes! You can post projects with multiple phases or retainer agreements. Many clients hire the same freelancers for ongoing work, building long-term productive partnerships."},
{
id: "5",
title: "How do I manage payments?",
content:
"Set milestone payments aligned with project stages. Funds are held securely in escrow. Once you approve completed work, payments are released to the freelancer. You maintain full control.",
},
id: "5", title: "How do I manage payments?", content:
"Set milestone payments aligned with project stages. Funds are held securely in escrow. Once you approve completed work, payments are released to the freelancer. You maintain full control."},
{
id: "6",
title: "What if I need to make changes mid-project?",
content:
"Communicate changes directly with your freelancer through our messaging system. For scope changes, adjust timeline and budget by mutual agreement and document changes for clarity.",
},
id: "6", title: "What if I need to make changes mid-project?", content:
"Communicate changes directly with your freelancer through our messaging system. For scope changes, adjust timeline and budget by mutual agreement and document changes for clarity."},
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-female-entrepreneur-with-headset-drinking-coffee-while-surfing-net-touchpad-office_637285-1983.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/happy-female-entrepreneur-with-headset-drinking-coffee-while-surfing-net-touchpad-office_637285-1983.jpg"
imageAlt="Support resources for job posting"
mediaAnimation="slide-up"
mediaPosition="left"