autotq-modern-ejs/PROJECT.md

3.8 KiB
Raw Blame History

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
  • company1company7
  • 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.