بيت الحلا وتصاميم بيت الحلا

<!DOCTYPE html>

<head>

<title>بيت الحلا — مقال المدونة</title>

<style>

:root {

--rose: #C8704A;

--gold: #D4A85A;

--cream: #F9F1E4;

--dark: #2B1A0F;

--blush: #EDD5BE;

}

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

body {

background: var(--cream);

color: var(--dark);

font-family: 'Noto Naskh Arabic', serif;

line-height: 1.9;

}

/* HERO */

.hero {

background: var(--dark);

padding: 80px 40px;

text-align: center;

position: relative;

overflow: hidden;

}

.hero::before {

content: '';

position: absolute;

inset: 0;

background: radial-gradient(ellipse 60% 60% at 50% 50%, rgba(200,112,74,0.2), transparent 70%);

}

.hero-tag {

font-size: 11px;

letter-spacing: 5px;

color: var(--gold);

text-transform: uppercase;

margin-bottom: 16px;

}

.hero h1 {

font-size: clamp(40px, 7vw, 72px);

color: var(--cream);

font-weight: 700;

position: relative;

z-index: 1;

}

.hero-en {

font-family: 'Playfair Display', serif;

font-style: italic;

font-size: 22px;

color: var(--gold);

margin-top: 10px;

}

.hero-line {

width: 80px;

height: 1px;

background: linear-gradient(to right, transparent, var(--gold), transparent);

margin: 24px auto;

}

.hero-sub {

font-size: 15px;

color: var(--blush);

opacity: 0.8;

max-width: 500px;

margin: 0 auto;

}

/* ARTICLE BODY */

.article {

max-width: 780px;

margin: 0 auto;

padding: 60px 30px;

}

.section-ar {

margin-bottom: 50px;

}

.section-en {

direction: ltr;

text-align: left;

margin-bottom: 50px;

border-right: none;

border-left: 3px solid var(--gold);

padding-left: 20px;

}

h2 {

font-size: 26px;

font-weight: 700;

color: var(--rose);

margin-bottom: 14px;

}

h2.en-title {

font-family: 'Playfair Display', serif;

font-size: 24px;

}

p {

font-size: 16px;

line-height: 2;

color: #3a2518;

margin-bottom: 14px;

}

p.en-text {

font-family: 'Lora', serif;

font-size: 15px;

}

.divider {

display: flex;

align-items: center;

gap: 16px;

margin: 40px 0;

}

.divider::before, .divider::after {

content: '';

flex: 1;

height: 1px;

background: linear-gradient(to right, transparent, var(--gold));

}

.divider::before { background: linear-gradient(to left, transparent, var(--gold)); }

.divider-icon {

width: 28px; height: 28px;

position: relative;

}

.divider-icon svg { width: 100%; height: 100%; }

/* HIGHLIGHT BOX */

.highlight {

background: var(--dark);

color: var(--cream);

border-radius: 16px;

padding: 36px 40px;

margin: 40px 0;

position: relative;

overflow: hidden;

}

.highlight::before {

content: '';

position: absolute;

top: -30px; left: -30px;

width: 120px; height: 120px;

border-radius: 50%;

background: rgba(212,168,90,0.08);

}

.highlight h3 {

font-size: 20px;

color: var(--gold);

margin-bottom: 12px;

}

.highlight p {

color: var(--blush);

font-size: 15px;

}

.highlight.ltr {

direction: ltr;

text-align: left;

}

/* PRODUCTS GRID */

.products {

display: grid;

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

gap: 16px;

margin: 30px 0;

}

.product-card {

background: white;

border-radius: 14px;

padding: 24px 16px;

text-align: center;

border: 1px solid rgba(200,112,74,0.15);

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

}

.product-card:hover {

transform: translateY(-4px);

box-shadow: 0 10px 30px rgba(200,112,74,0.15);

}

.product-icon { font-size: 36px; margin-bottom: 10px; }

.product-name { font-size: 14px; font-weight: 600; color: var(--dark); }

.product-name-en {

font-family: 'Lora', serif;

font-style: italic;

font-size: 11px;

color: var(--rose);

margin-top: 3px;

}

/* CTA */

.cta {

background: linear-gradient(135deg, var(--rose), #a85535);

border-radius: 20px;

padding: 50px 40px;

text-align: center;

margin: 50px 0;

color: white;

}

.cta h3 { font-size: 28px; margin-bottom: 10px; }

.cta p { color: rgba(255,250,244,0.85); font-size: 15px; max-width: 400px; margin: 0 auto 20px; }

.cta-btn {

display: inline-block;

background: var(--gold);

color: var(--dark);

padding: 12px 34px;

border-radius: 30px;

font-weight: 700;

font-size: 14px;

text-decoration: none;

letter-spacing: 1px;

transition: transform 0.2s;

}

.cta-btn:hover { transform: scale(1.04); }

/* FOOTER */

.article-footer {

text-align: center;

padding: 40px;

border-top: 1px solid rgba(200,112,74,0.15);

font-size: 12px;

color: var(--rose);

letter-spacing: 3px;

}

@media (max-width: 600px) {

.products { grid-template-columns: repeat(2, 1fr); }

.hero h1 { font-size: 36px; }

}

</style>

</head>

<body>

<p class="hero-tag">مدونة بيت الحلا · Blog</p>

<h1>بيت الحلا</h1>

<p class="hero-en">Bait Al-Hala — A Sweet Home</p>

<p class="hero-sub">حيث تتحول المكونات البسيطة إلى لحظات لا تُنسى</p>

</div>

<h2>من قلب البيت إلى قلبك 🍯</h2>

<p>

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

</p>

<p>

نؤمن في بيت الحلا أن الطعام الجيد يبدأ من مكونات طازجة وصادقة. لا مواد حافظة، لا نكهات صناعية، فقط ما تعرفه جدتنا وتعرفه أيديها الحكيمة.

</p>

</div>

<path d="M14 2 L16 12 L26 14 L16 16 L14 26 L12 16 L2 14 L12 12 Z"

stroke="#D4A85A" stroke-width="1" fill="rgba(212,168,90,0.15)"/>

</svg>

</div>

<h2 class="en-title">From Our Kitchen, With Love 🍯</h2>

In a quiet corner of our home kitchen, sweet stories are born every single day. <strong>Bait Al-Hala</strong> — meaning "Sweet Home" in Arabic — is more than a name. It's a promise that every treat reaching your hands is crafted with love, tradition, and the finest natural ingredients.

</p>

From date-filled Ma'amoul to golden crispy Kunafa, we carry the rich heritage of Arabic sweets and present it to you in a modern, heartfelt way. No preservatives. No artificial flavors. Just the real thing — the way grandma always made it.

</p>

</div>

<h2>منتجاتنا المميزة ✨</h2>

<div class="product-name">كنافة منزلية</div>

<div class="product-name-en">Homemade Kunafa</div>

</div>

<div class="product-name">معمول التمر</div>

<div class="product-name-en">Date Ma'amoul</div>

</div>

<div class="product-name">بقلاوة بالعسل</div>

<div class="product-name-en">Honey Baklava</div>

</div>

<div class="product-name-en">Arabic Cupcakes</div>

</div>

<div class="product-name-en">Cheesecake</div>

</div>

<div class="product-name">صناديق هدايا</div>

<div class="product-name-en">Gift Boxes</div>

</div>

<h3>لماذا بيت الحلا؟ 🌟</h3>

<p>✔ مكونات طبيعية 100% بدون مواد حافظة</p>

<p>✔ وصفات منزلية أصيلة توارثناها جيلاً بعد جيل</p>

<p>✔ تغليف أنيق مثالي للهدايا والمناسبات</p>

<p>✔ توصيل سريع لباب بيتك</p>

<p>✔ طلبات مخصصة للأفراح والتجمعات</p>

</div>

<path d="M14 2 L16 12 L26 14 L16 16 L14 26 L12 16 L2 14 L12 12 Z"

stroke="#D4A85A" stroke-width="1" fill="rgba(212,168,90,0.15)"/>

</svg>

</div>

<h3>Why Choose Bait Al-Hala? 🌟</h3>

<p>✔ 100% natural ingredients — no preservatives</p>

<p>✔ Authentic family recipes passed down through generations</p>

<p>✔ Elegant packaging perfect for gifting and occasions</p>

<p>✔ Fast delivery straight to your door</p>

<p>✔ Custom orders for weddings and gatherings</p>

</div>

<h2>قصتنا 📖</h2>

<p>

بدأت فكرة بيت الحلا من شغف حقيقي بفن الحلويات المنزلية. ما كان في البداية هواية بين جدران البيت، تحوّل اليوم إلى مشروع صغير يحمل روح الأصالة ودفء البيت. كل طلب نستقبله هو مسؤولية نأخذها بجدية تامة، لأننا نعلم أن الحلوى ليست مجرد طعام، بل هي جزء من لحظات الفرح والذكريات الجميلة.

</p>

</div>

<h2 class="en-title">Our Story 📖</h2>

Bait Al-Hala began as a true passion for the art of homemade sweets. What started as a hobby within the walls of a family kitchen has grown into a small business carrying the warmth of home and the soul of tradition. Every order we receive is a responsibility we take seriously — because we know that sweets are not just food, they are part of joyful moments and beautiful memories.

</p>

</div>

<p>تواصل معنا اليوم واجعل مناسبتك القادمة أحلى مع بيت الحلا</p>

<a href="#" class="cta-btn">تواصل معنا · Contact Us</a>

</div>

بيت الحلا · Bait Al-Hala · حلويات منزلية بعشق وأصالة

</div>

</body>

</html>

بحث هذه المدونة الإلكترونية

حلويات بيت الحلا وتصاميم بيت الحلا

بيت الحلا وتصاميم بيت الحلا

تعليقات

إرسال تعليق