Merge version_2 into main

Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-06-03 18:55:01 +00:00

View File

@@ -1,7 +1,7 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import ReactLenis from 'lenis/react';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
@@ -13,7 +13,7 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, Briefcase, Sparkles } from "lucide-react";
import { Award, Briefcase, Sparkles } from 'lucide-react';
export default function LandingPage() {
return (
@@ -34,34 +34,20 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "How It Works",
id: "#about",
},
name: "How It Works", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Explore Work",
id: "#products",
},
name: "Explore Work", id: "#products"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
]}
button={{
text: "Post Your Work",
href: "#contact",
}}
text: "Post Your Work", href: "#contact"}}
brandName="WorkConnect"
/>
</div>
@@ -69,45 +55,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Your Skills, Their Projects. Seamless C2C Work Transactions."
description="Connect directly with clients or experts. Showcase your work, set your terms, and get projects done with ease and security."
buttons={[
{
text: "Find Work",
href: "#products",
},
text: "Find Work", href: "#products"},
{
text: "Hire Talent",
href: "#products",
},
text: "Hire Talent", href: "#products"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/blue-abstract-shape-glowing-grainy-textured_474888-8017.jpg",
imageAlt: "Digital workspace interface",
},
imageSrc: "http://img.b2bpic.net/free-photo/blue-abstract-shape-glowing-grainy-textured_474888-8017.jpg", imageAlt: "Digital workspace interface"},
{
imageSrc: "http://img.b2bpic.net/free-photo/ceo-management-team-gathering-boardroom-project-briefing_482257-122918.jpg",
imageAlt: "Hands interacting with a transparent tablet",
},
imageSrc: "http://img.b2bpic.net/free-photo/ceo-management-team-gathering-boardroom-project-briefing_482257-122918.jpg", imageAlt: "Hands interacting with a transparent tablet"},
{
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-medium-shot_52683-99762.jpg",
imageAlt: "People collaborating on a virtual whiteboard",
},
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-medium-shot_52683-99762.jpg", imageAlt: "People collaborating on a virtual whiteboard"},
{
imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-hands-holding-tablet_23-2149406779.jpg",
imageAlt: "Platform interface for C2C transactions",
},
imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-hands-holding-tablet_23-2149406779.jpg", imageAlt: "Platform interface for C2C transactions"},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-man-with-wood-pieces_23-2149001206.jpg",
imageAlt: "Infographic of C2C transaction flow",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-man-with-wood-pieces_23-2149001206.jpg", imageAlt: "Infographic of C2C transaction flow"},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-people-talking_23-2148427081.jpg",
imageAlt: "Freelancers and clients connected through a network",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-people-talking_23-2148427081.jpg", imageAlt: "Freelancers and clients connected through a network"},
]}
mediaAnimation="slide-up"
/>
@@ -118,9 +87,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Empowering Creators & Innovators"
description={[
"WorkConnect is designed to be the ultimate marketplace for direct peer-to-peer work exchanges. Whether you're a freelancer, a small business, or an individual with a unique skill, our platform makes it easy to connect, collaborate, and complete projects.",
"Our intuitive tools and secure payment system ensure a smooth experience from start to finish. Focus on what you do best, and let WorkConnect handle the rest.",
]}
"WorkConnect is designed to be the ultimate marketplace for direct peer-to-peer work exchanges. Whether you're a freelancer, a small business, or an individual with a unique skill, our platform makes it easy to connect, collaborate, and complete projects.", "Our intuitive tools and secure payment system ensure a smooth experience from start to finish. Focus on what you do best, and let WorkConnect handle the rest."]}
/>
</div>
@@ -131,32 +98,14 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Secure Payments",
description: "Our escrow system protects both parties, ensuring fair transactions and timely payments.",
tag: "Trust",
imageSrc: "http://img.b2bpic.net/free-photo/falling-binary-code_23-2152020924.jpg",
imageAlt: "Secure digital payment process",
},
id: "f1", title: "Secure Payments", description: "Our escrow system protects both parties, ensuring fair transactions and timely payments.", tag: "Trust", imageSrc: "http://img.b2bpic.net/free-photo/falling-binary-code_23-2152020924.jpg", imageAlt: "Secure digital payment process"},
{
id: "f2",
title: "Direct Messaging",
description: "Communicate seamlessly with built-in chat, making collaboration clear and efficient.",
tag: "Connect",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-horizontal-greenscreen-smartphone-sitting-desk-freelancer-looking-blank-mockup-background-with-isolated-copyspace-chroma-key-template-telephone-display_482257-47715.jpg",
imageAlt: "Direct messaging interface",
},
id: "f2", title: "Direct Messaging", description: "Communicate seamlessly with built-in chat, making collaboration clear and efficient.", tag: "Connect", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-horizontal-greenscreen-smartphone-sitting-desk-freelancer-looking-blank-mockup-background-with-isolated-copyspace-chroma-key-template-telephone-display_482257-47715.jpg", imageAlt: "Direct messaging interface"},
{
id: "f3",
title: "Intuitive Project Management",
description: "Track progress, share files, and manage milestones all in one centralized place.",
tag: "Organize",
imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-male-ceo-watching-olympic-games-stream_482257-123108.jpg",
imageAlt: "Digital project management dashboard",
},
id: "f3", title: "Intuitive Project Management", description: "Track progress, share files, and manage milestones all in one centralized place.", tag: "Organize", imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-male-ceo-watching-olympic-games-stream_482257-123108.jpg", imageAlt: "Digital project management dashboard"},
]}
title="Key Features for a Thriving Marketplace"
description="Discover how WorkConnect empowers every user with robust tools designed for success and peace of mind."
description="Discover how WorkConnect empowers every user with robust tools designed to foster trust, enhance efficiency, and drive growth in a thriving marketplace."
/>
</div>
@@ -168,53 +117,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Custom Logo Design",
price: "From $150",
variant: "Graphic Design",
imageSrc: "http://img.b2bpic.net/free-photo/webpage-content-design-website-icon_53876-120651.jpg",
imageAlt: "Minimalist logo design",
},
id: "p1", name: "Custom Logo Design", price: "From $150", variant: "Graphic Design", imageSrc: "http://img.b2bpic.net/free-photo/webpage-content-design-website-icon_53876-120651.jpg", imageAlt: "Minimalist logo design"},
{
id: "p2",
name: "Website Development",
price: "From $800",
variant: "Web Dev",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-computers-data-center-running-server-rigs-diagnostic-tests_482257-123527.jpg",
imageAlt: "Website development wireframe",
},
id: "p2", name: "Website Development", price: "From $800", variant: "Web Dev", imageSrc: "http://img.b2bpic.net/free-photo/close-up-computers-data-center-running-server-rigs-diagnostic-tests_482257-123527.jpg", imageAlt: "Website development wireframe"},
{
id: "p3",
name: "Content Writing",
price: "From $50/article",
variant: "Writing",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-light-box-cyber-monday_23-2148657683.jpg",
imageAlt: "Content writing concept",
},
id: "p3", name: "Content Writing", price: "From $50/article", variant: "Writing", imageSrc: "http://img.b2bpic.net/free-photo/top-view-light-box-cyber-monday_23-2148657683.jpg", imageAlt: "Content writing concept"},
{
id: "p4",
name: "Video Editing",
price: "From $200/project",
variant: "Multimedia",
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-editing-audio-film-montage-with-post-production-software-computer-videographer-working-movie-footage-edit-with-color-grading-visual-sound-effects-home_482257-49858.jpg",
imageAlt: "Video editing timeline",
},
id: "p4", name: "Video Editing", price: "From $200/project", variant: "Multimedia", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-editing-audio-film-montage-with-post-production-software-computer-videographer-working-movie-footage-edit-with-color-grading-visual-sound-effects-home_482257-49858.jpg", imageAlt: "Video editing timeline"},
{
id: "p5",
name: "Social Media Strategy",
price: "From $300",
variant: "Marketing",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg",
imageAlt: "Social media strategy visualization",
},
id: "p5", name: "Social Media Strategy", price: "From $300", variant: "Marketing", imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg", imageAlt: "Social media strategy visualization"},
{
id: "p6",
name: "Illustration Services",
price: "From $100",
variant: "Art",
imageSrc: "http://img.b2bpic.net/free-photo/digital-portrait-with-pears_23-2151065519.jpg",
imageAlt: "Digital illustration on transparent easel",
},
id: "p6", name: "Illustration Services", price: "From $100", variant: "Art", imageSrc: "http://img.b2bpic.net/free-photo/digital-portrait-with-pears_23-2151065519.jpg", imageAlt: "Digital illustration on transparent easel"},
]}
title="Explore Diverse Skills & Services"
description="Browse a wide range of offerings from talented individuals and businesses ready to bring your ideas to life."
@@ -228,45 +141,19 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Starter",
badgeIcon: Sparkles,
price: "Free",
subtitle: "Ideal for new users & small projects",
features: [
"Basic Profile Listing",
"5 Project Postings/month",
"Direct Messaging",
"Secure Escrow Service",
],
id: "basic", badge: "Starter", badgeIcon: Sparkles,
price: "Free", subtitle: "Ideal for new users & small projects", features: [
"Basic Profile Listing", "5 Project Postings/month", "Direct Messaging", "Secure Escrow Service"],
},
{
id: "pro",
badge: "Pro",
badgeIcon: Award,
price: "$19/month",
subtitle: "For growing freelancers & active clients",
features: [
"Enhanced Profile Visibility",
"Unlimited Project Postings",
"Priority Support",
"Advanced Analytics",
"Customizable Portfolios",
],
id: "pro", badge: "Pro", badgeIcon: Award,
price: "$19/month", subtitle: "For growing freelancers & active clients", features: [
"Enhanced Profile Visibility", "Unlimited Project Postings", "Priority Support", "Advanced Analytics", "Customizable Portfolios"],
},
{
id: "business",
badge: "Business",
badgeIcon: Briefcase,
price: "$49/month",
subtitle: "Perfect for agencies & high-volume users",
features: [
"Dedicated Account Manager",
"Team Collaboration Features",
"Branded Project Spaces",
"API Access",
"Premium Security Features",
],
id: "business", badge: "Business", badgeIcon: Briefcase,
price: "$49/month", subtitle: "Perfect for agencies & high-volume users", features: [
"Dedicated Account Manager", "Team Collaboration Features", "Branded Project Spaces", "API Access", "Premium Security Features"],
},
]}
title="Unlock Premium Work Experiences"
@@ -279,14 +166,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"CreativeHub",
"Innovate Solutions",
"GlobalWorks",
"SkillForge",
"Connect Talent",
"Project Nexus",
"FutureCraft",
]}
"CreativeHub", "Innovate Solutions", "GlobalWorks", "SkillForge", "Connect Talent", "Project Nexus", "FutureCraft"]}
title="Trusted by a Growing Community"
description="Join thousands of successful professionals and clients who are transforming the way work gets done on WorkConnect."
/>
@@ -298,65 +178,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Anya Sharma",
date: "April 15, 2024",
title: "Seamless Project Delivery",
quote: "WorkConnect transformed how I find clients for my digital art. The platform is incredibly intuitive, and I've connected with amazing projects I wouldn't have found elsewhere. The secure payment system is a game-changer!",
tag: "Digital Artist",
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing_23-2148497205.jpg",
avatarAlt: "Anya Sharma avatar",
imageSrc: "http://img.b2bpic.net/free-photo/illustrator-drawing-ipad-side-view_23-2150040086.jpg",
imageAlt: "Digital illustration on transparent tablet",
},
id: "t1", name: "Anya Sharma", date: "April 15, 2024", title: "Seamless Project Delivery", quote: "WorkConnect transformed how I find clients for my digital art. The platform is incredibly intuitive, and I've connected with amazing projects I wouldn't have found elsewhere. The secure payment system is a game-changer!", tag: "Digital Artist", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing_23-2148497205.jpg", avatarAlt: "Anya Sharma avatar", imageSrc: "http://img.b2bpic.net/free-photo/illustrator-drawing-ipad-side-view_23-2150040086.jpg", imageAlt: "Digital illustration on transparent tablet"},
{
id: "t2",
name: "Ben Carter",
date: "March 28, 2024",
title: "Exceptional Development Talent",
quote: "I needed a custom website developed quickly, and WorkConnect delivered. Found a brilliant developer who understood my vision perfectly. The communication tools made collaboration effortless.",
tag: "Startup Founder",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-bored-man-sitting-couch-flipping-though-tv-channels_482257-126574.jpg",
avatarAlt: "Ben Carter avatar",
imageSrc: "http://img.b2bpic.net/free-photo/computer-keyboard-wooden-table-night-top-view_169016-51175.jpg",
imageAlt: "Coding environment on transparent monitor",
},
id: "t2", name: "Ben Carter", date: "March 28, 2024", title: "Exceptional Development Talent", quote: "I needed a custom website developed quickly, and WorkConnect delivered. Found a brilliant developer who understood my vision perfectly. The communication tools made collaboration effortless.", tag: "Startup Founder", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-bored-man-sitting-couch-flipping-though-tv-channels_482257-126574.jpg", avatarAlt: "Ben Carter avatar", imageSrc: "http://img.b2bpic.net/free-photo/computer-keyboard-wooden-table-night-top-view_169016-51175.jpg", imageAlt: "Coding environment on transparent monitor"},
{
id: "t3",
name: "Chloe Wong",
date: "May 5, 2024",
title: "Marketing Expertise at My Fingertips",
quote: "As a small business owner, finding marketing support used to be a headache. WorkConnect connected me with a fantastic strategist who boosted my online presence significantly. Highly recommend!",
tag: "E-commerce Manager",
avatarSrc: "http://img.b2bpic.net/free-photo/business-man-sharing-idea-with-colleague_23-2148336895.jpg",
avatarAlt: "Chloe Wong avatar",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-wave-background-with-smooth-gradient-soft-vertical-lines_474888-8023.jpg",
imageAlt: "Market data analytics on holographic display",
},
id: "t3", name: "Chloe Wong", date: "May 5, 2024", title: "Marketing Expertise at My Fingertips", quote: "As a small business owner, finding marketing support used to be a headache. WorkConnect connected me with a fantastic strategist who boosted my online presence significantly. Highly recommend!", tag: "E-commerce Manager", avatarSrc: "http://img.b2bpic.net/free-photo/business-man-sharing-idea-with-colleague_23-2148336895.jpg", avatarAlt: "Chloe Wong avatar", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-wave-background-with-smooth-gradient-soft-vertical-lines_474888-8023.jpg", imageAlt: "Market data analytics on holographic display"},
{
id: "t4",
name: "David Lee",
date: "February 10, 2024",
title: "Quality Content, Every Time",
quote: "I've hired several writers for my blog through WorkConnect, and the quality has been consistently excellent. The platform makes managing multiple projects simple and streamlined.",
tag: "Content Creator",
avatarSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-creative-office-looking-inspiration_482257-23110.jpg",
avatarAlt: "David Lee avatar",
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-reading-book-while-having-coffee_23-2150064775.jpg",
imageAlt: "Transparent notebook with written content",
},
id: "t4", name: "David Lee", date: "February 10, 2024", title: "Quality Content, Every Time", quote: "I've hired several writers for my blog through WorkConnect, and the quality has been consistently excellent. The platform makes managing multiple projects simple and streamlined.", tag: "Content Creator", avatarSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-creative-office-looking-inspiration_482257-23110.jpg", avatarAlt: "David Lee avatar", imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-reading-book-while-having-coffee_23-2150064775.jpg", imageAlt: "Transparent notebook with written content"},
{
id: "t5",
name: "Elena Petrova",
date: "January 22, 2024",
title: "Efficient Project Management",
quote: "Managing freelance projects can be complex, but WorkConnect's tools are a lifesaver. From initial brief to final delivery, everything is organized and transparent. A truly empowering platform.",
tag: "Project Lead",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-afro-american-woman-smiling_23-2148336914.jpg",
avatarAlt: "Elena Petrova avatar",
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-children-with-castle_23-2150499381.jpg",
imageAlt: "Transparent project timeline",
},
id: "t5", name: "Elena Petrova", date: "January 22, 2024", title: "Efficient Project Management", quote: "Managing freelance projects can be complex, but WorkConnect's tools are a lifesaver. From initial brief to final delivery, everything is organized and transparent. A truly empowering platform.", tag: "Project Lead", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-afro-american-woman-smiling_23-2148336914.jpg", avatarAlt: "Elena Petrova avatar", imageSrc: "http://img.b2bpic.net/free-photo/3d-background-children-with-castle_23-2150499381.jpg", imageAlt: "Transparent project timeline"},
]}
title="Hear From Our Happy Users"
description="Real stories from the WorkConnect community showcasing successful collaborations and outstanding results."
@@ -369,20 +199,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How do I create a listing for my services?",
content: "Creating a service listing is easy! Simply navigate to your dashboard, click 'Post Your Work', and follow the guided steps to describe your service, set your price, and upload relevant samples. Your listing will be reviewed before going live.",
},
id: "q1", title: "How do I create a listing for my services?", content: "Creating a service listing is easy! Simply navigate to your dashboard, click 'Post Your Work', and follow the guided steps to describe your service, set your price, and upload relevant samples. Your listing will be reviewed before going live."},
{
id: "q2",
title: "What payment methods are supported?",
content: "WorkConnect supports a variety of secure payment methods, including major credit cards, PayPal, and bank transfers. All transactions are processed through our secure escrow system to ensure protection for both buyers and sellers.",
},
id: "q2", title: "What payment methods are supported?", content: "WorkConnect supports a variety of secure payment methods, including major credit cards, PayPal, and bank transfers. All transactions are processed through our secure escrow system to ensure protection for both buyers and sellers."},
{
id: "q3",
title: "How does the escrow system work?",
content: "Our escrow system holds the payment securely once a project is initiated. Funds are only released to the service provider after the buyer confirms satisfaction with the delivered work. This ensures both parties are protected throughout the transaction.",
},
id: "q3", title: "How does the escrow system work?", content: "Our escrow system holds the payment securely once a project is initiated. Funds are only released to the service provider after the buyer confirms satisfaction with the delivered work. This ensures both parties are protected throughout the transaction."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about using WorkConnect, posting work, payments, and more."
@@ -394,8 +215,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
title="Ready to Connect? Let's Talk!"
description="Have questions, feedback, or need support? Our team is here to help you navigate WorkConnect and make your experience seamless."
@@ -413,71 +233,43 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
],
},
{
title: "Platform",
items: [
title: "Platform", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "How It Works",
href: "#",
},
label: "How It Works", href: "#"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Help Center",
href: "#",
},
label: "Help Center", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Cookie Policy",
href: "#",
},
label: "Cookie Policy", href: "#"},
],
},
]}