bender/5b4ba431-04e1-4a59-a0a5-a367baf24f75
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-22 16:39:32 +00:00
Conversation 0 Commits 2 Files Changed 2 +42 -237
2 changed files with 42 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

265
src/app/page.tsx
View File

@@ -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>
);
}
}

14
src/app/styles/variables.css
View File

@@ -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);