Build High-Converting Landing Page for Productivity SaaS (Next.js + Tailwind)

I'm looking for a talented web designer/developer to create a beautiful, conversion-focused homepage for **brain.org**, a new organizational and knowledge management platform. The homepage will be the primary destination for visitors arriving from online advertising campaigns. Its goal is to clearly communicate the product's value, visually demonstrate its capabilities, and convert visitors into paid subscribers. This is not simply a development project. I'm looking for someone who can combine: * Landing page design * UI/UX thinking * Graphics creation * Product visualization * Feature demonstration * Front-end implementation The final result should feel comparable to modern SaaS landing pages from companies like Notion, Linear, Arc, Superhuman, or Readwise—clean, minimal, visual, and highly focused on conversion. About brain.org Tagline **"One place for the things you want to keep."** Core Features * Save information via SMS text message * Store notes, lists, links, images, videos, podcasts, and voice recordings * Powerful search across everything * Reminders and follow-up tools * Designed as a single place to organize important information Pricing * Monthly Plan: $4.99/month * Annual Plan: $39/year Both plans link to: `/join` --- What I Need I need a complete homepage experience that includes: Hero Section * Strong headline and positioning * Product-focused visuals * Clear CTA Product Demonstration Sections Visually explain: * Texting content into the platform * Saving different content types * Search functionality * Reminders * Organization and retrieval Custom Graphics & Visual Assets You should create: * Illustrations * Mockups * Product screenshots * Visual feature callouts * UI demonstrations Animated Demonstrations (Preferred) Simple animations or walkthroughs that show: * Sending a text to the brain * Information appearing in the app * Searching and retrieving saved content * Reminder workflows These can be lightweight animations, screen recordings, GIFs, Lottie files, or other web-friendly formats. ### Conversion Sections * Benefits * Feature comparisons * Pricing presentation * FAQ * Final CTA --- Existing Technical Stack Framework * Next.js 16 (App Router) * Tailwind CSS * Vercel Deployment Homepage Location The homepage currently exists in: `src/app/page.tsx` This is a **server component**. Important Technical Constraints * Do NOT use useState or useEffect inside page.tsx * If client-side interactivity is needed, create: `src/app/HomeClient.tsx` with: `'use client'` and import it into page.tsx Images Static assets: `public/` Reference as: `/image.png` Optimized images: Use Next.js Image component: `next/image` External Images If using external image sources or a CDN, note that domains must be added to: `next.config` under: `images.remotePatterns` ### Dark Mode Dark mode is already configured via Tailwind. Any new UI elements should include appropriate: `dark:` variants. Existing Links (Must Remain) Get Started: `/join` Sign In: `/login` Footer The footer component already exists: `src/components/Footer.tsx` Please leave it intact. --- What I'm Looking For Ideal candidates should have experience building: * SaaS landing pages * Product marketing websites * Startup websites * Conversion-focused homepages Please include: 1. Examples of SaaS landing pages you've designed and built 2. Examples of custom product visuals or animations you've created 3. Your approach for visually demonstrating software products 4. Confirmation that you can work within the existing Next.js/Tailwind codebase --- Deliverables * Fully designed homepage * Responsive desktop and mobile layouts * All graphics and visual assets * Product demonstration animations/videos (if included) * Production-ready implementation within the existing codebase * Clean, maintainable code If you've built modern SaaS marketing sites and understand how to visually communicate software products, I'd love to see your work.