From 56c0edf857cec0bf9f86e1273e1d90483b4d7340 Mon Sep 17 00:00:00 2001 From: Thatsaphorn Atchariyaphap Date: Thu, 26 Jun 2025 10:19:01 +0900 Subject: [PATCH] Redesign `About`, `Leistungen`, and `KontaktForm` components: implement motion effects, improve layout and responsiveness, enhance styling, and add new content placeholders. --- lawfirm-demos/demo-2/app/page.tsx | 16 +-- lawfirm-demos/demo-2/components/About.tsx | 68 ++++++++++-- .../demo-2/components/KontaktForm.tsx | 59 ++++++++--- .../demo-2/components/Leistungen.tsx | 97 +++++++++++++++--- .../demo-2/public/images/team/kuenstler.jpg | Bin 90308 -> 0 bytes 5 files changed, 197 insertions(+), 43 deletions(-) delete mode 100644 lawfirm-demos/demo-2/public/images/team/kuenstler.jpg diff --git a/lawfirm-demos/demo-2/app/page.tsx b/lawfirm-demos/demo-2/app/page.tsx index cd861ca..676523b 100644 --- a/lawfirm-demos/demo-2/app/page.tsx +++ b/lawfirm-demos/demo-2/app/page.tsx @@ -4,12 +4,12 @@ import About from "@/components/About"; import KontaktForm from "@/components/KontaktForm"; export default function HomePage() { - return ( -
- - - - -
- ); + return ( +
+ + + + +
+ ); } diff --git a/lawfirm-demos/demo-2/components/About.tsx b/lawfirm-demos/demo-2/components/About.tsx index f0e3cc4..4c21552 100644 --- a/lawfirm-demos/demo-2/components/About.tsx +++ b/lawfirm-demos/demo-2/components/About.tsx @@ -1,11 +1,67 @@ +"use client"; + +import Image from "next/image"; +import {motion} from "framer-motion"; +import {Button} from "@/components/ui/button"; + export default function About() { return ( -
-

Über mich

-

- Ich bin Max Mustermann, selbstständiger Rechtsanwalt mit Spezialisierung auf Zivilrecht und Vertragsrecht. - Seit über 10 Jahren berate und vertrete ich Mandanten engagiert, individuell und mit juristischer Präzision. -

+
+
+ {/* Textbereich */} + +
+

+ Über mich +

+
+
+ +

+ Ich bin Max Mustermann, selbstständiger Rechtsanwalt mit Spezialisierung + auf Zivilrecht und Vertragsrecht. Seit über 10 Jahren berate und + vertrete ich Mandanten engagiert, individuell und mit juristischer + Präzision. Mein Ziel ist es, Ihre Interessen verständlich, + transparent und durchsetzungsstark zu vertreten. +

+ + {/* Button */} + + + + + + + + {/* Bildbereich */} + +
+ Max Mustermann +
+ +
); } diff --git a/lawfirm-demos/demo-2/components/KontaktForm.tsx b/lawfirm-demos/demo-2/components/KontaktForm.tsx index ff9349d..39d3075 100644 --- a/lawfirm-demos/demo-2/components/KontaktForm.tsx +++ b/lawfirm-demos/demo-2/components/KontaktForm.tsx @@ -1,21 +1,54 @@ "use client"; -import { Input } from "@/components/ui/input"; -import { Textarea } from "@/components/ui/textarea"; -import { Button } from "@/components/ui/button"; +import {Input} from "@/components/ui/input"; +import {Textarea} from "@/components/ui/textarea"; +import {Button} from "@/components/ui/button"; +import {motion} from "framer-motion"; export default function KontaktForm() { return ( -
-

Kontakt

-
- - -