Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-14 15:24:05 +00:00

View File

@@ -16,368 +16,156 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "للموكلين",
id: "#how-it-works",
},
{
name: "للمحامين",
id: "#lawyers",
},
{
name: "الباقات",
id: "#pricing",
},
{
name: "عن أتعاب",
id: "#about",
},
]}
button={{
text: "سجّل كمحامي",
href: "#contact",
}}
brandName="ATAAP"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "للموكلين", id: "#how-it-works" },
{ name: "للمحامين", id: "#lawyers" },
{ name: "الباقات", id: "#pricing" },
{ name: "عن أتعاب", id: "#about" },
]}
button={{ text: "سجّل كمحامي", href: "#contact" }}
brandName="ATAAP"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "canvas-reveal",
}}
logoText="ATAAP"
description="ابحث عن محاميك المناسب بكل ثقة وشفافية. أتعاب تربطك بمحامين موثوقين في مصر بأسعار واضحة."
buttons={[
{
text: "ابحث الآن",
href: "#how-it-works",
},
{
text: "سجّل كمحامي",
href: "#contact",
},
]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/abstract-3d-podium-with-lighting-gold-color-yellow-background-podium-stage-award-ceremony-performance-by-artist-stock-3d-redering-illustration_1258-112769.jpg"
imageAlt="Abstract 3D podium with lighting gold color on a yellow background"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{ variant: "canvas-reveal" }}
logoText="ATAAP"
description="ابحث عن محاميك المناسب بكل ثقة وشفافية. أتعاب تربطك بمحامين موثوقين في مصر بأسعار واضحة."
buttons={[
{ text: "ابحث الآن", href: "#how-it-works" },
{ text: "سجّل كمحامي", href: "#contact" },
]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/abstract-3d-podium-with-lighting-gold-color-yellow-background-podium-stage-award-ceremony-performance-by-artist-stock-3d-redering-illustration_1258-112769.jpg"
imageAlt="Abstract 3D podium with lighting gold color on a yellow background"
/>
</div>
<div id="trust" data-section="trust">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Escrow مؤمّن",
"محامين موثقين",
"تقييمات حقيقية",
"AI 24/7",
"استشارات قانونية",
"دعم فني",
]}
title="لماذا تختار أتعاب؟"
description="معايير الجودة والشفافية في عالم القانون"
/>
</div>
<div id="trust" data-section="trust">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Escrow مؤمّن", "محامين موثوقين", "تقييمات حقيقية", "AI 24/7", "استشارات قانونية", "دعم فني"]}
title="لماذا تختار أتعاب؟"
description="معايير الجودة والشفافية في عالم القانون"
/>
</div>
<div id="steps" data-section="steps">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "s1",
title: "ابحث",
descriptions: [
"تصفح آلاف المحامين المعتمدين في مصر",
],
imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-golden-elements-wallpaper_52683-100716.jpg",
},
{
id: "s2",
title: "AI مجاني",
descriptions: [
"تحليل قانوني فوري لمشكلتك عبر الذكاء الاصطناعي",
],
imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-golden-elements-wallpaper_52683-100718.jpg",
},
{
id: "s3",
title: "Escrow",
descriptions: [
"حقوقك المالية محفوظة تماماً حتى انتهاء القضية",
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-texture-copper_53876-63405.jpg",
},
{
id: "s4",
title: "تابع",
descriptions: [
"لوحة تحكم كاملة لمتابعة سير قضيتك لحظة بلحظة",
],
imageSrc: "http://img.b2bpic.net/free-photo/success-business_1098-15281.jpg",
},
]}
title="كيف تعمل منصة أتعاب؟"
description="خطوات بسيطة تضمن لك العدالة والوضوح"
/>
</div>
<div id="steps" data-section="steps">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "s1", title: "ابحث", descriptions: ["تصفح آلاف المحامين المعتمدين في مصر"], imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-golden-elements-wallpaper_52683-100716.jpg" },
{ id: "s2", title: "AI مجاني", descriptions: ["تحليل قانوني فوري لمشكلتك عبر الذكاء الاصطناعي"], imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-golden-elements-wallpaper_52683-100718.jpg" },
{ id: "s3", title: "Escrow", descriptions: ["حقوقك المالية محفوظة تماماً حتى انتهاء القضية"], imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-texture-copper_53876-63405.jpg" },
{ id: "s4", title: "تابع", descriptions: ["لوحة تحكم كاملة لمتابعة سير قضيتك لحظة بلحظة"], imageSrc: "http://img.b2bpic.net/free-photo/success-business_1098-15281.jpg" },
]}
title="كيف تعمل منصة أتعاب؟"
description="خطوات بسيطة تضمن لك العدالة والوضوح"
/>
</div>
<div id="lawyers" data-section="lawyers">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "l1",
name: "أ. محمد علي",
price: "500 EGP",
variant: "أحوال شخصية",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-elegant-black-suit-fashion-male-posing-studio-dark-background-looking-camera_158538-21671.jpg",
},
{
id: "l2",
name: "أ. سارة حسن",
price: "800 EGP",
variant: "عقارات",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
},
{
id: "l3",
name: "أ. أحمد كمال",
price: "1200 EGP",
variant: "جنايات",
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
},
{
id: "l4",
name: "أ. هالة محمود",
price: "900 EGP",
variant: "قانون تجاري",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
},
{
id: "l5",
name: "أ. يوسف مصطفى",
price: "1500 EGP",
variant: "تعويضات",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
},
]}
title="محامون موثوقون"
description="اختر المحامي المناسب لتخصصك وخبرته"
/>
</div>
<div id="lawyers" data-section="lawyers">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "l1", name: "أ. محمد علي", price: "500 EGP", variant: "أحوال شخصية", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-elegant-black-suit-fashion-male-posing-studio-dark-background-looking-camera_158538-21671.jpg" },
{ id: "l2", name: "أ. سارة حسن", price: "800 EGP", variant: "عقارات", imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg" },
{ id: "l3", name: "أ. أحمد كمال", price: "1200 EGP", variant: "جنايات", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg" },
{ id: "l4", name: "أ. هالة محمود", price: "900 EGP", variant: "قانون تجاري", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg" },
{ id: "l5", name: "أ. يوسف مصطفى", price: "1500 EGP", variant: "تعويضات", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" },
]}
title="محامون موثوقون"
description="اختر المحامي المناسب لتخصصك وخبرته"
/>
</div>
<div id="escrow" data-section="escrow">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "30%",
title: "عند التوقيع",
description: "دفعة أولى آمنة",
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg",
},
{
id: "m2",
value: "30%",
title: "أول جلسة",
description: "دفعة مقابل العمل التمهيدي",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
},
{
id: "m3",
value: "40%",
title: "إنهاء القضية",
description: "دفعة نهائية عند الإنجاز",
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2623.jpg",
},
]}
title="نظام Escrow للضمان المالي"
description="حقوقك المالية محفوظة بذكاء لضمان الأداء"
/>
</div>
<div id="escrow" data-section="escrow">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "30%", title: "عند التوقيع", description: "دفعة أولى آمنة", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg" },
{ id: "m2", value: "30%", title: "أول جلسة", description: "دفعة مقابل العمل التمهيدي", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg" },
{ id: "m3", value: "40%", title: "إنهاء القضية", description: "دفعة نهائية عند الإنجاز", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2623.jpg" },
]}
title="نظام Escrow للضمان المالي"
description="حقوقك المالية محفوظة بذكاء لضمان الأداء"
/>
</div>
<div id="ai-demo" data-section="ai-demo">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "مساعد قانوني بالذكاء الاصطناعي",
},
]}
buttons={[
{
text: "جرّب الآن",
href: "#",
},
]}
/>
</div>
<div id="ai-demo" data-section="ai-demo">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[{ type: "text", content: "مساعد قانوني بالذكاء الاصطناعي" }]}
buttons={[{ text: "جرّب الآن", href: "#" }]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "p1",
badge: "البداية",
price: "3,600 ج",
subtitle: "للمشكلات البسيطة",
buttons: [
{
text: "اشترك",
},
],
features: [
"تحليل قانوني أساسي",
"دعم فني",
],
},
{
id: "p2",
badge: "المحترف",
price: "8,400 ج",
subtitle: "الأكثر طلباً",
buttons: [
{
text: "اشترك",
},
],
features: [
"تحليل قانوني شامل",
"متابعة خاصة",
"AI 24/7",
],
},
{
id: "p3",
badge: "VIP",
price: "19,800 ج",
subtitle: "للقضايا المعقدة",
buttons: [
{
text: "اشترك",
},
],
features: [
"فريق قانوني كامل",
"أولوية قصوى",
"زيارات ميدانية",
],
},
]}
title="الباقات المتاحة"
description="اختر ما يناسب طبيعة قضيتك واحتياجاتك"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "p1", badge: "البداية", price: "3,600 ج", subtitle: "للمشكلات البسيطة", buttons: [{ text: "اشترك" }], features: ["تحليل قانوني أساسي", "دعم فني"] },
{ id: "p2", badge: "المحترف", price: "8,400 ج", subtitle: "الأكثر طلباً", buttons: [{ text: "اشترك" }], features: ["تحليل قانوني شامل", "متابعة خاصة", "AI 24/7"] },
{ id: "p3", badge: "VIP", price: "19,800 ج", subtitle: "للقضايا المعقدة", buttons: [{ text: "اشترك" }], features: ["فريق قانوني كامل", "أولوية قصوى", "زيارات ميدانية"] },
]}
title="الباقات المتاحة"
description="اختر ما يناسب طبيعة قضيتك واحتياجاتك"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "أحمد محمود",
role: "عميل",
company: "مستخدم أتعاب",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-jumping-celebrating-success_1262-5990.jpg",
},
{
id: "t2",
name: "منى سعيد",
role: "عميل",
company: "مستخدم أتعاب",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-standing-against-building-outdoors_1150-2638.jpg",
},
{
id: "t3",
name: "خالد عمر",
role: "عميل",
company: "مستخدم أتعاب",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-black-suit-going-up-escalator-talking-mobile-phone-saleswoman-wal_1258-123502.jpg",
},
{
id: "t4",
name: "نور هاني",
role: "عميل",
company: "مستخدم أتعاب",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
},
{
id: "t5",
name: "ياسر إبراهيم",
role: "عميل",
company: "مستخدم أتعاب",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
},
]}
title="آراء عملائنا"
description="ثقة عملائنا هي أساس نجاحنا ومصداقيتنا"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "أحمد محمود", role: "عميل", company: "مستخدم أتعاب", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-jumping-celebrating-success_1262-5990.jpg" },
{ id: "t2", name: "منى سعيد", role: "عميل", company: "مستخدم أتعاب", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-standing-against-building-outdoors_1150-2638.jpg" },
{ id: "t3", name: "خالد عمر", role: "عميل", company: "مستخدم أتعاب", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-black-suit-going-up-escalator-talking-mobile-phone-saleswoman-wal_1258-123502.jpg" },
{ id: "t4", name: "نور هاني", role: "عميل", company: "مستخدم أتعاب", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg" },
{ id: "t5", name: "ياسر إبراهيم", role: "عميل", company: "مستخدم أتعاب", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
]}
title="آراء عملائنا"
description="ثقة عملائنا هي أساس نجاحنا ومصداقيتنا"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/abstract-3d-podium-with-lighting-gold-color-yellow-background-podium-stage-award-ceremony-performance-by-artist-stock-3d-redering-illustration_1258-112765.jpg"
logoText="ATAAP"
columns={[
{
title: "روابط سريعة",
items: [
{
label: "للموكلين",
href: "#",
},
{
label: "للمحامين",
href: "#",
},
],
},
{
title: "القانون",
items: [
{
label: "شروط الاستخدام",
href: "#",
},
{
label: "الخصوصية",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/abstract-3d-podium-with-lighting-gold-color-yellow-background-podium-stage-award-ceremony-performance-by-artist-stock-3d-redering-illustration_1258-112765.jpg"
logoText="ATAAP"
columns={[
{ title: "روابط سريعة", items: [{ label: "للموكلين", href: "#" }, { label: "للمحامين", href: "#" }] },
{ title: "القانون", items: [{ label: "شروط الاستخدام", href: "#" }, { label: "الخصوصية", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);