Merge version_1_1781442830336 into main #1
@@ -7,98 +7,51 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
{
|
||||
"name": "الرئيسية",
|
||||
"href": "#hero"
|
||||
},
|
||||
{
|
||||
"name": "من نحن",
|
||||
"href": "#about"
|
||||
},
|
||||
{
|
||||
"name": "خدماتنا",
|
||||
"href": "#features"
|
||||
},
|
||||
{
|
||||
"name": "المنتجات",
|
||||
"href": "#products"
|
||||
},
|
||||
{
|
||||
"name": "اتصل بنا",
|
||||
"href": "#contact"
|
||||
},
|
||||
{
|
||||
"name": "Metrics",
|
||||
"href": "#metrics"
|
||||
},
|
||||
{
|
||||
"name": "Testimonials",
|
||||
"href": "#testimonials"
|
||||
}
|
||||
];
|
||||
{ name: "الرئيسية", href: "#hero" },
|
||||
{ name: "من نحن", href: "#about" },
|
||||
{ name: "خدماتنا", href: "#features" },
|
||||
{ name: "المنتجات", href: "#products" },
|
||||
{ name: "اتصل بنا", href: "#contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<StyleProvider buttonVariant="stagger" siteBackground="gridDots" heroBackground="cornerGlow">
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloatingLogo
|
||||
logo="CITY STAR"
|
||||
ctaButton={{
|
||||
text: "اتصل الآن",
|
||||
href: "tel:01200871052",
|
||||
}}
|
||||
navItems={navItems} />
|
||||
logo="CITY STAR"
|
||||
logoImageSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18690.jpg"
|
||||
ctaButton={{ text: "اتصل الآن", href: "tel:01200871052" }}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
<main className="flex-grow">
|
||||
<Outlet />
|
||||
</main>
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterSimple
|
||||
brand="CITY STAR"
|
||||
columns={[
|
||||
{
|
||||
title: "معلومات المتجر",
|
||||
items: [
|
||||
brand="CITY STAR"
|
||||
columns={[
|
||||
{
|
||||
label: "العنوان: HM8R+XV3، الخولي، سوهاج",
|
||||
href: "#",
|
||||
title: "معلومات المتجر", items: [
|
||||
{ label: "العنوان: HM8R+XV3، الخولي، سوهاج", href: "#" },
|
||||
{ label: "هاتف: 01200871052", href: "tel:01200871052" }
|
||||
]
|
||||
},
|
||||
{
|
||||
label: "هاتف: 01200871052",
|
||||
href: "tel:01200871052",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "روابط سريعة",
|
||||
items: [
|
||||
{
|
||||
label: "المنتجات",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "خدماتنا",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "تواصل معنا",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyright="© 2024 CITY STAR للدهانات. جميع الحقوق محفوظة."
|
||||
links={[
|
||||
{
|
||||
label: "سياسة الخصوصية",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "شروط الخدمة",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
title: "روابط سريعة", items: [
|
||||
{ label: "المنتجات", href: "#products" },
|
||||
{ label: "خدماتنا", href: "#features" },
|
||||
{ label: "تواصل معنا", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyright="© 2024 CITY STAR للدهانات. جميع الحقوق محفوظة."
|
||||
links={[
|
||||
{ label: "سياسة الخصوصية", href: "#" },
|
||||
{ label: "شروط الخدمة", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</StyleProvider>
|
||||
);
|
||||
|
||||
@@ -5,222 +5,110 @@ import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRev
|
||||
import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
||||
import { Box, CheckCircle, Clock, Droplet, Palette, Shield, Smile, Star, Truck } from "lucide-react";
|
||||
import { CheckCircle, Truck, Clock, Palette, Box, Shield, Smile, Droplet, Star } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardBrand
|
||||
brand="CITY STAR للدهانات"
|
||||
description="وجهتك الأولى لاختيار أجود أنواع الدهانات في سوهاج. لمسة إبداعية تضفي على منزلك الجمال والأناقة."
|
||||
primaryButton={{
|
||||
text: "تصفح المنتجات",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "اتصل بنا",
|
||||
href: "tel:01200871052",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-frame-with-broad-brushes-copy-space_23-2148391883.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
brand="CITY STAR للدهانات"
|
||||
description="وجهتك الأولى لاختيار أجود أنواع الدهانات في سوهاج. لمسة إبداعية تضفي على منزلك الجمال والأناقة."
|
||||
primaryButton={{ text: "تصفح المنتجات", href: "#products" }}
|
||||
secondaryButton={{ text: "اتصل بنا", href: "tel:01200871052" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-frame-with-broad-brushes-copy-space_23-2148391883.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="من نحن"
|
||||
title="الجودة التي تليق بك"
|
||||
description="CITY STAR هو اسم يرمز للثقة في عالم الدهانات. نقدم استشارات فنية ونوفر أفضل المنتجات لتنفيذ ديكورات أحلامك بكل دقة واحترافية."
|
||||
items={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "أجود الخامات",
|
||||
description: "منتجاتنا مختارة بعناية لتدوم طويلاً",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "خدمة التوصيل",
|
||||
description: "توصيل سريع حتى باب منزلك",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "متاحون لخدمتك",
|
||||
description: "نستقبلكم يومياً حتى الساعة 10 مساءً",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149836952.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
tag="من نحن"
|
||||
title="الجودة التي تليق بك"
|
||||
description="CITY STAR هو اسم يرمز للثقة في عالم الدهانات. نقدم استشارات فنية ونوفر أفضل المنتجات لتنفيذ ديكورات أحلامك بكل دقة واحترافية."
|
||||
items={[
|
||||
{ icon: "CheckCircle", title: "أجود الخامات", description: "منتجاتنا مختارة بعناية لتدوم طويلاً" },
|
||||
{ icon: "Truck", title: "خدمة التوصيل", description: "توصيل سريع حتى باب منزلك" },
|
||||
{ icon: "Clock", title: "متاحون لخدمتك", description: "نستقبلكم يومياً حتى الساعة 10 مساءً" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149836952.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBorderGlow
|
||||
tag="خدماتنا"
|
||||
title="ماذا نقدم لعملائنا"
|
||||
description="حلول متكاملة تضمن لك تجربة مميزة في تجديد منزلك أو مشروعك."
|
||||
features={[
|
||||
{
|
||||
icon: Palette,
|
||||
title: "استشارات لونية",
|
||||
description: "نساعدك في اختيار الألوان المثالية لمساحاتك",
|
||||
},
|
||||
{
|
||||
icon: Box,
|
||||
title: "دعم فني",
|
||||
description: "نصائح فنية من خبراء لضمان أفضل النتائج",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "منتجات أصلية",
|
||||
description: "نضمن لك أصالة كل علبة دهان تحصل عليها",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
tag="خدماتنا"
|
||||
title="ماذا نقدم لعملائنا"
|
||||
description="حلول متكاملة تضمن لك تجربة مميزة في تجديد منزلك أو مشروعك."
|
||||
features={[
|
||||
{ icon: Palette, title: "استشارات لونية", description: "نساعدك في اختيار الألوان المثالية لمساحاتك" },
|
||||
{ icon: Box, title: "دعم فني", description: "نصائح فنية من خبراء لضمان أفضل النتائج" },
|
||||
{ icon: Shield, title: "منتجات أصلية", description: "نضمن لك أصالة كل علبة دهان تحصل عليها" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="منتجاتنا"
|
||||
title="مجموعة دهانات CITY STAR"
|
||||
description="تشكيلة واسعة تناسب كافة الأذواق والاحتياجات."
|
||||
items={[
|
||||
{
|
||||
title: "دهانات بلاستيك",
|
||||
description: "دهانات قابلة للغسيل وبألوان زاهية",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-wall-with-paint-pots_1101-814.jpg",
|
||||
},
|
||||
{
|
||||
title: "دهانات زيتية",
|
||||
description: "لمعان فائق ومتانة عالية للأسطح",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-paint-can-indoors_23-2151934747.jpg",
|
||||
},
|
||||
{
|
||||
title: "أساسات الجدران",
|
||||
description: "تأسيس مثالي لأي طبقة دهان",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paint-brush-with-white-paint-yellow-background_23-2149601048.jpg",
|
||||
},
|
||||
{
|
||||
title: "ديكورات داخلية",
|
||||
description: "أحدث تقنيات الدهانات الفنية",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-texture_23-2148111090.jpg",
|
||||
},
|
||||
{
|
||||
title: "دهانات خارجية",
|
||||
description: "تحمل الظروف الجوية القاسية",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-painting-items-with-green-paint_23-2149579985.jpg",
|
||||
},
|
||||
{
|
||||
title: "مستلزمات الدهان",
|
||||
description: "فرش ورولات بجودة احترافية",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/many-brushes-painting-white-background-top-view_169016-27694.jpg",
|
||||
},
|
||||
{
|
||||
title: "ورق حائط",
|
||||
description: "تصاميم عصرية تناسب كل الغرف",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flower-wallpaper-anaglyph-3d-background_53876-147808.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
tag="منتجاتنا"
|
||||
title="مجموعة دهانات CITY STAR"
|
||||
description="تشكيلة واسعة تناسب كافة الأذواق والاحتياجات."
|
||||
items={[
|
||||
{ title: "دهانات بلاستيك", description: "دهانات قابلة للغسيل وبألوان زاهية", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/red-wall-with-paint-pots_1101-814.jpg" },
|
||||
{ title: "دهانات زيتية", description: "لمعان فائق ومتانة عالية للأسطح", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/metallic-paint-can-indoors_23-2151934747.jpg" },
|
||||
{ title: "أساسات الجدران", description: "تأسيس مثالي لأي طبقة دهان", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/paint-brush-with-white-paint-yellow-background_23-2149601048.jpg" },
|
||||
{ title: "ديكورات داخلية", description: "أحدث تقنيات الدهانات الفنية", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-texture_23-2148111090.jpg" },
|
||||
{ title: "دهانات خارجية", description: "تحمل الظروف الجوية القاسية", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/assortment-painting-items-with-green-paint_23-2149579985.jpg" },
|
||||
{ title: "مستلزمات الدهان", description: "فرش ورولات بجودة احترافية", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/many-brushes-painting-white-background-top-view_169016-27694.jpg" },
|
||||
{ title: "ورق حائط", description: "تصاميم عصرية تناسب كل الغرف كل الغرف", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/flower-wallpaper-anaglyph-3d-background_53876-147808.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="إنجازاتنا"
|
||||
title="أرقام تعكس ثقتكم"
|
||||
metrics={[
|
||||
{
|
||||
icon: Smile,
|
||||
title: "عميل راضٍ",
|
||||
value: "1000+",
|
||||
},
|
||||
{
|
||||
icon: Droplet,
|
||||
title: "نوع طلاء",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "سنوات خبرة",
|
||||
value: "10+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
tag="إنجازاتنا"
|
||||
title="أرقام تعكس ثقتكم"
|
||||
description="سنوات من الخبرة والخدمة المتميزة."
|
||||
metrics={[
|
||||
{ icon: "Smile", title: "عميل راضٍ", value: "1000+" },
|
||||
{ icon: "Droplet", title: "نوع طلاء", value: "500+" },
|
||||
{ icon: "Star", title: "سنوات خبرة", value: "10+" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="آراء عملائنا"
|
||||
title="ماذا يقولون عنا"
|
||||
testimonials={[
|
||||
{
|
||||
name: "شركة أيمن للديكور",
|
||||
role: "عميل دائم",
|
||||
quote: "خدمة ممتازة ومنتجات ذات جودة عالية جداً.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-isolated-portrait-cheerful-happy-young-man-with-afro-hairstyle-casual-white-t-shirt-smiling-brightly-looking-camera-with-excited-joyful-expression_176420-12985.jpg",
|
||||
},
|
||||
{
|
||||
name: "12ali 12ali",
|
||||
role: "عميل",
|
||||
quote: "تجربة ممتازة، تعاملهم راقٍ جداً.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-presenting-empty-copyspace_1048-17665.jpg",
|
||||
},
|
||||
{
|
||||
name: "Hany 1981813",
|
||||
role: "عميل",
|
||||
quote: "متجر رائع والخدمة سريعة ومميزة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
|
||||
},
|
||||
{
|
||||
name: "مكتب هندسي",
|
||||
role: "شريك عمل",
|
||||
quote: "نعتمد عليهم في مشاريعنا دائما.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-portrait-person-practicing-law-related-profession_23-2151419558.jpg",
|
||||
},
|
||||
{
|
||||
name: "سارة محمد",
|
||||
role: "عميلة",
|
||||
quote: "ألوان رائعة وسرعة في التوصيل.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
tag="آراء عملائنا"
|
||||
title="ماذا يقولون عنا"
|
||||
description="انطباعات عملائنا الذين وثقوا بنا."
|
||||
testimonials={[
|
||||
{ name: "شركة أيمن للديكور", role: "عميل دائم", quote: "خدمة ممتازة ومنتجات ذات جودة عالية جداً.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-isolated-portrait-cheerful-happy-young-man-with-afro-hairstyle-casual-white-t-shirt-smiling-brightly-looking-camera-with-excited-joyful-expression_176420-12985.jpg" },
|
||||
{ name: "12ali 12ali", role: "عميل", quote: "تجربة ممتازة، تعاملهم راقٍ جداً.", imageSrc: "http://img.b2bpic.net/free-photo/young-person-presenting-empty-copyspace_1048-17665.jpg" },
|
||||
{ name: "Hany 1981813", role: "عميل", quote: "متجر رائع والخدمة سريعة ومميزة.", imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg" },
|
||||
{ name: "مكتب هندسي", role: "شريك عمل", quote: "نعتمد عليهم في مشاريعنا دائما.", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-portrait-person-practicing-law-related-profession_23-2151419558.jpg" },
|
||||
{ name: "سارة محمد", role: "عميلة", quote: "ألوان رائعة وسرعة في التوصيل.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="اتصل بنا"
|
||||
text="هل لديك استفسار أو تحتاج إلى طلب خاص؟ فريقنا جاهز لمساعدتك دائماً."
|
||||
primaryButton={{
|
||||
text: "اتصل هاتفياً",
|
||||
href: "tel:01200871052",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "زيارة الموقع",
|
||||
href: "https://maps.app.goo.gl/hm8r+xv3",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="اتصل بنا"
|
||||
text="هل لديك استفسار أو تحتاج إلى طلب خاص؟ فريقنا جاهز لمساعدتك دائماً."
|
||||
primaryButton={{ text: "اتصل هاتفياً", href: "tel:01200871052" }}
|
||||
secondaryButton={{ text: "زيارة الموقع", href: "https://maps.app.goo.gl/hm8r+xv3" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user