# PROJECT.md — autotq-modern-ejs

## 1) Site overview
- Stack: Node/Express + EJS templates + global CSS/JS.
- Brand/entity: **AutoTQ** / Golden Hour Medical, Inc.
- Content source remains `site.config.js` for factual data (team, literature, testimonials, news, contact).
- This update focused on a stronger visual hierarchy, mixed section layouts, and reduced repetitive card patterns.

## 2) Updated file structure notes (files changed in this pass)
- `views/layout.ejs`
- `views/index.ejs`
- `views/about-autotq.ejs`
- `views/company.ejs`
- `views/research.ejs`
- `views/literature.ejs`
- `views/testimonials.ejs`
- `views/news.ejs`
- `public/css/style.css`
- `PROJECT.md`

## 3) Navigation/routes
- Primary nav: `/`, `/about-autotq`, `/company`, `/research`, `/literature`, `/news`, `/testimonials`, `/contact`.
- **Removed Company Gallery references** from page structure and nav rendering behavior.

## 4) Design system (refresh)
- Updated primary red toward requested tone: `--brand-red: #d12020`.
- Complementary palette introduced with dark neutrals for contrast bands:
  - `--dark: #111315`
  - `--dark-soft: #1e2124`
  - white/light-gray surfaces for cleaner reading sections.
- Larger red/dark surface usage in hero, strip bands, and CTA moments while keeping body sections clean.

## 5) Component patterns now used
- Alternating split sections (`.split`, `.split-reverse`) for left/right rhythm.
- Media-first blocks (`.media-band`, `.media-stack`, `.video-grid`).
- Quote strip and quote row formats (`.quote-strip`, `.quote-row`) replacing repetitive equal cards.
- Context list and research/doc rows (`.context-list`, `.research-item`, `.doc-row`).
- News rows with left accent instead of repeated large cards.

## 6) Content/layout updates by page
- **Home (`index.ejs`)**: kept mixed-layout structure; replaced research-adjacent image with product visual and tightened internal anchor linking.
- **About (`about-autotq.ejs`)**: redesigned with high-contrast statistic showcase (`2`, `92%`, `100%`) and alternating split sections.
- **Company (`company.ejs`)**: moved away from headshot-heavy cards to capability cards + clean people list rows.
- **Research (`research.ejs`)**: added `#sources` anchor and expanded source-adjacent internal CTA links.
- **News (`news.ejs`)**: added `#press-links` anchor and split CTA band to drive research/literature discovery.
- **Literature (`literature.ejs`)**: improved heading hierarchy with section-level H2 and document-level H3 rows; added implementation CTA split section.
- **Testimonials (`testimonials.ejs`)**: kept quote-row format and added balanced contextual section with supporting links.

## 7) Media inventory used in redesign
Reused existing configured assets (from `config.assets.images`) across pages:
- `hero`, `product`
- `company1`–`company7`
- no new external assets introduced in this pass

Added provided YouTube embeds:
- `z7VjjfdjIhU`
- `l2ocd5el0Yc`
- `4PnhBm5WIg0`
- `rI2n9TlMYIU`

## 8) SEO and UX pass (this revision)
- Added global per-page metadata defaults in `views/layout.ejs`:
  - unique `<title>` + meta description mapping by `pageName`
  - canonical URLs
  - Open Graph + Twitter card defaults
- Improved internal linking and anchors:
  - Home evidence CTA links to `/research#sources`
  - News press list has `#press-links`
  - Research source section has `id="sources"`
- Replaced homepage research-adjacent visual with product imagery (`config.assets.images.product`) to avoid profile-style mismatch.
- Updated logo presentation in header/footer via transparent styling (removed white box treatment).
- Added shared UI consistency styles for new patterns: `.stats-showcase`, `.capability-grid`, `.people-list`, `.person-row`.

## 9) Known TODOs
- If route-level rendering does not pass expected `pageName` values on some pages, map those names in server routes so metadata mapping applies exactly.
- Optional next pass: expand structured data (`JSON-LD`) for organization and article/news items.