Merge version_1 into main #3
@@ -142,7 +142,7 @@ export default function AboutPage() {
|
||||
{
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
background={{ variant: "circleGradient" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -1,22 +1,39 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import Link from 'next/link';
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Browse", id: "/services" },
|
||||
{ name: "How It Works", id: "#how-it-works" },
|
||||
{ name: "Freelancers", id: "#freelancers" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
];
|
||||
|
||||
const freelancers = [
|
||||
{
|
||||
id: "1", name: "Alex Rivera", role: "UI/UX Designer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-office_23-2149392072.jpg"},
|
||||
{
|
||||
id: "2", name: "Jordan Kim", role: "Full-Stack Developer", imageSrc: "http://img.b2bpic.net/free-photo/employee-looking-pc-monitor-drinking-coffee-checking-data_482257-124504.jpg"},
|
||||
{
|
||||
id: "3", name: "Priya Sharma", role: "Digital Marketing Expert", imageSrc: "http://img.b2bpic.net/free-photo/plus-size-business-woman-working-professional-office_23-2150579639.jpg"},
|
||||
{
|
||||
id: "4", name: "Chris Walker", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg"},
|
||||
{
|
||||
id: "5", name: "Sofia Bergström", role: "Content Writer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-office_23-2149392072.jpg"},
|
||||
{
|
||||
id: "6", name: "David Chen", role: "Data Scientist", imageSrc: "http://img.b2bpic.net/free-photo/employee-looking-pc-monitor-drinking-coffee-checking-data_482257-124504.jpg"},
|
||||
{
|
||||
id: "7", name: "Luna Martinez", role: "SEO Specialist", imageSrc: "http://img.b2bpic.net/free-photo/plus-size-business-woman-working-professional-office_23-2150579639.jpg"},
|
||||
{
|
||||
id: "8", name: "Ryan O'Connor", role: "Video Producer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg"},
|
||||
];
|
||||
|
||||
export default function FreelancersPage() {
|
||||
const navItems = [
|
||||
{ name: "Browse", id: "services" },
|
||||
{ name: "How It Works", id: "how-it-works" },
|
||||
{ name: "Freelancers", id: "freelancers" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -30,175 +47,56 @@ export default function FreelancersPage() {
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Fiverr Mini"
|
||||
navItems={navItems}
|
||||
navItems={navItems.map((item) => ({
|
||||
name: item.name,
|
||||
id: item.id,
|
||||
}))}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* All Freelancers Section */}
|
||||
<div id="all-freelancers" data-section="all-freelancers">
|
||||
<div id="freelancers" data-section="freelancers">
|
||||
<TeamCardFive
|
||||
title="Browse All Freelancers"
|
||||
description="Discover our complete roster of talented professionals across all disciplines. Filter, search, and connect with the perfect freelancer for your project needs."
|
||||
description="Discover talented professionals ready to bring your projects to life."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
tag="Expert Talent Pool"
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivera",
|
||||
role: "UI/UX Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-office_23-2149392072.jpg?_wi=3",
|
||||
imageAlt: "professional freelancer portrait headshot",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan Kim",
|
||||
role: "Full-Stack Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-looking-pc-monitor-drinking-coffee-checking-data_482257-124504.jpg?_wi=3",
|
||||
imageAlt: "male developer professional headshot",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Priya Sharma",
|
||||
role: "Digital Marketing Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plus-size-business-woman-working-professional-office_23-2150579639.jpg?_wi=2",
|
||||
imageAlt: "female marketing specialist portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chris Walker",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg?_wi=2",
|
||||
imageAlt: "male creative director headshot",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sofia Bergström",
|
||||
role: "Content Writer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-office_23-2149392072.jpg?_wi=4",
|
||||
imageAlt: "professional freelancer portrait headshot",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "David Chen",
|
||||
role: "Data Scientist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-looking-pc-monitor-drinking-coffee-checking-data_482257-124504.jpg?_wi=4",
|
||||
imageAlt: "male developer professional headshot",
|
||||
},
|
||||
{
|
||||
id: "7",
|
||||
name: "Maria Santos",
|
||||
role: "Brand Strategist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plus-size-business-woman-working-professional-office_23-2150579639.jpg?_wi=3",
|
||||
imageAlt: "female marketing specialist portrait",
|
||||
},
|
||||
{
|
||||
id: "8",
|
||||
name: "James Patterson",
|
||||
role: "SEO Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg?_wi=3",
|
||||
imageAlt: "male creative director headshot",
|
||||
},
|
||||
{
|
||||
id: "9",
|
||||
name: "Nina Kovacs",
|
||||
role: "Video Editor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-office_23-2149392072.jpg?_wi=5",
|
||||
imageAlt: "professional freelancer portrait headshot",
|
||||
},
|
||||
{
|
||||
id: "10",
|
||||
name: "Marcus Lee",
|
||||
role: "DevOps Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-looking-pc-monitor-drinking-coffee-checking-data_482257-124504.jpg?_wi=5",
|
||||
imageAlt: "male developer professional headshot",
|
||||
},
|
||||
]}
|
||||
tag="Top Talent"
|
||||
team={freelancers}
|
||||
buttons={[{ text: "Post a Project", href: "/services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Testimonials Section */}
|
||||
<div id="freelancer-testimonials" data-section="freelancer-testimonials">
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg?_wi=3",
|
||||
imageAlt: "happy customer business person portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-man-with-tattoos-showing-credit-card-recommending-his-bank-pleased-with-service-standing-white-wall_176420-38740.jpg?_wi=3",
|
||||
imageAlt: "female customer satisfied portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-composition-with-modern-style_23-2147900150.jpg?_wi=3",
|
||||
imageAlt: "male business client testimonial",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-afro-businessman-wearing-shirt-black-suit-glasses-looking-front-while-standing-beige-wall_158595-7638.jpg?_wi=2",
|
||||
imageAlt: "young professional satisfied customer",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Anderson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg?_wi=2",
|
||||
imageAlt: "professional executive testimonial photo",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "David Kumar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-looking-picture-album_52683-86255.jpg?_wi=2",
|
||||
imageAlt: "diverse professional client portrait",
|
||||
},
|
||||
]}
|
||||
cardTitle="Our freelancers have completed 100,000+ projects with exceptional results"
|
||||
cardTag="Quality Guaranteed"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Contact Section */}
|
||||
<div id="freelancer-contact" data-section="freelancer-contact">
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactText
|
||||
text="Found a freelancer you're interested in? Get in touch with them directly through our secure messaging platform and start your project today."
|
||||
text="Ready to hire? Find the perfect freelancer for your project and get started today."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: "Browse More Freelancers", href: "/" },
|
||||
{ text: "Submit Project Brief", href: "#" },
|
||||
{ text: "Post Your Project", href: "/services" },
|
||||
{ text: "Browse Services", href: "/services" },
|
||||
]}
|
||||
background={{ variant: "circleGradient" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Fiverr Mini"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Browse Freelancers", href: "/freelancers" },
|
||||
{ label: "Browse Services", href: "#services" },
|
||||
{ label: "Browse Freelancers", href: "#freelancers" },
|
||||
{ label: "Browse Services", href: "/services" },
|
||||
{ label: "How It Works", href: "#how-it-works" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Career", href: "#" },
|
||||
],
|
||||
|
||||
379
src/app/page.tsx
379
src/app/page.tsx
@@ -11,18 +11,7 @@ import TestimonialCardTwelve from "@/components/sections/testimonial/Testimonial
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import Link from "next/link";
|
||||
import {
|
||||
FileText,
|
||||
DollarSign,
|
||||
Clock,
|
||||
Users,
|
||||
Star,
|
||||
Briefcase,
|
||||
MessageCircle,
|
||||
Share2,
|
||||
Eye,
|
||||
} from "lucide-react";
|
||||
import { FileText, DollarSign, Clock, Users as UsersIcon, MessageCircle, Share2, Eye } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Browse", id: "/services" },
|
||||
@@ -63,46 +52,22 @@ export default function HomePage() {
|
||||
tag="Trusted by Thousands"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-tablet-papers-with-data-charts-desk-used-by-workmates-business-development-corporate-colleagues-working-project-presentation-management-marketing-strategy_482257-32053.jpg"
|
||||
imageAlt="Freelancer marketplace platform"
|
||||
background={{ variant: "circleGradient" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "Founder, TechStartup",
|
||||
testimonial:
|
||||
"Found amazing designers and developers within hours. The quality exceeded our expectations!",
|
||||
rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah Chen", handle: "Founder, TechStartup", testimonial: "Found amazing designers and developers within hours. The quality exceeded our expectations!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg"},
|
||||
{
|
||||
name: "Marcus Johnson",
|
||||
handle: "CEO, Creative Agency",
|
||||
testimonial:
|
||||
"Streamlined our hiring process and saved thousands on project costs. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-senior-man-with-tattoos-showing-credit-card-recommending-his-bank-pleased-with-service-standing-white-wall_176420-38740.jpg?_wi=1",
|
||||
},
|
||||
name: "Marcus Johnson", handle: "CEO, Creative Agency", testimonial: "Streamlined our hiring process and saved thousands on project costs. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-man-with-tattoos-showing-credit-card-recommending-his-bank-pleased-with-service-standing-white-wall_176420-38740.jpg"},
|
||||
{
|
||||
name: "Emma Rodriguez",
|
||||
handle: "Product Manager, SaaS",
|
||||
testimonial:
|
||||
"Professional freelancers, transparent pricing, and quick turnaround. This is the future of work.",
|
||||
rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/business-composition-with-modern-style_23-2147900150.jpg?_wi=1",
|
||||
},
|
||||
name: "Emma Rodriguez", handle: "Product Manager, SaaS", testimonial: "Professional freelancers, transparent pricing, and quick turnaround. This is the future of work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-composition-with-modern-style_23-2147900150.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
text: "Browse Freelancers",
|
||||
href: "#freelancers",
|
||||
},
|
||||
{ text: "Get Started", href: "/services" },
|
||||
{ text: "Browse Freelancers", href: "#freelancers" },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -118,77 +83,32 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Post Your Project",
|
||||
description:
|
||||
"Describe what you need, your budget, and timeline. Be as detailed as possible to attract the best freelancers.",
|
||||
media: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/flat-design-abstract-geometric-landing-page_23-2149330796.jpg?_wi=1",
|
||||
},
|
||||
id: "1", title: "Post Your Project", description: "Describe what you need, your budget, and timeline. Be as detailed as possible to attract the best freelancers.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-abstract-geometric-landing-page_23-2149330796.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: FileText,
|
||||
text: "Clear project description",
|
||||
},
|
||||
{
|
||||
icon: DollarSign,
|
||||
text: "Set your budget",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Define timeline",
|
||||
},
|
||||
{ icon: FileText, text: "Clear project description" },
|
||||
{ icon: DollarSign, text: "Set your budget" },
|
||||
{ icon: Clock, text: "Define timeline" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Receive Proposals",
|
||||
description:
|
||||
"Qualified freelancers submit proposals with their expertise, portfolio, and rates. Review profiles and ratings to make informed decisions.",
|
||||
media: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/freelance-workers-communicating-while-working-together-desktop-pc-office_637285-2806.jpg?_wi=1",
|
||||
},
|
||||
id: "2", title: "Receive Proposals", description: "Qualified freelancers submit proposals with their expertise, portfolio, and rates. Review profiles and ratings to make informed decisions.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelance-workers-communicating-while-working-together-desktop-pc-office_637285-2806.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Multiple proposals",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
text: "View ratings & reviews",
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
text: "Check portfolios",
|
||||
},
|
||||
{ icon: UsersIcon, text: "Multiple proposals" },
|
||||
{ icon: Clock, text: "View ratings & reviews" },
|
||||
{ icon: FileText, text: "Check portfolios" },
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Collaborate & Deliver",
|
||||
description:
|
||||
"Work directly with your chosen freelancer using our secure messaging and file-sharing tools. Track progress in real-time.",
|
||||
media: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/social-media-post-template-with-business-concept_53876-123052.jpg?_wi=1",
|
||||
},
|
||||
id: "3", title: "Collaborate & Deliver", description: "Work directly with your chosen freelancer using our secure messaging and file-sharing tools. Track progress in real-time.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/social-media-post-template-with-business-concept_53876-123052.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: MessageCircle,
|
||||
text: "Secure messaging",
|
||||
},
|
||||
{
|
||||
icon: Share2,
|
||||
text: "File sharing",
|
||||
},
|
||||
{
|
||||
icon: Eye,
|
||||
text: "Progress tracking",
|
||||
},
|
||||
{ icon: MessageCircle, text: "Secure messaging" },
|
||||
{ icon: Share2, text: "File sharing" },
|
||||
{ icon: Eye, text: "Progress tracking" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
@@ -206,54 +126,19 @@ export default function HomePage() {
|
||||
tag="Top Talent"
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivera",
|
||||
role: "UI/UX Designer",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/medium-shot-woman-posing-office_23-2149392072.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Alex Rivera", role: "UI/UX Designer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-office_23-2149392072.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan Kim",
|
||||
role: "Full-Stack Developer",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/employee-looking-pc-monitor-drinking-coffee-checking-data_482257-124504.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Jordan Kim", role: "Full-Stack Developer", imageSrc: "http://img.b2bpic.net/free-photo/employee-looking-pc-monitor-drinking-coffee-checking-data_482257-124504.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Priya Sharma",
|
||||
role: "Digital Marketing Expert",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/plus-size-business-woman-working-professional-office_23-2150579639.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Priya Sharma", role: "Digital Marketing Expert", imageSrc: "http://img.b2bpic.net/free-photo/plus-size-business-woman-working-professional-office_23-2150579639.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chris Walker",
|
||||
role: "Creative Director",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "Chris Walker", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sofia Bergström",
|
||||
role: "Content Writer",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/medium-shot-woman-posing-office_23-2149392072.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Sofia Bergström", role: "Content Writer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-office_23-2149392072.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "David Chen",
|
||||
role: "Data Scientist",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/employee-looking-pc-monitor-drinking-coffee-checking-data_482257-124504.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Freelancers",
|
||||
href: "/freelancers",
|
||||
},
|
||||
id: "6", name: "David Chen", role: "Data Scientist", imageSrc: "http://img.b2bpic.net/free-photo/employee-looking-pc-monitor-drinking-coffee-checking-data_482257-124504.jpg"},
|
||||
]}
|
||||
buttons={[{ text: "View All Freelancers", href: "#freelancers" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -268,53 +153,17 @@ export default function HomePage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Web Design",
|
||||
price: "Starting $500",
|
||||
variant: "UI Design • Responsive • Fast Delivery",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/flat-design-abstract-geometric-landing-page_23-2149330796.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Web Design", price: "Starting $500", variant: "UI Design • Responsive • Fast Delivery", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-abstract-geometric-landing-page_23-2149330796.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Full-Stack Development",
|
||||
price: "Starting $1,500",
|
||||
variant: "Frontend • Backend • Database Design",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/freelance-workers-communicating-while-working-together-desktop-pc-office_637285-2806.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Full-Stack Development", price: "Starting $1,500", variant: "Frontend • Backend • Database Design", imageSrc: "http://img.b2bpic.net/free-photo/freelance-workers-communicating-while-working-together-desktop-pc-office_637285-2806.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Content Writing",
|
||||
price: "Starting $200",
|
||||
variant: "Blog Posts • Copywriting • SEO Optimized",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/social-media-post-template-with-business-concept_53876-123052.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Content Writing", price: "Starting $200", variant: "Blog Posts • Copywriting • SEO Optimized", imageSrc: "http://img.b2bpic.net/free-vector/social-media-post-template-with-business-concept_53876-123052.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mobile App Development",
|
||||
price: "Starting $2,000",
|
||||
variant: "iOS • Android • Cross-Platform",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/flat-design-abstract-geometric-landing-page_23-2149330796.jpg?_wi=3",
|
||||
},
|
||||
id: "4", name: "Mobile App Development", price: "Starting $2,000", variant: "iOS • Android • Cross-Platform", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-abstract-geometric-landing-page_23-2149330796.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Digital Marketing",
|
||||
price: "Starting $300",
|
||||
variant: "Social Media • SEO • Ad Campaigns",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/social-media-post-template-with-business-concept_53876-123052.jpg?_wi=3",
|
||||
},
|
||||
id: "5", name: "Digital Marketing", price: "Starting $300", variant: "Social Media • SEO • Ad Campaigns", imageSrc: "http://img.b2bpic.net/free-vector/social-media-post-template-with-business-concept_53876-123052.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Graphic Design",
|
||||
price: "Starting $250",
|
||||
variant: "Logo • Branding • Illustrations",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/freelance-workers-communicating-while-working-together-desktop-pc-office_637285-2806.jpg?_wi=3",
|
||||
},
|
||||
id: "6", name: "Graphic Design", price: "Starting $250", variant: "Logo • Branding • Illustrations", imageSrc: "http://img.b2bpic.net/free-photo/freelance-workers-communicating-while-working-together-desktop-pc-office_637285-2806.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -328,13 +177,7 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
names={["Upwork", "99designs", "Freelancer.com", "Toptal", "Guru", "PeoplePerHour"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-psd/job-fair-template-design_23-2151029517.jpg",
|
||||
"http://img.b2bpic.net/free-vector/minimalist-nerd-logo-design_23-2149348784.jpg",
|
||||
"http://img.b2bpic.net/free-vector/worldwide-buying-online-symbols-flat-icons-collection-with-e-shop-basket-filling-paying-home-delivery_1284-33082.jpg",
|
||||
"http://img.b2bpic.net/free-vector/geometric-models-landing-page_23-2148314235.jpg",
|
||||
"http://img.b2bpic.net/free-vector/user-experience-modern-style_23-2147544566.jpg",
|
||||
"http://img.b2bpic.net/free-photo/volunteers-preparing-food-boxes-donation_23-2148732657.jpg",
|
||||
]}
|
||||
"http://img.b2bpic.net/free-psd/job-fair-template-design_23-2151029517.jpg", "http://img.b2bpic.net/free-vector/minimalist-nerd-logo-design_23-2149348784.jpg", "http://img.b2bpic.net/free-vector/worldwide-buying-online-symbols-flat-icons-collection-with-e-shop-basket-filling-paying-home-delivery_1284-33082.jpg", "http://img.b2bpic.net/free-vector/geometric-models-landing-page_23-2148314235.jpg", "http://img.b2bpic.net/free-vector/user-experience-modern-style_23-2147544566.jpg", "http://img.b2bpic.net/free-photo/volunteers-preparing-food-boxes-donation_23-2148732657.jpg"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -344,41 +187,17 @@ export default function HomePage() {
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Johnson",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-senior-man-with-tattoos-showing-credit-card-recommending-his-bank-pleased-with-service-standing-white-wall_176420-38740.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Marcus Johnson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-man-with-tattoos-showing-credit-card-recommending-his-bank-pleased-with-service-standing-white-wall_176420-38740.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Rodriguez",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/business-composition-with-modern-style_23-2147900150.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Emma Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/business-composition-with-modern-style_23-2147900150.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Wilson",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-young-afro-businessman-wearing-shirt-black-suit-glasses-looking-front-while-standing-beige-wall_158595-7638.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-afro-businessman-wearing-shirt-black-suit-glasses-looking-front-while-standing-beige-wall_158595-7638.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Anderson",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg?_wi=1",
|
||||
},
|
||||
id: "5", name: "Lisa Anderson", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "David Kumar",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/people-looking-picture-album_52683-86255.jpg?_wi=1",
|
||||
},
|
||||
id: "6", name: "David Kumar", imageSrc: "http://img.b2bpic.net/free-photo/people-looking-picture-album_52683-86255.jpg"},
|
||||
]}
|
||||
cardTitle="Join 50,000+ satisfied clients who've completed successful projects"
|
||||
cardTag="Trusted by Global Teams"
|
||||
@@ -397,41 +216,17 @@ export default function HomePage() {
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I post a project?",
|
||||
content:
|
||||
"Click 'Post Project' on the homepage, fill in your project details including description, budget, and timeline. Our platform will match you with relevant freelancers within hours.",
|
||||
},
|
||||
id: "1", title: "How do I post a project?", content: "Click 'Post Project' on the homepage, fill in your project details including description, budget, and timeline. Our platform will match you with relevant freelancers within hours."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What payment methods do you accept?",
|
||||
content:
|
||||
"We accept all major credit cards, PayPal, and bank transfers. All transactions are secured and protected by our escrow system.",
|
||||
},
|
||||
id: "2", title: "What payment methods do you accept?", content: "We accept all major credit cards, PayPal, and bank transfers. All transactions are secured and protected by our escrow system."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do I know if a freelancer is trustworthy?",
|
||||
content:
|
||||
"Check their ratings, reviews, portfolio, and work history. All freelancers are verified, and we provide detailed feedback from previous clients.",
|
||||
},
|
||||
id: "3", title: "How do I know if a freelancer is trustworthy?", content: "Check their ratings, reviews, portfolio, and work history. All freelancers are verified, and we provide detailed feedback from previous clients."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I communicate with freelancers before hiring?",
|
||||
content:
|
||||
"Absolutely! Use our messaging system to ask questions, clarify requirements, and discuss project details before making a hiring decision.",
|
||||
},
|
||||
id: "4", title: "Can I communicate with freelancers before hiring?", content: "Absolutely! Use our messaging system to ask questions, clarify requirements, and discuss project details before making a hiring decision."},
|
||||
{
|
||||
id: "5",
|
||||
title: "What if I'm not satisfied with the work?",
|
||||
content:
|
||||
"We offer a satisfaction guarantee. If you're unhappy with the work, our team will work with you to resolve the issue or offer a refund.",
|
||||
},
|
||||
id: "5", title: "What if I'm not satisfied with the work?", content: "We offer a satisfaction guarantee. If you're unhappy with the work, our team will work with you to resolve the issue or offer a refund."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Are there any hidden fees?",
|
||||
content:
|
||||
"No hidden fees. We charge a transparent service fee of 10% on project amounts. All costs are clearly displayed before you confirm payment.",
|
||||
},
|
||||
id: "6", title: "Are there any hidden fees?", content: "No hidden fees. We charge a transparent service fee of 10% on project amounts. All costs are clearly displayed before you confirm payment."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -441,16 +236,10 @@ export default function HomePage() {
|
||||
text="Ready to find your perfect freelancer? Start your next project today and get matched with talented professionals within hours."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Hiring",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
text: "Join as Freelancer",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Start Hiring", href: "/services" },
|
||||
{ text: "Join as Freelancer", href: "#freelancers" },
|
||||
]}
|
||||
background={{ variant: "circleGradient" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -461,66 +250,30 @@ export default function HomePage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Browse Freelancers",
|
||||
href: "#freelancers",
|
||||
},
|
||||
{
|
||||
label: "Browse Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "How It Works",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
{ label: "Browse Freelancers", href: "#freelancers" },
|
||||
{ label: "Browse Services", href: "/services" },
|
||||
{ label: "How It Works", href: "#how-it-works" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Career",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Career", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms & Conditions", href: "#" },
|
||||
{ label: "Security", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -3,20 +3,8 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import {
|
||||
FileText,
|
||||
DollarSign,
|
||||
Clock,
|
||||
Users,
|
||||
Star,
|
||||
Briefcase,
|
||||
MessageCircle,
|
||||
Share2,
|
||||
Eye,
|
||||
} from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Browse", id: "/services" },
|
||||
@@ -26,7 +14,22 @@ const navItems = [
|
||||
{ name: "Contact", id: "#contact" },
|
||||
];
|
||||
|
||||
export default function BrowseServicesPage() {
|
||||
const services = [
|
||||
{
|
||||
id: "1", name: "Web Design", price: "Starting $500", variant: "UI Design • Responsive • Fast Delivery", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-abstract-geometric-landing-page_23-2149330796.jpg"},
|
||||
{
|
||||
id: "2", name: "Full-Stack Development", price: "Starting $1,500", variant: "Frontend • Backend • Database Design", imageSrc: "http://img.b2bpic.net/free-photo/freelance-workers-communicating-while-working-together-desktop-pc-office_637285-2806.jpg"},
|
||||
{
|
||||
id: "3", name: "Content Writing", price: "Starting $200", variant: "Blog Posts • Copywriting • SEO Optimized", imageSrc: "http://img.b2bpic.net/free-vector/social-media-post-template-with-business-concept_53876-123052.jpg"},
|
||||
{
|
||||
id: "4", name: "Mobile App Development", price: "Starting $2,000", variant: "iOS • Android • Cross-Platform", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-abstract-geometric-landing-page_23-2149330796.jpg"},
|
||||
{
|
||||
id: "5", name: "Digital Marketing", price: "Starting $300", variant: "Social Media • SEO • Ad Campaigns", imageSrc: "http://img.b2bpic.net/free-vector/social-media-post-template-with-business-concept_53876-123052.jpg"},
|
||||
{
|
||||
id: "6", name: "Graphic Design", price: "Starting $250", variant: "Logo • Branding • Illustrations", imageSrc: "http://img.b2bpic.net/free-photo/freelance-workers-communicating-while-working-together-desktop-pc-office_637285-2806.jpg"},
|
||||
];
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -50,171 +53,28 @@ export default function BrowseServicesPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-catalog" data-section="services-catalog">
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardFour
|
||||
title="Browse All Services"
|
||||
description="Discover our complete catalog of professional services. Find exactly what you need for your project."
|
||||
tag="All Categories"
|
||||
description="Explore all available service categories and find the perfect freelancer for your needs."
|
||||
tag="All Services"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Web Design",
|
||||
price: "Starting $500",
|
||||
variant: "UI Design • Responsive • Fast Delivery",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/flat-design-abstract-geometric-landing-page_23-2149330796.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Full-Stack Development",
|
||||
price: "Starting $1,500",
|
||||
variant: "Frontend • Backend • Database Design",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/freelance-workers-communicating-while-working-together-desktop-pc-office_637285-2806.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Content Writing",
|
||||
price: "Starting $200",
|
||||
variant: "Blog Posts • Copywriting • SEO Optimized",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/social-media-post-template-with-business-concept_53876-123052.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mobile App Development",
|
||||
price: "Starting $2,000",
|
||||
variant: "iOS • Android • Cross-Platform",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/flat-design-abstract-geometric-landing-page_23-2149330796.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Digital Marketing",
|
||||
price: "Starting $300",
|
||||
variant: "Social Media • SEO • Ad Campaigns",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/social-media-post-template-with-business-concept_53876-123052.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Graphic Design",
|
||||
price: "Starting $250",
|
||||
variant: "Logo • Branding • Illustrations",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/freelance-workers-communicating-while-working-together-desktop-pc-office_637285-2806.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
products={services}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="service-process" data-section="service-process">
|
||||
<FeatureCardTen
|
||||
title="How Our Services Work"
|
||||
description="A streamlined process to ensure you get quality work on time and within budget."
|
||||
tag="Service Excellence"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Browse & Compare",
|
||||
description:
|
||||
"Explore detailed service listings with pricing, timelines, and freelancer profiles. Compare multiple options to find the best fit for your project.",
|
||||
media: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/flat-design-abstract-geometric-landing-page_23-2149330796.jpg?_wi=6",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: FileText,
|
||||
text: "Detailed descriptions",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Verified ratings",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
text: "Client reviews",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Select & Customize",
|
||||
description:
|
||||
"Choose a service and customize it to your specific needs. Discuss any modifications with the freelancer to ensure perfect alignment.",
|
||||
media: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/freelance-workers-communicating-while-working-together-desktop-pc-office_637285-2806.jpg?_wi=6",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Briefcase,
|
||||
text: "Flexible options",
|
||||
},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
text: "Direct communication",
|
||||
},
|
||||
{
|
||||
icon: DollarSign,
|
||||
text: "Clear pricing",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Track & Receive",
|
||||
description:
|
||||
"Monitor progress in real-time with our built-in tracking tools. Receive your completed work and provide feedback for revisions if needed.",
|
||||
media: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/social-media-post-template-with-business-concept_53876-123052.jpg?_wi=6",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Eye,
|
||||
text: "Progress tracking",
|
||||
},
|
||||
{
|
||||
icon: Share2,
|
||||
text: "File delivery",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "On-time completion",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="service-cta" data-section="service-cta">
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactText
|
||||
text="Ready to get started? Post your project now and connect with expert freelancers who can deliver exceptional results for your business."
|
||||
text="Don't see what you're looking for? Post a custom project and we'll find the right freelancer for you."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Post a Project",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
text: "View Freelancers",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Post Custom Project", href: "/freelancers" },
|
||||
{ text: "Browse Freelancers", href: "#freelancers" },
|
||||
]}
|
||||
background={{ variant: "circleGradient" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -225,66 +85,30 @@ export default function BrowseServicesPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Browse Freelancers",
|
||||
href: "#freelancers",
|
||||
},
|
||||
{
|
||||
label: "Browse Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "How It Works",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
{ label: "Browse Freelancers", href: "#freelancers" },
|
||||
{ label: "Browse Services", href: "/services" },
|
||||
{ label: "How It Works", href: "#how-it-works" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Career",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Career", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms & Conditions", href: "#" },
|
||||
{ label: "Security", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user