Add new "Unser Leitgedanke" section to homepage

lawfirm-demos/demo-1/app/page.tsx

@@ -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}}
+                initial={{ opacity: 0, y: 20 }}
-                animate={{opacity: 1, y: 0}}
+                animate={{ opacity: 1, y: 0 }}
-                transition={{duration: 0.6}}
+                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}}
+                                whileInView={{ opacity: 1, y: 0 }}
-                                initial={{opacity: 0, y: 30}}
+                                initial={{ opacity: 0, y: 30 }}
-                                transition={{duration: 0.4}}
+                                transition={{ duration: 0.4 }}
-                                viewport={{once: true}}
+                                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
+                        Unsere Kanzlei steht für Kompetenz, Integrität und persönliche Betreuung. Wir nehmen uns Zeit für
-                        Kanzlei steht für Kompetenz, Integrität und persönliche Betreuung. Wir nehmen uns Zeit für Ihre
+                        Ihre Anliegen und entwickeln individuelle Strategien – effizient und zielorientiert.
-                        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
+                        <button className="px-8 py-3 bg-blue-700 text-white rounded-xl hover:bg-blue-800 transition shadow">
-                            className="px-8 py-3 bg-blue-700 text-white rounded-xl hover:bg-blue-800 transition shadow">
                             Jetzt Termin sichern
                         </button>
                     </Link>