Update src/app/contacts/page.tsx

src/app/contacts/page.tsx

@@ -3,8 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Mail, MapPin, Phone } from "lucide-react";
 
 export default function ContactsPage() {
   return (
@@ -30,14 +31,36 @@ export default function ContactsPage() {
           brandName="DARK BOX"
         />
         
-        <ContactCenter
-            tag="Связь"
-            title="Наши контакты"
-            description="Свяжитесь с нами через Telegram или посетите шоурум в Краснодаре."
-            background={{ variant: "plain" }}
-            useInvertedBackground={false}
+        <ContactText
+          text="Свяжитесь с нами"
+          background={{ variant: "plain" }}
+          buttons={[
+              { text: "Telegram", href: "https://t.me/darkbox" },
+              { text: "WhatsApp", href: "https://wa.me/79990000000" }
+          ]}
+          useInvertedBackground={false}
         />
 
+        <div className="flex flex-col items-center py-20 px-6 space-y-8">
+           <div className="grid grid-cols-1 md:grid-cols-3 gap-8 w-full max-w-4xl">
+               <div className="flex flex-col items-center text-center p-6 bg-card rounded-2xl">
+                    <MapPin className="mb-4 h-8 w-8 text-accent" />
+                    <h3 className="font-bold mb-2">Адрес</h3>
+                    <p>ул. Мира, 44, Краснодар</p>
+               </div>
+               <div className="flex flex-col items-center text-center p-6 bg-card rounded-2xl">
+                    <Phone className="mb-4 h-8 w-8 text-accent" />
+                    <h3 className="font-bold mb-2">Телефон</h3>
+                    <p>+7 (999) 000-00-00</p>
+               </div>
+               <div className="flex flex-col items-center text-center p-6 bg-card rounded-2xl">
+                    <Mail className="mb-4 h-8 w-8 text-accent" />
+                    <h3 className="font-bold mb-2">Почта</h3>
+                    <p>info@darkbox.ru</p>
+               </div>
+           </div>
+        </div>
+
         <FooterLogoEmphasis
           columns={[
             { items: [{ label: "Главная", href: "/" }, { label: "Контакты", href: "/contacts" }] },