Update src/app/page.tsx

This commit is contained in:
2026-05-12 22:57:44 +00:00
parent 1f55082aee
commit eef99b8357

View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "الرئيسية",
id: "hero",
},
{
name: "من نحن",
id: "about",
},
{
name: "خدماتنا",
id: "services",
},
{
name: "الأسئلة الشائعة",
id: "faq",
},
{
name: "اتصل بنا",
id: "contact",
},
{ name: "الرئيسية", id: "hero" },
{ name: "من نحن", id: "about" },
{ name: "خدماتنا", id: "services" },
{ name: "الأسئلة الشائعة", id: "faq" },
{ name: "اتصل بنا", id: "contact" },
]}
brandName="VERO DESIGN"
/>
@@ -60,98 +45,35 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="نصمم مستقبلك الرقمي"
description="نقدم خدمات رقمية متكاملة بلمسة فنية احترافية لتطوير أعمالك وتقديم حلول مبتكرة تناسب تطلعاتك."
testimonials={[
{
name: "سارة أحمد",
testimonial: "VERO DESIGN transformed our brand completely.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
},
{
name: "خالد محمد",
testimonial: "تصميماتهم فائقة الجودة واحترافية جداً.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-natural-pretty-woman-with-curly-hairstyle_285396-4326.jpg",
},
{
name: "ليلى علي",
testimonial: "سرعة في التنفيذ وإبداع في التفاصيل.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-tattoos-wearing-turtleneck-sweater-glasses-looking-side-with-arms-crossed-convinced-confident_839833-19178.jpg",
},
{
name: "عمر بن فهد",
testimonial: "تجربة طلب سهلة ونتائج مبهرة.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg",
},
{
name: "نورة العتيبي",
testimonial: "VERO DESIGN are the masters of design.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-with-co-workers-blurred-background_1098-807.jpg",
},
{ name: "سارة أحمد", handle: "@sarah", testimonial: "VERO DESIGN transformed our brand completely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg" },
{ name: "خالد محمد", handle: "@khalid", testimonial: "تصميماتهم فائقة الجودة واحترافية جداً.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-natural-pretty-woman-with-curly-hairstyle_285396-4326.jpg" },
{ name: "ليلى علي", handle: "@laila", testimonial: "سرعة في التنفيذ وإبداع في التفاصيل.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-tattoos-wearing-turtleneck-sweater-glasses-looking-side-with-arms-crossed-convinced-confident_839833-19178.jpg" },
{ name: "عمر بن فهد", handle: "@omar", testimonial: "تجربة طلب سهلة ونتائج مبهرة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg" },
{ name: "نورة العتيبي", handle: "@noura", testimonial: "VERO DESIGN are the masters of design.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-with-co-workers-blurred-background_1098-807.jpg" },
]}
buttons={[
{
text: "اطلب الآن",
href: "#contact",
},
{
text: "استعرض الخدمات",
href: "#services",
},
{ text: "اطلب الآن", href: "#contact" },
{ text: "استعرض الخدمات", href: "#services" },
]}
imageSrc="http://img.b2bpic.net/free-photo/man-woman-arguing-about-company-results_23-2148352740.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/flat-lay-collection-supplies-one-color_23-2149669172.jpg",
alt: "user profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/business-marketing-strategy_53876-101268.jpg",
alt: "user profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/designer-work-office_158595-1206.jpg",
alt: "user profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/empty-business-card-laptop_23-2148500523.jpg",
alt: "user profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/empty-business-card-envelope_23-2148500520.jpg",
alt: "user profile 5",
},
{ src: "http://img.b2bpic.net/free-photo/flat-lay-collection-supplies-one-color_23-2149669172.jpg", alt: "user profile 1" },
{ src: "http://img.b2bpic.net/free-photo/business-marketing-strategy_53876-101268.jpg", alt: "user profile 2" },
{ src: "http://img.b2bpic.net/free-photo/designer-work-office_158595-1206.jpg", alt: "user profile 3" },
{ src: "http://img.b2bpic.net/free-photo/empty-business-card-laptop_23-2148500523.jpg", alt: "user profile 4" },
{ src: "http://img.b2bpic.net/free-photo/empty-business-card-envelope_23-2148500520.jpg", alt: "user profile 5" },
]}
marqueeItems={[
{
type: "text",
text: "إبداع",
},
{
type: "text",
text: "احترافية",
},
{
type: "text",
text: "جودة",
},
{
type: "text",
text: "سرعة",
},
{
type: "text",
text: "تميز",
},
{ type: "text", text: "إبداع" },
{ type: "text", text: "احترافية" },
{ type: "text", text: "جودة" },
{ type: "text", text: "سرعة" },
{ type: "text", text: "تميز" },
]}
/>
</div>
@@ -160,18 +82,9 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "من نحن",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780692.jpg",
},
{
type: "text",
content: "شركة VERO DESIGN هي منصة رائدة في تقديم الحلول الرقمية، نجمع بين الإبداع والتقنية لتمكين العملاء من الوصول إلى أهدافهم من خلال خدمات مخصصة واحترافية.",
},
{ type: "text", content: "من نحن" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780692.jpg" },
{ type: "text", content: "شركة VERO DESIGN هي منصة رائدة في تقديم الحلول الرقمية، نجمع بين الإبداع والتقنية لتمكين العملاء من الوصول إلى أهدافهم من خلال خدمات مخصصة واحترافية." },
]}
/>
</div>
@@ -182,36 +95,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: Palette,
title: "الهوية البصرية",
description: "تصميم شعارات وهوية متكاملة لعلامتك التجارية.",
},
{
icon: BookOpen,
title: "البحوث والتقارير",
description: "بحوث أكاديمية وتقارير مهنية دقيقة.",
},
{
icon: Share2,
title: "تصميم السوشيال ميديا",
description: "تصميمات إبداعية لجذب تفاعل متابعيك.",
},
{
icon: Film,
title: "المونتاج والفيديو",
description: "تحرير فيديوهات احترافي بجودة سينمائية.",
},
{
icon: LayoutDashboard,
title: "العروض التقديمية",
description: "تصميم عرض تقديمي مبهر لمشاريعك.",
},
{
icon: PenTool,
title: "كتابة المحتوى",
description: "محتوى إبداعي ومقنع لكل منصاتك.",
},
{ icon: Palette, title: "الهوية البصرية", description: "تصميم شعارات وهوية متكاملة لعلامتك التجارية." },
{ icon: BookOpen, title: "البحوث والتقارير", description: "بحوث أكاديمية وتقارير مهنية دقيقة." },
{ icon: Share2, title: "تصميم السوشيال ميديا", description: "تصميمات إبداعية لجذب تفاعل متابعيك." },
{ icon: Film, title: "المونتاج والفيديو", description: "تحرير فيديوهات احترافي بجودة سينمائية." },
{ icon: LayoutDashboard, title: "العروض التقديمية", description: "تصميم عرض تقديمي مبهر لمشاريعك." },
{ icon: PenTool, title: "كتابة المحتوى", description: "محتوى إبداعي ومقنع لكل منصاتك." },
]}
title="خدماتنا الرقمية"
description="نقدم مجموعة واسعة من الخدمات التي صُممت لرفع مستوى عملك إلى آفاق جديدة."
@@ -225,48 +114,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "هوية بصرية لشركة تقنية",
price: "بدءاً من 500$",
variant: "branding",
imageSrc: "http://img.b2bpic.net/free-photo/stationery-set-with-paper-envelope_23-2147661199.jpg",
},
{
id: "p2",
name: "عرض تقديمي لشركة ناشئة",
price: "بدءاً من 150$",
variant: "presentation",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g4g143",
},
{
id: "p3",
name: "مونتاج فيديو إعلاني",
price: "بدءاً من 300$",
variant: "video",
imageSrc: "http://img.b2bpic.net/free-photo/videographer-color-correcting-clips-while-listening-music-headphones_482257-82266.jpg",
},
{
id: "p4",
name: "تصميم بوست انستقرام",
price: "بدءاً من 50$",
variant: "design",
imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150084003.jpg",
},
{
id: "p5",
name: "بحث أكاديمي تخصصي",
price: "بدءاً من 200$",
variant: "research",
imageSrc: "http://img.b2bpic.net/free-photo/various-business-card-templates_23-2147725095.jpg",
},
{
id: "p6",
name: "محتوى لموقع ويب",
price: "بدءاً من 100$",
variant: "writing",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-video-editor-working-media-company-editing-room_482257-121792.jpg",
},
{ id: "p1", name: "هوية بصرية لشركة تقنية", price: "بدءاً من 500$", variant: "branding", imageSrc: "http://img.b2bpic.net/free-photo/stationery-set-with-paper-envelope_23-2147661199.jpg" },
{ id: "p2", name: "عرض تقديمي لشركة ناشئة", price: "بدءاً من 150$", variant: "presentation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g4g143" },
{ id: "p3", name: "مونتاج فيديو إعلاني", price: "بدءاً من 300$", variant: "video", imageSrc: "http://img.b2bpic.net/free-photo/videographer-color-correcting-clips-while-listening-music-headphones_482257-82266.jpg" },
{ id: "p4", name: "تصميم بوست انستقرام", price: "بدءاً من 50$", variant: "design", imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150084003.jpg" },
{ id: "p5", name: "بحث أكاديمي تخصصي", price: "بدءاً من 200$", variant: "research", imageSrc: "http://img.b2bpic.net/free-photo/various-business-card-templates_23-2147725095.jpg" },
{ id: "p6", name: "محتوى لموقع ويب", price: "بدءاً من 100$", variant: "writing", imageSrc: "http://img.b2bpic.net/free-photo/smiling-video-editor-working-media-company-editing-room_482257-121792.jpg" },
]}
title="معرض أعمالنا"
description="شاهد نماذج من أعمالنا السابقة التي تعكس التزامنا بالجودة والإبداع."
@@ -280,27 +133,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "150+",
title: "عميل سعيد",
description: "ثقة عملائنا في خدمتنا",
icon: Users,
},
{
id: "m2",
value: "300+",
title: "مشروع مكتمل",
description: "خبرة متراكمة في مختلف المجالات",
icon: Briefcase,
},
{
id: "m3",
value: "98%",
title: "معدل الرضا",
description: "نحن نهتم بجودة التنفيذ دائماً",
icon: Award,
},
{ id: "m1", value: "150+", title: "عميل سعيد", description: "ثقة عملائنا في خدمتنا", icon: Users },
{ id: "m2", value: "300+", title: "مشروع مكتمل", description: "خبرة متراكمة في مختلف المجالات", icon: Briefcase },
{ id: "m3", value: "98%", title: "معدل الرضا", description: "نحن نهتم بجودة التنفيذ دائماً", icon: Award },
]}
title="أرقام تعكس إنجازاتنا"
description="ثقة عملائنا هي الوقود الذي يدفعنا نحو تقديم المزيد من الإبداع."
@@ -312,46 +147,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "إبداع مطلق",
quote: "تعامل احترافي ونتائج فاقت توقعاتي.",
name: "سارة أحمد",
role: "عميلة",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
},
{
id: "t2",
title: "سرعة وجودة",
quote: "أفضل خيار لخدمات الطلاب والتصاميم.",
name: "أحمد خالد",
role: "عميل",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman_23-2148746289.jpg",
},
{
id: "t3",
title: "احترافية عالية",
quote: "التزام بالمواعيد واهتمام بأدق التفاصيل.",
name: "منى فهد",
role: "عميلة",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-artist-talking-phone_23-2148422177.jpg",
},
{
id: "t4",
title: "خدمة استثنائية",
quote: "تجربة لا تنسى، سأعود مجدداً.",
name: "فهد السعيد",
role: "عميل",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-artist-portrait_23-2149445986.jpg",
},
{
id: "t5",
title: "مبدعون حقاً",
quote: "VERO DESIGN تجعل العمل الرقمي يبدو سهلاً.",
name: "ريم علي",
role: "عميلة",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",
},
{ id: "t1", title: "إبداع مطلق", quote: "تعامل احترافي ونتائج فاقت توقعاتي.", name: "سارة أحمد", role: "عميلة", imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg" },
{ id: "t2", title: "سرعة وجودة", quote: "أفضل خيار لخدمات الطلاب والتصاميم.", name: "أحمد خالد", role: "عميل", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman_23-2148746289.jpg" },
{ id: "t3", title: "احترافية عالية", quote: "التزام بالمواعيد واهتمام بأدق التفاصيل.", name: "منى فهد", role: "عميلة", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-artist-talking-phone_23-2148422177.jpg" },
{ id: "t4", title: "خدمة استثنائية", quote: "تجربة لا تنسى، سأعود مجدداً.", name: "فهد السعيد", role: "عميل", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-artist-portrait_23-2149445986.jpg" },
{ id: "t5", title: "مبدعون حقاً", quote: "VERO DESIGN تجعل العمل الرقمي يبدو سهلاً.", name: "ريم علي", role: "عميلة", imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg" },
]}
title="ماذا يقول عملاؤنا عنا"
description="آراء وتجارب عملائنا هي أكبر شهادة على جودة ما نقدم."
@@ -363,26 +163,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "كيف أطلب خدمة؟",
content: "يمكنك طلب الخدمة من خلال النموذج في صفحة اتصل بنا أو إرسال طلب مباشرة عبر واتساب.",
},
{
id: "f2",
title: "ما هي طرق الدفع المتاحة؟",
content: "نقبل الدفع كاش، تحويل بنكي، أو عبر شبكة مدى.",
},
{
id: "f3",
title: "ما هي مدة التنفيذ؟",
content: "تختلف مدة التنفيذ حسب الخدمة ونوع الطلب، ويتم توضيح ذلك عند تقديم الطلب.",
},
{
id: "f4",
title: "هل توجد تعديلات؟",
content: "نعم، نهتم برضاك التام ونقدم فترة تعديلات بعد التسليم لضمان جودة العمل.",
},
{ id: "f1", title: "كيف أطلب خدمة؟", content: "يمكنك طلب الخدمة من خلال النموذج في صفحة اتصل بنا أو إرسال طلب مباشرة عبر واتساب." },
{ id: "f2", title: "ما هي طرق الدفع المتاحة؟", content: "نقبل الدفع كاش، تحويل بنكي، أو عبر شبكة مدى." },
{ id: "f3", title: "ما هي مدة التنفيذ؟", content: "تختلف مدة التنفيذ حسب الخدمة ونوع الطلب، ويتم توضيح ذلك عند تقديم الطلب." },
{ id: "f4", title: "هل توجد تعديلات؟", content: "نعم، نهتم برضاك التام ونقدم فترة تعديلات بعد التسليم لضمان جودة العمل." },
]}
title="الأسئلة الشائعة"
description="كل ما تود معرفته عن خدماتنا وعمليات الطلب."
@@ -393,19 +177,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="ابدأ رحلتك الرقمية معنا اليوم. VERO DESIGN هو شريكك للنجاح."
buttons={[
{
text: "راسلنا عبر واتساب",
href: "https://wa.me/966000000000",
},
{
text: "تواصل معنا بالبريد",
href: "mailto:info@verodesign.com",
},
{ text: "راسلنا عبر واتساب", href: "https://wa.me/966000000000" },
{ text: "تواصل معنا بالبريد", href: "mailto:info@verodesign.com" },
]}
/>
</div>
@@ -415,57 +191,13 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/top-view-assortment-supplies-one-color_23-2149669131.jpg"
logoText="VERO DESIGN"
columns={[
{
title: "الخدمات",
items: [
{
label: "تصميم هوية",
href: "#services",
},
{
label: "بحوث أكاديمية",
href: "#services",
},
{
label: "مونتاج فيديو",
href: "#services",
},
],
},
{
title: "الشركة",
items: [
{
label: "من نحن",
href: "#about",
},
{
label: "تواصل معنا",
href: "#contact",
},
{
label: "الأسئلة الشائعة",
href: "#faq",
},
],
},
{
title: "قانوني",
items: [
{
label: "سياسة الخصوصية",
href: "#",
},
{
label: "الشروط والأحكام",
href: "#",
},
],
},
{ title: "الخدمات", items: [{ label: "تصميم هوية", href: "#services" }, { label: "بحوث أكاديمية", href: "#services" }, { label: "مونتاج فيديو", href: "#services" }] },
{ title: "الشركة", items: [{ label: "من نحن", href: "#about" }, { label: "تواصل معنا", href: "#contact" }, { label: "الأسئلة الشائعة", href: "#faq" }] },
{ title: "قانوني", items: [{ label: "سياسة الخصوصية", href: "#" }, { label: "الشروط والأحكام", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}