Обновлены компоненты ContactSection, Footer и MobileMenu: добавлены новые ссылки на электронную почту с улучшенными стилями и иконками для повышения визуального восприятия и удобства взаимодействия.

This commit is contained in:
albivkt
2025-07-29 23:56:45 +03:00
parent 7a21468c07
commit 3995f21356
3 changed files with 32 additions and 3 deletions

View File

@ -159,6 +159,20 @@ const ContactSection = () => {
</p> </p>
</div> </div>
</div> </div>
<div className="flex items-start space-x-3 sm:space-x-4">
<div className="flex-shrink-0 w-10 sm:w-12 h-10 sm:h-12 bg-orange-500/20 rounded-full flex items-center justify-center group-hover:bg-orange-500/30 transition-colors duration-300">
<svg className="w-5 sm:w-6 h-5 sm:h-6 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
</svg>
</div>
<div>
<p className="text-gray-600 text-sm sm:text-base mb-1">Email</p>
<a href="mailto:Vashdom121@mail.ru" className="text-lg sm:text-xl font-semibold text-gray-800 hover:text-orange-600 transition-colors duration-300">
Vashdom121@mail.ru
</a>
</div>
</div>
</div> </div>
</div> </div>

View File

@ -56,7 +56,11 @@ const Footer = () => {
+7 953 014 86 06 +7 953 014 86 06
</a> </a>
</li> </li>
<li>info@vashdom.ru</li> <li>
<a href="mailto:Vashdom121@mail.ru" className="hover:text-white transition-colors">
Vashdom121@mail.ru
</a>
</li>
<li> <li>
г. Чебоксары,<br /> г. Чебоксары,<br />
ул. Калинина, 107 ул. Калинина, 107

View File

@ -49,7 +49,7 @@ const MobileMenu = ({ isOpen, onClose, onCallbackClick }: MobileMenuProps) => {
<nav className="flex-1 flex flex-col space-y-6"> <nav className="flex-1 flex flex-col space-y-6">
<Link <Link
href="#services" href="#additional-services"
className="text-xl text-white hover:text-blue-400 transition-colors py-2" className="text-xl text-white hover:text-blue-400 transition-colors py-2"
onClick={onClose} onClick={onClose}
> >
@ -101,7 +101,18 @@ const MobileMenu = ({ isOpen, onClose, onCallbackClick }: MobileMenuProps) => {
<span className="text-lg font-semibold">+7 953 014 86 06</span> <span className="text-lg font-semibold">+7 953 014 86 06</span>
</a> </a>
</div> </div>
<div className="text-sm text-gray-300 mb-6">Пн - Вс с 8:00 до 20:00</div> <div className="text-sm text-gray-300 mb-4">Пн - Вс с 8:00 до 20:00</div>
<div className="mb-6">
<a
href="mailto:Vashdom121@mail.ru"
className="flex items-center text-white hover:text-blue-400 transition-colors group"
>
<svg className="w-5 h-5 mr-2 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
</svg>
<span className="text-sm">Vashdom121@mail.ru</span>
</a>
</div>
<button <button
onClick={() => { onClick={() => {
onCallbackClick?.(); onCallbackClick?.();