From f42e4a712863606e32cc3598e9b054db5619626b Mon Sep 17 00:00:00 2001 From: asddda121 <124755190+asddda121@users.noreply.github.com> Date: Fri, 5 Jun 2026 07:39:42 +0800 Subject: [PATCH] Refresh landing page product positioning --- components/cta.tsx | 20 ++++++++++++---- components/faq.tsx | 20 +++++++++------- components/hero.tsx | 48 ++++++++++++++++++++++++++++++-------- components/looking-for.tsx | 22 ++++++++--------- lib/site-config.ts | 3 ++- 5 files changed, 78 insertions(+), 35 deletions(-) diff --git a/components/cta.tsx b/components/cta.tsx index 28d88ca..520e3a0 100644 --- a/components/cta.tsx +++ b/components/cta.tsx @@ -1,7 +1,7 @@ "use client"; import { Button } from "@/components/ui/button"; -import { ArrowRight } from "lucide-react"; +import { ArrowRight, Smartphone } from "lucide-react"; import Ripple from "./ui/ripple"; import { motion } from "framer-motion"; import { FADE_UP_ANIMATION_VARIANTS } from "@/lib/framer-variants"; @@ -28,22 +28,32 @@ export function CTA() { variants={FADE_UP_ANIMATION_VARIANTS} className="font-semibold text-3xl sm:text-4xl text-center" > - Start exploring + Start from web or iPhone - Check out gibwork and create or complete your very first work. + Create paid work, browse bounties, submit deliverables, and follow + approvals from one place. - - + diff --git a/components/faq.tsx b/components/faq.tsx index 5e4acab..06fce60 100644 --- a/components/faq.tsx +++ b/components/faq.tsx @@ -41,9 +41,10 @@ export function Faq() { How do I create Work on Gibwork? - Under the earnings display on the apps home page, click the - "Create" buttons for creating Open Source Bounties and Task. These buttons guide you through the process of creating and posting jobs on the - platform. + In the app, use the create flow to post an open-source bounty, + simple task, or service request. Add clear instructions, proof + requirements, and the reward so contributors know exactly what to + submit. @@ -51,21 +52,24 @@ export function Faq() { What's the difference between a bounty and a task? - A bounty is a Github issue with a monetary reward. A task is a - specific, often smaller job that needs to be completed. + A bounty is usually tied to a GitHub issue or pull request. A task + is a smaller, self-contained job such as feedback, content, + testing, research, or a one-off deliverable. How do I get paid for completed work? - Once your work is approved by the creator, the funds will be released to your noncustodial wallet. + Once the creator approves your submission, escrowed funds are + released to your noncustodial wallet. What payment methods does gibwork support? - We only support wallet transactions, i.e., depositing the winning amount directly to - your wallet in the form of crypto or stablecoins. + Gibwork supports wallet-based transactions and stablecoin rewards + such as USDC, with funds paid directly to the worker's wallet + after approval. {/* diff --git a/components/hero.tsx b/components/hero.tsx index a85820f..d52f39b 100644 --- a/components/hero.tsx +++ b/components/hero.tsx @@ -2,7 +2,7 @@ import { SolanaLogoType } from "@/components/logo/solana"; import { Button } from "@/components/ui/button"; -import { ArrowRight } from "lucide-react"; +import { ArrowRight, ShieldCheck, Smartphone, Wallet } from "lucide-react"; import Image from "next/image"; import dashboard from "@/public/dashboard-2.png"; import { Badge } from "@/components/ui/badge"; @@ -11,10 +11,14 @@ import { siteConfig } from "@/lib/site-config"; import SparklesText from "./ui/sparkles-text"; import { motion } from "framer-motion"; import { FADE_UP_ANIMATION_VARIANTS } from "@/lib/framer-variants"; -import { Clipboard } from "flowbite-react" - export function Hero() { + const proofPoints = [ + { icon: ShieldCheck, label: "Escrow-backed tasks" }, + { icon: Wallet, label: "Stablecoin payouts" }, + { icon: Smartphone, label: "Submit from iPhone" }, + ]; + return (
- Introducing gibwork + Onchain work marketplace
@@ -49,17 +53,41 @@ export function Hero() { variants={FADE_UP_ANIMATION_VARIANTS} className="max-w-2xl mt-4 w-full sm:text-lg text-muted-foreground" > - Whether you're searching for your next gig or seeking skilled individuals, our platform - connects you with the perfect match. + Post paid work, complete clear submissions, and track approvals through escrowed + stablecoin payouts on web or iPhone. - - + + + + + {proofPoints.map((item) => ( +
+ + {item.label} +
+ ))} - Get help from an expert + Get work done with clear deliverables - Create work for others to complete and get the support you need to - achieve your goals. + Create bounties, tasks, or services with instructions, review + submissions, and release payment when the work is approved. Open Source Bounty - Incentivize a pull request made from a Github issue. + Incentivize a pull request tied to a GitHub issue. @@ -130,7 +130,7 @@ export function LookingFor() { Simple Task - Small tasks achievable in a few hours. + Define small, reviewable tasks with clear proof requirements. @@ -145,8 +145,8 @@ export function LookingFor() { Services - Offer your skills and connect with users for custom - services. + Hire ongoing help for design, growth, research, support, and + other custom services. @@ -172,14 +172,14 @@ export function LookingFor() { variants={FADE_UP_ANIMATION_VARIANTS} className="text-3xl sm:text-4xl text-center font-semibold" > - Get paid for your expertise + Find work you can complete anywhere - Discover work opportunities that you could do, complete the work, - and start earning. + Browse live opportunities, understand the submission requirements, + and track your progress from claim to payout.