livre

<!DOCTYPE html>

<head>

<title>رحلتي مع الوسواس القهري - سعيدة بنحليمة</title>

<style>

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {

--gold: #C9A44A;

--gold-light: #E8C97A;

--gold-dark: #8B6D28;

--cream: #FAF7F0;

--deep: #1A1410;

--warm-dark: #2D2318;

--text: #3D2E1E;

--muted: #7A6B58;

--accent-blue: #1E4A7A;

--accent-teal: #1D6B5A;

--white: #FFFFFF;

--shadow: 0 8px 40px rgba(26,20,16,0.15);

}

html { scroll-behavior: smooth; }

body {

font-family: 'Cairo', sans-serif;

background: var(--cream);

color: var(--text);

direction: rtl;

overflow-x: hidden;

}

/* ===== HERO ===== */

.hero {

min-height: 100vh;

background: linear-gradient(160deg, #1A1410 0%, #2D2318 40%, #1E3A2A 100%);

position: relative;

display: flex;

align-items: center;

overflow: hidden;

padding: 60px 20px;

}

.hero::before {

content: '';

position: absolute;

inset: 0;

background: radial-gradient(ellipse at 20% 50%, rgba(201,164,74,0.12) 0%, transparent 60%),

radial-gradient(ellipse at 80% 20%, rgba(29,107,90,0.15) 0%, transparent 50%);

pointer-events: none;

}

.hero-grid {

max-width: 1100px;

margin: 0 auto;

display: grid;

grid-template-columns: 1fr 340px;

gap: 60px;

align-items: center;

position: relative;

z-index: 2;

width: 100%;

}

.hero-badge {

display: inline-block;

background: rgba(201,164,74,0.2);

border: 1px solid rgba(201,164,74,0.5);

color: var(--gold-light);

font-size: 13px;

font-weight: 600;

padding: 6px 18px;

border-radius: 30px;

margin-bottom: 24px;

letter-spacing: 1px;

}

.hero-title {

font-family: 'Amiri', serif;

font-size: clamp(38px, 5vw, 62px);

font-weight: 700;

color: var(--white);

line-height: 1.3;

margin-bottom: 12px;

}

.hero-title .highlight {

color: var(--gold);

display: block;

}

.hero-author {

font-size: 22px;

font-weight: 600;

color: var(--gold-light);

margin-bottom: 8px;

}

.hero-genre {

font-size: 15px;

color: rgba(255,255,255,0.5);

margin-bottom: 32px;

font-style: italic;

}

.hero-desc {

font-size: 17px;

line-height: 1.9;

color: rgba(255,255,255,0.75);

margin-bottom: 44px;

max-width: 520px;

}

.hero-cta-group {

display: flex;

gap: 16px;

flex-wrap: wrap;

align-items: center;

}

.btn-primary {

background: linear-gradient(135deg, var(--gold), var(--gold-dark));

color: var(--deep);

font-family: 'Cairo', sans-serif;

font-size: 18px;

font-weight: 700;

padding: 16px 40px;

border-radius: 50px;

border: none;

cursor: pointer;

text-decoration: none;

display: inline-flex;

align-items: center;

gap: 10px;

box-shadow: 0 4px 24px rgba(201,164,74,0.4);

transition: transform 0.2s, box-shadow 0.2s;

}

.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(201,164,74,0.5); }

.price-tag {

background: rgba(255,255,255,0.1);

border: 1px solid rgba(255,255,255,0.2);

color: var(--white);

font-size: 20px;

font-weight: 700;

padding: 14px 28px;

border-radius: 50px;

display: inline-flex;

align-items: center;

gap: 8px;

}

.price-tag .currency { font-size: 13px; opacity: 0.7; }

.hero-book {

display: flex;

justify-content: center;

align-items: center;

}

.book-wrapper {

position: relative;

width: 280px;

}

.book-cover {

width: 100%;

border-radius: 8px 18px 18px 8px;

box-shadow: -12px 20px 60px rgba(0,0,0,0.6), 4px 4px 0 #8B6D28;

display: block;

animation: float 4s ease-in-out infinite;

}

.book-edition {

position: absolute;

bottom: -16px;

left: 50%;

transform: translateX(-50%);

background: var(--gold);

color: var(--deep);

font-size: 12px;

font-weight: 700;

padding: 6px 20px;

border-radius: 20px;

white-space: nowrap;

}

@keyframes float {

0%, 100% { transform: translateY(0); }

50% { transform: translateY(-12px); }

}

/* ===== ABOUT ===== */

.section { padding: 80px 20px; }

.section-inner { max-width: 1000px; margin: 0 auto; }

.section-label {

text-align: center;

font-size: 13px;

font-weight: 700;

letter-spacing: 3px;

color: var(--gold-dark);

text-transform: uppercase;

margin-bottom: 12px;

}

.section-title {

font-family: 'Amiri', serif;

font-size: clamp(28px, 4vw, 44px);

font-weight: 700;

text-align: center;

color: var(--warm-dark);

line-height: 1.4;

margin-bottom: 20px;

}

.section-line {

width: 60px;

height: 3px;

background: linear-gradient(90deg, var(--gold), var(--gold-light));

margin: 0 auto 48px;

border-radius: 2px;

}

/* ===== ABOUT BLOCK ===== */

.about-bg { background: var(--white); }

.about-grid {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 60px;

align-items: center;

}

.about-text p {

font-size: 17px;

line-height: 2;

color: var(--text);

margin-bottom: 20px;

}

.about-highlight {

background: linear-gradient(135deg, #FDF6E8, #FFF9F0);

border-right: 4px solid var(--gold);

padding: 20px 24px;

border-radius: 0 12px 12px 0;

font-family: 'Amiri', serif;

font-size: 19px;

color: var(--warm-dark);

line-height: 1.8;

margin: 28px 0;

font-style: italic;

}

.stats-row {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 20px;

margin-top: 8px;

}

.stat-box {

text-align: center;

padding: 20px 16px;

background: var(--cream);

border-radius: 12px;

border: 1px solid rgba(201,164,74,0.2);

}

.stat-number {

font-size: 32px;

font-weight: 900;

color: var(--gold-dark);

display: block;

line-height: 1;

margin-bottom: 6px;

}

.stat-label {

font-size: 13px;

color: var(--muted);

font-weight: 600;

}

/* ===== SUMMARY ===== */

.summary-bg { background: var(--cream); }

.chapters-grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));

gap: 20px;

}

.chapter-card {

background: var(--white);

border-radius: 16px;

padding: 24px 20px;

border: 1px solid rgba(201,164,74,0.15);

transition: transform 0.2s, box-shadow 0.2s;

position: relative;

overflow: hidden;

}

.chapter-card::before {

content: '';

position: absolute;

top: 0;

right: 0;

width: 4px;

height: 100%;

background: linear-gradient(180deg, var(--gold), var(--gold-light));

border-radius: 0 16px 16px 0;

}

.chapter-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.1); }

.chapter-num {

font-size: 11px;

font-weight: 700;

letter-spacing: 2px;

color: var(--gold);

margin-bottom: 8px;

}

.chapter-title {

font-size: 16px;

font-weight: 700;

color: var(--warm-dark);

line-height: 1.5;

margin-bottom: 8px;

}

.chapter-page {

font-size: 12px;

color: var(--muted);

}

/* ===== TESTIMONIALS ===== */

.testimonials-bg { background: linear-gradient(160deg, #1A1410, #2D2318); }

.testimonials-bg .section-title { color: var(--white); }

.testimonials-bg .section-label { color: var(--gold-light); }

.reviews-grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

gap: 24px;

}

.review-card {

background: rgba(255,255,255,0.06);

border: 1px solid rgba(201,164,74,0.2);

border-radius: 20px;

padding: 28px 24px;

transition: background 0.2s;

}

.review-card:hover { background: rgba(255,255,255,0.1); }

.stars {

color: var(--gold);

font-size: 18px;

letter-spacing: 2px;

margin-bottom: 16px;

}

.review-text {

font-family: 'Amiri', serif;

font-size: 17px;

line-height: 1.9;

color: rgba(255,255,255,0.85);

margin-bottom: 20px;

font-style: italic;

}

.reviewer-info {

display: flex;

align-items: center;

gap: 12px;

}

.reviewer-avatar {

width: 44px;

height: 44px;

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

font-weight: 700;

font-size: 16px;

flex-shrink: 0;

}

.reviewer-name {

font-weight: 700;

font-size: 15px;

color: var(--white);

}

.reviewer-city {

font-size: 12px;

color: rgba(255,255,255,0.45);

margin-top: 2px;

}

/* ===== CTA ===== */

.cta-bg {

background: linear-gradient(135deg, var(--gold-dark), #7A5520, #2D2318);

text-align: center;

padding: 80px 20px;

}

.cta-bg .section-title { color: var(--white); }

.cta-price-block {

background: rgba(255,255,255,0.1);

border: 1px solid rgba(255,255,255,0.25);

border-radius: 20px;

padding: 32px 40px;

display: inline-block;

margin: 32px auto;

}

.cta-price-label { font-size: 14px; color: rgba(255,255,255,0.65); margin-bottom: 8px; }

.cta-price-amount {

font-size: 56px;

font-weight: 900;

color: var(--white);

line-height: 1;

}

.cta-price-amount span { font-size: 22px; font-weight: 400; opacity: 0.7; }

.cta-btn {

display: inline-flex;

align-items: center;

gap: 12px;

background: var(--white);

color: var(--gold-dark);

font-family: 'Cairo', sans-serif;

font-size: 20px;

font-weight: 700;

padding: 18px 50px;

border-radius: 60px;

text-decoration: none;

box-shadow: 0 8px 32px rgba(0,0,0,0.3);

transition: transform 0.2s, box-shadow 0.2s;

border: none;

cursor: pointer;

}

.cta-btn:hover { transform: translateY(-3px); box-shadow: 0 12px 40px rgba(0,0,0,0.4); }

.cta-guarantee {

margin-top: 24px;

font-size: 14px;

color: rgba(255,255,255,0.6);

display: flex;

align-items: center;

justify-content: center;

gap: 8px;

}

/* ===== FOOTER ===== */

footer {

background: var(--deep);

padding: 40px 20px;

text-align: center;

color: rgba(255,255,255,0.4);

font-size: 14px;

}

footer .footer-author {

font-size: 18px;

font-weight: 700;

color: var(--gold);

margin-bottom: 8px;

}

/* ===== RESPONSIVE ===== */

@media (max-width: 768px) {

.hero-grid { grid-template-columns: 1fr; text-align: center; }

.hero-book { order: -1; }

.book-wrapper { width: 200px; margin: 0 auto; }

.hero-cta-group { justify-content: center; }

.hero-desc { margin: 0 auto 36px; }

.about-grid { grid-template-columns: 1fr; }

.stats-row { grid-template-columns: repeat(3, 1fr); }

.cta-price-block { padding: 24px 24px; }

}

@media (max-width: 480px) {

.stats-row { grid-template-columns: 1fr; }

.btn-primary { font-size: 16px; padding: 14px 28px; }

.cta-price-amount { font-size: 44px; }

}

</style>

</head>

<body>

<span class="hero-badge">✦ الطبعة الثانية ✦</span>

رحلتي مع الوسواس القهري

<span class="highlight">من الألم إلى الأمل</span>

</h1>

<p class="hero-author">سعيدة بنحليمة</p>

<p class="hero-genre">سيرة ذاتية</p>

كتاب استثنائي يأخذك في رحلة حقيقية وصادقة من أعماق المعاناة مع الوسواس القهري إلى النور والأمل. تجربة إنسانية نادرة تجمع بين الألم الحقيقي والحكمة العميقة، لتكون دليلاً لكل من يعاني في صمت.

</p>

🛒 اطلب الكتاب الآن

</a>

200 <span class="currency">درهم مغربي</span>

</div>

<div class="book-edition">✦ الطبعة الثانية ✦</div>

</div>

</section>

<p class="section-label">عن الكتاب</p>

<h2 class="section-title">قصة حقيقية تلمس القلوب</h2>

<p>

في هذا الكتاب الفريد، تشاركنا الكاتبة <strong>سعيدة بنحليمة</strong> رحلتها الشخصية مع مرض الوسواس القهري بكل صدق وشجاعة. من لحظات الضعف والألم، إلى اكتشاف طرق العلاج والتعافي، وصولاً إلى بناء حياة مليئة بالأمل والطاقة الإيجابية.

</p>

"لم أكن وحدي في هذه المعركة، وأنت أيضاً لست وحيداً. هذا الكتاب برهان على أن الشفاء ممكن."

</div>

<p>

يجمع الكتاب بين السيرة الذاتية والمعلومات العلمية حول الوسواس القهري، مع أدوات عملية من التنمية البشرية لمساعدتك على بناء حياة أفضل.

</p>

</div>

<div>

<span class="stat-label">صفحة من التجربة</span>

</div>

<span class="stat-label">طبعات ناجحة</span>

</div>

<span class="stat-label">قصة حقيقية</span>

</div>

</section>

<p class="section-label">محتوى الكتاب</p>

<h2 class="section-title">ماذا ستجد بين دفتي الكتاب؟</h2>

<div class="chapter-num">الفصل الأول</div>

<div class="chapter-title">قصتي وبدايتي مع الوسواس القهري</div>

</div>

<div class="chapter-num">الفصل الثاني</div>

<div class="chapter-title">ما هو الوسواس القهري وعلاجه</div>

</div>

<div class="chapter-num">الفصل الثالث</div>

<div class="chapter-title">العلاج بالأدوية والرياضة والعلاج السلوكي المعرفي</div>

</div>

<div class="chapter-num">الفصل الرابع</div>

<div class="chapter-title">خطة علاجي وتطبيق العلاج</div>

</div>

<div class="chapter-num">الفصل الخامس</div>

<div class="chapter-title">الطاقات الإيجابية، الروحانية وقانون الجذب</div>

</div>

<div class="chapter-num">الفصل السادس</div>

<div class="chapter-title">التنمية البشرية: قوة التفكير، تنظيم الوقت والعادات</div>

</div>

<div class="chapter-num">الفصل السابع</div>

<div class="chapter-title">ما اكتسبته وتحليات شخصية</div>

</div>

<div class="chapter-num">الخاتمة</div>

<div class="chapter-title">شهادات المقربين وخاتمة الرحلة</div>

</div>

</section>

<p class="section-label">آراء القراء</p>

<h2 class="section-title">ماذا قال القراء المغاربة؟</h2>

<p class="review-text">هذا الكتاب غيّر نظرتي للمرض تماماً. كنت أظن أنني الوحيدة التي تعاني، لكن سعيدة جعلتني أشعر أنني لست وحيدة. شكراً من أعماق قلبي.</p>

<div>

<div class="reviewer-name">فاطمة الزهراء</div>

<div class="reviewer-city">الدار البيضاء</div>

</div>

<p class="review-text">كتاب رائع بكل المقاييس. الأسلوب بسيط ومؤثر، والمعلومات العلمية مفيدة جداً. أوصيت به لكل أفراد عائلتي لأن الوسواس القهري يؤثر على الجميع.</p>

<div>

<div class="reviewer-name">يوسف أومسا</div>

<div class="reviewer-city">الرباط</div>

</div>

<p class="review-text">قرأته في يومين فقط لأنني لم أستطع أن أتركه. شجاعة الكاتبة في مشاركة تجربتها الشخصية أعطتني الأمل والقوة للبدء في رحلة التعافي.</p>

<div>

<div class="reviewer-name">أمينة النجاري</div>

<div class="reviewer-city">مراكش</div>

</div>

<p class="review-text">أخيراً كتاب مغربي يتحدث عن الصحة النفسية بكل جرأة وصدق. هذا ما كنا نحتاجه. سعيدة بنحليمة فتحت باباً لم يكن أحد يجرؤ على فتحه.</p>

<div>

<div class="reviewer-name">كريم المرابط</div>

</div>

<p class="review-text">ابنتي تعاني من الوسواس القهري وهذا الكتاب ساعدني كثيراً على فهم ما تمر به. الآن أستطيع أن أدعمها بشكل أفضل. أنصح به كل الأسر.</p>

<div>

<div class="reviewer-name">زينب البوعناني</div>

<div class="reviewer-city">أكادير</div>

</div>

<p class="review-text">الجزء الخاص بالتنمية البشرية والعادات الإيجابية استفدت منه كثيراً في حياتي اليومية. الكتاب لا يتحدث فقط عن المرض بل عن بناء حياة كاملة.</p>

<div>

<div class="reviewer-name">هند العلوي</div>

</div>

</section>

<p class="section-label" style="color: rgba(255,255,255,0.6);">اطلب نسختك الآن</p>

<h2 class="section-title" style="color: var(--white); max-width: 600px; margin: 0 auto 8px;">لا تؤجل رحلتك نحو الأمل</h2>

<p style="color: rgba(255,255,255,0.65); font-size: 16px; margin-top: 12px;">احصل على كتاب يغير حياتك وحياة من تحب</p>

<p class="cta-price-label">السعر الإجمالي</p>

<div class="cta-price-amount">200 <span>درهم مغربي</span></div>

</div>

<br>

🛒 اطلب الكتاب الآن

</a>

🔒   توصيل آمن في جميع أنحاء المغرب

</div>

</section>

<p class="footer-author">سعيدة بنحليمة</p>

<p>رحلتي مع الوسواس القهري — من الألم إلى الأمل</p>

</footer>

</body>

</html>