Skip to content

Latest commit

Β 

History

64 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Path to Freedom Coaching

Website development for Path to Freedom Coaching LLC - A grace-based Christian coaching practice specializing in porn and sexual addiction recovery for men.

🌟 Overview

This website provides a complete online presence for a Christian coaching practice, featuring:

  • Modern, masculine but calming design
  • Grace-based approach highlighting influences like Sathiya Sam, Mark Laazer, The Cure, Nick Stumbo, Drew Boa, and Jay Stringer
  • Integrated scheduling via CoachVantage
  • Payment processing via Stripe and CoachVantage
  • Recovery app integration section
  • Mobile-responsive design

πŸ“ Website Structure

/
β”œβ”€β”€ index.html              # Homepage with hero, services overview, and testimonials
β”œβ”€β”€ about.html             # About page with grace model and influences
β”œβ”€β”€ services.html          # Services and pricing with Stripe integration
β”œβ”€β”€ app.html              # Recovery app features and integration
β”œβ”€β”€ resources.html        # Books, websites, podcasts, and tools
β”œβ”€β”€ contact.html          # Contact form and information
β”œβ”€β”€ privacy.html          # Privacy policy
β”œβ”€β”€ terms.html            # Terms of service
β”œβ”€β”€ css/
β”‚   └── styles.css        # Main stylesheet with calming color scheme
β”œβ”€β”€ js/
β”‚   └── main.js          # JavaScript for navigation, forms, and interactions
└── images/              # Placeholder for images

🎨 Design Features

Color Scheme (Professional & Masculine)

  • Primary Color: Deep navy (#1a2332) - Professional and masculine
  • Secondary Color: Charcoal blue (#2d3e50)
  • Accent Color: Bold amber/gold (#c17817) - Strategic highlights
  • Accent Light: Lighter amber (#e69a28) - Interactive elements
  • Supporting Colors: Dark grays and neutral tones

Key Design Elements

  • Professional, bold typography with strong visual hierarchy
  • Modern sans-serif fonts throughout for clarity and strength
  • Dramatic hero sections with gradient overlays
  • Clean card-based layouts with subtle shadows
  • Prominent call-to-action buttons with uppercase styling
  • Mobile-first responsive design
  • Accessible and user-friendly navigation
  • Smooth transitions and hover effects

πŸ”§ Setup Instructions

1. Basic Setup

Simply upload all files to your web hosting service maintaining the folder structure.

2. CoachVantage Integration

  1. Set up your CoachVantage account at coachvantage.com
  2. Create your coaching programs and events
  3. Update the CoachVantage links in your HTML files:
    • Free consultation link in index.html and services.html
    • Individual session booking link in services.html
    • 4-session package link in services.html

3. Stripe Payment Integration

  1. Create a Stripe account at stripe.com
  2. Get your publishable key from the Stripe Dashboard
  3. Create payment links or buy buttons for each service
  4. In services.html, add your Stripe payment buttons:
    <script async src="https://js.stripe.com/v3/buy-button.js"></script>
    <stripe-buy-button
      buy-button-id="buy_btn_xxxxx"
      publishable-key="pk_live_xxxxx">
    </stripe-buy-button>

4. Recovery App Integration

The app.html page includes a placeholder for recovery app integration. Options include:

  • Build a custom Progressive Web App (PWA)
  • Create native iOS/Android apps with React Native or Flutter
  • Use no-code platforms like Glide or Adalo
  • Integrate with existing recovery platforms

5. Contact Form Setup

The contact form in contact.html needs a backend to function. Options:

  • Use a service like Formspree, FormSubmit, or Basin
  • Set up your own backend with Node.js, PHP, or Python
  • Use Netlify Forms if hosting on Netlify

Example with Formspree:

<form action="https://formspree.io/f/YOUR_FORM_ID" method="POST">

6. Email Newsletter Integration

To connect the newsletter signup:

  1. Choose an email service provider (Mailchimp, ConvertKit, etc.)
  2. Get the signup form endpoint
  3. Update the form action in resources.html

πŸ“± Mobile Responsiveness

The website is fully responsive and works on:

  • Desktop computers
  • Tablets
  • Mobile phones

Test on different devices to ensure optimal display.

πŸ”’ Security & Privacy

  • All pages include references to Privacy Policy and Terms of Service
  • HTTPS encryption recommended for deployment
  • Secure payment processing via Stripe
  • Confidential contact form handling

πŸš€ Deployment Options

Free Hosting Options

  • GitHub Pages: Perfect for static sites
  • Netlify: Automatic deployments, forms, and SSL
  • Vercel: Fast deployment with great performance
  • Cloudflare Pages: Global CDN with free tier

Paid Hosting Options

  • Bluehost: Traditional shared hosting
  • SiteGround: WordPress hosting (if converting to WordPress)
  • HostGator: Budget-friendly option

πŸ“ Customization

Update Content

  • Replace placeholder text with your actual content
  • Add your real contact information
  • Update the Calendly and Stripe integration links
  • Add actual testimonials (anonymized for privacy)

Add Images

  • Place images in the /images folder
  • Update image placeholders in HTML files
  • Optimize images for web (use WebP format when possible)
  • Recommended: Add photos of nature, mountains, peaceful scenes

Customize Colors

All colors are defined as CSS variables in styles.css:

:root {
    --primary-color: #2c5f7c;
    --secondary-color: #5a8aa0;
    --accent-color: #8b7355;
    /* etc. */
}

πŸ“ž Support Resources Included

The website includes crisis support information:

  • National Suicide Prevention Lifeline: 988
  • Crisis Text Line: Text HOME to 741741
  • SAMHSA Helpline: 1-800-662-4357

πŸ”„ Maintenance

Regular Updates

  • Keep content fresh and relevant
  • Update testimonials periodically
  • Add new resources and articles
  • Review and update legal pages annually

Performance Monitoring

  • Use Google Analytics for traffic insights
  • Monitor page load times
  • Check mobile usability with Google Mobile-Friendly Test
  • Test forms and integrations regularly

πŸ“š Grace Model References

The website highlights these influential voices in grace-based recovery:

  • Sathiya Sam: Grace model for sexual addiction recovery
  • Mark Laazer: Compassion-based approaches
  • "The Cure": By John Lynch, Bruce McNicol, Bill Thrall
  • Nick Stumbo: Sexual integrity from grace perspective
  • Drew Boa: Sex addiction therapy with grace and truth
  • Jay Stringer: Author of "Unwanted"

🀝 Contributing

To make updates:

  1. Edit HTML files for content changes
  2. Modify styles.css for design updates
  3. Update main.js for functionality changes
  4. Test all changes locally before deploying

πŸ“„ License

Copyright Β© 2024 Path to Freedom Coaching LLC. All rights reserved.


Built with care for those seeking freedom through grace.

About

Website development for Path to Freedom Coaching LLC

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages