63 lines
3.1 KiB
Markdown
63 lines
3.1 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/partials/header.ejs`
|
||
- `views/partials/footer.ejs`
|
||
- `views/index.ejs`
|
||
- `views/company.ejs`
|
||
- `views/research.ejs`
|
||
- `views/literature.ejs`
|
||
- `views/testimonials.ejs`
|
||
- `views/news.ejs`
|
||
- `views/contact.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) Known TODOs
|
||
- If any legacy `config.nav` entries still include old/unused links, optionally clean that array in `site.config.js` for full parity with curated header/footer nav.
|
||
- Consider per-page metadata and richer alt text pass for SEO/accessibility polishing.
|