From f71c4085a838c4b102ec018ae2f1a59a17a30c09 Mon Sep 17 00:00:00 2001 From: Mohammed Rayan A Date: Wed, 22 Jul 2026 12:10:27 +0530 Subject: [PATCH 1/2] =?UTF-8?q?feat(landing):=20honesty=20overhaul=20?= =?UTF-8?q?=E2=80=94=20remove=20fake=20social=20proof,=20add=20founder=20n?= =?UTF-8?q?ote,=20roadmap,=20fix=20hero=20copy,=20clean=20pricing=20urgenc?= =?UTF-8?q?y?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/components/landing/Hero.tsx | 52 ++++++++++++--- app/components/landing/Pricing.tsx | 11 +--- app/components/landing/Roadmap.tsx | 100 +++++++++++++++++++++++++++++ app/components/landing/Vision.tsx | 71 ++++++++++---------- app/page.tsx | 18 +++--- 5 files changed, 193 insertions(+), 59 deletions(-) create mode 100644 app/components/landing/Roadmap.tsx diff --git a/app/components/landing/Hero.tsx b/app/components/landing/Hero.tsx index 49367ed..56808d0 100644 --- a/app/components/landing/Hero.tsx +++ b/app/components/landing/Hero.tsx @@ -1,15 +1,15 @@ 'use client' -import { ArrowRight, Bot, CheckCircle2, Chrome, Code2, FileText, Link2, StickyNote, Zap } from 'lucide-react' +import { ArrowRight, Bot, CheckCircle2, Code2, FileText, Link2, StickyNote, Terminal, Zap } from 'lucide-react' import { useAuth } from '../../contexts/AuthContext' import { useRouter } from 'next/navigation' +// Only features that are actually live today const trustItems = [ - { icon: Link2, label: 'Links & PDFs' }, - { icon: Bot, label: 'AI search' }, + { icon: Link2, label: 'Save links & notes' }, + { icon: Bot, label: 'AI search (RAG)' }, { icon: Code2, label: 'REST API' }, { icon: FileText, label: 'Claude MCP' }, - { icon: Chrome, label: 'Browser extension' }, ] const Hero = () => { @@ -45,13 +45,49 @@ const Hero = () => { finally useful. + {/* Honest subhead — describes only what's live today */}

- DumpIt indexes everything you save — links, notes, PDFs — and lets you ask questions across it all. Via web, browser extension, API, or Claude MCP. + Save links and notes, then ask questions across everything — via the web app, REST API, or Claude MCP.{' '} + PDF upload and browser extension coming soon. +

+ + + {/* MCP differentiator snippet — visible above the fold */} +
+
+ {/* Terminal chrome */} +
+
+ + + +
+ + Claude Desktop · DumpIt MCP +
+ {/* Conversation snippet */} +
+
+ You + What did I save about RAG citation patterns? +
+
+ Claude +
+ [via DumpIt MCP] Found 3 resources in your vault — +
+ [1] RAG citation patterns guide · [2] Vector design notes · [3] Citation UX article +
+
+
+
+

+ Query your saved knowledge directly from Claude Desktop

{/* CTAs */} -
+
{user ? (
- {/* Trust strip */} + {/* Trust strip — live features only */}
{trustItems.map(({ label }) => (
@@ -140,8 +176,8 @@ const Hero = () => {
{[ { icon: Link2, label: 'RAG citation patterns guide', type: 'Link', color: 'text-blue-500' }, - { icon: FileText, label: 'Gemini Flash prompt design.pdf', type: 'PDF', color: 'text-violet-500' }, { icon: StickyNote, label: 'API design notes — v2 endpoints', type: 'Note', color: 'text-amber-500' }, + { icon: Link2, label: 'Firestore vector index setup', type: 'Link', color: 'text-blue-500' }, ].map((item) => { const ItemIcon = item.icon return ( diff --git a/app/components/landing/Pricing.tsx b/app/components/landing/Pricing.tsx index f0135d6..ff21f1f 100644 --- a/app/components/landing/Pricing.tsx +++ b/app/components/landing/Pricing.tsx @@ -65,17 +65,12 @@ const Pricing = () => { Founding Member Offer

- First 500 get 50% off Pro — forever. + Early supporters get 50% off Pro — forever.

$4.50/month instead of $9. Locked in as long as your subscription is active.

-
-
-
-
- 327 spots remaining of 500 -
+ {/* No scarcity counter — add a real claimed-spot number here when you have one */}
{ className="inline-flex items-center justify-center gap-2 rounded-xl bg-blue-600 px-6 py-3.5 text-sm font-semibold text-white shadow-lg shadow-blue-500/20 transition hover:bg-blue-700" > - Claim your spot — $9 + Get Founding Access — $4.50/mo
diff --git a/app/components/landing/Roadmap.tsx b/app/components/landing/Roadmap.tsx new file mode 100644 index 0000000..9021704 --- /dev/null +++ b/app/components/landing/Roadmap.tsx @@ -0,0 +1,100 @@ +// Roadmap — compact 4-item visual strip, consistent with zinc/Space Grotesk design system + +const roadmapItems = [ + { + label: 'Save links & notes', + description: 'Bookmark any URL or write plain-text notes. Both are indexed and AI-searchable.', + status: 'live' as const, + }, + { + label: 'Ask DumpIt (AI / RAG)', + description: 'Semantic search and answer generation across your entire saved knowledge base.', + status: 'live' as const, + }, + { + label: 'PDF upload', + description: 'Upload documents and make their full text AI-searchable alongside your links.', + status: 'building' as const, + }, + { + label: 'Browser extension', + description: 'Clip pages and highlights directly from Chrome without switching tabs.', + status: 'next' as const, + }, +] + +const statusConfig = { + live: { + label: 'Live', + dot: 'bg-emerald-500', + pill: 'bg-emerald-100 text-emerald-700 dark:bg-emerald-950/60 dark:text-emerald-400', + }, + building: { + label: 'Building now', + dot: 'bg-blue-500 animate-pulse', + pill: 'bg-blue-100 text-blue-700 dark:bg-blue-950/60 dark:text-blue-400', + }, + next: { + label: 'Next', + dot: 'bg-violet-400', + pill: 'bg-violet-100 text-violet-700 dark:bg-violet-950/60 dark:text-violet-400', + }, + planned: { + label: 'Planned', + dot: 'bg-slate-300 dark:bg-slate-600', + pill: 'bg-slate-100 text-slate-500 dark:bg-slate-800 dark:text-slate-400', + }, +} + +const Roadmap = () => { + return ( +
+
+ {/* Header */} +
+
+ Roadmap +

+ What's live, what's next. +

+
+

+ Building in public. This is the honest current state of the product. +

+
+ + {/* Item grid */} +
+ {roadmapItems.map((item, index) => { + const cfg = statusConfig[item.status] + return ( +
+ {/* Step number */} +
+ + {String(index + 1).padStart(2, '0')} + + {/* Status pill */} + + + {cfg.label} + +
+ +
+

{item.label}

+

{item.description}

+
+
+ ) + })} +
+
+
+ ) +} + +export default Roadmap diff --git a/app/components/landing/Vision.tsx b/app/components/landing/Vision.tsx index 994e60e..96cc6ff 100644 --- a/app/components/landing/Vision.tsx +++ b/app/components/landing/Vision.tsx @@ -1,44 +1,45 @@ -// Social Proof Bar — replaces old Vision section -const avatars = [ - { initials: 'RK', color: 'bg-blue-500' }, - { initials: 'AS', color: 'bg-violet-500' }, - { initials: 'MJ', color: 'bg-emerald-500' }, - { initials: 'PT', color: 'bg-amber-500' }, - { initials: 'DN', color: 'bg-rose-500' }, -] +// FounderNote — replaces old Social Proof / Vision section +// Honest "why I'm building this" note. No fabricated stats or avatars. -const SocialProof = () => { +const FounderNote = () => { return ( -
-
- {/* Avatar stack + user count */} -
-
- {avatars.map((a) => ( -
- {a.initials} -
- ))} +
+
+
+ {/* Author row */} +
+
+ R +
+
+
Rayan
+
Building DumpIt
+
-
- 200+ developers and knowledge workers already saving smarter -
-
- {/* Founding offer pill */} - - - First 500 founding members get 50% off Pro — forever - + {/* Founder note body — REPLACE THE PLACEHOLDER BELOW WITH YOUR ACTUAL TEXT */} +
+ {/* + * ────────────────────────────────────────────────────────────── + * FOUNDER NOTE — paste your 3–4 sentence text here. + * Keep it honest, first-person, casual. No corporate speak. + * Example structure: + * - Why you started building this + * - The specific pain you felt + * - What you hope it becomes + * - An honest admission of where it is right now + * ────────────────────────────────────────────────────────────── + */} +

+ [Your founder note goes here — a few honest sentences about why you're building DumpIt, + the problem you kept running into, and what you're trying to make possible. + Supply the text and it'll be dropped in exactly here.] +

+
+
) } -export default SocialProof +export default FounderNote diff --git a/app/page.tsx b/app/page.tsx index 0c76021..8f8081e 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -2,10 +2,11 @@ import Navbar from './components/landing/Navbar' import Hero from './components/landing/Hero' -import Vision from './components/landing/Vision' // Social Proof Bar +import FounderNote from './components/landing/Vision' // Founder note (replaces Social Proof) +import Roadmap from './components/landing/Roadmap' import HowItWorks from './components/landing/HowItWorks' import Platform from './components/landing/Platform' -import Features from './components/landing/Features' // Content Types +import Features from './components/landing/Features' // Content Types import ApiSection from './components/landing/ApiSection' import Pricing from './components/landing/Pricing' import FAQ from './components/landing/FAQ' @@ -17,12 +18,13 @@ export default function Home() {
- {/* Social Proof Bar */} - {/* 4-step process */} - {/* Web / Extension / API / MCP */} - {/* Content Types: links, notes, PDFs, etc. */} - {/* API & MCP code block */} - {/* Founding CTA + 3 tiers */} + {/* Founder note — replaces fake social proof */} + {/* Compact roadmap: Live / Building now / Next */} + {/* 4-step process */} + {/* Web / Extension / API / MCP */} + {/* Content Types: links, notes, PDFs, etc. */} + {/* API & MCP code block */} + {/* Founding CTA + 3 tiers */} {/* 6 FAQ accordion */} {/* Stop losing what you learn */}