Create a separate landing page for LogLens that appears before entering the dashboard.
Match the Vercel / Sprint-style dark UI with a premium, minimal, futuristic 3D feel (soft gradients, subtle depth, glassmorphism, smooth parallax).
Include: hero section, product value proposition, animated preview mockups, feature highlights, trust logos, and a clear “Enter Dashboard” CTA.
Use smooth scroll, subtle 3D hover/parallax effects, and elegant transitions — visual polish only.
Do NOT modify, refactor, or touch any existing dashboard code, state, routing, or functionality.
The dashboard must remain exactly as-is and continue to work without regressions or errors.
Ensure the landing page is responsive, fast, error-free, and production-ready.Create a separate landing page for LogLens that appears before entering the dashboard.
Match the Vercel / Sprint-style dark UI with a premium, minimal, futuristic 3D feel (soft gradients, subtle depth, glassmorphism, smooth parallax).
Include: hero section, product value proposition, animated preview mockups, feature highlights, trust logos, and a clear “Enter Dashboard” CTA.
Use smooth scroll, subtle 3D hover/parallax effects, and elegant transitions — visual polish only.
Do NOT modify, refactor, or touch any existing dashboard code, state, routing, or functionality.
The dashboard must remain exactly as-is and continue to work without regressions or errors.
Ensure the landing page is responsive, fast, error-free, and production-ready.
Looking at the reference images:
- Hero section - Dark minimal design with large centered headline, subtitle, white CTA button, and floating product mockup below
- Features section - Two-column layout with glassmorphism cards showing AI features and code integration
- Social proof - Floating 3D mockups with depth, "Powering the world's best product teams" headline, and company logo grid
- AI section - Large headline with description, glassmorphism dropdown showing agent integrations
I'll create a premium Sprint-style landing page for LogLens without touching the dashboard code.
Now I'll create a premium Sprint-style landing page that matches the reference images with glassmorphism, subtle depth, and smooth animations:
I've created a premium Sprint-style landing page for LogLens with the following features:
Design Elements:
- Pure black (
#000000) background with subtle floating gradient orbs - Glassmorphism cards with
backdrop-blur-xland translucent borders - Smooth parallax scrolling effects on the dashboard mockup
- 3D hover/tilt effect on the main dashboard preview
- Animated log lines that fade in sequentially
Sections:
- Hero - Large headline with "LogLens is a purpose-built tool for analyzing and debugging logs", white CTA button, and a secondary "New: AI-powered insights" link
- Interactive Dashboard Mockup - Full 3D mockup with sidebar, stats, chart, live log stream, and AI insight panel
- Features Grid - Two-column layout with "Self-driving log analysis" (AI agent selector) and "LogLens MCP" (code integration showcase)
- Trust Section - "Powering the world's best engineering teams" with company logos
- AI Section - "AI-assisted log debugging" with description and CTA
- Feature Cards - Three cards for Pattern Detection, Zero Infrastructure, and Privacy First
- CTA Section - Final call-to-action with "Enter Dashboard" button
- Footer - Minimal footer with links
The dashboard code at /app/dashboard/page.tsx remains completely untouched.
I pulled the latest changes from v0/keerthanreddy1706-7261-81b72bb3 in v0-build-log-lens-platform.