Stride

Stride is an AI-powered executive coaching platform that builds a genuine relationship with professionals over time. Unlike traditional coaching apps that reset with each session, Stride remembers user history, learns preferences, and evolves alongside them.

Overview

Stride offers:

• Personalized Coaching: Custom strategies based on your specific professional needs
• Continuous Memory: Conversations build on previous interactions
• Evidence-Based Approaches: Access to proven coaching frameworks and leadership development techniques
• Flexible Communication: Text or voice interactions that can be switched seamlessly
• 24/7 Availability: Support exactly when needed, whether scheduled or during unexpected challenges
• Privacy-First Design: End-to-end encryption and comprehensive privacy controls

Getting Started

Prerequisites

• Node.js 18.x or later
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/stride.git
   cd stride

2. Install dependencies:

   npm install
   # or
   yarn install

3. Run the development server:

   npm run dev
   # or
   yarn dev

4. Open http://localhost:3000 with your browser to see the result.

Project Structure

stride/
├── app/                  # Next.js app directory
│   ├── components/       # Reusable UI components
│   ├── privacy/          # Privacy policy page
│   ├── terms/            # Terms of service page
│   ├── globals.css       # Global styles
│   ├── layout.tsx        # Root layout component
│   └── page.tsx          # Home page
├── public/               # Static assets
│   └── blog/             # Blog post images
├── next.config.ts        # Next.js configuration
├── package.json          # Project dependencies and scripts
├── postcss.config.mjs    # PostCSS configuration
├── tsconfig.json         # TypeScript configuration
└── generate-blog-images.js # Script to generate blog images

Key Components

• Header: Navigation and branding
• Footer: Site links and legal information
• FeatureHighlights: Showcases key product features
• UserStories: Real user testimonials
• CommunicationFlexibility: Explains text/voice interaction options
• CoachingComparison: Compares Stride with traditional coaching
• PricingTiers: Displays available subscription plans
• PrivacySection: Highlights privacy features
• GettingStarted: Explains the onboarding process

Styling

The project uses:

• Tailwind CSS for styling
• Custom CSS variables for theming
• Dark mode support via media queries
• Responsive design for all screen sizes

Deployment

The easiest way to deploy this Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out the Next.js deployment documentation for more details.

Legal Pages

The site includes comprehensive legal documentation:

• Privacy Policy: Details data collection, usage, and user rights
• Terms of Service: Outlines usage terms, disclaimers, and legal agreements

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

Blog Image Generation

The project includes a script to automatically generate images for blog posts:

# Install required dependencies
npm install axios

# Run the script with your Ideogram API key
IDEOGRAM_API_KEY=your_api_key_here node generate-blog-images.js

The script:

1. Extracts blog post data from the blog page
2. For each post without an image:
   • Gets the full content from the slug page
   • Uses Claude to generate a Midjourney prompt based on the content
   • Calls Ideogram API to create an image
   • Saves the image to public/blog/[slug].jpg
   • Updates the imageUrl in the blog posts array
3. Updates the blog page file with the new image URLs

Requirements:

• Claude CLI installed (or modify to use Claude API directly)
• Ideogram API key

License

MIT License

Contact

For questions or support, please contact: support@stridecoaching.ai