Skip to content

feat: Redesign landing page with scroll-based storytelling (#22)#24

Merged
DevanshuNEU merged 2 commits into
OpenCodeIntel:mainfrom
DevanshuNEU:feature/landing-page-redesign
Dec 5, 2025
Merged

feat: Redesign landing page with scroll-based storytelling (#22)#24
DevanshuNEU merged 2 commits into
OpenCodeIntel:mainfrom
DevanshuNEU:feature/landing-page-redesign

Conversation

@DevanshuNEU

Copy link
Copy Markdown
Collaborator

Summary

Complete redesign of the landing page with a story-driven approach. Users now experience a clear narrative as they scroll: Problem → Solution → How it Works → Features → CTA.

Changes

Hero Section (Above the Fold)

  • Clean, focused design with ONE action: try the search
  • Pain-point headline: "grep returned 847 results"
  • Live search demo with repo selector

Scroll Story Sections

  • The Problem: Terminal visualization showing grep chaos (847 results)
  • The Solution: CodeIntel demo showing clean, single result (94% match)
  • How It Works: 3-step process (Index → Search → Find)
  • Features: MCP Integration, Speed, Code Intelligence, Open Source
  • Final CTA: Clear conversion path with GitHub star option

Technical

  • IntersectionObserver-based scroll animations
  • Fade-in effects as sections come into view
  • Dark theme (#09090b) for developer aesthetic
  • Removed bland "Powered by" section

Result

  • Clear value proposition immediately visible
  • Story unfolds naturally as user scrolls
  • Each section builds on the previous one
  • Strong emotional connection through problem visualization

Closes #22

- New LandingPage component with dark theme (#0a0a0b)
- Pain-point headline: 'grep returned 847 results'
- Semantic search box with gradient glow effect
- Repo selector pills (Flask, FastAPI, Express)
- Trust indicators (speed, no signup, free searches)
- Example queries for quick testing
- Search results with syntax highlighting
- Rate limit banner with signup CTA
- Features preview section (Semantic Search, MCP, Code Intel)
- Clean minimal navigation and footer
- Badge component with custom variants

Part of landing page redesign (OpenCodeIntel#22)
- Remove bland 'Powered by' section
- Add scroll-based story flow with animations
- 'The Problem' section: grep chaos terminal visualization
- 'The Solution' section: CodeIntel clean result demo
- 'How It Works' section: 3-step process
- 'Features' section: MCP, Speed, Intelligence, Open Source
- Final CTA with GitHub star button
- IntersectionObserver for fade-in animations
- Cleaner visual hierarchy and spacing

Part of landing page redesign (OpenCodeIntel#22)
@vercel

vercel Bot commented Dec 5, 2025

Copy link
Copy Markdown

@DevanshuNEU is attempting to deploy a commit to the Dev's projects Team on Vercel.

A member of the Team first needs to authorize it.

@vercel

vercel Bot commented Dec 5, 2025

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
opencodeintel Ready Ready Preview Comment Dec 5, 2025 4:53am

@DevanshuNEU DevanshuNEU merged commit 0d970d2 into OpenCodeIntel:main Dec 5, 2025
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat: Redesign landing page for instant value demonstration

1 participant