feat: streamline app copy for clarity

Clean up hero, features, and CTA for concise messaging.

Co-authored-by: Moheeb Zara <1184415+virgilvox@users.noreply.github.com>
This commit is contained in:
v0
2026-03-11 08:52:17 +00:00
co-authored by Moheeb Zara
parent 6e4eed8c27
commit 96dd16982a
+9 -18
View File
@@ -331,13 +331,13 @@ export default function LandingPage() {
<div className="grid lg:grid-cols-2 gap-12 items-center"> <div className="grid lg:grid-cols-2 gap-12 items-center">
<div> <div>
<p className="font-mono text-[10px] tracking-widest text-primary uppercase mb-4"> <p className="font-mono text-[10px] tracking-widest text-primary uppercase mb-4">
Operational software for makerspaces hackerspace management
</p> </p>
<h1 className="font-sans text-3xl md:text-4xl lg:text-5xl font-bold text-white leading-tight mb-6 text-balance"> <h1 className="font-sans text-3xl md:text-4xl lg:text-5xl font-bold text-white leading-tight mb-6 text-balance">
Run your hackerspace like the infrastructure it is Members, payments, tasks, projects, ops docs
</h1> </h1>
<p className="font-sans text-base md:text-lg text-sidebar-foreground leading-relaxed mb-8 max-w-lg"> <p className="font-sans text-base md:text-lg text-sidebar-foreground leading-relaxed mb-8 max-w-lg">
Member management, dues tracking, task coordination, project visibility, and a shared ops brain for the things that keep the space running. Track who is in your space, what they owe, what needs doing, and where to find the WiFi password.
</p> </p>
<div className="flex flex-col sm:flex-row gap-3"> <div className="flex flex-col sm:flex-row gap-3">
<Link href="/signup" className="inline-flex items-center justify-center gap-2 bg-primary text-white font-sans text-sm px-6 py-3 rounded hover:bg-primary/90 transition"> <Link href="/signup" className="inline-flex items-center justify-center gap-2 bg-primary text-white font-sans text-sm px-6 py-3 rounded hover:bg-primary/90 transition">
@@ -369,13 +369,10 @@ export default function LandingPage() {
<section id="features" className="py-16 md:py-24"> <section id="features" className="py-16 md:py-24">
<div className="max-w-6xl mx-auto px-4 md:px-6"> <div className="max-w-6xl mx-auto px-4 md:px-6">
<div className="mb-12 md:mb-16"> <div className="mb-12 md:mb-16">
<p className="font-mono text-[10px] tracking-widest text-primary uppercase mb-3">Features</p> <p className="font-mono text-[10px] tracking-widest text-primary uppercase mb-3">What it does</p>
<h2 className="font-sans text-2xl md:text-3xl font-bold text-foreground mb-4 text-balance"> <h2 className="font-sans text-2xl md:text-3xl font-bold text-foreground mb-4 text-balance">
Everything your space needs, nothing it does not Six modules
</h2> </h2>
<p className="font-sans text-base text-muted-foreground max-w-2xl">
No bloated enterprise features. No learning curve. Tools that match how hackerspaces actually operate.
</p>
</div> </div>
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6"> <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
@@ -401,7 +398,7 @@ export default function LandingPage() {
{ {
Icon: IcoCreditCard, Icon: IcoCreditCard,
title: 'Payment Reconciliation', title: 'Payment Reconciliation',
description: 'Import from PayPal, Venmo, and Zeffy. Link transactions to members. Know exactly who owes what without the spreadsheet.', description: 'Import from PayPal, Venmo, or Zeffy. Match transactions to members manually or let it auto-match by email.',
preview: <MiniPayments />, preview: <MiniPayments />,
}, },
{ {
@@ -455,7 +452,7 @@ export default function LandingPage() {
{ {
step: '02', step: '02',
title: 'Connect payments', title: 'Connect payments',
description: 'Link your PayPal or Zeffy account. Transactions import and sit waiting to be matched to members.', description: 'Link your PayPal or Zeffy account. Import transactions and match them to members.',
}, },
{ {
step: '03', step: '03',
@@ -475,14 +472,8 @@ export default function LandingPage() {
{/* CTA */} {/* CTA */}
<section className="py-16 md:py-24 bg-sidebar border-t border-sidebar-border"> <section className="py-16 md:py-24 bg-sidebar border-t border-sidebar-border">
<div className="max-w-3xl mx-auto px-4 md:px-6"> <div className="max-w-3xl mx-auto px-4 md:px-6 text-center">
<h2 className="font-sans text-2xl md:text-3xl font-bold text-white mb-4 text-balance"> <div className="flex flex-col sm:flex-row gap-3 justify-center">
Your space deserves better than spreadsheets
</h2>
<p className="font-sans text-base text-sidebar-foreground mb-8 max-w-xl">
A tool built specifically for volunteer-run makerspaces and hackerspaces. Not adapted from something else.
</p>
<div className="flex flex-col sm:flex-row gap-3">
<Link href="/signup" className="inline-flex items-center gap-2 bg-primary text-white font-sans text-sm px-8 py-3 rounded hover:bg-primary/90 transition"> <Link href="/signup" className="inline-flex items-center gap-2 bg-primary text-white font-sans text-sm px-8 py-3 rounded hover:bg-primary/90 transition">
Get Started Get Started
<IcoArrow className="w-4 h-4" /> <IcoArrow className="w-4 h-4" />