Initial commit
This commit is contained in:
564
src/app/page.tsx
Normal file
564
src/app/page.tsx
Normal file
@@ -0,0 +1,564 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
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
|
||||
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">
|
||||
<FaqSplitText
|
||||
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: "تختلف الخطط في عدد المستخدمين، ميزات تتبع المخزون والمشاريع، ومستوى التقارير المتاحة. يمكنك مراجعة قسم الأسعار لمعرفة التفاصيل الكاملة.",
|
||||
},
|
||||
]}
|
||||
sideTitle="أسئلة شائعة"
|
||||
sideDescription="ابحث عن إجابات لاستفساراتك حول QuickBooks واشتراكاتها."
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="جاهز للبدء؟"
|
||||
title="تواصل معنا اليوم"
|
||||
description="دع فريق الخبراء لدينا يساعدك في اختيار خطة QuickBooks المثالية لنمو عملك."
|
||||
buttons={[
|
||||
{
|
||||
text: "احصل على استشارة مجانية",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
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. جميع الحقوق محفوظة."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user