149 lines
6.7 KiB
TypeScript
149 lines
6.7 KiB
TypeScript
'use client';
|
|
|
|
import {team} from '@/data/team';
|
|
import SubpageHero from '@/components/SubpageHero';
|
|
import {motion} from 'framer-motion';
|
|
import DualCTA from "@/components/DualCTA";
|
|
import Image from 'next/image';
|
|
|
|
const fadeUp = {
|
|
hidden: {opacity: 0, y: 40},
|
|
visible: {
|
|
opacity: 1,
|
|
y: 0,
|
|
transition: {
|
|
duration: 0.6,
|
|
ease: 'easeOut',
|
|
},
|
|
},
|
|
};
|
|
|
|
export default function UeberUnsPage() {
|
|
return (
|
|
<>
|
|
<SubpageHero
|
|
title="Über uns"
|
|
subtitle=""
|
|
/>
|
|
|
|
<main className="bg-white pt-16 pb-32 px-6 md:px-16 lg:px-36 text-gray-900 space-y-24">
|
|
{/* Wer wir sind */}
|
|
<motion.section
|
|
className="max-w-6xl mx-auto space-y-6"
|
|
initial="hidden"
|
|
whileInView="visible"
|
|
viewport={{once: true, amount: 0.2}}
|
|
variants={fadeUp}
|
|
>
|
|
<h2 className="text-3xl font-semibold text-gray-900">Wer wir sind</h2>
|
|
<div className="space-y-6 text-lg text-gray-700">
|
|
<p>
|
|
Die Rechtsanwälte Mustermann & Künstler Partnerschaft mbB zählt zu den führenden Kanzleien
|
|
in Lörrach und besteht derzeit aus sechs Rechtsanwälten. Sie wurde 1954 gegründet und baut
|
|
auf langjährige Erfahrung und Tradition.
|
|
</p>
|
|
<p>
|
|
Namensgeber und Mitbegründer war Dr. Winfried Mustermann. Unser über Jahrzehnte gewachsener
|
|
Wertekonsens ist geprägt von gegenseitigem Vertrauen, Verlässlichkeit und unternehmerischem
|
|
Denken.
|
|
</p>
|
|
</div>
|
|
</motion.section>
|
|
|
|
{/* Wofür wir stehen */}
|
|
<motion.section
|
|
className="max-w-6xl mx-auto space-y-6"
|
|
initial="hidden"
|
|
whileInView="visible"
|
|
viewport={{once: true, amount: 0.2}}
|
|
variants={fadeUp}
|
|
>
|
|
<h2 className="text-3xl font-semibold text-gray-900">Wofür wir stehen</h2>
|
|
<div className="space-y-6 text-lg text-gray-700">
|
|
<p>
|
|
Unsere Rechtsanwälte sind auf ihren Rechtsgebieten hoch spezialisiert und orientieren sich
|
|
konsequent am individuellen Mandat. Alle Rechtsanwälte sind Fachanwälte.
|
|
</p>
|
|
<p>
|
|
Wir gewährleisten eine umfassende Beratung und eine qualifizierte Vertretung. Fundierte
|
|
juristische Arbeit ist für uns selbstverständlich.
|
|
</p>
|
|
</div>
|
|
</motion.section>
|
|
|
|
{/* Region */}
|
|
<motion.section
|
|
className="max-w-6xl mx-auto space-y-6"
|
|
initial="hidden"
|
|
whileInView="visible"
|
|
viewport={{once: true, amount: 0.2}}
|
|
variants={fadeUp}
|
|
>
|
|
<h2 className="text-3xl font-semibold text-gray-900">
|
|
Wir sind für Sie da
|
|
</h2>
|
|
<p className="text-lg text-gray-700">
|
|
von Freiburg bis Waldshut-Tiengen und deutschlandweit
|
|
</p>
|
|
<div className="w-full h-[400px] shadow-md rounded-xl overflow-hidden">
|
|
<iframe
|
|
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2693.342189064324!2d7.662139176999193!3d47.614119471193404!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4791b69dce6b20f3%3A0x2e9e926c174fbad7!2sKanzlei%20Dr.%20Hitzfeld%20%26%20Kollegen!5e0!3m2!1sen!2sde!4v1719150000000!5m2!1sen!2sde"
|
|
width="100%"
|
|
height="100%"
|
|
allowFullScreen
|
|
loading="lazy"
|
|
referrerPolicy="no-referrer-when-downgrade"
|
|
></iframe>
|
|
</div>
|
|
</motion.section>
|
|
|
|
{/* Anwälte */}
|
|
<motion.section
|
|
className="max-w-6xl mx-auto space-y-12 text-gray-900"
|
|
initial="hidden"
|
|
whileInView="visible"
|
|
viewport={{once: true, amount: 0.2}}
|
|
variants={fadeUp}
|
|
>
|
|
<h2 className="text-3xl font-semibold">Unser Team</h2>
|
|
<div className="grid grid-cols-1 sm:grid-cols-2 gap-10">
|
|
{team.map((lawyer, i) => (
|
|
<motion.div
|
|
key={i}
|
|
className="flex items-start gap-6"
|
|
initial={{opacity: 0, y: 20}}
|
|
whileInView={{opacity: 1, y: 0}}
|
|
viewport={{once: true}}
|
|
transition={{delay: i * 0.1, duration: 0.5, ease: 'easeOut'}}
|
|
>
|
|
<Image
|
|
src={lawyer.image}
|
|
alt={lawyer.name}
|
|
width={96}
|
|
height={128}
|
|
className="rounded-lg shadow-sm object-cover w-24 h-32"
|
|
/>
|
|
<div className="flex flex-col justify-center">
|
|
<h3 className="text-lg font-semibold">{lawyer.name}</h3>
|
|
{lawyer.role && (
|
|
<p className="text-sm text-gray-600">{lawyer.role}</p>
|
|
)}
|
|
{lawyer.specialties?.length > 0 && (
|
|
<ul className="text-base mt-2 space-y-1">
|
|
{lawyer.specialties.map((s, idx) => (
|
|
<li key={idx}>• {s}</li>
|
|
))}
|
|
</ul>
|
|
)}
|
|
</div>
|
|
</motion.div>
|
|
))}
|
|
</div>
|
|
</motion.section>
|
|
</main>
|
|
|
|
<DualCTA/>
|
|
</>
|
|
);
|
|
}
|