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

Add new "Unser Leitgedanke" section to homepage

Browse Source
This commit is contained in:
Thatsaphorn
2025-06-19 09:16:33 +09:00
parent ef88c711ec
commit d62d3a789a
1 changed files with 29 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
lawfirm-demos/demo-1/app/page.tsx
View File

@@ -1,21 +1,36 @@
// app/page.tsx
'use client';
import {motion} from 'framer-motion';
import { motion } from 'framer-motion';
import Hero from '@/components/Hero';
import Link from 'next/link';
export default function HomePage() {
return (
<div className="flex flex-col min-h-screen">
<Hero/>
<Hero />
<motion.main
initial={{opacity: 0, y: 20}}
animate={{opacity: 1, y: 0}}
transition={{duration: 0.6}}
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.6 }}
className="pt-20 pb-20 px-6 md:px-16 lg:px-36 bg-gradient-to-b from-gray-50 to-white text-gray-900"
>
{/* Unser Leitgedanke */}
<section className="mb-32 grid md:grid-cols-2 gap-12 items-center">
<div>
<h2 className="text-4xl font-extrabold mb-4 tracking-tight text-gray-900">Unser Leitgedanke</h2>
<p className="text-xl font-semibold text-gray-800">
Individuell beraten – Ihr Recht in professionellen Händen.
</p>
</div>
<p className="text-gray-700 text-lg leading-relaxed">
Wir stehen für eine persönliche und engagierte Betreuung unserer Mandant:innen. Unsere Beratung ist
fundiert, zielgerichtet und individuell auf Ihre Bedürfnisse abgestimmt. Mit Nachdruck und Weitblick
setzen wir uns dafür ein, Ihre Interessen wirkungsvoll zu vertreten und nachhaltige Lösungen zu
erzielen.
</p>
</section>
{/* Leistungen */}
<section className="text-center mb-32">
<h2 className="text-4xl font-extrabold mb-12 tracking-tight">Unsere Schwerpunkte</h2>
@@ -33,13 +48,13 @@ export default function HomePage() {
title: 'Vertragsrecht',
desc: 'Beratung & Gestaltung von Verträgen für Privatpersonen und Unternehmen.',
},
].map(({title, desc}) => (
].map(({ title, desc }) => (
<motion.div
key={title}
whileInView={{opacity: 1, y: 0}}
initial={{opacity: 0, y: 30}}
transition={{duration: 0.4}}
viewport={{once: true}}
whileInView={{ opacity: 1, y: 0 }}
initial={{ opacity: 0, y: 30 }}
transition={{ duration: 0.4 }}
viewport={{ once: true }}
className="bg-white p-8 rounded-2xl shadow-md border border-gray-100 hover:shadow-lg"
>
<h3 className="text-2xl font-semibold mb-3 text-blue-800">{title}</h3>
@@ -54,9 +69,8 @@ export default function HomePage() {
<h2 className="text-4xl font-extrabold mb-8 tracking-tight">Über unsere Kanzlei</h2>
<p className="text-gray-700 text-lg leading-relaxed">
Seit über 15 Jahren beraten und vertreten wir Mandantinnen und Mandanten aus ganz Deutschland.
Unsere
Kanzlei steht für Kompetenz, Integrität und persönliche Betreuung. Wir nehmen uns Zeit für Ihre
Anliegen und entwickeln individuelle Strategien – effizient und zielorientiert.
Unsere Kanzlei steht für Kompetenz, Integrität und persönliche Betreuung. Wir nehmen uns Zeit für
Ihre Anliegen und entwickeln individuelle Strategien – effizient und zielorientiert.
</p>
</section>
@@ -86,8 +100,7 @@ export default function HomePage() {
Lassen Sie sich unverbindlich beraten und lernen Sie unsere Kanzlei kennen.
</p>
<Link href="/kontakt/">
<button
className="px-8 py-3 bg-blue-700 text-white rounded-xl hover:bg-blue-800 transition shadow">
<button className="px-8 py-3 bg-blue-700 text-white rounded-xl hover:bg-blue-800 transition shadow">
Jetzt Termin sichern
</button>
</Link>