<!– World Of The Hair · Transplantim i Flokëve · –>
<link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css”/>

<section class=”woth2″ aria-labelledby=”woth2-title”>
<style>
/* —- GJENERALE / RESET —- */
:root {
–woth2-font: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
–woth2-color1: #1a1a1a;
–woth2-color2: #ffffff;
–woth2-accent: #c19a6b;
–woth2-bg: #f8f8f8;
}
.woth2 {
font-family: var(–woth2-font);
color: var(–woth2-color1);
background: var(–woth2-bg);
line-height: 1.6;
}
.w2-hero {
text-align: center;
padding: 3rem 1rem;
background: url(‘hair-transplant.jpg’) center/cover no-repeat;
color: var(–woth2-color2);
}
.w2-hero h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
}
.w2-hero p {
max-width: 700px;
margin: 0 auto 1.5rem;
}
.w2-pill {
display: inline-block;
margin: 0.25rem;
padding: 0.5rem 1rem;
background: var(–woth2-accent);
color: #fff;
border-radius: 50px;
font-size: 0.9rem;
}
.w2-section {
padding: 2.5rem 1rem;
max-width: 1200px;
margin: 0 auto;
}
.w2-section h2 {
text-align: center;
font-size: 2rem;
margin-bottom: 1rem;
}
.w2-grid {
display: grid;
gap: 1.5rem;
}
@media (min-width: 768px) {
.w2-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.w2-card {
background: #fff;
border-radius: 10px;
padding: 1.5rem;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
text-align: center;
}
.w2-card i {
font-size: 2rem;
color: var(–woth2-accent);
margin-bottom: 0.5rem;
}
.w2-faq {
max-width: 800px;
margin: 0 auto;
}
.w2-faq-item {
margin-bottom: 1rem;
}
.w2-faq-item h3 {
font-size: 1.2rem;
cursor: pointer;
}
.w2-faq-item p {
display: none;
margin-top: 0.5rem;
}
.w2-contact {
text-align: center;
background: var(–woth2-accent);
color: #fff;
padding: 2rem 1rem;
}
.w2-contact a {
display: inline-block;
margin-top: 1rem;
padding: 0.75rem 1.5rem;
background: #fff;
color: var(–woth2-accent);
text-decoration: none;
border-radius: 5px;
font-weight: bold;
}
</style>

<!– HERO –>
<div class=”w2-hero”>
<h1>Arrini Flokët e Ëndrrave Tuaja: Zgjidhje të Përhershme dhe Natyrale</h1>
<p>Rënia e flokëve mund të ndikojë ndjeshëm tek besimi në vete. Në World Of The Hair, ofrojmë transplantime flokësh me teknologji moderne dhe mjekë të specializuar për rezultate të qëndrueshme dhe natyrale.</p>
<div>
<span class=”w2-pill”>Pamje Natyrale</span>
<span class=”w2-pill”>FUE · FUE Safir · DHI</span>
<span class=”w2-pill”>Rezultate të Përhershme</span>
</div>
</div>

<!– BENEFITET –>
<section class=”w2-section”>
<h2>Pse të Zgjidhni World Of The Hair?</h2>
<div class=”w2-grid”>
<div class=”w2-card”>
<i class=”fas fa-user-md”></i>
<h3>Mjekë të Specializuar</h3>
<p>Ekipi ynë i specialistëve të transplantimit të flokëve kryen procedura të personalizuara për çdo pacient.</p>
</div>
<div class=”w2-card”>
<i class=”fas fa-microscope”></i>
<h3>Teknologji Moderne</h3>
<p>Përdorim metoda të avancuara si FUE Safir dhe DHI për të siguruar rezultate natyrale dhe të qëndrueshme.</p>
</div>
<div class=”w2-card”>
<i class=”fas fa-heart”></i>
<h3>Kënaqësia e Lartë e Pacientit</h3>
<p>Me mijëra pacientë të kënaqur, ofrojmë rezultate që tejkalojnë pritshmëritë.</p>
</div>
</div>
</section>

<!– FAQ –>
<section class=”w2-section w2-faq”>
<h2>Pyetjet më të Shpeshta</h2>
<div class=”w2-faq-item”>
<h3>A është transplantimi i flokëve i përhershëm?</h3>
<p>Po, flokët e transplantuar janë të përhershëm dhe vazhdojnë të rriten gjatë gjithë jetës.</p>
</div>
<div class=”w2-faq-item”>
<h3>A është procedura e dhimbshme?</h3>
<p>Falë anestezisë lokale, procedura është e rehatshme dhe pothuajse pa dhimbje.</p>
</div>
<div class=”w2-faq-item”>
<h3>Sa kohë duhet për të parë rezultatet?</h3>
<p>Rritja e plotë zakonisht shihet pas 9 deri në 12 muaj.</p>
</div>
</section>

<!– KONTAKTI –>
<div class=”w2-contact”>
<h2>Transformoni Jetën Tuaj me World Of The Hair</h2>
<p>Bëni hapin e parë për të rikthyer besimin në vete. Ekipi ynë është gati t’ju shërbejë.</p>
<a href=”#kontakti”>Rezervoni Konsultën Falas</a>
</div>
</section>

<script>
// FAQ toggle
document.querySelectorAll(‘.w2-faq-item h3’).forEach(item => {
item.addEventListener(‘click’, () => {
const p = item.nextElementSibling;
p.style.display = p.style.display === ‘block’ ? ‘none’ : ‘block’;
});
});
</script>