Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-05-22 20:35:14 +00:00
2 changed files with 131 additions and 348 deletions

View File

@@ -11,8 +11,8 @@ import { Mulish } from "next/font/google";
export const metadata: Metadata = {
title: 'مظلات وسواتر الأحساء | تركيب برجولات ومظلات سيارات',
description: 'شركة متخصصة في تركيب مظلات السيارات، البرجولات، والسواتر في الأحساء. جودة عالية، خامات أصلية وضمان شامل. تواصل معنا لمعاينة مجانية.',
title: 'مظلات وسواتر الأحساء - حلول التظليل والبرجولات',
description: 'نقدم لكم أرقى حلول التظليل والبرجولات بأعلى معايير الجودة والمتانة في الأحساء.',
openGraph: {
"title": "مظلات وسواتر الأحساء",
"description": "حلول تظليل وبرجولات عصرية في الأحساء.",

View File

@@ -10,368 +10,151 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Clock, Shield, Smile } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="compact"
sizing="medium"
background="fluid"
cardStyle="glass-depth"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="compact"
sizing="medium"
background="fluid"
cardStyle="glass-depth"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "الرئيسية",
id: "hero",
},
{
name: "عن الشركة",
id: "about",
},
{
name: "خدماتنا",
id: "features",
},
{
name: "منتجاتنا",
id: "products",
},
{
name: "تواصل معنا",
id: "contact",
},
]}
brandName="مظلات الاحساء"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "الرئيسية", id: "hero" },
{ name: "عن الشركة", id: "about" },
{ name: "خدماتنا", id: "features" },
{ name: "منتجاتنا", id: "products" },
{ name: "تواصل معنا", id: "contact" }
]}
brandName="مظلات الاحساء"
button={{ text: "احجز الآن", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "downward-rays-static",
}}
logoText="مظلات وسواتر الأحساء"
description="نقدم لكم أرقى حلول التظليل والبرجولات بأعلى معايير الجودة والمتانة. حماية كاملة ومظهر عصري لمنازلكم ومنشآتكم."
buttons={[
{
text: "اطلب خدمتك",
href: "#contact",
},
{
text: "شاهد أعمالنا",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/background-with-traditional-japanese-wagasa-umbrella_23-2149661128.jpg?_wi=1"
mediaAnimation="slide-up"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{ variant: "downward-rays-static" }}
logoText="مظلات وسواتر الأحساء"
description="نقدم لكم أرقى حلول التظليل والبرجولات بأعلى معايير الجودة والمتانة. حماية كاملة ومظهر عصري لمنازلكم ومنشآتكم."
buttons={[
{ text: "اطلب خدمتك", href: "#contact" },
{ text: "شاهد أعمالنا", href: "#products" }
]}
imageSrc="http://img.b2bpic.net/free-photo/background-with-traditional-japanese-wagasa-umbrella_23-2149661128.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="خبرة رائدة"
title="لماذا نختار مظلات الأحساء؟"
description="نحن ندمج الخبرة الهندسية مع أحدث التصاميم لتقديم مظلات وبرجولات تضفي لمسة جمالية وتوفر حماية حقيقية من حرارة الشمس القاسية."
subdescription="نضمن لك استخدام خامات أصلية مقاومة للظروف المناخية مع تنفيذ سريع وفريق عمل محترف."
icon={Shield}
imageSrc="http://img.b2bpic.net/free-photo/experts-check-warehouse-inventory_482257-75354.jpg?_wi=1"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
features={[
{ title: "مظلات سيارات", description: "حماية مركبتك من الشمس والحرارة بتصاميم عصرية وتغطيات متينة.", imageSrc: "http://img.b2bpic.net/free-photo/tall-leggy-young-beautiful-elegant-model-woman-claret-coat_627829-6918.jpg" },
{ title: "برجولات حدائق", description: "خلق مساحات خارجية رائعة للاستجمام مع تصاميم برجولات فخمة.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-blonde-woman-white-swimwear-exotic-place_197531-21187.jpg" },
{ title: "سواتر خصوصية", description: "سواتر حديدية وخشبية توفر لك الخصوصية المطلوبة بأسلوب أنيق.", imageSrc: "http://img.b2bpic.net/free-photo/person-traveling-trought-city_23-2149297268.jpg" }
]}
title="خدماتنا المتميزة"
description="نقدم حلولاً متكاملة لكافة احتياجات التظليل والخصوصية"
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
features={[
{
title: "مظلات سيارات",
description: "حماية مركبتك من الشمس والحرارة بتصاميم عصرية وتغطيات متينة.",
imageSrc: "http://img.b2bpic.net/free-photo/tall-leggy-young-beautiful-elegant-model-woman-claret-coat_627829-6918.jpg?_wi=1",
},
{
title: "برجولات حدائق",
description: "خلق مساحات خارجية رائعة للاستجمام مع تصاميم برجولات فخمة.",
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-blonde-woman-white-swimwear-exotic-place_197531-21187.jpg?_wi=1",
},
{
title: "سواتر خصوصية",
description: "سواتر حديدية وخشبية توفر لك الخصوصية المطلوبة بأسلوب أنيق.",
imageSrc: "http://img.b2bpic.net/free-photo/person-traveling-trought-city_23-2149297268.jpg?_wi=1",
},
]}
title="خدماتنا المتميزة"
description="نقدم حلولاً متكاملة لكافة احتياجات التظليل والخصوصية"
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
textboxLayout="default"
gridVariant="bento-grid"
animationType="slide-up"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "مظلات", name: "مظلات سيارات كابولي", price: "احصل على عرض سعر", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-pool_74190-130.jpg" },
{ id: "p2", brand: "برجولات", name: "برجولات خشبية فاخرة", price: "احصل على عرض سعر", rating: 5, reviewCount: "40+", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-outdoor-swimming-pool-hotel-resort-with-sea-ocean-view_74190-9083.jpg" },
{ id: "p3", brand: "سواتر", name: "سواتر شرائح حديد", price: "احصل على عرض سعر", rating: 4, reviewCount: "30+", imageSrc: "http://img.b2bpic.net/free-photo/big-fence-urban-park_53876-32203.jpg" }
]}
title="مشاريعنا ومنتجاتنا"
description="تصفح تشكيلتنا الواسعة من الحلول الهندسية المعتمدة"
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "مظلات",
name: "مظلات سيارات كابولي",
price: "احصل على عرض سعر",
rating: 5,
reviewCount: "50+",
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-pool_74190-130.jpg",
},
{
id: "p2",
brand: "برجولات",
name: "برجولات خشبية فاخرة",
price: "احصل على عرض سعر",
rating: 5,
reviewCount: "40+",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-outdoor-swimming-pool-hotel-resort-with-sea-ocean-view_74190-9083.jpg",
},
{
id: "p3",
brand: "سواتر",
name: "سواتر شرائح حديد",
price: "احصل على عرض سعر",
rating: 4,
reviewCount: "30+",
imageSrc: "http://img.b2bpic.net/free-photo/big-fence-urban-park_53876-32203.jpg",
},
{
id: "p4",
brand: "تظليل",
name: "مظلات مسابح",
price: "احصل على عرض سعر",
rating: 5,
reviewCount: "20+",
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-sun-shape-arm_329181-4444.jpg",
},
{
id: "p5",
brand: "مشاريع",
name: "مظلات مدارس ومواقف",
price: "احصل على عرض سعر",
rating: 5,
reviewCount: "10+",
imageSrc: "http://img.b2bpic.net/free-photo/background-indoor-building_1232-4603.jpg",
},
{
id: "p6",
brand: "أشرعة",
name: "مظلات بي في سي (PVC)",
price: "احصل على عرض سعر",
rating: 5,
reviewCount: "60+",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-speaking-phone_23-2148760474.jpg",
},
]}
title="مشاريعنا ومنتجاتنا"
description="تصفح تشكيلتنا الواسعة من الحلول الهندسية المعتمدة"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", icon: Award, title: "مشروع مكتمل", value: "500+" },
{ id: "m2", icon: Smile, title: "عميل سعيد", value: "450+" },
{ id: "m3", icon: Clock, title: "سنوات خبرة", value: "15+" }
]}
title="أرقامنا تتحدث"
description="سنوات من الثقة والتنفيذ الدقيق"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Award,
title: "مشروع مكتمل",
value: "500+",
},
{
id: "m2",
icon: Smile,
title: "عميل سعيد",
value: "450+",
},
{
id: "m3",
icon: Clock,
title: "سنوات خبرة",
value: "15+",
},
]}
title="أرقامنا تتحدث"
description="سنوات من الثقة والتنفيذ الدقيق"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "أحمد السالم", date: "2024", title: "عميل سكني", quote: "تركيب احترافي ومظلات تتحمل حرارة الصيف في الأحساء، شكراً لكم.", tag: "تجربة ممتازة", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
{ id: "t2", name: "فهد العتيبي", date: "2024", title: "مطور عقاري", quote: "تعاملت معهم في عدة مشاريع، الدقة في المواعيد والجودة هي عنوانهم.", tag: "احترافية", avatarSrc: "http://img.b2bpic.net/free-photo/business_23-2148006261.jpg" },
{ id: "t3", name: "سارة حمد", date: "2023", title: "عميلة سكنية", quote: "البرجولة التي ركبوها أصبحت المكان المفضل لنا في المنزل، تصميم رائع.", tag: "خدمة ممتازة", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sits-near-bungalow-drinks-coffee_72229-1333.jpg" },
{ id: "t4", name: "خالد المنصور", date: "2024", title: "صاحب منشأة", quote: "سواتر عالية الجودة توفر خصوصية تامة وتركيب متقن جداً.", tag: "جودة عالية", avatarSrc: "http://img.b2bpic.net/free-photo/people-looking-clipboard_23-2147808042.jpg" },
{ id: "t5", name: "نورة العلي", date: "2024", title: "عميلة سكنية", quote: "خدمة عملاء رائعة وسرعة في التنفيذ، المظلة تبدو قوية ومتينة.", tag: "رضا تام", avatarSrc: "http://img.b2bpic.net/free-photo/senior-couple-having-breakfast-garden_23-2148060187.jpg" }
]}
title="آراء عملائنا"
description="تجربة حقيقية لخدماتنا المميزة"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: حمد السالم",
date: "2024",
title: "عميل سكني",
quote: "تركيب احترافي ومظلات تتحمل حرارة الصيف في الأحساء، شكراً لكم.",
tag: "تجربة ممتازة",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/background-with-traditional-japanese-wagasa-umbrella_23-2149661128.jpg?_wi=2",
imageAlt: "happy client portrait residential",
},
{
id: "t2",
name: "فهد العتيبي",
date: "2024",
title: "مطور عقاري",
quote: "تعاملت معهم في عدة مشاريع، الدقة في المواعيد والجودة هي عنوانهم.",
tag: "احترافية",
avatarSrc: "http://img.b2bpic.net/free-photo/business_23-2148006261.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/experts-check-warehouse-inventory_482257-75354.jpg?_wi=2",
imageAlt: "happy client portrait residential",
},
{
id: "t3",
name: "سارة حمد",
date: "2023",
title: "عميلة سكنية",
quote: "البرجولة التي ركبوها أصبحت المكان المفضل لنا في المنزل، تصميم رائع.",
tag: "خدمة ممتازة",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sits-near-bungalow-drinks-coffee_72229-1333.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/tall-leggy-young-beautiful-elegant-model-woman-claret-coat_627829-6918.jpg?_wi=2",
imageAlt: "happy client portrait residential",
},
{
id: "t4",
name: "خالد المنصور",
date: "2024",
title: "صاحب منشأة",
quote: "سواتر عالية الجودة توفر خصوصية تامة وتركيب متقن جداً.",
tag: "جودة عالية",
avatarSrc: "http://img.b2bpic.net/free-photo/people-looking-clipboard_23-2147808042.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-blonde-woman-white-swimwear-exotic-place_197531-21187.jpg?_wi=2",
imageAlt: "happy client portrait residential",
},
{
id: "t5",
name: "نورة العلي",
date: "2024",
title: "عميلة سكنية",
quote: "خدمة عملاء رائعة وسرعة في التنفيذ، المظلة تبدو قوية ومتينة.",
tag: "رضا تام",
avatarSrc: "http://img.b2bpic.net/free-photo/senior-couple-having-breakfast-garden_23-2148060187.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/person-traveling-trought-city_23-2149297268.jpg?_wi=2",
imageAlt: "happy client portrait residential",
},
]}
title="آراء عملائنا"
description="تجربة حقيقية لخدماتنا المميزة"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "كم مدة التركيب؟", content: "عادةً ما يتم التركيب خلال 24 إلى 48 ساعة بعد المعاينة." },
{ id: "f2", title: "هل توفرون ضمان؟", content: "نعم، نقدم ضماناً يصل إلى 10 سنوات على الخامات والتركيب." },
{ id: "f3", title: "هل التغطية تتحمل الرياح؟", content: "تصاميمنا مدروسة لتحمل سرعات الرياح العالية في المنطقة." }
]}
title="أسئلة شائعة"
description="إجابات على أكثر استفسارات عملائنا"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "كم مدة التركيب؟",
content: "عادةً ما يتم التركيب خلال 24 إلى 48 ساعة بعد المعاينة.",
},
{
id: "f2",
title: "هل توفرون ضمان؟",
content: "نعم، نقدم ضماناً يصل إلى 10 سنوات على الخامات والتركيب.",
},
{
id: "f3",
title: "هل التغطية تتحمل الرياح؟",
content: "تصاميمنا مدروسة لتحمل سرعات الرياح العالية في المنطقة.",
},
]}
title="أسئلة شائعة"
description="إجابات على أكثر استفسارات عملائنا"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "downward-rays-static" }}
tag="تواصل معنا"
title="احصل على استشارة مجانية"
description="فريقنا مستعد للمعاينة وتحديد السعر المناسب لاحتياجاتك فوراً."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "downward-rays-static",
}}
tag="تواصل معنا"
title="احصل على استشارة مجانية"
description="فريقنا مستعد للمعاينة وتحديد السعر المناسب لاحتياجاتك فوراً."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="مظلات وسواتر الأحساء"
columns={[
{
title: "الروابط السريعة",
items: [
{
label: "الرئيسية",
href: "#hero",
},
{
label: "الخدمات",
href: "#features",
},
{
label: "منتجاتنا",
href: "#products",
},
],
},
{
title: "معلومات الاتصال",
items: [
{
label: "اتصل بنا",
href: "#contact",
},
{
label: "واتساب",
href: "#",
},
],
},
{
title: "قانوني",
items: [
{
label: "سياسة الخصوصية",
href: "#",
},
{
label: "الشروط والأحكام",
href: "#",
},
],
},
]}
copyrightText="© 2025 مظلات وسواتر الأحساء - جميع الحقوق محفوظة"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="مظلات وسواتر الأحساء"
columns={[
{ title: "الروابط السريعة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "الخدمات", href: "#features" }, { label: "منتجاتنا", href: "#products" }] },
{ title: "معلومات الاتصال", items: [{ label: "اتصل بنا", href: "#contact" }, { label: "واتساب", href: "#" }] },
{ title: "قانوني", items: [{ label: "سياسة الخصوصية", href: "#" }, { label: "الشروط والأحكام", href: "#" }] }
]}
copyrightText="© 2025 مظلات وسواتر الأحساء - جميع الحقوق محفوظة"
/>
</div>
</ReactLenis>
</ThemeProvider>
);