Landing Page & Web Dashboard

The DefenSys landing page is a Next.js application with Clerk authentication. It includes a marketing site and a protected web dashboard for users who sign in.

Landing Page Sections

  • Hero – Main call-to-action and value proposition
  • Features – Feature showcase
  • Why Choose – Differentiators
  • FAQ – Frequently asked questions
  • Testimonials – Social proof
  • Download – Desktop and mobile app downloads

Authentication

Authentication is handled by Clerk. The middleware protects /dashboard and /api/protected/*. The docs section (/docs) is public and does not require login.

Web Dashboard

After signing in, users can access the web dashboard at /dashboard. It provides:

  • Simplified view of DefenSys metrics
  • Charts and data tables
  • License management (generate keys for desktop app)
  • Download tracking

Onboarding

New users may be directed to /onboarding to complete a usage profile (personal vs. business, company name, role, etc.). This data is sent to the Web API for analytics and personalization.

Environment Variables

Configure your environment using .env.local. Obtain keys from your Clerk dashboard and set your API base URL. Do not commit secrets to version control.

# .env.local (use your own values)
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_publishable_key
CLERK_SECRET_KEY=your_secret_key
NEXT_PUBLIC_API_URL=your_api_base_url
API_URL=your_api_base_url
NODE_ENV=development

Access Points

  • Landing: Your deployed URL or local dev server
  • Dashboard: /dashboard (login required)
  • Docs: /docs (no login required)