76 lines
3.9 KiB
Markdown
76 lines
3.9 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 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.
|