Merge version_2_1781472892772 into main #1

Merged
bender merged 1 commits from version_2_1781472892772 into main 2026-06-14 21:39:48 +00:00

View File

@@ -15,6 +15,12 @@ export default function HomePage() {
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBrand
logos={[
{ name: "وزارة العدل اليمنية", url: "https://images.unsplash.com/photo-1589829085413-56de8ae18c73?auto=format&fit=crop&w=200&h=100&q=80" },
{ name: "وزارة الخارجية", url: "https://images.unsplash.com/photo-1589829085413-56de8ae18c73?auto=format&fit=crop&w=200&h=100&q=80" },
{ name: "السفارات المعتمدة", url: "https://images.unsplash.com/photo-1589829085413-56de8ae18c73?auto=format&fit=crop&w=200&h=100&q=80" },
{ name: "الغرفة التجارية", url: "https://images.unsplash.com/photo-1589829085413-56de8ae18c73?auto=format&fit=crop&w=200&h=100&q=80" }
]}
brand="مكتب العروة الوثقى للترجمة"
description="حلول ترجمة معتمدة واحترافية في اليمن. دقة عالية وسرعة في الإنجاز لكافة الوثائق والمستندات القانونية والتجارية."
primaryButton={{
@@ -32,7 +38,27 @@ export default function HomePage() {
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
<div className="py-16 bg-background/50 border-b border-border/30">
<div className="container mx-auto px-4">
<h3 className="text-center text-lg font-semibold text-foreground mb-10">
جهات نعتز بثقتها واعتمادها لترجماتنا القانونية
</h3>
<div className="flex flex-wrap justify-center items-center gap-6 md:gap-12">
{[
"وزارة العدل اليمنية",
"وزارة الخارجية",
"الغرفة التجارية والصناعية",
"السفارات والبعثات الدبلوماسية",
"المحاكم والجهات القضائية"
].map((partner, i) => (
<div key={i} className="flex items-center justify-center px-6 py-4 bg-card rounded-xl shadow-sm border border-border/50 hover:shadow-md hover:border-primary/30 transition-all duration-300">
<span className="text-lg font-bold text-muted-foreground hover:text-primary transition-colors">{partner}</span>
</div>
))}
</div>
</div>
</div>
<AboutFeaturesSplit
tag="عن المكتب"
title="خبرة تزيد عن سنوات في فن الترجمة"
description="نحن في مكتب العروة الوثقى نلتزم بتقديم أعلى معايير الجودة في الترجمة. فريقنا مكون من خبراء ومترجمين قانونيين معتمدين يضمنون لك الحصول على نصوص دقيقة تعكس المعنى الأصلي بكل احترافية."
@@ -137,6 +163,102 @@ export default function HomePage() {
</SectionErrorBoundary>
</div>
<div id="accreditations" data-section="accreditations" className="py-16 bg-card border-y border-border/50">
<div className="container mx-auto px-4">
<div className="text-center mb-10">
<h2 className="text-2xl md:text-3xl font-bold text-foreground mb-3">جهات نعتز بثقتها</h2>
<p className="text-muted-foreground max-w-2xl mx-auto">نقدم خدمات ترجمة قانونية معتمدة وموثوقة لدى كبرى المؤسسات والوزارات في الجمهورية اليمنية</p>
</div>
<div className="flex flex-wrap justify-center items-center gap-8 md:gap-16">
<div className="flex flex-col items-center gap-3 opacity-70 hover:opacity-100 transition-opacity">
<div className="w-16 h-16 rounded-2xl bg-primary/10 flex items-center justify-center text-3xl"></div>
<span className="font-semibold text-foreground">وزارة العدل</span>
</div>
<div className="flex flex-col items-center gap-3 opacity-70 hover:opacity-100 transition-opacity">
<div className="w-16 h-16 rounded-2xl bg-primary/10 flex items-center justify-center text-3xl">🏛</div>
<span className="font-semibold text-foreground">وزارة الخارجية</span>
</div>
<div className="flex flex-col items-center gap-3 opacity-70 hover:opacity-100 transition-opacity">
<div className="w-16 h-16 rounded-2xl bg-primary/10 flex items-center justify-center text-3xl">🏢</div>
<span className="font-semibold text-foreground">الغرفة التجارية</span>
</div>
<div className="flex flex-col items-center gap-3 opacity-70 hover:opacity-100 transition-opacity">
<div className="w-16 h-16 rounded-2xl bg-primary/10 flex items-center justify-center text-3xl">🌍</div>
<span className="font-semibold text-foreground">السفارات المعتمدة</span>
</div>
<div className="flex flex-col items-center gap-3 opacity-70 hover:opacity-100 transition-opacity">
<div className="w-16 h-16 rounded-2xl bg-primary/10 flex items-center justify-center text-3xl">📜</div>
<span className="font-semibold text-foreground">نقابة المحامين</span>
</div>
</div>
</div>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<section className="py-24 bg-background">
<div className="container mx-auto px-4">
<div className="text-center mb-16">
<h2 className="text-3xl md:text-4xl font-bold text-foreground mb-4">الأسئلة الشائعة</h2>
<p className="text-muted-foreground max-w-2xl mx-auto">
إجابات على أهم الأسئلة حول خدماتنا واعتماداتنا.
</p>
</div>
<div className="max-w-3xl mx-auto space-y-4">
{[
{
q: "هل ترجمتكم معتمدة لدى السفارات والجهات الحكومية؟",
a: "نعم، نحن مكتب ترجمة معتمد وموثق لدى كافة السفارات والوزارات والجهات الحكومية في اليمن وخارجها."
},
{
q: "ما هي اللغات التي تترجمون منها وإليها؟",
a: "نقدم خدمات الترجمة لأكثر من 50 لغة عالمية، مع التركيز بشكل خاص على الإنجليزية، الفرنسية، الألمانية، وغيرها."
},
{
q: "كم يستغرق إنجاز ترجمة الوثائق الرسمية؟",
a: "تعتمد المدة على حجم الوثيقة، ولكننا نوفر خدمة الترجمة الفورية والمستعجلة لإنجاز الوثائق في نفس اليوم."
}
].map((faq, i) => (
<div key={i} className="p-6 bg-card rounded-2xl border border-border">
<h3 className="text-xl font-semibold text-foreground mb-2">{faq.q}</h3>
<p className="text-muted-foreground">{faq.a}</p>
</div>
))}
</div>
</div>
</section>
</SectionErrorBoundary>
</div>
<div id="partners" data-section="partners">
<SectionErrorBoundary name="partners">
<section className="py-16 bg-background border-y border-border">
<div className="container mx-auto px-4">
<div className="text-center mb-10">
<h2 className="text-2xl md:text-3xl font-bold text-foreground mb-4">اعتماداتنا وشركاؤنا</h2>
<p className="text-muted-foreground max-w-2xl mx-auto">
نفخر بكوننا مكتب ترجمة معتمد لدى العديد من السفارات والجهات الحكومية والدولية في اليمن وخارجه.
</p>
</div>
<div className="flex flex-wrap justify-center items-center gap-6 md:gap-12">
{[
"وزارة العدل اليمنية",
"وزارة الخارجية",
"السفارة الأمريكية",
"السفارة البريطانية",
"منظمات الأمم المتحدة",
"الغرفة التجارية والصناعية"
].map((partner, i) => (
<div key={i} className="flex items-center justify-center px-6 py-4 bg-card rounded-xl border border-border shadow-sm min-w-[180px] hover:border-primary-cta transition-colors">
<span className="text-lg font-semibold text-foreground text-center">{partner}</span>
</div>
))}
</div>
</div>
</section>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsMediaCards