2 hours ago

Design the structure and layout of the ReVend homepage (marketing website). Context • Product: ReVend — a B2B platform for buying and selling IT hardware between ITADs and professional buyers. • Audience: ITADs, brokers, refurbishers, enterprise buyers. • Goal of the page: make visitors immediately understand what ReVend does, why it is different, and why it is trustworthy — before any call to action. Design constraints (mandatory) • Use only components and patterns compatible with shadcn/ui (Tailwind-based, minimal, neutral). • You may reference Aceternity UI–style effects only if they remain subtle and Tailwind-compatible. • No images, no illustrations, no dashboards — text, layout, spacing, hierarchy only. • Clean, calm, professional. No hype, no startup clichés. Page structure to design 1. Hero section • Rotating hero using tabs or segmented controls (Buy / Sell / Inventory / Agreements / Intent). • Each state shows: • One strong headline • One short supporting paragraph • Visual emphasis through spacing, typography, and containers — not graphics. 2. Core value section • Explain, in plain language, what ReVend actually is. • Focus on: inventory-first logic, structured negotiations, intent-based engagement. 3. How it works (high level) • 3–4 steps, very compact. • Emphasize continuity from inventory → listing → negotiation → deal. 4. Why ReVend exists • Short section contrasting ReVend with email threads, spreadsheets, broadcast platforms. • Matter-of-fact tone, slightly witty, no sarcasm. 5. Who it is for • ITADs, brokers, buyers. • One sentence per audience. 6. Closing CTA (soft) • Informational CTA (e.g. “Explore products”, “View pricing”). • No “Request access” or “Go to app” dominance. Output requirements • Produce a section-by-section layout description. • For each section: • Describe layout (containers, columns, spacing). • Mention which shadcn-style components fit (Tabs, Cards, Separator, etc.). • Do NOT write full copy. • Do NOT generate code. • Focus on structure, hierarchy, and flow only.

Fork

Windframe is an AI visual editor for rapidly building stunning web UIs & websites

Start building stunning web UIs & websites!

Build from scratch or select prebuilt tailwind templates