<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home — Pune Counseling Therapy</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400&family=Karla:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
:root{
--ivory:#FAF7EC;
--ivory-deep:#F0EAD8;
--plum:#3F5A54;
--plum-soft:#52706F;
--teal:#2F6B4A;
--rose:#1C6B3D;
--rose-deep:#14502D;
--sage:#8FA68E;
--gold:#A98A52;
--ink:#332F28;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
font-family:'Karla', sans-serif;
color:var(--ink);
background:var(--ivory);
line-height:1.65;
font-weight:400;
}
h1,h2,h3{
font-family:'Lora', serif;
font-weight:500;
color:var(--plum);
line-height:1.25;
}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
:focus-visible{outline:2px solid var(--gold); outline-offset:3px;}
.wrap{max-width:1080px; margin:0 auto; padding:0 24px;}
nav{
position:sticky; top:0; z-index:50;
background:rgba(250,247,236,0.94);
backdrop-filter:blur(6px);
border-bottom:1px solid rgba(169,138,82,0.25);
}
nav .wrap{display:flex; align-items:center; justify-content:space-between; padding:18px 24px;}
.logo{font-family:'Lora', serif; font-size:1.15rem; font-weight:600; color:var(--plum); letter-spacing:0.02em;}
.logo span{color:var(--rose);}
.nav-links{display:flex; gap:32px; font-size:0.92rem; letter-spacing:0.02em;}
.nav-links a{position:relative; padding:4px 0; color:var(--plum-soft);}
.nav-links a:hover{color:var(--rose-deep);}
.nav-links a.is-active{color:var(--rose-deep); font-weight:600;}
.nav-cta{
background:var(--rose); color:#fff !important; padding:10px 22px;
border-radius:2px; font-size:0.88rem; letter-spacing:0.03em;
transition:background 0.2s ease;
}
.nav-cta:hover{background:var(--rose-deep);}
.btn-primary{
display:inline-block; background:var(--rose); color:#fff; padding:15px 34px;
font-size:0.95rem; letter-spacing:0.03em; border-radius:2px;
transition:background 0.2s ease, transform 0.2s ease;
}
.btn-primary:hover{background:var(--rose-deep); transform:translateY(-1px);}
.btn-ghost{
display:inline-block; border:1px solid var(--plum-soft); color:var(--plum-soft);
padding:15px 34px; font-size:0.95rem; letter-spacing:0.03em; border-radius:2px;
}
.btn-ghost:hover{border-color:var(--rose-deep); color:var(--rose-deep);}
.page-hero{
padding:64px 24px 56px; text-align:center;
background:linear-gradient(180deg, var(--ivory) 0%, var(--ivory-deep) 100%);
}
.page-hero .kicker{
font-size:0.8rem; letter-spacing:0.16em; text-transform:uppercase;
color:var(--teal); margin-bottom:14px; font-weight:600;
}
.page-hero h1{font-size:clamp(1.9rem, 3.6vw, 2.8rem); max-width:680px; margin:0 auto 16px; font-style:italic;}
.page-hero p{max-width:560px; margin:0 auto; color:var(--plum-soft); font-size:1.02rem;}
.hero{
padding:88px 24px 96px;
background:linear-gradient(180deg, var(--ivory) 0%, var(--ivory-deep) 100%);
text-align:center;
}
.hero-eyebrow{
font-size:0.82rem; letter-spacing:0.18em; text-transform:uppercase;
color:var(--teal); margin-bottom:22px; font-weight:600;
}
.hero h1{font-size:clamp(2.1rem, 4.2vw, 3.4rem); max-width:760px; margin:0 auto 26px; font-style:italic; font-weight:500;}
.hero p{max-width:560px; margin:0 auto 38px; font-size:1.08rem; color:var(--plum-soft);}
.hero-actions{display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}
.divider{display:flex; align-items:center; justify-content:center; gap:14px; margin:56px 0; color:var(--gold);}
.divider .line{width:64px; height:1px; background:var(--gold); opacity:0.55;}
.divider .mark{width:7px; height:7px; background:var(--gold); transform:rotate(45deg); opacity:0.8;}
.trust{padding:0 24px 8px; text-align:center;}
.trust-inner{max-width:640px; margin:0 auto; display:flex; flex-direction:column; align-items:center; gap:8px;}
.stars{color:var(--gold); font-size:1.1rem; letter-spacing:2px;}
.trust p{font-size:0.92rem; color:var(--plum-soft);}
.trust strong{color:var(--plum);}
.about{padding:80px 24px; background:var(--ivory);}
.about-grid{display:grid; grid-template-columns:0.9fr 1.1fr; gap:64px; align-items:center;}
.about-portrait{
aspect-ratio:4/5; background:linear-gradient(160deg, var(--plum) 0%, var(--teal) 100%);
border-radius:2px; position:relative; overflow:hidden;
}
.about-portrait::after{
content:"S"; font-family:'Lora',serif; font-style:italic; font-size:8rem;
color:rgba(255,255,255,0.14); position:absolute; bottom:-20px; right:10px;
}
.about-copy .kicker{
font-size:0.8rem; letter-spacing:0.16em; text-transform:uppercase;
color:var(--rose-deep); margin-bottom:14px; font-weight:600;
}
.about-copy h2{font-size:1.9rem; margin-bottom:18px;}
.about-copy p{color:var(--plum-soft); margin-bottom:16px; max-width:520px;}
.credentials{display:flex; flex-wrap:wrap; gap:10px; margin-top:22px;}
.credentials span{
font-size:0.78rem; letter-spacing:0.03em; padding:7px 14px;
border:1px solid rgba(169,138,82,0.4); border-radius:20px; color:var(--plum);
background:rgba(169,138,82,0.06);
}
.section-head{text-align:center; max-width:600px; margin:0 auto 56px;}
.section-head .kicker{
font-size:0.8rem; letter-spacing:0.16em; text-transform:uppercase;
color:var(--teal); margin-bottom:14px; font-weight:600;
}
.section-head h2{font-size:1.9rem;}
.section-head p{color:var(--plum-soft); margin-top:14px;}
.services{padding:80px 24px; background:var(--ivory-deep);}
.service-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
.service-card{
background:var(--ivory); padding:34px 28px; border-radius:2px; border-top:2px solid var(--sage);
transition:transform 0.2s ease, box-shadow 0.2s ease;
}
.service-card:hover{transform:translateY(-4px); box-shadow:0 12px 28px rgba(43,36,64,0.08);}
.service-card h3{font-size:1.15rem; margin-bottom:12px;}
.service-card p{font-size:0.92rem; color:var(--plum-soft);}
.list-block{padding:64px 24px; background:var(--ivory);}
.tag-cloud{display:flex; flex-wrap:wrap; gap:12px; justify-content:center; max-width:760px; margin:0 auto;}
.tag-cloud span{
font-size:0.88rem; padding:10px 18px; border-radius:20px;
border:1px solid rgba(63,90,84,0.25); color:var(--plum-soft); background:var(--ivory-deep);
}
.expect{padding:88px 24px; background:var(--ivory);}
.expect-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:36px; margin-top:52px;}
.expect-step{text-align:center; padding:0 12px;}
.expect-step .num{
font-family:'Lora',serif; font-style:italic; font-size:1.6rem; color:var(--rose); margin-bottom:14px; display:block;
}
.expect-step h3{font-size:1.05rem; margin-bottom:10px;}
.expect-step p{font-size:0.9rem; color:var(--plum-soft);}
.faq{padding:64px 24px 96px; background:var(--ivory);}
.faq-list{max-width:720px; margin:0 auto;}
.faq-item{border-bottom:1px solid rgba(169,138,82,0.3); padding:24px 0;}
.faq-item h3{font-size:1.02rem; margin-bottom:10px; color:var(--plum);}
.faq-item p{font-size:0.92rem; color:var(--plum-soft);}
.contact-block{padding:80px 24px; background:var(--ivory-deep);}
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:900px; margin:0 auto;}
.contact-card{background:var(--ivory); padding:36px 32px; border-radius:2px; border-top:2px solid var(--sage);}
.contact-card h3{font-size:1.1rem; margin-bottom:16px;}
.contact-card p{font-size:0.92rem; color:var(--plum-soft); margin-bottom:8px;}
.contact-card a{color:var(--rose-deep); font-weight:600;}
.closing{padding:90px 24px; text-align:center; background:var(--ivory-deep);}
.closing h2{font-size:2rem; max-width:600px; margin:0 auto 20px; font-style:italic;}
.closing p{max-width:480px; margin:0 auto 34px; color:var(--plum-soft);}
footer{background:var(--plum); color:rgba(250,247,236,0.65); padding:52px 24px 32px;}
.footer-grid{display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:40px; margin-bottom:36px;}
footer h4{color:var(--ivory); font-family:'Lora',serif; font-weight:500; margin-bottom:16px; font-size:1rem;}
footer a{color:rgba(250,247,236,0.65); display:block; margin-bottom:9px; font-size:0.88rem;}
footer a:hover{color:var(--rose);}
.footer-bottom{
border-top:1px solid rgba(250,247,236,0.15); padding-top:22px;
font-size:0.78rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;
}
@media (max-width:860px){
.nav-links{display:none;}
.about-grid{grid-template-columns:1fr; gap:36px;}
.service-grid{grid-template-columns:1fr;}
.expect-grid{grid-template-columns:1fr; gap:44px;}
.footer-grid{grid-template-columns:1fr; gap:28px;}
.contact-grid{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion: reduce){ *{transition:none !important;} }
</style>
</head>
<body>
<nav>
<div class="wrap">
<div class="logo">Pune Counseling <span>Therapy</span></div>
<div class="nav-links">
<a href="/" class="is-active">Home</a>
<a href="/about/">About</a>
<a href="/services/">Services</a>
<a href="/what-to-expect/">What to Expect</a>
<a href="/contact/">Contact</a>
</div>
<a href="/contact/" class="nav-cta">Book a Session</a>
</div>
</nav>
<section class="hero">
<div class="wrap">
<div class="hero-eyebrow">Individual & Couples Therapy · Pune</div>
<h1>A quiet, steady space to understand what's running your relationships.</h1>
<p>Seventeen years of clinical practice, grounded in evidence-based methods and held with care — for the moments you're ready to stop repeating the same pattern.</p>
<div class="hero-actions">
<a href="/contact/" class="btn-primary">Book a Session</a>
<a href="/what-to-expect/" class="btn-ghost">What to Expect</a>
</div>
</div>
</section>
<section class="trust">
<div class="trust-inner">
<div class="stars">★★★★★</div>
<p><strong>4.8 out of 5</strong> · based on 82 client reviews</p>
</div>
</section>
<div class="divider"><div class="line"></div><div class="mark"></div><div class="line"></div></div>
<section class="about">
<div class="wrap about-grid">
<div class="about-portrait" role="img" aria-label="Portrait placeholder for Smita S. Shukla"></div>
<div class="about-copy">
<div class="kicker">Meet Your Therapist</div>
<h2>Smita S. Shukla</h2>
<p>I'm a Senior Counseling Psychologist and the founder of this practice. My work is built on the belief that people don't need to be fixed — they need a space steady enough to see themselves clearly, and skilled enough to help them change what isn't working.</p>
<p>I work with individuals and couples navigating anxiety, relationship patterns, and the quieter struggles that don't always have a name yet.</p>
<div class="credentials">
<span>Gottman Level 2</span>
<span>CBT for Couples — Beck Institute</span>
<span>REBT — Albert Ellis Institute</span>
<span>APA International Affiliate</span>
</div>
</div>
</div>
</section>
<section class="services">
<div class="wrap">
<div class="section-head">
<div class="kicker">How I Can Help</div>
<h2>Support built around where you are</h2>
</div>
<div class="service-grid">
<div class="service-card">
<h3>Individual Sessions</h3>
<p>One-on-one support for anxiety, self-understanding, and the patterns quietly shaping your life.</p>
</div>
<div class="service-card">
<h3>Couples Therapy</h3>
<p>Gottman Method–based work to help you and your partner understand each other again — not just get along.</p>
</div>
<div class="service-card">
<h3>Ongoing Care</h3>
<p>Weekly or biweekly sessions for steady, longer-term growth at a pace that respects your life.</p>
</div>
</div>
</div>
</section>
<section class="expect">
<div class="wrap">
<div class="section-head">
<div class="kicker">Before You Book</div>
<h2>What your first session looks like</h2>
</div>
<div class="expect-grid">
<div class="expect-step">
<span class="num">I</span>
<h3>Book online</h3>
<p>Choose a time that works through our secure booking calendar — no forms to chase, no waiting on email.</p>
</div>
<div class="expect-step">
<span class="num">II</span>
<h3>A private first session</h3>
<p>50 minutes, in person or online, to talk through what's bringing you here — at your pace, with no pressure to have it all figured out.</p>
</div>
<div class="expect-step">
<span class="num">III</span>
<h3>We shape a path together</h3>
<p>Based on that conversation, we decide together what ongoing support looks like for you.</p>
</div>
</div>
</div>
</section>
<section class="closing">
<div class="wrap">
<h2>You don't have to carry this alone.</h2>
<p>Book your first session today — a steady, private space is waiting.</p>
<a href="/contact/" class="btn-primary">Book a Session</a>
</div>
</section>
<footer>
<div class="wrap">
<div class="footer-grid">
<div>
<h4>Pune Counseling Therapy</h4>
<p style="font-size:0.88rem; max-width:280px;">A private practice in Hadapsar, Pune, offering individual and couples therapy grounded in evidence-based care.</p>
</div>
<div>
<h4>Explore</h4>
<a href="/about/">About</a>
<a href="/services/">Services</a>
<a href="/what-to-expect/">What to Expect</a>
<a href="/contact/">Contact</a>
</div>
<div>
<h4>Contact</h4>
<a href="tel:+918383801942">+91 83838 01942</a>
<a href="https://punecounselingtherapy.com">punecounselingtherapy.com</a>
<a href="#">Hadapsar, Pune</a>
</div>
</div>
<div class="footer-bottom">
<span>© 2026 Pune Counseling Therapy. All rights reserved.</span>
<span>Founder: Smita S. Shukla</span>
</div>
</div>
</footer>
</body>
</html>
Pune Counseling Therapy
Lets Take Small Steps Forward