<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Elevate Coaching | Business Coaching & Strategy</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap" rel="stylesheet">
<style>
/* ========== RESET & BASE ========== */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
font-family: 'Inter', sans-serif;
color: #1a1a2e;
line-height: 1.7;
overflow-x: hidden;
background: #fff;
}
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
/* ========== NAVBAR ========== */
.navbar {
position: fixed; top: 0; width: 100%; z-index: 1000;
padding: 18px 0;
transition: all 0.3s ease;
background: transparent;
}
.navbar.scrolled {
background: rgba(255,255,255,0.97);
box-shadow: 0 2px 30px rgba(0,0,0,0.08);
padding: 12px 0;
}
.navbar .container { display: flex; justify-content: space-between; align-items: center; }
.logo {
font-family: 'Playfair Display', serif;
font-size: 1.6rem; font-weight: 700;
color: #fff;
transition: color 0.3s;
}
.navbar.scrolled .logo { color: #1a1a2e; }
.logo span { color: #c8a862; }
.nav-links { display: flex; gap: 32px; align-items: center; list-style: none; }
.nav-links a {
font-size: 0.9rem; font-weight: 500; color: rgba(255,255,255,0.85);
transition: color 0.3s; letter-spacing: 0.3px;
}
.navbar.scrolled .nav-links a { color: #555; }
.nav-links a:hover { color: #c8a862; }
.nav-cta {
background: #c8a862 !important; color: #fff !important;
padding: 10px 24px; border-radius: 50px; font-weight: 600 !important;
transition: transform 0.3s, box-shadow 0.3s !important;
}
.nav-cta:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(200,168,98,0.4); }
.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; }
.hamburger span { width: 25px; height: 2px; background: #fff; transition: all 0.3s; }
.navbar.scrolled .hamburger span { background: #1a1a2e; }
/* ========== HERO ========== */
.hero {
min-height: 100vh; display: flex; align-items: center;
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
position: relative; overflow: hidden;
}
.hero::before {
content: ''; position: absolute; top: -50%; right: -20%;
width: 800px; height: 800px; border-radius: 50%;
background: radial-gradient(circle, rgba(200,168,98,0.15) 0%, transparent 70%);
}
.hero::after {
content: ''; position: absolute; bottom: -30%; left: -10%;
width: 600px; height: 600px; border-radius: 50%;
background: radial-gradient(circle, rgba(200,168,98,0.1) 0%, transparent 70%);
}
.hero .container { position: relative; z-index: 2; }
.hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.hero-badge {
display: inline-block; background: rgba(200,168,98,0.15);
color: #c8a862; padding: 8px 20px; border-radius: 50px;
font-size: 0.8rem; font-weight: 600; letter-spacing: 1.5px;
text-transform: uppercase; margin-bottom: 24px;
}
.hero h1 {
font-family: 'Playfair Display', serif;
font-size: 3.5rem; font-weight: 700; color: #fff;
line-height: 1.2; margin-bottom: 24px;
}
.hero h1 span { color: #c8a862; }
.hero p { font-size: 1.15rem; color: rgba(255,255,255,0.7); margin-bottom: 40px; max-width: 520px; }
.hero-buttons { display: flex; gap: 16px; flex-wrap: wrap; }
.btn-primary {
display: inline-flex; align-items: center; gap: 8px;
background: #c8a862; color: #fff; padding: 16px 36px;
border-radius: 50px; font-weight: 600; font-size: 1rem;
transition: all 0.3s; border: none; cursor: pointer;
}
.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(200,168,98,0.4); }
.btn-secondary {
display: inline-flex; align-items: center; gap: 8px;
background: transparent; color: #fff; padding: 16px 36px;
border-radius: 50px; font-weight: 600; font-size: 1rem;
border: 2px solid rgba(255,255,255,0.3);
transition: all 0.3s; cursor: pointer;
}
.btn-secondary:hover { border-color: #c8a862; color: #c8a862; }
.hero-stats { display: flex; gap: 40px; margin-top: 50px; }
.stat { text-align: left; }
.stat-number { font-size: 2rem; font-weight: 800; color: #c8a862; }
.stat-label { font-size: 0.85rem; color: rgba(255,255,255,0.5); }
.hero-image {
display: flex; justify-content: center; align-items: center;
}
.hero-image-wrapper {
width: 420px; height: 500px; border-radius: 24px; overflow: hidden;
background: linear-gradient(135deg, rgba(200,168,98,0.3), rgba(200,168,98,0.05));
position: relative; border: 1px solid rgba(200,168,98,0.2);
display: flex; align-items: center; justify-content: center;
}
.hero-image-wrapper .placeholder-icon {
font-size: 5rem; opacity: 0.4;
}
/* ========== SECTIONS COMMON ========== */
section { padding: 100px 0; }
.section-badge {
display: inline-block; background: rgba(200,168,98,0.1);
color: #c8a862; padding: 6px 18px; border-radius: 50px;
font-size: 0.75rem; font-weight: 700; letter-spacing: 2px;
text-transform: uppercase; margin-bottom: 16px;
}
.section-title {
font-family: 'Playfair Display', serif;
font-size: 2.6rem; font-weight: 700; color: #1a1a2e;
margin-bottom: 16px; line-height: 1.3;
}
.section-subtitle { font-size: 1.1rem; color: #777; max-width: 600px; margin-bottom: 60px; }
.text-center { text-align: center; }
.mx-auto { margin-left: auto; margin-right: auto; }
/* ========== SERVICES ========== */
.services { background: #fafafa; }
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.service-card {
background: #fff; padding: 40px 32px; border-radius: 16px;
border: 1px solid #eee; transition: all 0.4s;
position: relative; overflow: hidden;
}
.service-card::before {
content: ''; position: absolute; top: 0; left: 0;
width: 100%; height: 4px; background: #c8a862;
transform: scaleX(0); transition: transform 0.4s;
transform-origin: left;
}
.service-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.08); }
.service-card:hover::before { transform: scaleX(1); }
.service-icon {
width: 60px; height: 60px; border-radius: 14px;
background: linear-gradient(135deg, #1a1a2e, #16213e);
display: flex; align-items: center; justify-content: center;
margin-bottom: 24px; font-size: 1.5rem;
}
.service-card h3 { font-size: 1.25rem; font-weight: 700; margin-bottom: 12px; }
.service-card p { color: #777; font-size: 0.95rem; }
/* ========== ABOUT ========== */
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.about-image {
width: 100%; height: 450px; border-radius: 20px;
background: linear-gradient(135deg, #1a1a2e, #0f3460);
display: flex; align-items: center; justify-content: center;
position: relative;
}
.about-image .placeholder-icon { font-size: 4rem; opacity: 0.4; }
.about-image .experience-badge {
position: absolute; bottom: -20px; right: -20px;
background: #c8a862; color: #fff; padding: 24px;
border-radius: 16px; text-align: center;
}
.experience-badge .number { font-size: 2.2rem; font-weight: 800; display: block; }
.experience-badge .label { font-size: 0.8rem; font-weight: 500; }
.about-content .section-subtitle { margin-bottom: 30px; }
.about-features { display: flex; flex-direction: column; gap: 20px; margin-top: 30px; }
.about-feature { display: flex; gap: 16px; align-items: flex-start; }
.about-feature .check {
width: 28px; height: 28px; min-width: 28px; border-radius: 50%;
background: rgba(200,168,98,0.15); display: flex;
align-items: center; justify-content: center;
color: #c8a862; font-weight: bold; font-size: 0.85rem; margin-top: 2px;
}
.about-feature p { color: #555; font-size: 0.95rem; }
.about-feature strong { color: #1a1a2e; }
/* ========== PROCESS ========== */
.process { background: #fafafa; }
.process-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; position: relative; }
.process-steps::before {
content: ''; position: absolute; top: 45px;
left: 12.5%; right: 12.5%; height: 2px;
background: linear-gradient(90deg, #c8a862, rgba(200,168,98,0.3));
}
.step { text-align: center; position: relative; }
.step-number {
width: 70px; height: 70px; border-radius: 50%;
background: linear-gradient(135deg, #1a1a2e, #16213e);
color: #c8a862; font-size: 1.4rem; font-weight: 800;
display: flex; align-items: center; justify-content: center;
margin: 0 auto 24px; position: relative; z-index: 2;
border: 4px solid #fafafa;
}
.step h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 8px; }
.step p { font-size: 0.9rem; color: #777; }
/* ========== TESTIMONIALS ========== */
.testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.testimonial-card {
background: #fff; padding: 36px; border-radius: 16px;
border: 1px solid #eee; transition: all 0.3s;
}
.testimonial-card:hover { box-shadow: 0 15px 40px rgba(0,0,0,0.06); }
.stars { color: #c8a862; margin-bottom: 16px; font-size: 1rem; letter-spacing: 3px; }
.testimonial-card blockquote { font-size: 0.95rem; color: #555; font-style: italic; margin-bottom: 24px; line-height: 1.8; }
.testimonial-author { display: flex; align-items: center; gap: 14px; }
.author-avatar {
width: 48px; height: 48px; border-radius: 50%;
background: linear-gradient(135deg, #c8a862, #dbc07f);
display: flex; align-items: center; justify-content: center;
color: #fff; font-weight: 700; font-size: 1rem;
}
.author-info h4 { font-size: 0.95rem; font-weight: 700; }
.author-info p { font-size: 0.8rem; color: #999; }
/* ========== PRICING ========== */
.pricing { background: #fafafa; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.pricing-card {
background: #fff; padding: 44px 36px; border-radius: 16px;
border: 1px solid #eee; text-align: center;
transition: all 0.4s; position: relative;
}
.pricing-card.featured {
background: linear-gradient(135deg, #1a1a2e, #16213e);
color: #fff; border-color: transparent;
transform: scale(1.05);
}
.pricing-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); }
.pricing-card.featured:hover { transform: scale(1.05) translateY(-8px); }
.pricing-popular {
position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
background: #c8a862; color: #fff; padding: 6px 20px;
border-radius: 50px; font-size: 0.75rem; font-weight: 700;
letter-spacing: 1px; text-transform: uppercase;
}
.pricing-card h3 { font-size: 1.15rem; font-weight: 700; margin-bottom: 8px; }
.pricing-card .price {
font-size: 3rem; font-weight: 800; margin: 20px 0;
}
.pricing-card .price span { font-size: 1rem; font-weight: 400; opacity: 0.6; }
.pricing-card .price-desc { font-size: 0.85rem; color: #999; margin-bottom: 30px; }
.pricing-card.featured .price-desc { color: rgba(255,255,255,0.5); }
.pricing-features { list-style: none; text-align: left; margin-bottom: 36px; }
.pricing-features li {
padding: 10px 0; font-size: 0.9rem; color: #666;
border-bottom: 1px solid #f0f0f0;
display: flex; align-items: center; gap: 10px;
}
.pricing-card.featured .pricing-features li { color: rgba(255,255,255,0.7); border-color: rgba(255,255,255,0.1); }
.pricing-features li::before { content: '✓'; color: #c8a862; font-weight: 700; }
.btn-pricing {
display: block; width: 100%; padding: 14px;
border-radius: 50px; font-weight: 600; font-size: 0.95rem;
border: 2px solid #1a1a2e; background: transparent;
color: #1a1a2e; cursor: pointer; transition: all 0.3s;
}
.btn-pricing:hover { background: #1a1a2e; color: #fff; }
.pricing-card.featured .btn-pricing {
background: #c8a862; border-color: #c8a862; color: #fff;
}
.pricing-card.featured .btn-pricing:hover { background: #b8973d; }
/* ========== CTA SECTION ========== */
.cta-section {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
text-align: center; position: relative; overflow: hidden;
}
.cta-section::before {
content: ''; position: absolute; top: -50%; right: -30%;
width: 600px; height: 600px; border-radius: 50%;
background: radial-gradient(circle, rgba(200,168,98,0.1) 0%, transparent 70%);
}
.cta-section .container { position: relative; z-index: 2; }
.cta-section h2 {
font-family: 'Playfair Display', serif;
font-size: 2.8rem; font-weight: 700; color: #fff; margin-bottom: 16px;
}
.cta-section h2 span { color: #c8a862; }
.cta-section p { color: rgba(255,255,255,0.6); font-size: 1.1rem; margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto; }
/* ========== CONTACT ========== */
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }
.contact-info h3 { font-size: 1.4rem; font-weight: 700; margin-bottom: 20px; }
.contact-info > p { color: #777; margin-bottom: 32px; }
.contact-detail { display: flex; gap: 16px; margin-bottom: 24px; align-items: flex-start; }
.contact-icon {
width: 48px; height: 48px; min-width: 48px; border-radius: 12px;
background: rgba(200,168,98,0.1); display: flex;
align-items: center; justify-content: center; font-size: 1.2rem;
}
.contact-detail h4 { font-size: 0.95rem; font-weight: 700; margin-bottom: 2px; }
.contact-detail p { font-size: 0.9rem; color: #777; }
.contact-form { background: #fafafa; padding: 40px; border-radius: 20px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.form-group { margin-bottom: 16px; }
.form-group label { display: block; font-size: 0.85rem; font-weight: 600; margin-bottom: 8px; color: #333; }
.form-group input, .form-group select, .form-group textarea {
width: 100%; padding: 14px 18px; border-radius: 12px;
border: 1px solid #ddd; font-family: 'Inter', sans-serif;
font-size: 0.9rem; transition: border-color 0.3s;
background: #fff;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
outline: none; border-color: #c8a862;
}
.form-group textarea { resize: vertical; min-height: 120px; }
.btn-submit {
width: 100%; padding: 16px; background: #c8a862; color: #fff;
border: none; border-radius: 50px; font-size: 1rem;
font-weight: 600; cursor: pointer; transition: all 0.3s;
font-family: 'Inter', sans-serif;
}
.btn-submit:hover { background: #b8973d; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(200,168,98,0.3); }
/* ========== FOOTER ========== */
.footer {
background: #1a1a2e; color: rgba(255,255,255,0.6); padding: 60px 0 30px;
}
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 50px; }
.footer-brand .logo { color: #fff; font-size: 1.5rem; display: inline-block; margin-bottom: 16px; }
.footer-brand p { font-size: 0.9rem; line-height: 1.8; max-width: 300px; }
.footer h4 { color: #fff; font-size: 0.95rem; margin-bottom: 20px; }
.footer ul { list-style: none; }
.footer ul li { margin-bottom: 12px; }
.footer ul li a { font-size: 0.9rem; transition: color 0.3s; }
.footer ul li a:hover { color: #c8a862; }
.footer-bottom {
border-top: 1px solid rgba(255,255,255,0.08);
padding-top: 24px; display: flex;
justify-content: space-between; align-items: center;
font-size: 0.85rem;
}
.social-links { display: flex; gap: 16px; }
.social-links a {
width: 40px; height: 40px; border-radius: 50%;
border: 1px solid rgba(255,255,255,0.15);
display: flex; align-items: center; justify-content: center;
transition: all 0.3s; font-size: 0.9rem;
}
.social-links a:hover { background: #c8a862; border-color: #c8a862; color: #fff; }
/* ========== RESPONSIVE ========== */
@media (max-width: 992px) {
.hero-grid { grid-template-columns: 1fr; text-align: center; }
.hero p { margin-left: auto; margin-right: auto; }
.hero-buttons { justify-content: center; }
.hero-stats { justify-content: center; }
.hero-image { display: none; }
.hero h1 { font-size: 2.8rem; }
.services-grid { grid-template-columns: repeat(2, 1fr); }
.about-grid { grid-template-columns: 1fr; }
.about-image { height: 350px; }
.process-steps { grid-template-columns: repeat(2, 1fr); }
.process-steps::before { display: none; }
.testimonials-grid { grid-template-columns: 1fr 1fr; }
.pricing-grid { grid-template-columns: 1fr 1fr; }
.pricing-card.featured { transform: scale(1); }
.pricing-card.featured:hover { transform: translateY(-8px); }
.contact-grid { grid-template-columns: 1fr; }
.footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
.nav-links { display: none; }
.hamburger { display: flex; }
.nav-links.active {
display: flex; flex-direction: column; position: absolute;
top: 100%; left: 0; width: 100%;
background: #fff; padding: 20px; gap: 16px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.nav-links.active a { color: #555 !important; }
.hero h1 { font-size: 2.2rem; }
.section-title { font-size: 2rem; }
.services-grid { grid-template-columns: 1fr; }
.process-steps { grid-template-columns: 1fr 1fr; }
.testimonials-grid { grid-template-columns: 1fr; }
.pricing-grid { grid-template-columns: 1fr; }
.cta-section h2 { font-size: 2rem; }
.form-row { grid-template-columns: 1fr; }
.footer-grid { grid-template-columns: 1fr; }
.footer-bottom { flex-direction: column; gap: 16px; text-align: center; }
}
/* ========== ANIMATIONS ========== */
.fade-up {
opacity: 0; transform: translateY(30px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-up.visible { opacity: 1; transform: translateY(0); }
</style>
</head>
<body>
<!-- ========== NAVBAR ========== -->
<nav class="navbar" id="navbar">
<div class="container">
<a href="#" class="logo">Elevate<span>.</span></a>
<ul class="nav-links" id="navLinks">
<li><a href="#services">Services</a></li>
<li><a href="#about">About</a></li>
<li><a href="#process">Process</a></li>
<li><a href="#testimonials">Results</a></li>
<li><a href="#pricing">Pricing</a></li>
<li><a href="#contact" class="nav-cta">Free Consultation</a></li>
</ul>
<div class="hamburger" id="hamburger" onclick="document.getElementById('navLinks').classList.toggle('active')">
<span></span><span></span><span></span>
</div>
</div>
</nav>
<!-- ========== HERO ========== -->
<section class="hero">
<div class="container">
<div class="hero-grid">
<div>
<span class="hero-badge">Top-Rated Business Coach</span>
<h1>Unlock Your Business <span>Full Potential</span></h1>
<p>Strategic coaching and mentorship for ambitious entrepreneurs and executives ready to scale their vision, accelerate growth, and build legacy businesses.</p>
<div class="hero-buttons">
<a href="#contact" class="btn-primary">Book Free Strategy Call →</a>
<a href="#services" class="btn-secondary">Explore Services</a>
</div>
<div class="hero-stats">
<div class="stat">
<div class="stat-number">500+</div>
<div class="stat-label">Clients Coached</div>
</div>
<div class="stat">
<div class="stat-number">12+</div>
<div class="stat-label">Years Experience</div>
</div>
<div class="stat">
<div class="stat-number">94%</div>
<div class="stat-label">Client Satisfaction</div>
</div>
</div>
</div>
<div class="hero-image">
<div class="hero-image-wrapper">
<div class="placeholder-icon" style="color: rgba(200,168,98,0.6);">📈</div>
</div>
</div>
</div>
</div>
</section>
<!-- ========== SERVICES ========== -->
<section class="services" id="services">
<div class="container">
<div class="text-center">
<span class="section-badge">What We Offer</span>
<h2 class="section-title">Tailored Coaching Programs</h2>
<p class="section-subtitle mx-auto">We design personalized strategies that align with your unique challenges, goals, and vision for success.</p>
</div>
<div class="services-grid">
<div class="service-card fade-up">
<div class="service-icon">🎯</div>
<h3>Executive Coaching</h3>
<p>One-on-one sessions designed for C-suite leaders and senior executives seeking to enhance their leadership, decision-making, and organizational impact.</p>
</div>
<div class="service-card fade-up">
<div class="service-icon">🚀</div>
<h3>Startup Accelerator</h3>
<p>Intensive coaching for founders and early-stage entrepreneurs to validate ideas, build sustainable business models, and secure funding.</p>
</div>
<div class="service-card fade-up">
<div class="service-icon">📊</div>
<h3>Growth Strategy</h3>
<p>Data-driven strategy development to identify new revenue streams, optimize operations, and achieve measurable scale in competitive markets.</p>
</div>
<div class="service-card fade-up">
<div class="service-icon">👥</div>
<h3>Team Performance</h3>
<p>Build high-performing teams through improved communication, accountability frameworks, and leadership development at every level.</p>
</div>
<div class="service-card fade-up">
<div class="service-icon">💡</div>
<h3>Innovation Workshops</h3>
<p>Facilitated group sessions to unlock creative problem-solving, foster innovation culture, and develop breakthrough strategies for market disruption.</p>
</div>
<div class="service-card fade-up">
<div class="service-icon">🔄</div>
<h3>Business Transformation</h3>
<p>Comprehensive support through pivots, restructuring, and digital transformation to ensure your business thrives through change.</p>
</div>
</div>
</div>
</section>
<!-- ========== ABOUT ========== -->
<section class="about" id="about">
<div class="container">
<div class="about-grid">
<div class="about-image fade-up">
<div class="placeholder-icon" style="color: rgba(200,168,98,0.5);">👤</div>
<div class="experience-badge">
<span class="number">12+</span>
<span class="label">Years of<br>Experience</span>
</div>
</div>
<div class="about-content fade-up">
<span class="section-badge">About Your Coach</span>
<h2 class="section-title">Driven by Results, Guided by Purpose</h2>
<p class="section-subtitle">With over a decade of experience coaching Fortune 500 executives and scaling startups, I bring a unique blend of strategic insight and practical know-how to every engagement.</p>
<p style="color: #666; font-size: 0.95rem; margin-bottom: 20px;">Having built and sold two companies and advised hundreds of business leaders across industries, I understand the real challenges of entrepreneurship and leadership — and how to overcome them.</p>
<div class="about-features">
<div class="about-feature">
<div class="check">✓</div>
<p><strong>Certified Executive Coach</strong> — ICF PCC credentialed with 2,000+ coaching hours</p>
</div>
<div class="about-feature">
<div class="check">✓</div>
<p><strong>Proven Track Record</strong> — Clients report average 40% revenue growth within 12 months</p>
</div>
<div class="about-feature">
<div class="check">✓</div>
<p><strong>Industry Versatile</strong> — Experience spanning tech, finance, healthcare, and retail sectors</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ========== PROCESS ========== -->
<section class="process" id="process">
<div class="container">
<div class="text-center">
<span class="section-badge">How It Works</span>
<h2 class="section-title">Your Journey to Transformation</h2>
<p class="section-subtitle mx-auto">A proven 4-step framework designed to create lasting change and measurable results in your business.</p>
</div>
<div class="process-steps">
<div class="step fade-up">
<div class="step-number">1</div>
<h3>Discovery Call</h3>
<p>A complimentary 30-minute session to understand your goals, challenges, and determine the right coaching path.</p>
</div>
<div class="step fade-up">
<div class="step-number">2</div>
<h3>Custom Blueprint</h3>
<p>We craft a personalized coaching plan with clear milestones, KPIs, and a timeline for achieving your vision.</p>
</div>
<div class="step fade-up">
<div class="step-number">3</div>
<h3>Guided Execution</h3>
<p>Regular coaching sessions, real-time support, and accountability to keep you on track and momentum high.</p>
</div>
<div class="step fade-up">
<div class="step-number">4</div>
<h3>Scale & Sustain</h3>
<p>Ongoing optimization, performance reviews, and strategy refinement to ensure sustainable long-term growth.</p>
</div>
</div>
</div>
</section>
<!-- ========== TESTIMONIALS ========== -->
<section class="testimonials" id="testimonials">
<div class="container">
<div class="text-center">
<span class="section-badge">Success Stories</span>
<h2 class="section-title">What Our Clients Say</h2>
<p class="section-subtitle mx-auto">Real results from real business leaders who transformed their companies through our coaching programs.</p>
</div>
<div class="testimonials-grid">
<div class="testimonial-card fade-up">
<div class="stars">★★★★★</div>
<blockquote>"Within 6 months of working together, we doubled our revenue and built a leadership team I actually trust. This coaching changed everything about how I run my business."</blockquote>
<div class="testimonial-author">
<div class="author-avatar">SM</div>
<div class="author-info">
<h4>Sarah Mitchell</h4>
<p>CEO, TechScale Solutions</p>
</div>
</div>
</div>
<div class="testimonial-card fade-up">
<div class="stars">★★★★★</div>
<blockquote>"The strategic clarity I gained was invaluable. We went from a struggling startup to securing Series A funding in under a year. Best investment I've ever made."</blockquote>
<div class="testimonial-author">
<div class="author-avatar">JR</div>
<div class="author-info">
<h4>James Rodriguez</h4>
<p>Founder, GreenLeaf Ventures</p>
</div>
</div>
</div>
<div class="testimonial-card fade-up">
<div class="stars">★★★★★</div>
<blockquote>"I was on the verge of burnout. The coaching not only saved my business — it saved me. I now have systems, boundaries, and a team that runs without me."</blockquote>
<div class="testimonial-author">
<div class="author-avatar">AP</div>
<div class="author-info">
<h4>Amara Patel</h4>
<p>Director, Horizon Consulting</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ========== PRICING ========== -->
<section class="pricing" id="pricing">
<div class="container">
<div class="text-center">
<span class="section-badge">Invest in Your Growth</span>
<h2 class="section-title">Coaching Packages</h2>
<p class="section-subtitle mx-auto">Flexible plans designed to meet you where you are and take you where you want to go.</p>
</div>
<div class="pricing-grid">
<div class="pricing-card fade-up">
<h3>Starter</h3>
<div class="price">$497<span>/mo</span></div>
<p class="price-desc">Perfect for solopreneurs and early-stage founders</p>
<ul class="pricing-features">
<li>2 coaching sessions per month</li>
<li>Email support (48hr response)</li>
<li>Goal-setting framework</li>
<li>Monthly progress review</li>
<li>Resource library access</li>
</ul>
<button class="btn-pricing" onclick="document.getElementById('contact').scrollIntoView({behavior:'smooth'})">Get Started</button>
</div>
<div class="pricing-card featured fade-up">
<div class="pricing-popular">Most Popular</div>
<h3>Growth</h3>
<div class="price">$997<span>/mo</span></div>
<p class="price-desc">Ideal for growing businesses and ambitious leaders</p>
<ul class="pricing-features">
<li>4 coaching sessions per month</li>
<li>Priority Slack/email support</li>
<li>Custom strategy blueprint</li>
<li>Bi-weekly accountability check-ins</li>
<li>Workshop recordings & templates</li>
<li>Quarterly business review</li>
</ul>
<button class="btn-pricing" onclick="document.getElementById('contact').scrollIntoView({behavior:'smooth'})">Get Started</button>
</div>
<div class="pricing-card fade-up">
<h3>Elite</h3>
<div class="price">$2,497<span>/mo</span></div>
<p class="price-desc">For executives and teams ready for rapid transformation</p>
<ul class="pricing-features">
<li>Unlimited coaching sessions</li>
<li>24/7 direct access via phone/text</li>
<li>Full team coaching (up to 5)</li>
<li>On-site strategy days (quarterly)</li>
<li>Board/investor meeting prep</li>
<li>VIP mastermind group access</li>
</ul>
<button class="btn-pricing" onclick="document.getElementById('contact').scrollIntoView({behavior:'smooth'})">Get Started</button>
</div>
</div>
</div>
</section>
<!-- ========== CTA ========== -->
<section class="cta-section">
<div class="container">
<h2>Ready to <span>Transform</span> Your Business?</h2>
<p>Book your free 30-minute strategy call today and discover how coaching can accelerate your path to success.</p>
<a href="#contact" class="btn-primary" style="font-size: 1.05rem; padding: 18px 44px;">Schedule Your Free Call →</a>
</div>
</section>
<!-- ========== CONTACT ========== -->
<section class="contact" id="contact">
<div class="container">
<div class="contact-grid">
<div class="contact-info fade-up">
<span class="section-badge">Get In Touch</span>
<h2 class="section-title">Let's Start Your Transformation</h2>
<p>Ready to take the next step? Fill out the form or reach out directly. Your complimentary strategy session is just one conversation away.</p>
<div class="contact-detail">
<div class="contact-icon">📧</div>
<div>
<h4>Email Us</h4>
<p>hello@elevatecoaching.com</p>
</div>
</div>
<div class="contact-detail">
<div class="contact-icon">📞</div>
<div>
<h4>Call Us</h4>
<p>(555) 123-4567</p>
</div>
</div>
<div class="contact-detail">
<div class="contact-icon">📍</div>
<div>
<h4>Visit Us</h4>
<p>123 Business Ave, Suite 200<br>New York, NY 10001</p>
</div>
</div>
<div class="contact-detail">
<div class="contact-icon">🕐</div>
<div>
<h4>Office Hours</h4>
<p>Mon – Fri: 9:00 AM – 6:00 PM EST<br>Weekends: By Appointment</p>
</div>
</div>
</div>
<div class="contact-form fade-up">
<form onsubmit="event.preventDefault(); alert('Thank you! We\'ll be in touch within 24 hours to schedule your free strategy session.'); this.reset();">
<div class="form-row">
<div class="form-group">
<label>First Name *</label>
<input type="text" placeholder="John" required>
</div>
<div class="form-group">
<label>Last Name *</label>
<input type="text" placeholder="Smith" required>
</div>
</div>
<div class="form-group">
<label>Email Address *</label>
<input type="email" placeholder="john@company.com" required>
</div>
<div class="form-group">
<label>Phone Number</label>
<input type="tel" placeholder="(555) 123-4567">
</div>
<div class="form-group">
<label>I'm Interested In</label>
<select>
<option value="">Select a service...</option>
<option>Executive Coaching</option>
<option>Startup Accelerator</option>
<option>Growth Strategy</option>
<option>Team Performance</option>
<option>Innovation Workshops</option>
<option>Business Transformation</option>
<option>Not sure yet</option>
</select>
</div>
<div class="form-group">
<label>Tell Us About Your Goals</label>
<textarea placeholder="What's your biggest business challenge right now, and what does success look like for you?"></textarea>
</div>
<button type="submit" class="btn-submit">Book My Free Strategy Session →</button>
</form>
</div>
</div>
</div>
</section>
<!-- ========== FOOTER ========== -->
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<a href="#" class="logo">Elevate<span>.</span></a>
<p>Empowering entrepreneurs and executives to build extraordinary businesses through strategic coaching and mentorship.</p>
</div>
<div>
<h4>Quick Links</h4>
<ul>
<li><a href="#services">Services</a></li>
<li><a href="#about">About</a></li>
<li><a href="#process">Process</a></li>
<li><a href="#pricing">Pricing</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div>
<h4>Services</h4>
<ul>
<li><a href="#services">Executive Coaching</a></li>
<li><a href="#services">Startup Accelerator</a></li>
<li><a href="#services">Growth Strategy</a></li>
<li><a href="#services">Team Performance</a></li>
</ul>
</div>
<div>
<h4>Resources</h4>
<ul>
<li><a href="#">Blog</a></li>
<li><a href="#">Podcast</a></li>
<li><a href="#">Free Guides</a></li>
<li><a href="#">Case Studies</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 Elevate Coaching. All rights reserved.</p>
<div class="social-links">
<a href="#" aria-label="LinkedIn">in</a>
<a href="#" aria-label="Twitter">𝕏</a>
<a href="#" aria-label="Instagram">ig</a>
<a href="#" aria-label="YouTube">▶</a>
</div>
</div>
</div>
</footer>
<!-- ========== SCRIPTS ========== -->
<script>
// Navbar scroll effect
window.addEventListener('scroll', () => {
const navbar = document.getElementById('navbar');
navbar.classList.toggle('scrolled', window.scrollY > 50);
});
// Fade-up animation on scroll
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
});
}, { threshold: 0.1 });
document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));
// Smooth scroll for all anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
document.getElementById('navLinks').classList.remove('active');
}
});
});
</script>
</body>
</html>