Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
280
src/app/page.tsx
280
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "الخدمات",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "الأعمال",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "تواصل",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "الخدمات", id: "services" },
|
||||
{ name: "الأعمال", id: "portfolio" },
|
||||
{ name: "تواصل", id: "contact" },
|
||||
]}
|
||||
brandName="الاسقف السعودية"
|
||||
/>
|
||||
@@ -54,42 +42,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="الاسقف السعودية"
|
||||
description="نصنع مساحات استثنائية بتصاميم أسقف فاخرة وديكورات داخلية راقية تجمع بين الجودة، الحداثة، والهوية السعودية."
|
||||
buttons={[
|
||||
{
|
||||
text: "اطلب استشارة مجانية",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "مشاهدة الأعمال",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{ text: "اطلب استشارة مجانية", href: "#contact" },
|
||||
{ text: "مشاهدة الأعمال", href: "#portfolio" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17743.jpg",
|
||||
imageAlt: "luxury ceiling interior design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-interior-catholic-church-light-colors_169016-22472.jpg",
|
||||
imageAlt: "luxury ceiling interior design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/striped-walls-roof-modern-building_23-2148184235.jpg",
|
||||
imageAlt: "luxury ceiling interior design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-amazing-interior-design_23-2150534554.jpg",
|
||||
imageAlt: "luxury ceiling interior design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-aesthetic-wallpaper-with-flower-cone_23-2149872237.jpg",
|
||||
imageAlt: "luxury ceiling interior design",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17743.jpg", imageAlt: "luxury ceiling interior design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/details-interior-catholic-church-light-colors_169016-22472.jpg", imageAlt: "luxury ceiling interior design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/striped-walls-roof-modern-building_23-2148184235.jpg", imageAlt: "luxury ceiling interior design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minimal-amazing-interior-design_23-2150534554.jpg", imageAlt: "luxury ceiling interior design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gold-aesthetic-wallpaper-with-flower-cone_23-2149872237.jpg", imageAlt: "luxury ceiling interior design" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -101,50 +66,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "أسقف جبسية فاخرة",
|
||||
author: "Expertise",
|
||||
description: "تصاميم عصرية وكلاسيكية بتفاصيل هندسية دقيقة.",
|
||||
tags: [
|
||||
"جبس",
|
||||
"تصميم",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-assembles-suspended-ceiling-with-plasterboard-attaches-plasterboard-metal-frame-ceiling-using-electric-screwdriver_166373-1912.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "إضاءة مخفية",
|
||||
author: "Innovation",
|
||||
description: "أنظمة إضاءة ذكية تضيف عمق وأناقة للمساحات.",
|
||||
tags: [
|
||||
"إضاءة",
|
||||
"تقنية",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-island-with-fluted-glass-cabinets-stylish-interior-with-builtin-appliances_169016-72717.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "تصميم داخلي",
|
||||
author: "Design",
|
||||
description: "تنسيق احترافي للألوان والخامات والديكور.",
|
||||
tags: [
|
||||
"تنسيق",
|
||||
"فنون",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-room-mid-century-style-with-warm-colors-ai-generative_123827-23930.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "تشطيبات راقية",
|
||||
author: "Quality",
|
||||
description: "جودة تنفيذ عالية باستخدام أفضل المواد المتاحة.",
|
||||
tags: [
|
||||
"جودة",
|
||||
"احتراف",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-serving_23-2147821230.jpg",
|
||||
},
|
||||
{ id: "s1", title: "أسقف جبسية فاخرة", author: "Expertise", description: "تصاميم عصرية وكلاسيكية بتفاصيل هندسية دقيقة.", tags: ["جبس", "تصميم"], imageSrc: "http://img.b2bpic.net/free-photo/worker-assembles-suspended-ceiling-with-plasterboard-attaches-plasterboard-metal-frame-ceiling-using-electric-screwdriver_166373-1912.jpg" },
|
||||
{ id: "s2", title: "إضاءة مخفية", author: "Innovation", description: "أنظمة إضاءة ذكية تضيف عمق وأناقة للمساحات.", tags: ["إضاءة", "تقنية"], imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-island-with-fluted-glass-cabinets-stylish-interior-with-builtin-appliances_169016-72717.jpg" },
|
||||
{ id: "s3", title: "تصميم داخلي", author: "Design", description: "تنسيق احترافي للألوان والخامات والديكور.", tags: ["تنسيق", "فنون"], imageSrc: "http://img.b2bpic.net/free-photo/living-room-mid-century-style-with-warm-colors-ai-generative_123827-23930.jpg" },
|
||||
{ id: "s4", title: "تشطيبات راقية", author: "Quality", description: "جودة تنفيذ عالية باستخدام أفضل المواد المتاحة.", tags: ["جودة", "احتراف"], imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-serving_23-2147821230.jpg" },
|
||||
]}
|
||||
title="خدماتنا المتميزة"
|
||||
description="حلول ديكور متكاملة تتناسب مع أرقى التطلعات المعمارية."
|
||||
@@ -158,48 +83,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "مشروع فيلا ملكي",
|
||||
price: "فخم",
|
||||
variant: "سكنية",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-square-endless-spiral-pattern_181624-4529.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "مكتب أعمال عصري",
|
||||
price: "إبداعي",
|
||||
variant: "تجاري",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397545.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "ردهة قصر فاخر",
|
||||
price: "تاريخي",
|
||||
variant: "خاص",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407613.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "مجلس كلاسيكي",
|
||||
price: "عريق",
|
||||
variant: "تقليدي",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199289.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "صالات استقبال",
|
||||
price: "مبتكر",
|
||||
variant: "عام",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797693.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "أجنحة فندقية",
|
||||
price: "عالمي",
|
||||
variant: "فندقي",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-chandelier_1339-6332.jpg",
|
||||
},
|
||||
{ id: "p1", name: "مشروع فيلا ملكي", price: "فخم", variant: "سكنية", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-square-endless-spiral-pattern_181624-4529.jpg" },
|
||||
{ id: "p2", name: "مكتب أعمال عصري", price: "إبداعي", variant: "تجاري", imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397545.jpg" },
|
||||
{ id: "p3", name: "ردهة قصر فاخر", price: "تاريخي", variant: "خاص", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407613.jpg" },
|
||||
{ id: "p4", name: "مجلس كلاسيكي", price: "عريق", variant: "تقليدي", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199289.jpg" },
|
||||
{ id: "p5", name: "صالات استقبال", price: "مبتكر", variant: "عام", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797693.jpg" },
|
||||
{ id: "p6", name: "أجنحة فندقية", price: "عالمي", variant: "فندقي", imageSrc: "http://img.b2bpic.net/free-photo/white-chandelier_1339-6332.jpg" },
|
||||
]}
|
||||
title="مشاريع تعكس الفخامة"
|
||||
description="أعمالنا في تنفيذ مشاريع تعكس أعلى درجات الرقي والتميز المعماري."
|
||||
@@ -220,42 +109,13 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "خالد العتيبي",
|
||||
role: "مالك فيلا",
|
||||
testimonial: "شركة ممتازة تقدم خامات غير منتشرة بالسوق مع جودة تنفيذ عالية وتصاميم داخلية راقية.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-tablet_23-2149721869.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "سارة المحمد",
|
||||
role: "مالكة مشروع",
|
||||
testimonial: "الديكورات جميلة جداً والتفاصيل النهائية كانت أفخم من المتوقع. شكراً لكم.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-reading-magazine_23-2148415915.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "أحمد السلمي",
|
||||
role: "رجل أعمال",
|
||||
testimonial: "التزام بالمواعيد وجودة تنفيذ لا يعلى عليها. أنصح بهم بشدة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-colleagues-working-as-team_23-2149636251.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "فاطمة الغامدي",
|
||||
role: "مصممة",
|
||||
testimonial: "فريق محترف لديه رؤية بصرية ممتازة. عمل مبهر فعلاً.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-painting-wall_23-2147782321.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "محمد علي",
|
||||
role: "مالك مكتب",
|
||||
testimonial: "تحولت مكاتبنا تماماً إلى مساحة عمل عصرية وأنيقة. شكراً للجهد المبذول.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-architect_23-2147839905.jpg",
|
||||
},
|
||||
{ id: "t1", name: "خالد العتيبي", role: "مالك فيلا", testimonial: "شركة ممتازة تقدم خامات غير منتشرة بالسوق مع جودة تنفيذ عالية وتصاميم داخلية راقية.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-tablet_23-2149721869.jpg" },
|
||||
{ id: "t2", name: "سارة المحمد", role: "مالكة مشروع", testimonial: "الديكورات جميلة جداً والتفاصيل النهائية كانت أفخم من المتوقع. شكراً لكم.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-reading-magazine_23-2148415915.jpg" },
|
||||
{ id: "t3", name: "أحمد السلمي", role: "رجل أعمال", testimonial: "التزام بالمواعيد وجودة تنفيذ لا يعلى عليها. أنصح بهم بشدة.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-colleagues-working-as-team_23-2149636251.jpg" },
|
||||
{ id: "t4", name: "فاطمة الغامدي", role: "مصممة", testimonial: "فريق محترف لديه رؤية بصرية ممتازة. عمل مبهر فعلاً.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-painting-wall_23-2147782321.jpg" },
|
||||
{ id: "t5", name: "محمد علي", role: "مالك مكتب", testimonial: "تحولت مكاتبنا تماماً إلى مساحة عمل عصرية وأنيقة. شكراً للجهد المبذول.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-architect_23-2147839905.jpg" },
|
||||
]}
|
||||
title="آراء عملائنا"
|
||||
description="ثقة مبنية على الجودة والاحترافية التي نقدمها في كل مشروع."
|
||||
@@ -268,27 +128,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "سنة خبرة",
|
||||
description: "في قطاع التصميم والتشطيب.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-psychotherapy-office-with-modern-couch-furniture_482257-124895.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "250+",
|
||||
title: "مشروع منفذ",
|
||||
description: "بجودة عالية في أنحاء المملكة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-1090.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "نسبة الرضا",
|
||||
description: "تترجم دقة عملنا واهتمامنا.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-crystal-chandelier-filtered-image-processed-vintage-ef_1232-2254.jpg",
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "سنة خبرة", description: "في قطاع التصميم والتشطيب.", imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-psychotherapy-office-with-modern-couch-furniture_482257-124895.jpg" },
|
||||
{ id: "m2", value: "250+", title: "مشروع منفذ", description: "بجودة عالية في أنحاء المملكة.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-1090.jpg" },
|
||||
{ id: "m3", value: "100%", title: "نسبة الرضا", description: "تترجم دقة عملنا واهتمامنا.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-crystal-chandelier-filtered-image-processed-vintage-ef_1232-2254.jpg" },
|
||||
]}
|
||||
title="أرقام تدل على تميزنا"
|
||||
description="نحن نفخر بالنتائج التي نحققها لعملائنا."
|
||||
@@ -300,21 +142,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "ما هي مدة تنفيذ المشروع؟",
|
||||
content: "تختلف المدة حسب مساحة المشروع ونوع الديكور المطلوب.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "هل تقدمون استشارات مجانية؟",
|
||||
content: "نعم، يسعدنا تقديم استشارة أولية مجانية لكل عملائنا.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "هل تتوفر خدمات صيانة؟",
|
||||
content: "نعم، نحن نضمن خدمات الصيانة والتشطيب لمدة محددة.",
|
||||
},
|
||||
{ id: "q1", title: "ما هي مدة تنفيذ المشروع؟", content: "تختلف المدة حسب مساحة المشروع ونوع الديكور المطلوب." },
|
||||
{ id: "q2", title: "هل تقدمون استشارات مجانية؟", content: "نعم، يسعدنا تقديم استشارة أولية مجانية لكل عملائنا." },
|
||||
{ id: "q3", title: "هل تتوفر خدمات صيانة؟", content: "نعم، نحن نضمن خدمات الصيانة والتشطيب لمدة محددة." },
|
||||
]}
|
||||
title="أسئلة شائعة"
|
||||
description="إجابات على أكثر ما يهمكم بخصوص خدماتنا."
|
||||
@@ -325,9 +155,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="تواصل معنا"
|
||||
title="هل أنت مستعد للبدء؟"
|
||||
description="تواصل معنا للحصول على استشارة مجانية وخطط تنفيذ متكاملة."
|
||||
@@ -339,41 +167,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-modern-book-shelf-stairs_23-2148238645.jpg"
|
||||
logoText="الاسقف السعودية"
|
||||
columns={[
|
||||
{
|
||||
title: "الشركة",
|
||||
items: [
|
||||
{
|
||||
label: "الرئيسية",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "الأعمال",
|
||||
href: "#portfolio",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "خدماتنا",
|
||||
items: [
|
||||
{
|
||||
label: "التصميم",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "التنفيذ",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "تواصل",
|
||||
items: [
|
||||
{
|
||||
label: "اتصل بنا",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "الشركة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "الأعمال", href: "#portfolio" }] },
|
||||
{ title: "خدماتنا", items: [{ label: "التصميم", href: "#services" }, { label: "التنفيذ", href: "#services" }] },
|
||||
{ title: "تواصل", items: [{ label: "اتصل بنا", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user