From 69d0dcb862237e2b4da4887f24601690c0b2197b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 16:39:28 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 265 +++++++----------------------------------------
 1 file changed, 35 insertions(+), 230 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c582265..29683f3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,16 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactForm from '@/components/form/ContactForm';
+import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Briefcase, Building, Scale, ShieldCheck } from "lucide-react";
+import { Briefcase, Building, Scale, ShieldCheck, Mail, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,26 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Startseite",
-          id: "hero",
-        },
-        {
-          name: "Über uns",
-          id: "about",
-        },
-        {
-          name: "Rechtsgebiete",
-          id: "features",
-        },
-        {
-          name: "Referenzen",
-          id: "products",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
+        { name: "Startseite", id: "hero" },
+        { name: "Über uns", id: "about" },
+        { name: "Rechtsgebiete", id: "features" },
+        { name: "Referenzen", id: "products" },
+        { name: "Kontakt", id: "contact" },
       ]}
       brandName="Gysi & Partner"
     />
@@ -58,69 +44,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Präzision. Diskretion. Erfolg."
       description="Gysi & Partner Rechtsanwälte steht für exzellente juristische Beratung und maßgeschneiderte Lösungen für anspruchsvolle Mandanten."
-      buttons={[
-        {
-          text: "Beratung anfragen",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Beratung anfragen", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/silhouette-people-city_23-2149211270.jpg"
       mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-businessman-walking-camera_23-2148230238.jpg",
-          alt: "Berater 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-cup-coffee_23-2147955267.jpg",
-          alt: "Berater 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-posing_23-2149442247.jpg",
-          alt: "Berater 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-black-suit_23-2147955269.jpg",
-          alt: "Berater 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14034.jpg",
-          alt: "Berater 5",
-        },
-      ]}
-      avatarText="Unser Experten-Team"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Gesellschaftsrecht",
-          icon: Scale,
-        },
-        {
-          type: "text-icon",
-          text: "Immobilienrecht",
-          icon: Building,
-        },
-        {
-          type: "text-icon",
-          text: "Prozessführung",
-          icon: Scale,
-        },
-        {
-          type: "text-icon",
-          text: "Compliance",
-          icon: ShieldCheck,
-        },
-        {
-          type: "text-icon",
-          text: "M&A Beratung",
-          icon: Briefcase,
-        },
-      ]}
     />
   </div>
 
@@ -144,21 +73,9 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Gesellschaftsrecht",
-          description: "Beratung bei Gründung, Umwandlung und Restrukturierung.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-justice-scales_23-2151228073.jpg",
-        },
-        {
-          title: "Immobilienrecht",
-          description: "Begleitung von Transaktionen und Projektentwicklung.",
-          imageSrc: "http://img.b2bpic.net/free-photo/home-icon-sign-right-side-with-white-background_187299-40064.jpg",
-        },
-        {
-          title: "Prozessführung",
-          description: "Durchsetzung Ihrer Interessen vor Gericht und Schiedsstellen.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-gavel_1048-1641.jpg",
-        },
+        { title: "Gesellschaftsrecht", description: "Beratung bei Gründung, Umwandlung und Restrukturierung.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-justice-scales_23-2151228073.jpg" },
+        { title: "Immobilienrecht", description: "Begleitung von Transaktionen und Projektentwicklung.", imageSrc: "http://img.b2bpic.net/free-photo/home-icon-sign-right-side-with-white-background_187299-40064.jpg" },
+        { title: "Prozessführung", description: "Durchsetzung Ihrer Interessen vor Gericht und Schiedsstellen.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-gavel_1048-1641.jpg" },
       ]}
       title="Unsere Rechtsgebiete"
       description="Umfassende Expertise in allen relevanten Disziplinen."
@@ -172,42 +89,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "M&A Transaktion",
-          price: "Erfolgreich",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-signing-contract-desk-with-pen-generated-by-ai_188544-41031.jpg",
-        },
-        {
-          id: "2",
-          name: "Immobilien Portfolio",
-          price: "Beratung",
-          imageSrc: "http://img.b2bpic.net/free-photo/private-investigator-searching-files-based-case-names-archive_482257-83351.jpg",
-        },
-        {
-          id: "3",
-          name: "Handelsstreit",
-          price: "Beilegung",
-          imageSrc: "http://img.b2bpic.net/free-photo/open-bible-black-background-religion-concept-bible-pages-closeup_169016-62854.jpg",
-        },
-        {
-          id: "4",
-          name: "Vertragsverhandlung",
-          price: "Abschluss",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-examining-document-caf_23-2147876701.jpg",
-        },
-        {
-          id: "5",
-          name: "Compliance Audit",
-          price: "Erfolgreich",
-          imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149362619.jpg",
-        },
-        {
-          id: "6",
-          name: "Schiedsverfahren",
-          price: "Sieg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-signing-divorce-contract_23-2148536068.jpg",
-        },
+        { id: "1", name: "M&A Transaktion", price: "Erfolgreich", imageSrc: "http://img.b2bpic.net/free-photo/businessman-signing-contract-desk-with-pen-generated-by-ai_188544-41031.jpg" },
+        { id: "2", name: "Immobilien Portfolio", price: "Beratung", imageSrc: "http://img.b2bpic.net/free-photo/private-investigator-searching-files-based-case-names-archive_482257-83351.jpg" },
+        { id: "3", name: "Handelsstreit", price: "Beilegung", imageSrc: "http://img.b2bpic.net/free-photo/open-bible-black-background-religion-concept-bible-pages-closeup_169016-62854.jpg" },
       ]}
       title="Ausgewählte Mandate"
       description="Erfolge, die für sich sprechen."
@@ -220,46 +104,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Dr. Hans Weber",
-          handle: "CEO, TechCorp",
-          testimonial: "Gysi & Partner sind unser verlässlicher Partner bei allen strategischen Entscheidungen.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-employee-outdoors_1098-2197.jpg",
-        },
-        {
-          id: "2",
-          name: "Maria Schmidt",
-          handle: "Geschäftsführerin",
-          testimonial: "Herausragende juristische Kompetenz gepaart mit hoher Diskretion.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-businesswoman-with-elegance-confidence-standing-generative-ai_188544-7684.jpg",
-        },
-        {
-          id: "3",
-          name: "Klaus Neumann",
-          handle: "Investor",
-          testimonial: "Präzise, schnell und extrem ergebnisorientiert.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5108.jpg",
-        },
-        {
-          id: "4",
-          name: "Petra Berger",
-          handle: "Unternehmensinhaberin",
-          testimonial: "Exzellente Prozessführung in kritischen Situationen.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-suit-white-shirt-dark-photo-studio_613910-14922.jpg",
-        },
-        {
-          id: "5",
-          name: "Thomas Müller",
-          handle: "Architekt",
-          testimonial: "Im Immobilienrecht gibt es für mich keine Alternative zu Gysi & Partner.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-3521.jpg",
-        },
+        { id: "1", name: "Dr. Hans Weber", handle: "CEO, TechCorp", testimonial: "Gysi & Partner sind unser verlässlicher Partner bei allen strategischen Entscheidungen.", rating: 5 },
+        { id: "2", name: "Maria Schmidt", handle: "Geschäftsführerin", testimonial: "Herausragende juristische Kompetenz gepaart mit hoher Diskretion.", rating: 5 },
       ]}
       showRating={true}
       title="Stimmen unserer Mandanten"
@@ -272,21 +118,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "Wie vereinbare ich ein Erstgespräch?",
-          content: "Sie erreichen uns jederzeit telefonisch oder über unser Kontaktformular.",
-        },
-        {
-          id: "2",
-          title: "Wie erfolgt die Abrechnung?",
-          content: "Unsere Honorare richten sich transparent nach Zeitaufwand oder Vereinbarung.",
-        },
-        {
-          id: "3",
-          title: "Welche Branchen betreuen Sie?",
-          content: "Unser Fokus liegt auf mittelständischen Unternehmen und privaten Investoren.",
-        },
+        { id: "1", title: "Wie vereinbare ich ein Erstgespräch?", content: "Sie erreichen uns jederzeit telefonisch oder über unser Kontaktformular." },
+        { id: "2", title: "Wie erfolgt die Abrechnung?", content: "Unsere Honorare richten sich transparent nach Zeitaufwand oder Vereinbarung." },
       ]}
       title="Häufige Fragen"
       description="Alles, was Sie über unsere Arbeit wissen müssen."
@@ -295,54 +128,26 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Kontaktieren Sie uns"
-      title="Diskretion für Ihr Anliegen"
-      description="Wir stehen Ihnen für ein vertrauliches Erstgespräch zur Verfügung."
-      imageSrc="http://img.b2bpic.net/free-photo/tokyo-japan-cityscape-filtered-image-processed-vintage-effect_1232-2427.jpg"
-      mediaAnimation="slide-up"
-    />
+      <div className="grid md:grid-cols-2 gap-12 py-20 px-4 max-w-7xl mx-auto">
+        <ContactText
+            text="Kontaktieren Sie uns für ein vertrauliches Erstgespräch in St. Gallen. Unser Team ist bereit, Ihre rechtlichen Herausforderungen präzise und diskret zu lösen."
+            background={{ variant: "plain" }}
+        />
+        <ContactForm
+            title="Nachricht senden"
+            description="Wir antworten Ihnen zeitnah."
+            tag="Kontaktformular"
+        />
+      </div>
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterCard
       logoText="Gysi & Partner"
-      columns={[
-        {
-          title: "Kanzlei",
-          items: [
-            {
-              label: "Über uns",
-              href: "#about",
-            },
-            {
-              label: "Karriere",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Recht",
-          items: [
-            {
-              label: "Impressum",
-              href: "#",
-            },
-            {
-              label: "Datenschutz",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Gysi & Partner Rechtsanwälte. Alle Rechte vorbehalten."
+      copyrightText="© 2025 Gysi & Partner Rechtsanwälte, St. Gallen. Alle Rechte vorbehalten."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 3a0be3279e28b4721583a8345aabee872b7c7599 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 16:39:29 +0000
Subject: [PATCH 2/2] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index c88d0c0..c7b84dd 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #171717;
-  --foreground: #f5f5f5;
-  --primary-cta: #d4af37;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #1a1a1a;
+  --primary-cta: #15479c;
   --primary-cta-text: #000000;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #f5f5f5;
-  --accent: #b8860b;
-  --background-accent: #262626;
+  --accent: #e2e2e2;
+  --background-accent: #f9f9f9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
-- 
2.49.1