Gitlab-Migration/demo-websites
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Introduce team section with lawyers data; create reusable LawyerCard, LawyerProfile, LawyerModal, and Divider components; refactor Über Uns page layout and content.

Browse Source
This commit is contained in:
Thatsaphorn
2025-06-23 00:52:18 +09:00
parent 9052cab43d
commit 83774715a0
6 changed files with 298 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

128
lawfirm-demos/demo-1/app/ueber-uns/page.tsx
View File

@@ -1,49 +1,91 @@
import React from 'react';
'use client';
export default function About() {
import {lawyers} from '@/app/ueber-uns/lawyers';
import Divider from '@/components/Divider';
import SubpageHero from '@/components/SubpageHero';
export default function UeberUnsPage() {
return (
<div className="container mx-auto px-4 py-8">
<h1 className="text-4xl font-bold mb-6">Über Uns</h1>
<>
<SubpageHero
title="Über uns"
subtitle="Persönlich. Kompetent. Engagiert – das Team der Kanzlei Mustermann & Künstler."
/>
<section className="mb-8">
<p className="text-lg mb-4">
Willkommen in unserer Anwaltskanzlei. Seit über 20 Jahren setzen wir uns für die Rechte unserer
Mandanten ein und bieten erstklassige juristische Beratung in verschiedenen Rechtsbereichen.
</p>
<p className="text-lg mb-4">
Unsere Expertise umfasst unter anderem Wirtschaftsrecht, Arbeitsrecht, Familienrecht und
Immobilienrecht. Mit unserem engagierten Team von Fachanwälten stehen wir Ihnen bei allen
rechtlichen Angelegenheiten zur Seite.
</p>
</section>
<main className="bg-white pt-16 pb-32 px-6 md:px-16 lg:px-36 text-gray-900 space-y-24">
{/* Kanzlei-Intro */}
<section className="max-w-3xl space-y-4">
<p className="text-lg text-gray-700">
Die Kanzlei Mustermann & Künstler steht für rechtliche Exzellenz, persönliche Beratung und
langjährige Erfahrung. Wir vereinen spezialisierte Fachkenntnisse mit menschlichem Gespür für
individuelle Lebenssituationen.
</p>
<p className="text-lg text-gray-700">
Unser Anspruch ist es, Sie transparent, ehrlich und effizient zu beraten und zu vertreten –
unabhängig davon, ob es sich um eine komplexe Nachlassregelung, eine arbeitsrechtliche
Auseinandersetzung oder familiäre Fragestellungen handelt.
</p>
</section>
<section className="mb-8">
<h2 className="text-2xl font-semibold mb-4">Unser Team</h2>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div className="p-4 border rounded-lg">
<h3 className="text-xl font-medium">Dr. Maria Schmidt</h3>
<p>Fachanwältin für Wirtschaftsrecht</p>
</div>
<div className="p-4 border rounded-lg">
<h3 className="text-xl font-medium">Thomas Weber</h3>
<p>Fachanwalt für Arbeitsrecht</p>
</div>
<div className="p-4 border rounded-lg">
<h3 className="text-xl font-medium">Lisa Müller</h3>
<p>Fachanwältin für Familienrecht</p>
</div>
</div>
</section>
{/* Anwälte */}
{lawyers.map((lawyer, i) => (
<div key={i}>
<section
className={`flex flex-col md:flex-row ${
i % 2 === 1 ? 'md:flex-row-reverse' : ''
} gap-8 md:items-start`}
>
{/* image */}
<div className="w-full md:w-1/3">
<img
src={lawyer.image}
alt={lawyer.name}
className="w-full h-auto rounded-xl shadow-sm object-cover"
/>
</div>
<section>
<h2 className="text-2xl font-semibold mb-4">Standort</h2>
<p className="text-lg">
Musterstraße 123<br/>
12345 Berlin<br/>
Tel: +49 (0) 30 123456789<br/>
E-Mail: info@musterkanzlei.de
</p>
</section>
</div>
{/* content */}
<div className="w-full md:w-2/3 space-y-4">
<h2 className="text-2xl font-bold text-red-700">{lawyer.name}</h2>
<p className="text-base text-gray-800">{lawyer.short}</p>
{lawyer.biography && (
<div>
<h3 className="font-semibold mb-1">Über</h3>
<p className="text-sm text-gray-700 whitespace-pre-line">
{lawyer.biography}
</p>
</div>
)}
{lawyer.specialties?.length > 0 && (
<div>
<h3 className="font-semibold mb-1">Fachgebiete</h3>
<ul className="list-disc pl-5 text-sm text-gray-700 space-y-1">
{lawyer.specialties.map((s, idx) => (
<li key={idx}>{s}</li>
))}
</ul>
</div>
)}
{lawyer.personal?.length > 0 && (
<div>
<h3 className="font-semibold mb-1">Zur Person</h3>
<ul className="list-disc pl-5 text-sm text-gray-700 space-y-1">
{lawyer.personal.map((p, idx) => (
<li key={idx}>{p}</li>
))}
</ul>
</div>
)}
</div>
</section>
{i < lawyers.length - 1 && <Divider/>}
</div>
))}
</main>
</>
);
}
}