# Gatavase Corporation — full build plan

This is a large scope, so it ships in four phases. Each phase is usable on its own.

## Phase 1 — Brand, hero, SEO foundation
- Use the uploaded blue "G" mark as the favicon and as the logo in the header and footer (replacing the current letter tile).
- Hero: add an autoplaying, muted, looping ambient video clip of a Gatavase office (computers, people) behind the hero with a dark gradient overlay and a static poster fallback. The clip will be AI-generated since no footage was provided.
- `public/robots.txt` refresh, dynamic `/sitemap.xml` server route listing every route (including all new pages and blog posts).
- Per-page `head()` metadata (title, description, og:*, canonical) on every new route, plus JSON-LD: Organization sitewide, Article on blog posts, BreadcrumbList on deep pages, FAQPage where relevant.
- A shared keyword registry (300+ Gatavase-relevant SEO terms across AI, apps, blockchain, Uganda/Qatar, services) that automatically feeds each page's keyword meta and internal-linking blocks. This is the "SEO robot": a build-time helper that assigns relevant keyword clusters per page rather than stuffing every page with all 300.

## Phase 2 — Pages
- **Division pages with tailored CTAs**: Gazman Advanced Technologies, Gatavase Messenger, Destiny & Divine Foundation, Lil Gazman Music.
- **About page** rewritten with the supplied content: Kampala HQ, founder & CEO Kabogoza Fred Edwards, subsidiary Gazman Advanced Technologies Ltd, AI/enterprise/web/media services across Africa and the Middle East.
- **Footer link pages** (each a real route with unique copy and metadata): Website Development, App Development, Software Development, Networking, Graphics Design, Computer Training, Innovation, Kabo Browser, Secure Guard, Gatavase Search, Gatavase AI, Gatavase Podcast, Gatavase SUVs, Robotics Engineering, Innovation Hub, Corporate, About Us, Projects, Community, Career, Downloads, Contact Us, Gatavase Radio, Gatavase Books, Gatavase Bolt, Gatavase Foundation, Legal, Legal Notice, Policy, Privacy, Cookies, Site map.
- Footer reorganized into grouped columns (Services, Products, Company, Legal) so 32 links stay readable.

Note: pages get real, specific copy, but service/product details beyond what you provided will be written as reasonable placeholders you can correct.

## Phase 3 — Backend (needs Lovable Cloud)
- Enable Lovable Cloud (database + auth + server functions).
- `contact_submissions` table; the contact form writes to it instead of opening a mail client.
- Admin auth (email/password) with a roles table — admin role required; no client-side role checks.
- `/admin` dashboard: list, search, filter by status/date, view detail, change status (new / contacted / qualified / archived), add internal notes, CSV export.
- Email notification to info@gatavase.com on every new lead (via Resend — you'll need to connect it or provide an API key).

## Phase 4 — Blog + analytics
- `blog_posts` table with categories: AI Automation, Mobile Apps, Blockchain, Social Impact.
- `/blog` index with category filtering, `/blog/$slug` post pages with Article JSON-LD, admin authoring UI under `/admin/blog`.
- Seeded with a few starter articles per category.
- Analytics: Google Analytics connector for pageviews, form-submission events, and outbound CTA clicks.

## Technical notes
- Stack stays TanStack Start; data access via server functions with RLS-protected tables.
- Admin routes live under an authenticated route group; role checks happen server-side via a `has_role` security-definer function.
- The video and logo are stored as CDN assets, not committed binaries.

## What I need from you
1. Confirm enabling Lovable Cloud (required for the admin dashboard, leads, and blog).
2. Email delivery: connect Resend, or should new-lead notifications only appear in the dashboard for now?
3. Analytics: Google Analytics connector, or Lovable's built-in analytics (simpler, pageviews only)?
