357 lines
20 KiB
TypeScript
357 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Award, Sparkles, Star, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "الرئيسية", id: "#hero"},
|
|
{
|
|
name: "حولنا", id: "#about"},
|
|
{
|
|
name: "الميزات", id: "#features"},
|
|
{
|
|
name: "الأسعار", id: "#pricing"},
|
|
{
|
|
name: "الشهادات", id: "#testimonials"},
|
|
{
|
|
name: "تواصل", id: "#contact"},
|
|
]}
|
|
brandName="QuickBooks"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
title="حلول QuickBooks لإدارة أعمالك بذكاء."
|
|
description="تبسيط المحاسبة، تحسين التدفق النقدي، واتخاذ قرارات أفضل لنمو لا يتوقف."
|
|
testimonials={[
|
|
{
|
|
name: "سارة أحمد", handle: "@SaraA_Biz", testimonial: "QuickBooks غيّر طريقة إدارتي لماليات عملي. سهولة فائقة وتقارير دقيقة! لا غنى عنه.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg", imageAlt: "صورة سارة أحمد"},
|
|
{
|
|
name: "خالد منصور", handle: "@KhaledM_Tech", testimonial: "منصة QuickBooks لا تضاهى. وفرت علي ساعات عمل طويلة وساعدتني على فهم مالي لشركتي الناشئة.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg", imageAlt: "صورة خالد منصور"},
|
|
{
|
|
name: "ليلى فؤاد", handle: "@LaylaF_Growth", testimonial: "أداة رائعة لكل من يبحث عن دقة في المحاسبة وراحة البال. دعمهم ممتاز ومستمر.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", imageAlt: "صورة ليلى فؤاد"},
|
|
{
|
|
name: "فارس الجندي", handle: "@Faris_CFO", testimonial: "كخبير مالي، أوصي بـ QuickBooks لعملائي. حل شامل وفعال ينمو مع أعمالهم.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", imageAlt: "صورة فارس الجندي"},
|
|
{
|
|
name: "مريم سعيد", handle: "@MariamS_Mkt", testimonial: "بصراحة، لم أكن أتخيل أن المحاسبة يمكن أن تكون بهذه السهولة. QuickBooks أبهرني!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman-indoors_23-2148824829.jpg", imageAlt: "صورة مريم سعيد"},
|
|
]}
|
|
tag="إدارة مالية ذكية"
|
|
buttons={[
|
|
{
|
|
text: "اشترك الآن", href: "#pricing"},
|
|
{
|
|
text: "شاهد العرض", href: "#about"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg", alt: "صورة مستخدم 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151134319.jpg", alt: "صورة مستخدم 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg", alt: "صورة مستخدم 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/great-pack-businessman-with-nine-different-facial-expressions_23-2147614453.jpg", alt: "صورة مستخدم 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg", alt: "صورة مستخدم 5"},
|
|
]}
|
|
avatarText="أكثر من 7 ملايين عميل يثقون بنا"
|
|
imageSrc="http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461308.jpg"
|
|
imageAlt="لوحة تحكم QuickBooks حديثة"
|
|
mediaAnimation="slide-up"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "تتبع النفقات بسهولة"},
|
|
{
|
|
type: "text", text: "إدارة الفواتير باحترافية"},
|
|
{
|
|
type: "text", text: "تقارير مالية دقيقة"},
|
|
{
|
|
type: "text", text: "ربط آمن بالحسابات البنكية"},
|
|
{
|
|
type: "text", text: "دعم فني متميز"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="لماذا QuickBooks؟"
|
|
title="شريكك الموثوق في النجاح المالي"
|
|
description="QuickBooks هو البرنامج المحاسبي الرائد عالميًا الذي يمكّنك من إدارة أموالك بسهولة، من تتبع النفقات إلى إعداد الفواتير والتقارير الضريبية."
|
|
subdescription="مصمم خصيصًا ليلبي احتياجات الشركات الصغيرة والمتوسطة، مما يمنحك رؤية واضحة ومبسطة لوضعك المالي."
|
|
icon={Award}
|
|
imageSrc="http://img.b2bpic.net/free-photo/new-hire-sharing-handshake-receiving-id-security-pass-from-hr-manager-onboarding-meeting_482257-133870.jpg"
|
|
imageAlt="سيدة أعمال سعيدة تراجع التقارير المالية"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
negativeCard={{
|
|
items: [
|
|
"تضييع الوقت في المحاسبة اليدوية", "صعوبة تتبع النفقات", "فواتير غير منظمة", "غياب التقارير المالية الدقيقة", "تحديات في الامتثال الضريبي"],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"توفير الوقت بفضل الأتمتة", "تتبع النفقات بسهولة ودقة", "إدارة فواتير احترافية", "تقارير مالية مفصلة وفورية", "امتثال ضريبي مبسط"],
|
|
}}
|
|
title="ميزات QuickBooks التي تغير قواعد اللعبة"
|
|
description="قارن بين ما قد تفقده وما ستحصل عليه مع QuickBooks."
|
|
tag="تحول رقمي"
|
|
tagIcon={Zap}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "metric-1", value: "+7M", title: "عميل سعيد", items: [
|
|
"شركات صغيرة ومتوسطة", "شركات ناشئة", "مستشارون ماليون"],
|
|
},
|
|
{
|
|
id: "metric-2", value: "%95", title: "رضا العملاء", items: [
|
|
"تقييمات إيجابية", "دعم فني ممتاز", "تحسين مستمر"],
|
|
},
|
|
{
|
|
id: "metric-3", value: "3X", title: "توفير الوقت", items: [
|
|
"أتمتة المهام الروتينية", "تقارير سريعة", "دقة لا مثيل لها"],
|
|
},
|
|
]}
|
|
title="أرقام تتحدث عن نفسها"
|
|
description="أكثر من 7 ملايين شركة حول العالم تعتمد على QuickBooks لنموها المالي."
|
|
tag="نتائج حقيقية"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "starter", badge: "الأكثر شيوعًا", badgeIcon: Sparkles,
|
|
price: "ابتداءً من $15/شهر", name: "QuickBooks Starter", buttons: [
|
|
{
|
|
text: "ابدأ التجربة المجانية", href: "#"},
|
|
],
|
|
features: [
|
|
"تتبع الدخل والنفقات", "إدارة الفواتير", "ربط الحسابات المصرفية", "تقارير أساسية"],
|
|
},
|
|
{
|
|
id: "plus", badge: "الأعمال المتنامية", badgeIcon: Star,
|
|
price: "ابتداءً من $30/شهر", name: "QuickBooks Plus", buttons: [
|
|
{
|
|
text: "اشترك الآن", href: "#"},
|
|
],
|
|
features: [
|
|
"جميع ميزات Starter", "تتبع المخزون", "إدارة المشاريع", "تقارير متقدمة", "ما يصل إلى 5 مستخدمين"],
|
|
},
|
|
{
|
|
id: "advanced", badge: "المؤسسات الكبيرة", badgeIcon: Award,
|
|
price: "ابتداءً من $70/شهر", name: "QuickBooks Advanced", buttons: [
|
|
{
|
|
text: "تواصل للمبيعات", href: "#contact"},
|
|
],
|
|
features: [
|
|
"جميع ميزات Plus", "إدارة الفروع", "ميزانيات مخصصة", "دعم متميز 24/7", "أكثر من 5 مستخدمين"],
|
|
},
|
|
]}
|
|
title="اختر الخطة المناسبة لعملك"
|
|
description="خطط مرنة تناسب جميع أحجام الأعمال واحتياجاتها."
|
|
tag="خطط الاشتراك"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="depth-3d"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "فاطمة الزهراء", role: "مديرة شركة ناشئة", company: "GrowthX Solutions", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-work_23-2148499478.jpg", imageAlt: "صورة فاطمة الزهراء"},
|
|
{
|
|
id: "t2", name: "أحمد السالم", role: "مدير تقنية", company: "InnovateHub", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", imageAlt: "صورة أحمد السالم"},
|
|
{
|
|
id: "t3", name: "نور الهدى", role: "صاحبة متجر إلكتروني", company: "E-Shop Pro", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-cheerful-smiling-broadly-standing-purple-background_141793-110651.jpg", imageAlt: "صورة نور الهدى"},
|
|
{
|
|
id: "t4", name: "يوسف محمد", role: "مستشار مالي", company: "Finance Expert Co.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-travel-agency_52683-136439.jpg", imageAlt: "صورة يوسف محمد"},
|
|
{
|
|
id: "t5", name: "آية عبد الله", role: "مديرة حسابات", company: "Accurate Books", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-professional-saleswoman-businesswoman-suit-sitting-office-her-company_1258-194574.jpg", imageAlt: "صورة آية عبد الله"},
|
|
{
|
|
id: "t6", name: "عمر فاروق", role: "رائد أعمال", company: "Future Ventures", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg", imageAlt: "صورة عمر فاروق"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "حلول موثوقة", label: "لإدارة مالية آمنة"},
|
|
{
|
|
value: "دعم متميز", label: "متاح 24/7"},
|
|
{
|
|
value: "سهولة الاستخدام", label: "لمن ليس لديهم خبرة"},
|
|
]}
|
|
title="ما يقوله عملاؤنا"
|
|
description="قصص نجاح حقيقية من أصحاب الأعمال الذين غيرت QuickBooks مسارهم."
|
|
tag="تجارب حقيقية"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"شركة الابتكار", "مجموعة النجاح", "حلول المستقبل", "رواد الأعمال", "الشركة العالمية", "الرؤية الرقمية", "النمو السريع"]}
|
|
title="شركاء النجاح"
|
|
description="شركات رائدة تثق في QuickBooks لإدارة حساباتها."
|
|
tag="الثقة والاعتماد"
|
|
speed={30}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "ما هو QuickBooks؟", content: "QuickBooks هو برنامج محاسبي شامل يساعد الشركات الصغيرة والمتوسطة على إدارة دخلها ونفقاتها، تتبع المبيعات، وإنشاء التقارير المالية بسهولة."},
|
|
{
|
|
id: "q2", title: "هل أحتاج إلى خبرة محاسبية لاستخدامه؟", content: "لا، QuickBooks مصمم ليكون سهل الاستخدام حتى لغير المحاسبين. يوفر واجهة بسيطة وخطوات إرشادية للمساعدة في جميع العمليات."},
|
|
{
|
|
id: "q3", title: "هل يمكنني ربط حساباتي المصرفية بـ QuickBooks؟", content: "نعم، يمكنك ربط حساباتك المصرفية وبطاقات الائتمان تلقائيًا لاستيراد المعاملات وتتبعها بكل سهولة ودقة."},
|
|
{
|
|
id: "q4", title: "هل QuickBooks آمن لبياناتي المالية؟", content: "نعم، QuickBooks يستخدم أعلى معايير الأمان لحماية بياناتك، بما في ذلك التشفير وتدابير أمنية متقدمة لضمان سرية معلوماتك."},
|
|
{
|
|
id: "q5", title: "ما هو الفرق بين الخطط المختلفة؟", content: "تختلف الخطط في عدد المستخدمين، ميزات تتبع المخزون والمشاريع، ومستوى التقارير المتاحة. يمكنك مراجعة قسم الأسعار لمعرفة التفاصيل الكاملة."},
|
|
]}
|
|
title="أسئلة شائعة"
|
|
description="ابحث عن إجابات لاستفساراتك حول QuickBooks واشتراكاتها."
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="جاهز للبدء؟"
|
|
title="تواصل معنا اليوم"
|
|
description="إذا كان لديك أي استفسارات أو تحتاج إلى مساعدة، تواصل معنا اليوم وسيسعد فريق الخبراء لدينا بمساعدتك في اختيار خطة QuickBooks المثالية لنمو عملك."
|
|
imageSrc="http://img.b2bpic.net/free-photo/financial-analyst-working-with-data_23-2150461309.jpg"
|
|
imageAlt="شخص يعمل على بيانات مالية"
|
|
mediaAnimation="opacity"
|
|
inputPlaceholder="أدخل بريدك الإلكتروني"
|
|
buttonText="أرسل استفسارك الآن"
|
|
termsText="بالضغط على 'أرسل استفسارك الآن'، أنت توافق على الشروط والأحكام."
|
|
onSubmit={() => alert('Submitted!')}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
logoSrc="http://img.b2bpic.net/free-vector/initials-letter-s-g-logo-design_474888-7384.jpg"
|
|
logoAlt="شعار QuickBooks"
|
|
logoText="QuickBooks"
|
|
columns={[
|
|
{
|
|
title: "روابط سريعة", items: [
|
|
{
|
|
label: "الرئيسية", href: "#hero"},
|
|
{
|
|
label: "الميزات", href: "#features"},
|
|
{
|
|
label: "الأسعار", href: "#pricing"},
|
|
{
|
|
label: "تواصل", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "الدعم", items: [
|
|
{
|
|
label: "الأسئلة الشائعة", href: "#faq"},
|
|
{
|
|
label: "مركز المساعدة", href: "#"},
|
|
{
|
|
label: "التواصل مع الدعم", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "عن الشركة", items: [
|
|
{
|
|
label: "عن QuickBooks", href: "#about"},
|
|
{
|
|
label: "المهن", href: "#"},
|
|
{
|
|
label: "الشروط والأحكام", href: "#"},
|
|
{
|
|
label: "سياسة الخصوصية", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="QuickBooks © 2024. جميع الحقوق محفوظة."
|
|
imageSrc="http://img.b2bpic.net/free-photo/blurred-abstract-background-interior-view-looking-out-toward-city-view-with-light-bokeh_1187-1721.jpg"
|
|
imageAlt="خلفية مكتب حديثة"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |