diff --git a/PROJECT.md b/PROJECT.md index c37f4f0..f43c8f6 100644 --- a/PROJECT.md +++ b/PROJECT.md @@ -3,58 +3,46 @@ ## 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 revision focused on UX/content-structure consistency for people imagery and team bio presentation. +- Content source remains `site.config.js` for factual data (team, literature, testimonials, news, contact), with targeted page-level verbatim official copy now applied where required. +- This revision focused on header brand cleanup and official copy alignment across Home/Research/Testimonials. ## 2) Updated file structure notes (files changed in this pass) -- `views/company.ejs` -- `public/css/style.css` -- `public/js/main.js` +- `views/partials/header.ejs` +- `views/index.ejs` +- `views/research.ejs` +- `views/testimonials.ejs` - `PROJECT.md` ## 3) Navigation/routes - Primary nav remains: `/`, `/about-autotq`, `/company`, `/research`, `/literature`, `/news`, `/testimonials`, `/contact`. - Team profile links from the Company roster continue to use slug routes (e.g., `/`). -## 4) Design system notes (this revision) -- Reinforced visual logic: profile/headshot treatment is now isolated to the team roster cards. -- Narrative sections (Company mission and Operating mission) continue using neutral/non-profile supporting media (`company4`, `company5`). -- Added dedicated team-roster card styles and a clear CTA hierarchy for bio reveal (`Read bio` button + collapsible panel). +## 4) Design system notes (current) +- Header brand area now renders **logo only** (removed redundant plain-text wordmark next to logo). +- Existing logo treatment remains transparent (no forced white logo container/background styles introduced). +- Existing SEO metadata and heading architecture in `views/layout.ejs` remains unchanged. -## 5) Component patterns now used -- Existing split sections and capability cards retained for company narrative blocks. -- New team-specific component set: - - `.team-roster` (2-column responsive grid) - - `.team-person-card` (headshot + person details) - - `.btn-team-bio` (bio reveal control) - - `.team-bio-panel` (collapsible bio region) -- Bio reveal behavior is managed by progressive JS and keeps native button keyboard behavior. +## 5) Component/content patterns now used +- Home page now includes required official mission/product/problem statements verbatim in semantically relevant hero, context, and evidence-adjacent sections. +- Research source cards now present the exact occlusion and first-time-user claim lines verbatim. +- Testimonials page now presents required direct quote cards verbatim with exact required attributions. ## 6) Content/layout updates by page -- **Company (`company.ejs`)** - - Kept non-team sections free of employee portraits in mission/operating mission blocks. - - Reworked “Leadership and specialists” into a true roster with each person’s headshot, name, role, and a `Read bio` button. - - Added collapsible bio panel per person instead of displaying long bios inline by default. -- **Audit pass completed (no edits required):** - - `views/literature.ejs` - - `views/testimonials.ejs` - - `views/about-autotq.ejs` - - `views/research.ejs` - - `views/index.ejs` - - These pages were verified to use non-employee support visuals in narrative sections. +- **Header (`views/partials/header.ejs`)** + - Removed plain text `AutoTQ` wordmark from brand block; retained logo image + home link behavior. +- **Home (`views/index.ejs`)** + - Inserted required exact official copy lines including mission statement, product description line, AED placement line, and trauma statistics statements. +- **Research (`views/research.ejs`)** + - Replaced summary claim text with exact official occlusion and first-time-user lines. +- **Testimonials (`views/testimonials.ejs`)** + - Ensured required five direct quote cards are present exactly as provided. +- **Company (`views/company.ejs`)** + - No structural changes required this pass; mission/operating mission sections remain free of employee headshots, while team images remain in roster area with Read bio behavior intact. -## 7) JS behavior updates -- `public/js/main.js` now includes a scoped team bio accordion behavior: - - Uses `.team-bio-toggle` buttons with `aria-expanded` + `aria-controls`. - - Toggles `hidden` state on associated `.team-bio-panel`. - - Keeps one bio open at a time within the company roster for cleaner scanning. - - Button labels switch between **Read bio** / **Hide bio**. +## 7) Accessibility/UX notes +- Navigation, CTA, and semantic section structure preserved. +- Testimonial quote rendering remains readable in existing card pattern. -## 8) Accessibility/UX notes -- Team bio interaction is button-based and keyboard accessible by default. -- ARIA state and controlled-region linkage are implemented per card. -- Visual hierarchy now clearly separates abstract/company claims from individual people content. - -## 9) Known TODOs -- Optional next pass: animate panel expansion/collapse while preserving reduced-motion preferences. -- Optional next pass: consolidate legacy unused classes (`.people-list`, `.person-row`, `.team-grid`, `.team-card`) if no longer referenced elsewhere. +## 8) Known TODOs +- Optional next pass: reconcile whether testimonials should be fully config-driven again while preserving exact required quotes. +- Optional next pass: centralize official copy constants for easier compliance updates. diff --git a/views/index.ejs b/views/index.ejs index aa51042..02b0093 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -4,8 +4,9 @@

Mission-Driven Emergency Readiness

-

When hemorrhage risk is measured in minutes, response clarity matters.

-

AutoTQ focuses on helping people act under pressure through one-button activation and guided steps designed for high-stress moments.

+

We exist to stop preventable deaths from blood loss.

+

AutoTQ is the automatic tourniquet that talks you through stopping the bleed.

+

AutoTQ is the automatic emergency tourniquet that empowers anyone to stop the bleed with audio instructions and one-button activation. Proudly Assembled in the USA, United States Utility Patented, and FDA Registered.

Plan a Deployment Review Research Links @@ -20,7 +21,7 @@
-

"Empowering anyone to stop the bleed with audio instructions and one-button activation."

+

"Our mission is to equip, empower, and educate any bystander willing to help in an emergency with the power to do so."

@@ -30,13 +31,9 @@ Team development and readiness planning
-

The challenge is not urgency alone — it is correct action under stress.

-

Emergency scenes often involve first-time responders, noise, and confusion. AutoTQ’s design focus is practical usability so application steps are easier to execute when seconds count.

-
    -
  • Addresses hemorrhage response where immediate intervention can be critical.
  • -
  • Supports first-on-scene users with guided operation rather than complex setup.
  • -
  • Built around broad emergency readiness use cases in public and professional settings.
  • -
+

Blood loss is the leading cause of preventable death in trauma.

+

Traditional tourniquets can stop bleeding, but are misapplied >84% of the time immediately after training.

+

Patients arriving without prehospital tourniquets experience a 4.5x higher mortality rate due to hemorrhagic shock.

@@ -44,14 +41,8 @@
-

Use-context readiness

-

AutoTQ is positioned for organizations that need dependable bleeding-control preparedness across diverse environments.

-
-
SchoolsEmergency planning support for campuses and student activity areas.
-
ConstructionHigh-risk jobsite preparedness where rapid intervention capability is essential.
-
Public venuesScalable readiness for spaces with large and changing foot traffic.
-
First response teamsOperational integration conversations for trained public safety personnel.
-
+

Anywhere an AED is located, AutoTQ is the automatic tourniquet should be right there alongside.

+

We exist to stop preventable deaths from blood loss.

AutoTQ deployment readiness across industries diff --git a/views/partials/header.ejs b/views/partials/header.ejs index d4f48c2..42289b0 100644 --- a/views/partials/header.ejs +++ b/views/partials/header.ejs @@ -2,7 +2,6 @@