[WIP] Website
[!note] Working Copy Directory
Source Directory:
www/www.arogyadost.in/content/This directory is a temporary working copy for content development and testing.
Directory Structure:
website/ ├── content/ # Active content files ├── requested-changes/# Work-in-progress files ├── archive/ # Change logs and old versions ├── www/ # Source directory mirror └── README.md # This fileWorkflow:
# Pull latest from source cp www/www.arogyadost.in/content/*.md content/ # Make changes in content/ directory # Test and validate changes # Push changes back to source cp content/*.md www/www.arogyadost.in/content/Important:
Edit files in
content/directory for developmentUse
requested-changes/for experimental contentSync changes back to source directory when ready
This directory contains comprehensive markdown files extracted from the HTML pages, organized for easy content editing and management.
Files Overview
1. home-page.md
Source: /index (index.html) Purpose: Main landing page content
Sections:
Meta information and SEO tags
Navigation structure with logo and links
Hero section with 3 animated headlines and 8 hero images
Trusted Partners section (8 partners with logos and descriptions)
Home About section with scroll animation
Our Impact section (3 impact stories with images)
Services preview (3 services with images)
Call-to-action with background video
Footer with social links and copyright
Key Editable Elements:
Hero headlines (3 rotating messages)
Hero tagline
Partner names and descriptions
Impact story titles and descriptions
Service titles and descriptions
CTA messaging
Image Assets:
8 hero gallery images (various responsive sizes)
8 partner logos (SVG format)
1 about section image
3 impact story main images + 3 background images
3 service images
1 CTA background video (MP4 + WebM formats)
2. about-page.md
Source: /about (about.html) Purpose: About Aarogyadost page
Sections:
Meta information
Navigation structure
Header with main heading
Rotating cube/carousel (4 images/videos with captions)
Approach section (3 steps: Briefing, Action, Results)
Values section (3 values with images)
Team section (4 team members with photos)
Footer
Key Editable Elements:
Main heading
Carousel captions (4 items)
Approach descriptions (3 items) - NEEDS UPDATE
Values descriptions (3 items) - NEEDS UPDATE
Team member info (4 members) - NEEDS UPDATE
Priority Updates Needed:
Replace placeholder text in Approach section
Replace placeholder text in Values section
Replace team photos and info with actual team
Image Assets:
4 carousel images (3 static images + 1 video)
3 approach images (2 static + 1 video)
3 values section images
4 team member photos
3. contact-page.md
Source: /contact (contact.html) Purpose: Contact/Get Started page
Sections:
Meta information - NEEDS UPDATE
Navigation structure
Main heading - CONSIDER UPDATING
Contact form (4 fields: Name, Email, Subject, Message)
Success and error messages
FAQ section (3 FAQs) - NEEDS COMPLETE REPLACEMENT
Footer
Key Editable Elements:
Page title and description
Main heading
Form field labels and placeholders
Submit button text
Success message
FAQ questions and answers (currently placeholder text)
Priority Updates Needed:
Update all meta information
Replace placeholder FAQ content with real questions
Update form labels for consistency
Enhance success message with response time
Add 5+ additional relevant FAQs suggested in the file
Image Assets:
No unique images (uses common navigation/footer assets)
4. services-page.md
Source: /works/index.html Purpose: Services overview page
Sections:
Meta information
Navigation structure
Header section - NEEDS UPDATE
Service offerings (3 services) - NEEDS REPLACEMENT
Call-to-action section with video background
Footer
Key Editable Elements:
Main heading (currently "Work" - should be "Services")
Service titles and descriptions
CTA messaging
Priority Updates Needed:
Change "Work" to "Services" or "Solutions"
Replace placeholder projects (Chromor, Movi, Grano) with:
Biological Age Assessment
Family Health Management
Health Data Vault
Update all images to health-related visuals
Create individual service detail pages
Suggested Service Structure Included:
Detailed outlines for 3 core services
How it works sections
Key features and benefits
Target audience definitions
Pricing sections (to be filled)
Image Assets:
3 service main images
3 service background images
1 CTA background video (MP4 + WebM)
5. resources-page.md
Source: /blog/index.html Purpose: Blog/Resources listing page
Sections:
Meta information
Navigation structure
Header section - CONSIDER UPDATING
Article listings (3 articles) - NEEDS REPLACEMENT
Newsletter subscription form
Footer
Key Editable Elements:
Main heading (currently "Articles" - consider "Health Insights")
Subheading (needs health/wellness focus)
Article titles, descriptions, and dates
Newsletter section heading
Success message
Priority Updates Needed:
Update heading to "Health Insights" or "Resources"
Replace placeholder articles with health content
Update all images to health-related visuals
Enhance newsletter section with value proposition
Suggested Content Included:
30+ article topic ideas across 6 categories:
Longevity & Aging Science (5 topics)
Preventive Health (5 topics)
Family Health (5 topics)
Technology & Data (5 topics)
Lifestyle & Wellness (5 topics)
Indian Health Context (5 topics)
Content strategy guidelines
SEO keyword recommendations
Newsletter strategy
Article structure template
Image Assets:
3 article featured images
Newsletter arrow icon (SVG)
Common Elements Across All Pages
Navigation Bar
Logo: images/logo-3.svg
Note: Inconsistent on services/blog pages (uses ../logo.png - needs fixing)
Links: Home (/), About (/about), Services (/works), Resources (/blog)
CTA Button: Get Started → /contact
Footer
Brand: Aarogyadost
Note: Some pages show "Noura™" - needs global update
Page Links:
Column 1: Home, About, Services
Column 2: Health Insights, Contact, Get Started
Social Media:
Instagram (images/social-insta.svg)
X/Twitter (images/social-x.svg)
YouTube (images/social-yt.svg)
Copyright: © 2025 Aarogyadost. Built with care in Bangalore, India. Empowering longevity for all Indians.
Template Links: Instructions, Style guide, Licenses, Changelog
Technical Assets
CSS:
css/hareeshs-dynamite-site.webflow.shared.d6df67946.css
JavaScript:
js/jquery.js?site=693a9de2cbc229743ef0f27a
js/webflow.schunk.8208d3e53b97e3c7.js
js/webflow.schunk.7de23e102ed77c2f.js
js/webflow-script.js (home)
js/webflow-script-1.js (about/services)
js/webflow-script-2.js (contact/blog)
js/gsap.min.js
js/splittext.min.js
js/scrolltrigger.min.js
Special Assets:
js/globe.json (Lottie animation for home page location)
Icons & Branding:
images/favicon.png
images/app-icon.png
images/logo-3.svg (main logo)
images/social-insta.svg
images/social-x.svg
images/social-yt.svg
images/icon-arrow-right.svg (newsletter submit)
Content Update Priority
High Priority (Do First)
1. About Page
Approach section: Replace all 3 placeholder descriptions with actual methodology
Values section: Replace all 3 placeholder descriptions with company values
Team section: Replace all 4 team members with actual staff info and photos
2. Contact Page
Meta information: Update title and description to health/longevity focus
FAQ content: Replace all 3 placeholder FAQs with real questions
Add FAQs: Implement 5+ additional suggested FAQs from the file
3. Services Page
Main heading: Change "Work" to "Services" or "Solutions"
All 3 services: Replace project names and descriptions with health services
Service images: Replace with health-related visuals
4. Resources Page
All 3 articles: Replace titles, descriptions, and content with health topics
Article images: Replace with health/wellness imagery
Medium Priority (Do Next)
1. Global Updates
Logo path: Fix inconsistency on services/blog pages
Footer brand: Remove all "Noura™" references
Navigation labels: Ensure consistency across pages
2. Enhancement
Service pages: Create detailed individual service landing pages
Blog articles: Write actual article content (not just listings)
Team expansion: Add more team members as team grows
FAQ expansion: Add more FAQs to contact page
Low Priority (Future)
Update social media URLs from placeholders to real profiles
Create/update template documentation links
Add more partners to Trusted Partners section
Write additional blog articles (ongoing)
Add testimonials and case studies
Image Replacement Guidelines
Priority Image Replacements
Services Page
Replace design/fashion images with:
Health dashboard screenshots
Medical/clinical imagery (appropriate and professional)
Indian families using the platform
Lab reports/biomarker visualizations
Doctor-patient interactions
About Page
Replace generic/template images with:
Real team photos (professional headshots)
Actual product screenshots
Indian healthcare settings
Office/workspace photos
Customer testimonial scenes
Resources Page
Replace design/branding images with:
Health illustrations and infographics
Medical diagrams (when appropriate)
Indian health contexts (pollution, diet, lifestyle)
Wellness activities (yoga, exercise, meditation)
Family health scenarios
Image Specifications
Hero images
500w-1920w
WebP/JPG
Responsive srcset
Service images
500w-2600w
WebP/JPG
Multiple breakpoints
Article images
500w-2000w
WebP/JPG
Featured images
Logos
N/A
SVG
Vector preferred
Team photos
500w-1000w
WebP/JPG
Consistent style
Icons
N/A
SVG
Scalable vectors
Content Writing Guidelines
Tone of Voice
Professional yet approachable: Expert but not intimidating
Science-backed but accessible: Use research but explain clearly
Encouraging and empowering: Focus on agency and control
Culturally aware: Indian context, sensitivities, and examples
Honest about limitations: Don't overpromise or provide medical advice
Key Messaging Points
Longevity focus: India's first longevity-focused health platform
Family-first: Unique multi-generational health management
User-owned data: Complete data ownership, privacy, and control
Science-backed: PhenoAge algorithm, peer-reviewed research
India-specific: Pollution-adjusted metrics, ABDM integration, local context
SEO Keywords
Primary Keywords:
Biological age tracking
Longevity platform India
Family health management
Preventive health India
Health data ownership
PhenoAge algorithm
Secondary Keywords:
ABDM integration
Pollution-adjusted health metrics
Multi-generational health tracking
Indian longevity clinic
Healthspan optimization
Personal health OS
Long-tail Keywords:
Track biological age India
Family health records management
Pollution impact on health India
Preventive healthcare platform
User-owned health data
Editing Workflow
For Text Content
Open the relevant .md file in any text editor
Find the section you want to edit using headings
Update the text content (keep formatting consistent)
Keep all image paths intact (don't modify)
Preserve markdown syntax (**, ##, -, etc.)
Save changes
Review changes before implementation
For Adding New Content
Follow the existing structure and format
Use consistent heading levels (##, ###, ####)
Include image paths where applicable (even if TBD)
Add clear labels for editable vs. structural elements
Include content editing notes at the end
Mark with [NEW] tag for easy identification
For Updating Images
Note the current image path in the markdown
Replace the image file in the appropriate directory (/images/ or /images subdirs)
Update the path in the markdown only if the filename changes
Update alt text to accurately describe the new image
Maintain responsive srcset values (or add if missing)
Test image loading on multiple screen sizes
Questions or Issues?
If You Need To:
Add new sections:
Follow the existing markdown structure
Use consistent heading hierarchy
Include image placeholders
Note any special requirements
Change page structure:
Document structural changes needed
Note that HTML/CSS may need updates
Discuss with development team first
Add new pages:
Create a new .md file following the same format
Include all standard sections (meta, nav, footer)
Document the page purpose and key sections
Add to this README
Update navigation:
Changes must be reflected across all 5 pages
Update both navigation and footer sections
Ensure link consistency
Modify forms:
Note field IDs and names (important for backend)
Document form structure changes
Include validation requirements
Consider user experience impact
Notes for Developers
When Implementing Content Changes:
Path Resolution:
All relative image paths (../) need proper resolution
Maintain consistency: use images/ for all pages
Global Updates Needed:
Logo path: services/blog pages use ../logo.png, should use images/logo-3.svg
Footer branding: Remove "Noura™", use "Aarogyadost" everywhere
Copyright: Ensure consistent across all pages
Form Configuration:
Contact form needs backend endpoint
Newsletter form needs email service integration
Success/error handling needs implementation
External Integrations:
ABDM links need to be configured
Partner URLs need to be added
Social media URLs need updating from placeholders
Video Assets:
Home page CTA and About page have background videos
Ensure both MP4 and WebM formats load properly
Test autoplay, loop, and muted attributes
Animations:
Home page uses Lottie animation (globe.json)
GSAP, SplitText, ScrollTrigger used throughout
Test animation performance on mobile
Content Strategy Summary
Blog Content Plan (from resources-page.md)
Category Distribution:
Longevity & Aging Science: 5 topics
Preventive Health: 5 topics
Family Health: 5 topics
Technology & Data: 5 topics
Lifestyle & Wellness: 5 topics
Indian Health Context: 5 topics
Publishing Frequency:
Weekly: 1-2 new articles
Monthly: 1 in-depth guide
Quarterly: Research summaries
Content Mix:
40% Educational (explain concepts)
30% Practical (actionable tips)
20% Inspirational (stories, case studies)
10% Promotional (product features)
Newsletter Strategy
Content Ideas:
Weekly health tip
Latest research summary
Success story spotlight
Platform feature highlight
Upcoming webinar/event
Seasonal health advice
Segments:
New subscribers (onboarding series)
Active users (engagement content)
Inactive users (re-engagement)
By demographic (age, gender)
By interest (longevity, family, data)
File Paths Quick Reference
Content Files (this directory)
HTML Files (root directory)
Asset Directories
Version History
Version 1.0 - 2025-12-17
Initial comprehensive content extraction
Created detailed markdown files for all 5 pages
Added image inventories and paths
Included content suggestions and guidelines
Documented technical assets and requirements
Contact & Maintenance
Last Updated: 2025-12-17 Maintained By: Content Team For Questions: [Contact information to be added]
Related Documents:
CONTENT_INVENTORY.txt (original requirements)
Brand Guidelines (to be created)
SEO Strategy (to be created)
Content Calendar (to be created)
Note: All markdown files contain detailed notes, suggestions, and priorities at the end of each file. Please review those sections when making updates to specific pages.
Last updated