77 lines
3.8 KiB
Markdown
77 lines
3.8 KiB
Markdown
# 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)
|
||
- `views/layout.ejs`
|
||
- `views/partials/header.ejs`
|
||
- `views/partials/footer.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`
|
||
|
||
## 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`)**: rebuilt with hero split, mission strip, challenge/context sections, use-case list, media band with video embeds, evidence orientation block, and mixed news/testimonial layout.
|
||
- **Company (`company.ejs`)**: removed Company Gallery block; replaced with mission/operations split + team presentation.
|
||
- **Research (`research.ejs`)**: added media-first section with video embed and clearer evidence reference rows.
|
||
- **News (`news.ejs`)**: added featured video band plus press row list.
|
||
- **Literature (`literature.ejs`)**: converted to structured document rows with stronger hierarchy.
|
||
- **Testimonials (`testimonials.ejs`)**: switched from uniform cards to quote rows.
|
||
- **Contact (`contact.ejs`)**: added media-supported hero and refined readiness-oriented intro.
|
||
|
||
## 7) Media inventory used in redesign
|
||
Reused existing configured assets (from `config.assets.images`) across pages:
|
||
- `hero`, `product`
|
||
- `company1`–`company7`
|
||
- team headshots (company page team cards)
|
||
|
||
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.
|