Merge version_1 into main #1
323
src/app/page.tsx
323
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "خدماتنا",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "الفعاليات",
|
||||
id: "events",
|
||||
},
|
||||
{
|
||||
name: "تواصل معنا",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "خدماتنا", id: "services" },
|
||||
{ name: "الفعاليات", id: "events" },
|
||||
{ name: "تواصل معنا", id: "contact" },
|
||||
]}
|
||||
brandName="مكتبة المحبرة"
|
||||
/>
|
||||
@@ -53,58 +41,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="مكتبة المحبرة: الإبداع يتجسد"
|
||||
description="تجربة استثنائية في الخدمات الأكاديمية والتخطيط للمناسبات الراقية بلمسة عالمية."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/multi-colored-paint-splashing-dark-background_23-2147837301.jpg"
|
||||
imageAlt="3d inkwell icon glass"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vivid-colored-droplet-blue_23-2147748889.jpg",
|
||||
alt: "Vivid colored droplet on blue",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-water_23-2149199541.jpg",
|
||||
alt: "Beautiful still life with water",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/small-blue-colored-ink-droplet_23-2147786640.jpg",
|
||||
alt: "Small blue colored ink droplet",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/purple-drop-paint-closeup-generative-ai_169016-30580.jpg",
|
||||
alt: "Purple drop of paint closeup generative AI",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/mobile-background-social-networks-isometric-style_23-2147606730.jpg",
|
||||
alt: "3d designer avatar",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/vivid-colored-droplet-blue_23-2147748889.jpg", alt: "Vivid colored droplet on blue" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-water_23-2149199541.jpg", alt: "Beautiful still life with water" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/small-blue-colored-ink-droplet_23-2147786640.jpg", alt: "Small blue colored ink droplet" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/purple-drop-paint-closeup-generative-ai_169016-30580.jpg", alt: "Purple drop of paint closeup generative AI" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/mobile-background-social-networks-isometric-style_23-2147606730.jpg", alt: "3d designer avatar" },
|
||||
]}
|
||||
avatarText="موثوق من قبل أكثر من 500 طالب وباحث"
|
||||
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>
|
||||
@@ -114,41 +70,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Smart",
|
||||
title: "طباعة ذكية",
|
||||
subtitle: "تقنيات متقدمة",
|
||||
description: "خدمات طباعة رقمية فائقة الجودة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-beautiful-lady-glasses-smiling-near-3d-printing-machine-her-office-new-technologies-small-businesses-concept-computer-prototypes-table-tech-ambient-jpg-photo_633478-537.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Academic",
|
||||
title: "بحث أكاديمي",
|
||||
subtitle: "دقة ومعرفة",
|
||||
description: "تنسيق وتجهيز المراجع العلمية والوثائق.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/science-icons-set_1284-10010.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Creative",
|
||||
title: "تصميم هدايا",
|
||||
subtitle: "تغليف مميز",
|
||||
description: "تغليف هدايا احترافي لكل المناسبات.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037162.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Research",
|
||||
title: "تحليل بيانات",
|
||||
subtitle: "استشارات بحثية",
|
||||
description: "دعم تقني ومعلوماتي متطور.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/printing-human-dna_1048-1979.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Design",
|
||||
title: "جرافيك",
|
||||
subtitle: "هوية بصرية",
|
||||
description: "تصميم هويات متكاملة للطلاب.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-printing-decorative-vase_23-2152014096.jpg",
|
||||
},
|
||||
{ tag: "Smart", title: "طباعة ذكية", subtitle: "تقنيات متقدمة", description: "خدمات طباعة رقمية فائقة الجودة.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-beautiful-lady-glasses-smiling-near-3d-printing-machine-her-office-new-technologies-small-businesses-concept-computer-prototypes-table-tech-ambient-jpg-photo_633478-537.jpg" },
|
||||
{ tag: "Academic", title: "بحث أكاديمي", subtitle: "دقة ومعرفة", description: "تنسيق وتجهيز المراجع العلمية والوثائق.", imageSrc: "http://img.b2bpic.net/free-vector/science-icons-set_1284-10010.jpg" },
|
||||
{ tag: "Creative", title: "تصميم هدايا", subtitle: "تغليف مميز", description: "تغليف هدايا احترافي لكل المناسبات.", imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037162.jpg" },
|
||||
{ tag: "Research", title: "تحليل بيانات", subtitle: "استشارات بحثية", description: "دعم تقني ومعلوماتي متطور.", imageSrc: "http://img.b2bpic.net/free-photo/printing-human-dna_1048-1979.jpg" },
|
||||
{ tag: "Design", title: "جرافيك", subtitle: "هوية بصرية", description: "تصميم هويات متكاملة للطلاب.", imageSrc: "http://img.b2bpic.net/free-photo/3d-printing-decorative-vase_23-2152014096.jpg" },
|
||||
]}
|
||||
title="خدماتنا الأكاديمية"
|
||||
description="نقدم حلولاً ذكية للطلاب والباحثين."
|
||||
@@ -162,51 +88,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Luxury",
|
||||
name: "حفلات التخرج",
|
||||
price: "طلبات خاصة",
|
||||
rating: 5,
|
||||
reviewCount: "50+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-cartoon-style_23-2151007379.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Celebration",
|
||||
name: "أعياد الميلاد",
|
||||
price: "طلبات خاصة",
|
||||
rating: 5,
|
||||
reviewCount: "80+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-birthday-cake-with-blue-background_23-2151010693.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Corporate",
|
||||
name: "مناسبات خاصة",
|
||||
price: "طلبات خاصة",
|
||||
rating: 5,
|
||||
reviewCount: "30+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/students-throw-up-graduation-caps-certificates_107791-17629.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Academic",
|
||||
name: "ندوات",
|
||||
price: "طلبات خاصة",
|
||||
rating: 5,
|
||||
reviewCount: "20+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-academic-cap-with-copy-space_23-2148756574.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Special",
|
||||
name: "أعياد زواج",
|
||||
price: "طلبات خاصة",
|
||||
rating: 5,
|
||||
reviewCount: "40+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cake-with-lit-candle-top_23-2150915624.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Luxury", name: "حفلات التخرج", price: "طلبات خاصة", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-cartoon-style_23-2151007379.jpg" },
|
||||
{ id: "p2", brand: "Celebration", name: "أعياد الميلاد", price: "طلبات خاصة", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/delicious-birthday-cake-with-blue-background_23-2151010693.jpg" },
|
||||
{ id: "p3", brand: "Corporate", name: "مناسبات خاصة", price: "طلبات خاصة", rating: 5, reviewCount: "30+", imageSrc: "http://img.b2bpic.net/free-photo/students-throw-up-graduation-caps-certificates_107791-17629.jpg" },
|
||||
{ id: "p4", brand: "Academic", name: "ندوات", price: "طلبات خاصة", rating: 5, reviewCount: "20+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-academic-cap-with-copy-space_23-2148756574.jpg" },
|
||||
{ id: "p5", brand: "Special", name: "أعياد زواج", price: "طلبات خاصة", rating: 5, reviewCount: "40+", imageSrc: "http://img.b2bpic.net/free-photo/3d-cake-with-lit-candle-top_23-2150915624.jpg" },
|
||||
]}
|
||||
title="تخطيط المناسبات"
|
||||
description="نحول لحظاتك إلى ذكريات لا تُنسى."
|
||||
@@ -220,36 +106,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "شيخة",
|
||||
role: "مصممة تخرج",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/mobile-background-social-networks-isometric-style_23-2147606730.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "رحمة",
|
||||
role: "مصممة حفلات",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-red-girl-with-sunglasses_1385-2822.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "أحمد",
|
||||
role: "مهندس تقني",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-christmas-celebrations_23-2150936477.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "سارة",
|
||||
role: "مديرة مشاريع",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034045.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "خالد",
|
||||
role: "مصمم إبداعي",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034029.jpg",
|
||||
},
|
||||
{ id: "t1", name: "شيخة", role: "مصممة تخرج", imageSrc: "http://img.b2bpic.net/free-vector/mobile-background-social-networks-isometric-style_23-2147606730.jpg" },
|
||||
{ id: "t2", name: "رحمة", role: "مصممة حفلات", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-red-girl-with-sunglasses_1385-2822.jpg" },
|
||||
{ id: "t3", name: "أحمد", role: "مهندس تقني", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-christmas-celebrations_23-2150936477.jpg" },
|
||||
{ id: "t4", name: "سارة", role: "مديرة مشاريع", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034045.jpg" },
|
||||
{ id: "t5", name: "خالد", role: "مصمم إبداعي", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034029.jpg" },
|
||||
]}
|
||||
title="مصممونا المبدعون"
|
||||
description="فريقنا المتخصص وراء كل قطعة فنية."
|
||||
@@ -258,63 +119,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "سارة",
|
||||
role: "طالبة",
|
||||
company: "جامعة دبي",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-male-lawyer-suit_23-2151228154.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "عمر",
|
||||
role: "خريج",
|
||||
company: "شركات كبرى",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556778.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "نورة",
|
||||
role: "معلمة",
|
||||
company: "مدرسة خاصة",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/looking-talent-background_23-2147987326.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "خالد",
|
||||
role: "مدير",
|
||||
company: "مؤسسة",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-potato-with-face-sticker_23-2148740821.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "ليلى",
|
||||
role: "طالبة",
|
||||
company: "جامعة الشارقة",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-character_23-2151021957.jpg",
|
||||
},
|
||||
{ id: "1", name: "سارة", role: "طالبة", company: "جامعة دبي", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-3d-male-lawyer-suit_23-2151228154.jpg" },
|
||||
{ id: "2", name: "عمر", role: "خريج", company: "شركات كبرى", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556778.jpg" },
|
||||
{ id: "3", name: "نورة", role: "معلمة", company: "مدرسة خاصة", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/looking-talent-background_23-2147987326.jpg" },
|
||||
{ id: "4", name: "خالد", role: "مدير", company: "مؤسسة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/funny-potato-with-face-sticker_23-2148740821.jpg" },
|
||||
{ id: "5", name: "ليلى", role: "طالبة", company: "جامعة الشارقة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-character_23-2151021957.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "مشروع",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "رضا",
|
||||
},
|
||||
{
|
||||
value: "5*",
|
||||
label: "جودة",
|
||||
},
|
||||
{ value: "100+", label: "مشروع" },
|
||||
{ value: "99%", label: "رضا" },
|
||||
{ value: "5*", label: "جودة" },
|
||||
]}
|
||||
title="آراء عملائنا"
|
||||
description="ماذا يقول عملاؤنا عنا."
|
||||
@@ -326,21 +144,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "كيف أطلب طباعة؟",
|
||||
content: "يمكنكم زيارة الفرع أو الطلب أونلاين.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "هل توجد خدمة توصيل؟",
|
||||
content: "نعم، نوفر خدمة توصيل لجميع المناطق.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "هل تصممون بطاقات تخرج؟",
|
||||
content: "نعم، نصمم بطاقات احترافية بلمسة خاصة.",
|
||||
},
|
||||
{ id: "1", title: "كيف أطلب طباعة؟", content: "يمكنكم زيارة الفرع أو الطلب أونلاين." },
|
||||
{ id: "2", title: "هل توجد خدمة توصيل؟", content: "نعم، نوفر خدمة توصيل لجميع المناطق." },
|
||||
{ id: "3", title: "هل تصممون بطاقات تخرج؟", content: "نعم، نصمم بطاقات احترافية بلمسة خاصة." },
|
||||
]}
|
||||
title="الأسئلة الشائعة"
|
||||
description="إجابات على أسئلتكم المتكررة."
|
||||
@@ -357,21 +163,10 @@ export default function LandingPage() {
|
||||
title="تواصل معنا"
|
||||
description="جاهزون لاستقبال استفساراتكم."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "الاسم",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "البريد الإلكتروني",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "الاسم" },
|
||||
{ name: "email", type: "email", placeholder: "البريد الإلكتروني" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "رسالتك",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "رسالتك" }}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/isometric-recruitment-icon-with-hr-specialist-resume-job-candidate-tablet-screen_1284-63023.jpg"
|
||||
imageAlt="Isometric contact design"
|
||||
/>
|
||||
@@ -382,29 +177,15 @@ export default function LandingPage() {
|
||||
logoText="مكتبة المحبرة"
|
||||
columns={[
|
||||
{
|
||||
title: "روابط سريعة",
|
||||
items: [
|
||||
{
|
||||
label: "الرئيسية",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "الخدمات",
|
||||
href: "#services",
|
||||
},
|
||||
title: "روابط سريعة", items: [
|
||||
{ label: "الرئيسية", href: "#hero" },
|
||||
{ label: "الخدمات", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "القانونية",
|
||||
items: [
|
||||
{
|
||||
label: "الخصوصية",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "الشروط",
|
||||
href: "#",
|
||||
},
|
||||
title: "القانونية", items: [
|
||||
{ label: "الخصوصية", href: "#" },
|
||||
{ label: "الشروط", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -413,4 +194,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user