Обновлены компоненты ContactSection, Footer и MobileMenu: добавлены новые ссылки на электронную почту с улучшенными стилями и иконками для повышения визуального восприятия и удобства взаимодействия.
This commit is contained in:
@ -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>
|
||||||
|
|
||||||
|
@ -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
|
||||||
|
@ -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?.();
|
||||||
|
Reference in New Issue
Block a user