mirror of
https://github.com/danilt2000/Alma-vid.git
synced 2025-12-08 19:29:26 +02:00
4adbf791ea
Introduced a centralized contacts configuration in src/config/contacts.js, added a useContacts hook, and a reusable ContactInfo component. Updated Header, Footer, Home, Office, Services, About, Objects, and Apartament pages to use the new contact data source. Added documentation in CONTACTS_CONFIG.md and included the AlmaVid logo asset.
73 lines
1.0 KiB
SCSS
73 lines
1.0 KiB
SCSS
.contact-info {
|
|
display: flex;
|
|
gap: 1rem;
|
|
align-items: center;
|
|
|
|
&__phone,
|
|
&__email {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
font-weight: 600;
|
|
transition: color 0.3s ease;
|
|
|
|
&:hover {
|
|
color: #007bff;
|
|
}
|
|
}
|
|
}
|
|
|
|
.contact-info-inline {
|
|
display: flex;
|
|
gap: 2rem;
|
|
align-items: center;
|
|
|
|
.contact-info__phone,
|
|
.contact-info__email {
|
|
a {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
font-weight: 600;
|
|
transition: color 0.3s ease;
|
|
|
|
&:hover {
|
|
color: #007bff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.contact-info-full {
|
|
.contact-info__item {
|
|
margin-bottom: 1rem;
|
|
|
|
.contact-info__label {
|
|
font-weight: bold;
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
.contact-info__value {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
|
|
&:hover {
|
|
color: #007bff;
|
|
}
|
|
}
|
|
}
|
|
|
|
.contact-info__social {
|
|
display: flex;
|
|
gap: 1rem;
|
|
|
|
&-link {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
transition: color 0.3s ease;
|
|
|
|
&:hover {
|
|
color: #007bff;
|
|
}
|
|
}
|
|
}
|
|
}
|