From 08e4af1d55e8b4beddef427cc4611d83206b3162 Mon Sep 17 00:00:00 2001
From: "diana.dolgolyova" <diana.dolgolyova@gmail.com>
Date: Tue, 10 Mar 2026 23:45:04 +0300
Subject: [PATCH] feat: dark map theme (invert filter) + vertically center
 contact grid

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/sections/Contact.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/sections/Contact.tsx b/src/components/sections/Contact.tsx
index 839d847..58d80da 100644
--- a/src/components/sections/Contact.tsx
+++ b/src/components/sections/Contact.tsx
@@ -10,7 +10,7 @@ export function Contact() {
   return (
     <section id="contact" className="relative section-padding bg-neutral-50 dark:bg-[#050505]">
       <div className="section-divider absolute top-0 left-0 right-0" />
-      <div className="section-container grid items-start gap-12 lg:grid-cols-2">
+      <div className="section-container grid items-center gap-12 lg:grid-cols-2">
         <Reveal>
           <SectionHeading>{contact.title}</SectionHeading>
 
@@ -71,6 +71,7 @@ export function Contact() {
               allowFullScreen
               loading="lazy"
               title="Карта"
+              className="dark:invert dark:hue-rotate-180 dark:brightness-95 dark:contrast-90"
             />
           </div>
         </Reveal>