<!-- الصورة -->
<!-- المحتوى -->
<!-- العمود الأيمن (العنوان) -->
رحلتنا الملهمة
من البـــــدايات إلى قمة ريادة الإنارة
<!-- العمود الأيسر (النص + الزرار) -->
<style>
.our-journey {
max-width: 1236px;
margin: 0 auto;
padding: 40px 16px;
font-family: 'Almarai', sans-serif;
direction: rtl;
}
.our-journey .image-wrapper img {
width: 100%;
border-radius: 10px;
margin-bottom: 24px;
}
.content-wrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
gap: 24px;
}
/* العنوان */
.title {
flex: 1;
min-width: 280px;
text-align: right;
}
.title h2 {
font-size: 42px;
line-height: 72px;
font-weight: 700;
color: #374151;
margin: 0;
}
.title h3 {
font-size: 42px;
line-height: 72px;
font-weight: 400;
color: #374151;
margin: 0;
}
/* النص + الزرار */
.text {
flex: 1;
min-width: 280px;
text-align: right; /* محاذاة يمين */
}
.text p {
font-size: 18px;
line-height: 28px;
font-weight: 300;
color: #5b5b5b;
margin: 0 0 24px;
max-width: 500px;
}
/* الزرار */
.btn {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 400;
color: #374151;
text-decoration: none;
border: 1.5px solid #374151;
padding: 6px 16px;
border-radius: 6px;
cursor: pointer;
transition: all 0.3s ease;
}
.btn:hover {
background: #374151;
color: #ffffff;
}
.btn:hover svg {
stroke: #ffffff;
}
/* Responsive */
@media (max-width: 1024px) {
.title h2, .title h3 {
font-size: 32px;
line-height: 48px;
}
.text p {
font-size: 16px;
line-height: 26px;
}
}
@media (max-width: 768px) {
.content-wrapper {
flex-direction: column;
gap: 32px;
}
.title, .text {
text-align: right; /* يفضل دايمًا يمين */
}
.btn {
justify-content: flex-start; /* زرار لليمين */
}
}
</style>
<style>
.stats-section {
max-width: 1236px;
margin: 0 auto;
padding: 40px 16px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
direction: rtl;
font-family: 'Almarai', sans-serif;
}
.stat-card {
background: #374151;
border-radius: 10px;
padding: 40px 20px;
text-align: center;
color: #f3f4f6;
}
.stat-number {
font-size: 58px;
font-weight: 700;
color: #fdde00;
margin: 0 0 12px;
font-family: 'Readex Pro', sans-serif;
line-height: 1.2;
}
.stat-label {
font-size: 18px;
font-weight: 400;
margin: 0;
line-height: 1.4;
}
/* Responsive */
@media (max-width: 1024px) {
.stats-section {
grid-template-columns: repeat(2, 1fr);
}
.stat-number {
font-size: 46px;
}
.stat-label {
font-size: 16px;
}
}
@media (max-width: 600px) {
.stats-section {
grid-template-columns: 1fr;
}
.stat-card {
padding: 30px 16px;
}
.stat-number {
font-size: 38px;
}
.stat-label {
font-size: 15px;
}
}
</style>
من نحن
فانوس للإنارة،
نضيء أحــلامكم بابتكار وجودة لا تضاهى!
منذ تأسيسنا في عام 1400 هـ، بدأنا برحلة متواضعة لنقدم أفضل حلول
الإنارة، حيث نسعى جاهدين لتوفير منتجات مبتكرة تجمع بين التصميم العصري
والجودة الفائقة التي ترقى لتطلعات عملائنا الكرام بكل شغف.
على مر السنوات، تطورنا باستمرار لنصبح رمزاً للثقة والاحترافية،
ملتزمين بتحقيق رؤى عملائنا عبر تقديم خدمات متكاملة ترتكز على الابتكار
والدقة في كل تفاصيل العمل مع ضمان التزام كامل بالتميز الدائم.
<style>
.about-section {
max-width: 1236px;
margin: 0 auto 60px;
display: grid;
grid-template-columns: 365px 1fr;
gap: 40px;
align-items: start;
font-family: "Almarai", sans-serif;
direction: rtl;
}
.about-content {
display: flex;
flex-direction: column;
gap: 20px;
}
.section-subtitle {
font-size: 18px;
font-weight: 300;
color: #5b5b5b;
}
.section-title {
font-size: 42px;
font-weight: 400;
line-height: 72px;
color: #374151;
margin: 0;
}
.about-texts {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.about-texts .text-box p {
font-size: 18px;
font-weight: 300;
line-height: 29px;
color: #5b5b5b;
margin: 0;
text-align: right;
}
.about-image img {
width: 100%;
height: auto;
border-radius: 10px;
display: block;
}
/* Responsive */
@media (max-width: 1024px) {
.about-section {
grid-template-columns: 1fr;
}
.about-texts {
grid-template-columns: 1fr;
gap: 20px;
}
}
</style>
قــيــمــنــــــــــــــا
ترتكز على النزاهة، الابتكار، والجودة في كل خطوة حيث نضع احتياجات
عملائنا في المقدمة ونسعى لبناء شراكات مستدامة قائمة على الثقة بشكل دائم.
مـهمتـنــــــــــــــا
أن نكون الشركة الرائدة في مجال الإنارة، مُلهمين عملائنا بالحلول
المبتكرة التي تجمع بين التصميم العصري والجودة الاستثنائية من أجل مستقبل
أكثر إشراقاً.
رؤيتنــــــــــــــــــا
أن نكون الشركة الرائدة في مجال الإنارة، مُلهمين عملائنا بالحلول
المبتكرة التي تجمع بين التصميم العصري والجودة الاستثنائية من أجل مستقبل
أكثر إشراقاً.
<style>
.vision-mission-values {
max-width: 1236px;
margin: 0 auto 60px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
direction: rtl;
font-family: "Almarai", sans-serif;
}
.card {
background: #374151;
color: white;
border-radius: 10px;
padding: 40px 20px;
text-align: right;
display: flex;
flex-direction: column;
align-items: flex-end; /* كل العناصر تتحاذى يمين */
gap: 15px;
}
.card h3 {
font-size: 24px;
font-weight: 400;
margin: 0;
text-align: right;
width: 100%;
}
.card p {
font-size: 14px;
font-weight: 300;
line-height: 24px;
margin: 0;
color: #f9fafb;
text-align: right;
width: 100%;
}
.icon-box {
width: 72px;
height: 72px;
background: #fdde00;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto; /* يخلي المربع يروح أقصى يمين */
}
/* Responsive */
@media (max-width: 1024px) {
.vision-mission-values {
grid-template-columns: 1fr;
}
}
</style>
لماذا نحن ؟
اختار الجودة والتميز مع فانوس
نحن نضمن للعملاء تجربة إنارة فريدة تجمع بين الإبداع والموثوقية مع
الالتزام الدائم بالجودة والابتكار في كل منتج لتحقيق رضا عملائنا بأعلى
معايير الإبداع.
جودة متميزة
نوفر أفضل المنتجات التي تضمن أداءً استثنائيًا وثقة دائمة متواصلة لدى
العملاء.
ابتكار مستمر
نبتكر حلول إنارة جديدة تواكب التطور وتضفي رونقًا مميزًا على كل مكان.
ضمان شامل
نقدم ضمانًا شاملاً لجميع منتجاتنا ليضمن العميل أفضل تجربة دائمة بثقة
عالية.
أسعار منافسة
نوفر أسعاراً تنافسية دون التأثير على جودة المنتجات ومصداقيتها لرضا
العملاء.
<style>
.why-us {
max-width: 1236px;
margin: 0 auto 60px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
direction: rtl;
font-family: "Almarai", sans-serif;
}
.text-box {
display: flex;
flex-direction: column;
gap: 15px;
text-align: right;
}
.section-label {
font-size: 18px;
font-weight: 300;
color: #5b5b5b;
}
.text-box h2 {
font-size: 32px;
font-weight: 700;
color: #374151;
margin: 0;
}
.text-box p {
font-size: 18px;
font-weight: 300;
line-height: 29px;
color: #5b5b5b;
margin: 0;
}
.features {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.feature-card {
background: #374151;
border-radius: 6px;
padding: 25px;
color: white;
display: flex;
flex-direction: column;
gap: 10px;
text-align: right;
}
.feature-card h3 {
color: #fdde00;
font-size: 22px;
font-weight: 700;
margin: 0;
}
.feature-card p {
font-size: 15px;
font-weight: 400;
line-height: 24px;
margin: 0;
}
/* Responsive */
@media (max-width: 1024px) {
.why-us {
grid-template-columns: 1fr;
gap: 30px;
}
.features {
grid-template-columns: 1fr;
}
}
</style>
فروعنا
تواجدنا المميز في قلب المملكة
نفخر بتواجد فروعنا في أكبر المدن بالمملكة، حيث نقدم خدمات إنارة متكاملة تجمع بين الجودة والاحترافية لتلبية
احتياجات كل عميل بكل يسر وسرعة.
<style>
.branches-section {
padding: 60px 20px;
font-family: "Almarai", sans-serif;
direction: rtl;
text-align: center; /* العنوان والوصف في النص */
}
.branches-section .section-subtitle {
font-size: 18px;
color: #5B5B5B;
margin-bottom: 5px;
}
.branches-section .section-title {
font-size: 32px;
font-weight: 700;
color: #374151;
margin-bottom: 15px;
}
.branches-section .section-desc {
font-size: 18px;
font-weight: 300;
color: #5B5B5B;
line-height: 1.6;
max-width: 700px;
margin: 0 auto 40px; /* وسطنها */
}
.branches-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 25px;
}
.branch-card {
background: #374151;
border-radius: 10px;
overflow: hidden;
color: #fff;
display: flex;
flex-direction: column;
text-decoration: none;
transition: transform 0.3s, box-shadow 0.3s;
}
.branch-card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 15px rgba(0,0,0,0.2);
}
.branch-card img {
width: 100%;
height: auto;
display: block;
}
.branch-content {
padding: 20px;
text-align: right; /* خلي الكلام يمين داخل الكارت */
}
.branch-content h3 {
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
color: #fff;
}
.branch-content p {
font-size: 14px;
font-weight: 300;
line-height: 1.6;
color: #f1f1f1;
}
</style>
<!-- الصورة -->
<!-- النصوص -->
اكتشف الأناقة معنا
تسوق أفضل تشكيلة من الملابس والأكسسوارات بجودة عالية وأناقة لا تضاهى.
تسوق الآن
<style>
.fashion-section {
max-width: 1000px;
margin: auto;
padding: 40px 20px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}
.image-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.image-wrapper img {
width: 339px;
height: 339px;
border-radius: 8px;
}
.text-wrapper {
text-align: right;
}
.text-wrapper h2 {
color: #374151;
font-size: 36px;
font-family: Almarai, sans-serif;
font-weight: 700;
line-height: 56px;
margin-bottom: 16px;
}
.text-wrapper p {
color: #374151;
font-size: 18px;
font-family: Almarai, sans-serif;
line-height: 28px;
margin-bottom: 24px;
}
.text-wrapper a {
display: inline-block;
background: #FDDF00;
color: #374151;
font-size: 16px;
font-family: Almarai, sans-serif;
font-weight: 700;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
transition: all 0.3s ease;
}
.text-wrapper a:hover {
background: #374151;
color: #FDDF00;
}
/* نسخة الموبايل */
@media (max-width: 768px) {
.fashion-section {
grid-template-columns: 1fr;
text-align: right;
}
.text-wrapper {
text-align: right;
margin-top: 20px;
}
.text-wrapper a {
display: inline-block;
margin-right: 0; /* يثبت الزرار على اليمين */
}
}
</style>
<!-- فرع 2 -->