diff --git a/src/app/page.tsx b/src/app/page.tsx index ed42a91..2e85ae8 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,7 +21,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="mediumSmall" sizing="largeSmall" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="glass" @@ -46,7 +46,7 @@ export default function LandingPage() { @@ -79,16 +82,20 @@ export default function LandingPage() { features={[ { id: 1, - tag: "Step 1", title: "Post Your Task", subtitle: "Tell the community what you need.", description: "Post a task in seconds—choose anonymity if you prefer. Set a location, description, and what you're offering (payment, trade, or just good karma). Tasks stay live until completed.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-cellphone-male-hands_1262-20875.jpg?_wi=2", imageAlt: "Post a task interface"}, + tag: "Step 1", title: "Post Your Task", subtitle: "Tell the community what you need.", description: "Post a task in seconds—choose anonymity if you prefer. Set a location, description, and what you're offering (payment, trade, or just good karma). Tasks stay live until completed.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-cellphone-male-hands_1262-20875.jpg", imageAlt: "Post a task interface" + }, { id: 2, - tag: "Step 2", title: "Browse Nearby", subtitle: "Find tasks around you.", description: "See all available tasks on a location-based feed. Filter by task type, distance, or reward. Explore what your campus community needs—it's all right there.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-planning-trip-while-having-breakfast_23-2148952424.jpg?_wi=2", imageAlt: "Browse nearby tasks"}, + tag: "Step 2", title: "Browse Nearby", subtitle: "Find tasks around you.", description: "See all available tasks on a location-based feed. Filter by task type, distance, or reward. Explore what your campus community needs—it's all right there.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-planning-trip-while-having-breakfast_23-2148952424.jpg", imageAlt: "Browse nearby tasks" + }, { id: 3, - tag: "Step 3", title: "Claim & Communicate", subtitle: "Connect securely and anonymously.", description: "Claim a task you'd like to do. Use our lightweight messaging to discuss details without sharing personal info. Feel safe, stay in control.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-mesage_1134-125.jpg", imageAlt: "Secure messaging"}, + tag: "Step 3", title: "Claim & Communicate", subtitle: "Connect securely and anonymously.", description: "Claim a task you'd like to do. Use our lightweight messaging to discuss details without sharing personal info. Feel safe, stay in control.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-mesage_1134-125.jpg", imageAlt: "Secure messaging" + }, { id: 4, - tag: "Step 4", title: "Complete & Rate", subtitle: "Get rewarded and build reputation.", description: "Finish the task. Exchange payment or complete your trade. Rate each other to build community trust and establish your reputation.", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367144.jpg?_wi=2", imageAlt: "Rating system"}, + tag: "Step 4", title: "Complete & Rate", subtitle: "Get rewarded and build reputation.", description: "Finish the task. Exchange payment or complete your trade. Rate each other to build community trust and establish your reputation.", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367144.jpg", imageAlt: "Rating system" + }, ]} buttons={[{ text: "Start Now", href: "#contact" }]} buttonAnimation="slide-up" @@ -105,6 +112,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} imagePosition="right" + mediaAnimation="slide-up" bulletPoints={[ { title: "Location-Based Discovery", description: "Find tasks happening around you. See who needs help in real-time, right on your campus.", icon: MapPin, @@ -122,9 +130,10 @@ export default function LandingPage() { title: "Fast & Friction-Free", description: "Post in seconds. Claim immediately. Get paid or trade. No gatekeeping, no artificial delays.", icon: Zap, }, { - title: "Student-First Design", description: "Every feature designed with college life in mind. Quick tasks, flexible schedules, real payouts."}, + title: "Student-First Design", description: "Every feature designed with college life in mind. Quick tasks, flexible schedules, real payouts." + }, ]} - imageSrc="http://img.b2bpic.net/free-photo/tablet-computer-men-hands-man-presses-blank-screen-tablet-computer-concept-man-working-from-home-using-tablet-computer-free-space-text-top-view-copy-space_1423-211.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/tablet-computer-men-hands-man-presses-blank-screen-tablet-computer-concept-man-working-from-home-using-tablet-computer-free-space-text-top-view-copy-space_1423-211.jpg" imageAlt="TaskFlow interface" /> @@ -175,17 +184,23 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", title: "Made money between classes", quote: "I claimed tasks that fit my schedule and earned $200 in my first month. No commitment, no pressure. TaskFlow just works.", name: "Jordan", role: "Business Student, UC Berkeley", imageSrc: "http://img.b2bpic.net/free-photo/portrait-delighted-hipster-male-student-with-crisp-hair_176532-8157.jpg", imageAlt: "Jordan"}, + id: "1", title: "Made money between classes", quote: "I claimed tasks that fit my schedule and earned $200 in my first month. No commitment, no pressure. TaskFlow just works.", name: "Jordan", role: "Business Student, UC Berkeley", imageSrc: "http://img.b2bpic.net/free-photo/portrait-delighted-hipster-male-student-with-crisp-hair_176532-8157.jpg", imageAlt: "Jordan" + }, { - id: "2", title: "Found help when I needed it most", quote: "Needed someone to help me move dorms fast. Posted on TaskFlow, had three offers within an hour. Game-changer.", name: "Alex", role: "Computer Science, MIT", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg?_wi=1", imageAlt: "Alex"}, + id: "2", title: "Found help when I needed it most", quote: "Needed someone to help me move dorms fast. Posted on TaskFlow, had three offers within an hour. Game-changer.", name: "Alex", role: "Computer Science, MIT", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", imageAlt: "Alex" + }, { - id: "3", title: "Love the anonymity option", quote: "Posted a task anonymously, got help, rated them five stars. Nobody knew it was me. Perfect for those situations.", name: "Sam", role: "Finance Student, NYU", imageSrc: "http://img.b2bpic.net/free-photo/sad-teenage-girl-with-book-her-hands-emotion-concept_169016-65739.jpg?_wi=1", imageAlt: "Sam"}, + id: "3", title: "Love the anonymity option", quote: "Posted a task anonymously, got help, rated them five stars. Nobody knew it was me. Perfect for those situations.", name: "Sam", role: "Finance Student, NYU", imageSrc: "http://img.b2bpic.net/free-photo/sad-teenage-girl-with-book-her-hands-emotion-concept_169016-65739.jpg", imageAlt: "Sam" + }, { - id: "4", title: "Community feels genuine", quote: "It's not corporate. It's students helping students. Every interaction feels real. That's rare.", name: "Taylor", role: "Psychology Major, Stanford", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-striped-shirt-eyeglasses_273609-13226.jpg", imageAlt: "Taylor"}, + id: "4", title: "Community feels genuine", quote: "It's not corporate. It's students helping students. Every interaction feels real. That's rare.", name: "Taylor", role: "Psychology Major, Stanford", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-striped-shirt-eyeglasses_273609-13226.jpg", imageAlt: "Taylor" + }, { - id: "5", title: "Side income that actually works", quote: "Perfect side gig for college life. I pick tasks, I set my hours, I get paid. No algorithm deciding what's fair.", name: "Casey", role: "Marketing Student, UCLA", imageSrc: "http://img.b2bpic.net/free-photo/sad-teenage-girl-with-book-her-hands-emotion-concept_169016-65739.jpg?_wi=2", imageAlt: "Casey"}, + id: "5", title: "Side income that actually works", quote: "Perfect side gig for college life. I pick tasks, I set my hours, I get paid. No algorithm deciding what's fair.", name: "Casey", role: "Marketing Student, UCLA", imageSrc: "http://img.b2bpic.net/free-photo/sad-teenage-girl-with-book-her-hands-emotion-concept_169016-65739.jpg", imageAlt: "Casey" + }, { - id: "6", title: "Finally a platform that gets us", quote: "Every feature is designed for students. Nothing feels bloated or unnecessary. Just the tools we actually need.", name: "Morgan", role: "Engineering Student, UT Austin", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg?_wi=2", imageAlt: "Morgan"}, + id: "6", title: "Finally a platform that gets us", quote: "Every feature is designed for students. Nothing feels bloated or unnecessary. Just the tools we actually need.", name: "Morgan", role: "Engineering Student, UT Austin", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", imageAlt: "Morgan" + }, ]} /> @@ -203,25 +218,35 @@ export default function LandingPage() { animationType="smooth" faqs={[ { - id: "1", title: "How do I stay safe on TaskFlow?", content: "TaskFlow prioritizes your safety. Use anonymity when posting or claiming tasks. Meet in public campus locations. Our rating system flags unreliable users. Never share payment info directly—use our secure transaction system. Report any suspicious behavior immediately."}, + id: "1", title: "How do I stay safe on TaskFlow?", content: "TaskFlow prioritizes your safety. Use anonymity when posting or claiming tasks. Meet in public campus locations. Our rating system flags unreliable users. Never share payment info directly—use our secure transaction system. Report any suspicious behavior immediately." + }, { - id: "2", title: "Can I really stay anonymous?", content: "Yes. When posting a task, you can choose anonymity. Your profile won't show your name, only your rating and history. When claiming tasks, anonymity is optional per interaction. You control what information gets revealed."}, + id: "2", title: "Can I really stay anonymous?", content: "Yes. When posting a task, you can choose anonymity. Your profile won't show your name, only your rating and history. When claiming tasks, anonymity is optional per interaction. You control what information gets revealed." + }, { - id: "3", title: "How do payments work?", content: "You set payment amounts when posting tasks. Payments are held securely in escrow until task completion. You can pay cash on completion or use TaskFlow's integrated payment system. No hidden fees. No corporate take. Clear terms every time."}, + id: "3", title: "How do payments work?", content: "You set payment amounts when posting tasks. Payments are held securely in escrow until task completion. You can pay cash on completion or use TaskFlow's integrated payment system. No hidden fees. No corporate take. Clear terms every time." + }, { - id: "4", title: "What kinds of tasks can I post?", content: "Academic tutoring, moving help, research assistance, proofreading, note-sharing, social event help, tech support, design work, writing help, errands, household tasks, and more. Anything legal and ethical. We flag inappropriate tasks and remove bad actors fast."}, + id: "4", title: "What kinds of tasks can I post?", content: "Academic tutoring, moving help, research assistance, proofreading, note-sharing, social event help, tech support, design work, writing help, errands, household tasks, and more. Anything legal and ethical. We flag inappropriate tasks and remove bad actors fast." + }, { - id: "5", title: "How does the rating system work?", content: "After task completion, both parties can rate each other (1-5 stars). Comments are optional. Your average rating follows you across all interactions. Low ratings trigger manual reviews. Users with repeated complaints get suspended."}, + id: "5", title: "How does the rating system work?", content: "After task completion, both parties can rate each other (1-5 stars). Comments are optional. Your average rating follows you across all interactions. Low ratings trigger manual reviews. Users with repeated complaints get suspended." + }, { - id: "6", title: "Is there a commission or fee?", content: "TaskFlow takes 8% on paid tasks to fund infrastructure, moderation, and safety features. No hidden costs. If you trade tasks (barter), there's zero fee. Transparent pricing. No surprises."}, + id: "6", title: "Is there a commission or fee?", content: "TaskFlow takes 8% on paid tasks to fund infrastructure, moderation, and safety features. No hidden costs. If you trade tasks (barter), there's zero fee. Transparent pricing. No surprises." + }, { - id: "7", title: "What if there's a dispute?", content: "Our support team reviews disputes. We look at conversation history, ratings, and task details. Fair resolutions prioritize evidence. Users with a history of disputes face account restrictions."}, + id: "7", title: "What if there's a dispute?", content: "Our support team reviews disputes. We look at conversation history, ratings, and task details. Fair resolutions prioritize evidence. Users with a history of disputes face account restrictions." + }, { - id: "8", title: "Can I use TaskFlow off-campus?", content: "TaskFlow works anywhere, but it's designed for campus proximity. Many students use it for weekend tasks too. Location filtering helps you find tasks nearby, whether on or off campus."}, + id: "8", title: "Can I use TaskFlow off-campus?", content: "TaskFlow works anywhere, but it's designed for campus proximity. Many students use it for weekend tasks too. Location filtering helps you find tasks nearby, whether on or off campus." + }, { - id: "9", title: "How do I get started?", content: "Sign up with your college email. Verify your student status. Create a profile (optionally anonymous). Post your first task or browse available tasks. Claim one and start messaging. Payment comes after task completion."}, + id: "9", title: "How do I get started?", content: "Sign up with your college email. Verify your student status. Create a profile (optionally anonymous). Post your first task or browse available tasks. Claim one and start messaging. Payment comes after task completion." + }, { - id: "10", title: "What happens if someone cancels?", content: "Cancellations are tracked in your history. One or two cancellations are normal life. Repeated cancellations flag your account. Chronic cancellers face temporary suspension. We encourage communication—work it out before cancelling."}, + id: "10", title: "What happens if someone cancels?", content: "Cancellations are tracked in your history. One or two cancellations are normal life. Repeated cancellations flag your account. Chronic cancellers face temporary suspension. We encourage communication—work it out before cancelling." + }, ]} /> @@ -235,7 +260,7 @@ export default function LandingPage() { tagAnimation="slide-up" background={{ variant: "sparkles-gradient" }} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/tablet-computer-men-hands-man-presses-blank-screen-tablet-computer-concept-man-working-from-home-using-tablet-computer-free-space-text-top-view-copy-space_1423-211.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/tablet-computer-men-hands-man-presses-blank-screen-tablet-computer-concept-man-working-from-home-using-tablet-computer-free-space-text-top-view-copy-space_1423-211.jpg" imageAlt="Join TaskFlow" mediaAnimation="slide-up" mediaPosition="right"