لماذا Serta
<!DOCTYPE html>
<html dir="rtl" lang="ar"><head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>لماذا Serta؟ | Serta KSA</title>
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@600&family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,[email protected],0..1&display=swap" rel="stylesheet"/>
tailwind.config = {
darkMode: "class",
theme: {
extend: {
"colors": {
"tertiary-container": "#691c00",
"primary": "#001d59",
"on-primary-container": "#7f9df8",
"on-primary": "#ffffff",
"on-primary-fixed-variant": "#1c4197",
"on-tertiary-fixed-variant": "#7e2b0d",
"surface-container": "#e5eeff",
"comfort-gray": "#F4F4F4",
"primary-fixed-dim": "#b4c5ff",
"on-error-container": "#93000a",
"secondary-container": "#fdd000",
"secondary": "#725c00",
"on-primary-fixed": "#00174b",
"surface": "#f8f9ff",
"on-background": "#121c28",
"background": "#f8f9ff",
"on-tertiary-container": "#f1815c",
"primary-container": "#003087",
"error-container": "#ffdad6",
"outline": "#747683",
"error": "#ba1a1a",
"surface-container-low": "#eef4ff",
"on-error": "#ffffff",
"tertiary-fixed": "#ffdbd0",
"primary-fixed": "#dbe1ff",
"surface-container-high": "#dfe9fa",
"surface-dim": "#d1dbec",
"on-tertiary-fixed": "#390b00",
"surface-bright": "#f8f9ff",
"on-secondary-fixed": "#231b00",
"on-secondary-container": "#6e5900",
"surface-container-lowest": "#ffffff",
"inverse-on-surface": "#eaf1ff",
"surface-tint": "#3959b0",
"surface-variant": "#d9e3f4",
"surface-container-highest": "#d9e3f4",
"inverse-primary": "#b4c5ff",
"outline-variant": "#c4c6d4",
"tertiary": "#440f00",
"warm-sand": "#F9F7F2",
"secondary-fixed": "#ffe07c",
"surface-blue": "#F8F9FF",
"secondary-fixed-dim": "#ecc200",
"tertiary-fixed-dim": "#ffb59d",
"inverse-surface": "#27313e",
"on-tertiary": "#ffffff",
"on-surface": "#121c28",
"serta-navy": "#003087",
"on-secondary": "#ffffff",
"on-surface-variant": "#444652",
"on-secondary-fixed-variant": "#564500"
},
"borderRadius": {
"DEFAULT": "0.125rem",
"lg": "0.25rem",
"xl": "0.5rem",
"full": "0.75rem"
},
"spacing": {
"gutter": "24px",
"unit": "8px",
"margin-desktop": "64px",
"container-max": "1280px",
"margin-mobile": "16px"
},
"fontFamily": {
"headline-h1-mobile": [
"Tajawal"
],
"body-lg": [
"Tajawal"
],
"display-lg": [
"Tajawal"
],
"label-md": [
"Hanken Grotesk"
],
"headline-h1": [
"Tajawal"
],
"display-lg-mobile": [
"Tajawal"
],
"headline-h2": [
"Tajawal"
],
"body-md": [
"Tajawal"
]
},
"fontSize": {
"headline-h1-mobile": [
"28px",
{
"lineHeight": "1.3",
"fontWeight": "700"
}
],
"body-lg": [
"20px",
{
"lineHeight": "1.6",
"fontWeight": "400"
}
],
"display-lg": [
"56px",
{
"lineHeight": "1.2",
"fontWeight": "700"
}
],
"label-md": [
"14px",
{
"lineHeight": "1.0",
"letterSpacing": "0.02em",
"fontWeight": "600"
}
],
"headline-h1": [
"40px",
{
"lineHeight": "1.3",
"fontWeight": "700"
}
],
"display-lg-mobile": [
"36px",
{
"lineHeight": "1.2",
"fontWeight": "700"
}
],
"headline-h2": [
"32px",
{
"lineHeight": "1.4",
"fontWeight": "500"
}
],
"body-md": [
"16px",
{
"lineHeight": "1.6",
"fontWeight": "400"
}
]
}
},
},
}
<style>
body { font-family: 'Tajawal', sans-serif; background-color: theme('colors.background'); color: theme('colors.on-background'); }
.label-font { font-family: 'Hanken Grotesk', sans-serif; }
</style>
</head>
<body class="antialiased">
<!-- 1. TopNavBar -->
<!-- Main Content -->
<!-- 2. Breadcrumb -->
<!-- 3. Hero Section -->
<!-- 4. Global Brand Story -->
<!-- 5. Heritage -->
<!-- 6. Comfort Philosophy -->
<!-- 7. Product & Technology Proof -->
<!-- 8. Why Serta — Customer View -->
<!-- 9. Serta in Saudi Arabia -->
<!-- 10. Store Experience -->
<!-- 11. Mattress Finder CTA -->
<!-- 12. Final CTA -->
<!-- 13. Global Footer -->
</body></html>
الرئيسية / لماذا Serta؟
راحة تطورت عبر أجيال
تطورت Serta عبر سنوات من العمل على تجربة النوم، من تصميم المرتبة ومكوناتها إلى التقنيات التي تسهم في بناء مستويات مختلفة من الراحة والدعم.
<button class="bg-serta-navy text-white px-6 py-3 rounded text-label-md font-label-md hover:bg-primary-container transition-colors">اكتشف مراتب Serta</button>
<button class="bg-transparent border-2 border-serta-navy text-serta-navy px-6 py-3 rounded text-label-md font-label-md hover:bg-surface-blue transition-colors">اكتشف التقنيات</button>
علامة عالمية بتركيز واضح على الراحة
تقوم تجربة Serta على تطوير حلول نوم تجمع بين تصميم المرتبة، مستويات الراحة، وتقنيات تختلف وفق كل منتج واحتياج.
[بيانات تاريخ Serta المعتمدة من المصدر الرسمي]
history
البداية
trending_up
التطور
today
اليوم
تجربة نوم تجمع بين إرث العلامة والمنتجات والتقنيات الحديثة.
الراحة ليست خيارًا واحدًا
ما يناسب شخصًا قد لا يناسب آخر. لذلك تساعدك Serta على فهم مستوى الراحة والاحتياج الأقرب لك قبل اختيار المرتبة.
<button class="bg-serta-navy text-white px-8 py-4 rounded text-label-md font-label-md hover:bg-primary-container transition-colors">ساعدني في الاختيار</button>التجربة تبدأ من داخل المرتبة
-
layers
طبقات الراحة
-
support
نظام الدعم
-
category
المواد
-
science
التقنيات
تختلف المكونات والتقنيات حسب موديل المرتبة.
<button class="bg-transparent border-2 border-serta-navy text-serta-navy px-6 py-3 rounded text-label-md font-label-md hover:bg-surface-blue transition-colors">اكتشف تقنيات Serta</button>ما الذي يجعل تجربة Serta مختلفة؟
public
خبرة علامة عالمية
tune
خيارات متعددة للراحة
memory
تقنيات مرتبطة بتجربة النوم
storefront
إمكانية الشراء أو التجربة في الفرع
فصل جديد لـ Serta في السعودية
تبدأ Serta اليوم مرحلة جديدة لتطوير تجربتها في السوق السعودي، من الموقع والتسوق الرقمي إلى تجربة الفروع والمحتوى والخدمة.
اختبر الراحة بنفسك
الشعور بالمرتبة جزء مهم من الاختيار. يمكنك زيارة أقرب فرع والتعرّف على الخيارات المتاحة للتجربة.
جدة
الدمام
الأحساء
<button class="bg-serta-navy text-white px-8 py-4 rounded text-label-md font-label-md hover:bg-primary-container transition-colors">عرض الفروع</button>
لست متأكدًا من الخيار المناسب؟
<button class="bg-serta-navy text-white px-8 py-4 rounded text-label-md font-label-md hover:bg-primary-container transition-colors">ساعدني في الاختيار</button>ابدأ باكتشاف الراحة المناسبة لك
<button class="bg-serta-navy text-white px-8 py-4 rounded text-label-md font-label-md hover:bg-primary-container transition-colors">اكتشف المراتب</button>
<button class="bg-transparent border-2 border-serta-navy text-serta-navy px-8 py-4 rounded text-label-md font-label-md hover:bg-surface-blue transition-colors">ساعدني في الاختيار</button>