Skip to content

hlee/blind-spot-landing

Repository files navigation

Blind Spot Landing Page

A premium landing page for the Blind Spot competitive intelligence platform by FeedMob 2.0.

Features

  • Next.js 14 with App Router
  • TypeScript for type safety
  • Tailwind CSS for styling
  • Framer Motion for smooth animations
  • NextAuth.js for authentication
  • AI-Generated Images using Gemini Image MCP
  • Responsive Design optimized for all devices

Demo Credentials

Username: ken9
Password: feedmob2026

Getting Started

  1. Install dependencies:
npm install
  1. Run the development server:
npm run dev
  1. Open http://localhost:3000 in your browser

  2. Login with the demo credentials above to access the landing page

Landing Page Sections

  1. Hero Section - Eliminate Your Competitive Blind Spots
  2. Problem Statement - Why Ambitious Brands Stay Stuck at #2
  3. Solution (Three Pillars):
    • Know Everything (24/7 Monitoring)
    • Act on What Matters (Strategic Playbooks)
    • Execute if You Need Us (Media Execution)
  4. How It Works - The Autonomous Intelligence Pipeline
  5. Key Capabilities - 6 core features with AI-generated visuals
  6. Results/Proof - Fortune 500 Intelligence, Growth-Stage Speed
  7. CTA Section - Demo request form

Technology Stack

  • Framework: Next.js 14 (App Router)
  • Language: TypeScript
  • Styling: Tailwind CSS
  • Animations: Framer Motion
  • Authentication: NextAuth.js with credentials provider
  • Images: AI-generated using Gemini Pro (2K resolution)
  • Fonts: Geist Sans & Geist Mono

Authentication

The landing page is protected by NextAuth.js middleware. Visitors must authenticate with the demo credentials to view the content. This allows you to share the URL with potential clients while keeping it private.

Deployment

This project can be deployed to:

  • Vercel (recommended)
  • Netlify
  • Any hosting platform that supports Next.js

Make sure to set the following environment variables:

NEXTAUTH_URL=https://your-domain.com
NEXTAUTH_SECRET=your-secret-key

Design Philosophy

The landing page follows an "Enterprise SaaS Premium" visual approach:

  • Dark mode with deep navy (#0A1628) and electric blue (#3B82F6) color scheme
  • Sophisticated animations and transitions
  • Fortune 500 intelligence positioning
  • Glassmorphic UI elements
  • Radial gradients and glow effects

Mission

To guarantee clients win their category by combining always-on AI-powered competitive intelligence with decisive media execution—eliminating the blind spots that keep ambitious brands from reaching number one.

Contact

For more information about Blind Spot or FeedMob 2.0, please visit the demo site.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages