Обновлены компоненты ContactSection, Footer и MobileMenu: добавлены новые ссылки на электронную почту с улучшенными стилями и иконками для повышения визуального восприятия и удобства взаимодействия.
This commit is contained in:
@ -159,6 +159,20 @@ const ContactSection = () => {
|
||||
</p>
|
||||
</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>
|
||||
|
||||
|
@ -56,7 +56,11 @@ const Footer = () => {
|
||||
+7 953 014 86 06
|
||||
</a>
|
||||
</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>
|
||||
г. Чебоксары,<br />
|
||||
ул. Калинина, 107
|
||||
|
@ -49,7 +49,7 @@ const MobileMenu = ({ isOpen, onClose, onCallbackClick }: MobileMenuProps) => {
|
||||
|
||||
<nav className="flex-1 flex flex-col space-y-6">
|
||||
<Link
|
||||
href="#services"
|
||||
href="#additional-services"
|
||||
className="text-xl text-white hover:text-blue-400 transition-colors py-2"
|
||||
onClick={onClose}
|
||||
>
|
||||
@ -101,7 +101,18 @@ const MobileMenu = ({ isOpen, onClose, onCallbackClick }: MobileMenuProps) => {
|
||||
<span className="text-lg font-semibold">+7 953 014 86 06</span>
|
||||
</a>
|
||||
</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
|
||||
onClick={() => {
|
||||
onCallbackClick?.();
|
||||
|
Reference in New Issue
Block a user