feat: complete UI rebuild, responsive fixes, dark mode UI, and Team block overhaul

This commit is contained in:
MichalC
2026-09-16 23:33:17 +02:00
parent c2ae27a83b
commit 7cc68b9f36
30 changed files with 964 additions and 339 deletions
+5 -5
View File
@@ -19,7 +19,7 @@ export const ContactInfoBlock: React.FC<Props> = ({
return (
<section className="py-16 md:py-24 bg-background">
<div className="container-premium flex justify-center">
<div className="container-premium">
<motion.div
initial={{ opacity: 0, y: 16 }}
whileInView={{ opacity: 1, y: 0 }}
@@ -46,7 +46,7 @@ export const ContactInfoBlock: React.FC<Props> = ({
{isDe ? 'Adresse' : 'Adres'}
</h3>
</div>
<p className="text-foreground/80 leading-relaxed font-medium whitespace-pre-line text-base max-w-[70ch]">
<p className="text-foreground/80 leading-relaxed font-medium whitespace-pre-line text-base max-w-[65ch]">
{address}
</p>
</div>
@@ -62,7 +62,7 @@ export const ContactInfoBlock: React.FC<Props> = ({
</div>
<a
href={`tel:${phone.replace(/\s+/g, '')}`}
className="text-foreground/80 leading-relaxed font-medium text-base hover:text-accent transition-colors max-w-[70ch]"
className="text-foreground/80 leading-relaxed font-medium text-base hover:text-accent transition-colors max-w-[65ch]"
>
{phone}
</a>
@@ -79,7 +79,7 @@ export const ContactInfoBlock: React.FC<Props> = ({
</div>
<a
href={`mailto:${email}`}
className="text-foreground/80 leading-relaxed font-medium text-base hover:text-accent transition-colors max-w-[70ch]"
className="text-foreground/80 leading-relaxed font-medium text-base hover:text-accent transition-colors max-w-[65ch]"
>
{email}
</a>
@@ -94,7 +94,7 @@ export const ContactInfoBlock: React.FC<Props> = ({
{isDe ? 'Öffnungszeiten' : 'Godziny pracy'}
</h3>
</div>
<p className="text-foreground/80 leading-relaxed font-medium whitespace-pre-line text-base max-w-[70ch]">
<p className="text-foreground/80 leading-relaxed font-medium whitespace-pre-line text-base max-w-[65ch]">
{hours}
</p>
</div>