<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Allied Roots Therapy | NY Telehealth Private Pay</title>
<meta name="description" content="Allied Roots Therapy offers culturally conscious, private-pay telehealth therapy in New York. Supporting growth, resilience, and community.">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
<style>
/* Reset & Base */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Roboto', sans-serif; line-height: 1.6; color: #2B2B2B; background-color: #FAF8F1; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; height: auto; display: block; }
/* Colors - Afrocentric inspired */
:root {
--primary: #A13D2D; /* deep earthy red */
--secondary: #F0A500; /* warm gold */
--accent: #2C5F2D; /* forest green */
--background: #FAF8F1; /* light neutral */
--text: #2B2B2B;
}
/* Layout & Typography */
header { background-color: var(--primary); color: #FFF; padding: 2rem 1rem; text-align: center; }
header h1 { font-family: 'Playfair Display', serif; font-size: 2.5rem; margin-bottom: 0.5rem; }
header p { font-size: 1.2rem; }
.btn { display: inline-block; padding: 0.8rem 1.5rem; margin-top: 1rem; border-radius: 5px; font-weight: bold; background-color: var(--secondary); color: #FFF; transition: background 0.3s; }
.btn:hover { background-color: var(--accent); }
nav { display: flex; justify-content: center; gap: 2rem; padding: 1rem; background-color: #FFF; border-bottom: 1px solid #E0E0E0; position: sticky; top: 0; z-index: 1000; }
nav a { font-weight: bold; color: var(--text); }
section { padding: 4rem 1rem; max-width: 1000px; margin: 0 auto; }
h2 { font-family: 'Playfair Display', serif; font-size: 2rem; margin-bottom: 1rem; color: var(--primary); }
p { margin-bottom: 1rem; }
.services { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; }
.service-card { background-color: #FFF; padding: 2rem; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); transition: transform 0.3s; }
.service-card:hover { transform: translateY(-5px); }
form { display: flex; flex-direction: column; gap: 1rem; }
input, textarea { padding: 0.8rem; border: 1px solid #CCC; border-radius: 5px; font-size: 1rem; }
input:focus, textarea:focus { outline: none; border-color: var(--accent); }
button { padding: 0.8rem; background-color: var(--secondary); color: #FFF; border: none; border-radius: 5px; font-weight: bold; cursor: pointer; transition: background 0.3s; }
button:hover { background-color: var(--accent); }
footer { background-color: var(--primary); color: #FFF; text-align: center; padding: 2rem 1rem; font-size: 0.9rem; }
@media (max-width: 768px) {
header h1 { font-size: 2rem; }
h2 { font-size: 1.7rem; }
}
</style>
</head>
<body>
<!-- Navigation -->
<nav>
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#services">Services</a>
<a href="#contact">Contact</a>
</nav>
<!-- Hero Section -->
<header id="home">
<h1>Allied Roots Therapy</h1>
<p>Telehealth Therapy in New York | Private-Pay Only</p>
<a href="#contact" class="btn">Schedule a Session</a>
</header>
<!-- About Section -->
<section id="about">
<h2>About Allied Roots Therapy</h2>
<p>At Allied Roots Therapy, we provide culturally conscious therapy rooted in understanding, resilience, and growth. Our approach supports clients navigating life's challenges while honoring their unique cultural experiences.</p>
<p>Our private-pay telehealth services in New York prioritize confidentiality, accessibility, and care tailored to your needs. We welcome clients who want a therapeutic space where they feel seen, understood, and supported.</p>
</section>
<!-- Services Section -->
<section id="services">
<h2>Services</h2>
<div class="services">
<div class="service-card">
<h3>Individual Therapy</h3>
<p>Personalized sessions focused on anxiety, depression, trauma, and growth.</p>
</div>
<div class="service-card">
<h3>Couples Therapy</h3>
<p>Supporting healthy communication, connection, and conflict resolution.</p>
</div>
<div class="service-card">
<h3>Trauma & Resilience</h3>
<p>Safe space to process past experiences and build coping strategies.</p>
</div>
<div class="service-card">
<h3>Cultural Awareness Support</h3>
<p>Therapy that honors your cultural identity and lived experiences.</p>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact">
<h2>Contact & Schedule</h2>
<p>Private-pay telehealth sessions available in New York. Schedule a session or send a message below.</p>
<form action="#" method="POST">
<input type="text" name="name" placeholder="Full Name" required>
<input type="email" name="email" placeholder="Email Address" required>
<textarea name="message" rows="4" placeholder="Message / Session Type" required></textarea>
<button type="submit">Send Message</button>
</form>
<p style="margin-top:1rem;">Payments processed via <a href="https://www.ivypay.com/" target="_blank" style="color: var(--secondary);">IvyPay</a></p>
</section>
<!-- Footer -->
<footer>
<p>© 2026 Allied Roots Therapy | Telehealth Only | New York</p>
<p>All communications are HIPAA compliant.</p>
</footer>
</body>
</html>