gator/autotq-modern-ejs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
autotq-modern-ejs/PROJECT.md

3.9 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 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.