284 lines
21 KiB
TypeScript
284 lines
21 KiB
TypeScript
"use client";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
|
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import { Sparkles, Wallet, ArrowUpRight, MonitorDot, ShieldCheck, Zap, BookOpen, TrendingUp, Lock, Phone, MessageCircle, PiggyBank, Lightbulb, DollarSign, Settings, Award, Users, Smartphone, CreditCard } from "lucide-react";
|
|
|
|
export default function WebAgency2Page() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="metallic"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="المصرف الأكاديمي"
|
|
navItems={[
|
|
{ name: "الرئيسية", id: "hero" },
|
|
{ name: "الخدمات", id: "services" },
|
|
{ name: "حول المصرف", id: "about" },
|
|
{ name: "حسابي", id: "/dashboard" },
|
|
{ name: "اتصل بنا", id: "contact" }
|
|
]}
|
|
button={{ text: "افتح حساب", href: "#contact" }}
|
|
/>
|
|
<HeroSplitDoubleCarousel
|
|
title="مصرفك الجامعي: إدارة مالية ذكية لطلاب اليوم"
|
|
description="نقدم حلولاً مصرفية مبتكرة ومصممة خصيصاً لتلبية احتياجات طلاب الجامعة، لتبدأ رحلتك المالية بثقة."
|
|
tag="مستقبلك المالي يبدأ هنا"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "canvas-reveal" }}
|
|
buttons={[
|
|
{ text: "افتح حساب الآن", href: "#contact" },
|
|
{ text: "اكتشف خدماتنا", href: "#services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselPosition="right"
|
|
leftCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-businessman-using-credit-cart-mobile-phone-while-checking-his-online-bank-account-late-night-work-office_637285-2608.jpg", imageAlt: "student managing finances on laptop" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/financial-analyst-reading-company-report-analyzing-statistics-data-project-manager-planning-startup-strategy-employee-checking-research-result-workplace-desk-coworking-space_482257-64529.jpg", imageAlt: "student using mobile banking app" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/colleagues-studying-together-exam_23-2149038437.jpg", imageAlt: "group of students collaborating" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/unhappy-depressed-young-dark-skinned-housewife-managing-domestic-budget-alone-night_273609-9202.jpg", imageAlt: "student studying financial documents" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-team-creative-thinking-ambitious-young-architects-brainstorming-white-desk_273609-14170.jpg", imageAlt: "financial advisor with student" }
|
|
]}
|
|
rightCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-office-workspace-with-advanced-technology-enhance-efficiency_482257-122584.jpg", imageAlt: "modern banking interface" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149329702.jpg", imageAlt: "student making online payment" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-girl-with-nose-ring-using-digital-tablet-together-with-her-hipster-colleague-with-thick-beard-while-serious-asian-female-doing-paperwork-brainstorming-session-coworking-space_273609-6348.jpg", imageAlt: "students in a financial workshop" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-formal-wear-black-protect-face-mask-hold-micronesia-flag-hand-against-gray-background-coronavirus-country-concept_627829-11011.jpg", imageAlt: "credit card with university branding" }
|
|
]}
|
|
carouselItemClassName="!aspect-[4/5]"
|
|
/>
|
|
<FeatureBento
|
|
title="خدماتنا المصرفية المبتكرة"
|
|
description="حلول مالية متكاملة لدعم رحلتك التعليمية والمهنية."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
buttons={[{ text: "جميع الخدمات", href: "#services" }]}
|
|
buttonAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "الحسابات الطلابية", description: "إدارة سهلة لمالك اليومي مع مزايا خاصة بالطلاب.", bentoComponent: "marquee", centerIcon: Wallet,
|
|
variant: "text", texts: ["حساب توفير", "بطاقات خصم", "تحويلات مجانية", "تنبيهات فورية", "مكافآت طلابية", "سهولة الوصول"],
|
|
},
|
|
{
|
|
title: "القروض التعليمية", description: "تأمين مستقبلك بدعم مالي ميسر وبشروط مرنة.", bentoComponent: "media-stack", items: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/clarity-focus-goals-target-mission_53876-124470.jpg", imageAlt: "student studying with laptop and books" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062203.jpg", imageAlt: "graduating student looking happy" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-coworkers-plan-improvement-strategy-work-productively-involved-working-process_273609-18021.jpg", imageAlt: "loan application documents" },
|
|
],
|
|
},
|
|
{
|
|
title: "التخطيط المالي والورش التدريبية", description: "ورش عمل تفاعلية لمساعدتك على بناء أساس مالي قوي.", bentoComponent: "media-stack", items: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/young-team-coworkers-working-project_273609-16161.jpg", imageAlt: "group of students in a financial workshop" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/multi-racial-analysts_1098-12900.jpg", imageAlt: "financial advisor pointing to charts" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-office-desktop_23-2148194753.jpg", imageAlt: "person budgeting expenses on a tablet" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
<FeatureCardTwentySix
|
|
title="حلولنا المصرفية لرحلتك الجامعية"
|
|
description="اكتشف مجموعة من الأدوات والموارد المصممة خصيصاً للطلاب."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "استعرض كل الحلول", href: "#services" }]}
|
|
buttonAnimation="slide-up"
|
|
cardClassName="!h-auto aspect-video"
|
|
features={[
|
|
{
|
|
title: "حساب التوفير الذكي", description: "ادخر لمستقبلك مع عوائد تنافسية وميزات مرنة.", imageSrc: "http://img.b2bpic.net/free-photo/capitalism-cash-credit-revenue-banking-stock-concept_53876-124978.jpg", imageAlt: "Smart savings account interface", buttonIcon: ArrowUpRight,
|
|
buttonHref: "#"},
|
|
{
|
|
title: "بطاقة الخصم الجامعية", description: "بطاقة سهلة الاستخدام للمصروفات اليومية والخصومات الطلابية.", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-wear-holding-credit-card-using-laptop-purchase-while-sitting-green-grass-park_231208-906.jpg", imageAlt: "University debit card with student hand", buttonIcon: ArrowUpRight,
|
|
buttonHref: "#"},
|
|
{
|
|
title: "قرض السكن الطلابي", description: "تمويل ميسر لتأمين سكنك الجامعي براحة تامة.", imageSrc: "http://img.b2bpic.net/free-photo/backpacker-using-her-phone-hostel-varanasi-india_53876-65346.jpg", imageAlt: "Student apartment building", buttonIcon: ArrowUpRight,
|
|
buttonHref: "#"},
|
|
{
|
|
title: "تطبيق المصرف للجوال", description: "إدارة حساباتك، تحويل الأموال، ودفع الفواتير بكل سهولة.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-female-student-wearing-back-bag-showing-mobile-phone-isolated-green-background-with-copy-space_141793-32165.jpg", imageAlt: "Mobile banking app interface on smartphone", buttonIcon: ArrowUpRight,
|
|
buttonHref: "#"},
|
|
{
|
|
title: "برنامج المكافآت الطلابية", description: "اكسب نقاط ومكافآت حصرية على مشترياتك اليومية.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-carrying-smiley-woman_23-2149455842.jpg", imageAlt: "Student rewards program banner with gift icons", buttonIcon: ArrowUpRight,
|
|
buttonHref: "#"},
|
|
]}
|
|
/>
|
|
<FeatureBento
|
|
title="التزامنا تجاهك"
|
|
description="نضمن لك تجربة مصرفية آمنة، سهلة، وداعمة لمستقبلك."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
title: "تطبيق سهل الاستخدام", description: "أدر أموالك في أي وقت ومن أي مكان عبر تطبيقنا البديهي.", bentoComponent: "phone", statusIcon: Lock,
|
|
alertIcon: Smartphone,
|
|
alertTitle: "تطبيق متجاوب", alertMessage: "يعمل بسلاسة على جميع الأجهزة", apps: [
|
|
{ name: "المكالمات", icon: Phone },
|
|
{ name: "الرسائل", icon: MessageCircle },
|
|
{ name: "الموارد", icon: BookOpen },
|
|
{ name: "البنك", icon: CreditCard },
|
|
{ name: "الدفع", icon: DollarSign },
|
|
{ name: "الإحصائيات", icon: TrendingUp },
|
|
{ name: "الإعدادات", icon: Settings },
|
|
{ name: "الدعم", icon: MessageCircle },
|
|
],
|
|
},
|
|
{
|
|
title: "أمان وحماية بياناتك", description: "أقصى درجات الأمان لحماية معاملاتك ومعلوماتك الشخصية.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
|
},
|
|
{
|
|
title: "دعم طلابي فوري", description: "فريق دعم مخصص للرد على استفساراتك ومساعدتك بسرعة.", bentoComponent: "timeline", heading: "تواصل معنا", subheading: "خلال دقائق", items: [
|
|
{ label: "إرسال استفسار", detail: "الخطوة 1" },
|
|
{ label: "استلام الرد", detail: "الخطوة 2" },
|
|
{ label: "حل المشكلة", detail: "الخطوة 3" },
|
|
],
|
|
completedLabel: "تم"},
|
|
{
|
|
title: "موارد تعليمية متكاملة", description: "مكتبة من الأدوات والمقالات لتعزيز وعيك المالي.", bentoComponent: "orbiting-icons", centerIcon: BookOpen,
|
|
items: [
|
|
{ icon: TrendingUp },
|
|
{ icon: PiggyBank },
|
|
{ icon: Lightbulb },
|
|
{ icon: DollarSign },
|
|
],
|
|
},
|
|
{
|
|
title: "تتبع النمو المالي", description: "أدوات تحليلية لمراقبة تقدمك المالي وتحقيق أهدافك.", bentoComponent: "line-chart"},
|
|
]}
|
|
/>
|
|
<TestimonialCardFifteen
|
|
testimonial="المصرف الأكاديمي غير مفهومي للتعاملات البنكية. تطبيقهم سهل جداً والقروض الطلابية ساعدتني كثيراً في إكمال دراستي."
|
|
rating={5}
|
|
author="— سارة أحمد، طالبة علوم حاسوب"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6609.jpg", alt: "طالبة جامعية" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
<MetricCardOne
|
|
title="أرقام تتحدث عن الثقة والنجاح"
|
|
description="نحن فخورون بدعم الآلاف من الطلاب في رحلتهم المالية."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{ id: "projects", value: "10,000+", title: "المستفيدون", description: "عدد الطلاب الذين استخدموا خدماتنا بنجاح", icon: Users },
|
|
{ id: "satisfaction", value: "98%", title: "الرضا", description: "نسبة رضا الطلاب عن تجربتهم معنا", icon: Award },
|
|
{ id: "years", value: "5+", title: "سنوات من الخدمة", description: "من دعم الطلاب في تحقيق أهدافهم المالية", icon: TrendingUp }
|
|
]}
|
|
/>
|
|
<FeatureCardSixteen
|
|
title="لماذا تختار المصرف الأكاديمي؟"
|
|
description="نقارن بين ما نقدمه وما قد تواجهه في البنوك التقليدية."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
negativeCard={{
|
|
items: [
|
|
"رسوم خفية ومعقدة", "إجراءات طويلة وغير مرنة", "خدمات غير متخصصة للطلاب", "دعم عملاء محدود", "تطبيقات قديمة وصعبة الاستخدام"]
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"لا رسوم خفية، شفافية تامة", "إجراءات سريعة ومبسطة", "حلول مصرفية مصممة للطلاب", "دعم طلابي 24/7", "تطبيق حديث وسهل الاستخدام"]
|
|
}}
|
|
/>
|
|
<TeamCardFive
|
|
title="فريق عمل المصرف الأكاديمي"
|
|
description="خبراء ماليون ومستشارون تربويون يدعمون رحلتك."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
mediaClassName="object-[65%_center]"
|
|
team={[
|
|
{ id: "1", name: "أحمد كمال", role: "مدير العلاقات الطلابية", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-man-holding-folder-outdoor_74855-2121.jpg", imageAlt: "أحمد كمال" },
|
|
{ id: "2", name: "ليلى محمد", role: "مستشارة مالية", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-modern-muslim-woman-hijab-working-laptop-office-room-education-online_285396-9457.jpg", imageAlt: "ليلى محمد" },
|
|
{ id: "3", name: "يوسف خالد", role: "مسؤول دعم فني", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man_158595-5151.jpg", imageAlt: "يوسف خالد" }
|
|
]}
|
|
/>
|
|
<FaqBase
|
|
title="أسئلة شائعة"
|
|
description="كل ما تحتاج معرفته عن خدماتنا المصرفية الطلابية."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{ id: "1", title: "كيف يمكنني فتح حساب طالب؟", content: "عملية فتح الحساب بسيطة وتتطلب بضع خطوات فقط عبر تطبيقنا أو بزيارة فرعنا. ستحتاج إلى إثبات هويتك وقيدك الجامعي." },
|
|
{ id: "2", title: "ما هي المستندات المطلوبة للقرض التعليمي؟", content: "عادة ما تتطلب المستندات إثبات القبول الجامعي، كشف درجات، وإثبات دخل للضامن (إن وجد). يرجى مراجعة صفحة القروض لدينا للمزيد من التفاصيل." },
|
|
{ id: "3", title: "هل يوجد رسوم شهرية على الحسابات الطلابية؟", content: "نحن نقدم حسابات طلابية معفاة من الرسوم الشهرية الأساسية، لتخفيف العبء المالي عليك." },
|
|
{ id: "4", title: "كيف يمكنني التواصل مع دعم العملاء؟", content: "يمكنك التواصل مع فريق الدعم لدينا عبر الدردشة في التطبيق، البريد الإلكتروني، أو الاتصال بالرقم المجاني المتاح 24/7." },
|
|
{ id: "5", title: "ما هي برامج التوعية المالية التي تقدمونها؟", content: "ننظم ورش عمل منتظمة حول الميزانية، الادخار، الاستثمار، وإدارة الديون، بالإضافة إلى مكتبة موارد رقمية." }
|
|
]}
|
|
/>
|
|
<ContactCTA
|
|
tag="تواصل معنا"
|
|
title="مستعد لبدء مستقبلك المالي؟"
|
|
description="دعنا نساعدك في تحقيق أهدافك المالية خلال سنوات دراستك وبعدها."
|
|
background={{ variant: "rotated-rays-animated" }}
|
|
buttons={[
|
|
{ text: "افتح حسابك الآن", href: "#contact" },
|
|
{ text: "تحدث مع مستشار", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
<FooterBase
|
|
logoText="المصرف الأكاديمي"
|
|
copyrightText="© 2024 | المصرف الأكاديمي. جميع الحقوق محفوظة."
|
|
columns={[
|
|
{
|
|
title: "المصرف", items: [
|
|
{ label: "حول المصرف", href: "#about" },
|
|
{ label: "الخدمات", href: "#services" },
|
|
{ label: "الطلاب", href: "#" },
|
|
{ label: "حسابي", href: "/dashboard" },
|
|
{ label: "اتصل بنا", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "الخدمات", items: [
|
|
{ label: "حسابات التوفير", href: "#" },
|
|
{ label: "قروض الطلاب", href: "#" },
|
|
{ label: "التخطيط المالي", href: "#" },
|
|
{ label: "التطبيق المصرفي", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "تواصل معنا", items: [
|
|
{ label: "تويتر", href: "#" },
|
|
{ label: "لينكد إن", href: "#" },
|
|
{ label: "إنستغرام", href: "#" },
|
|
{ label: "فيسبوك", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|