Mobili Bagno Treviso: Progettazione, Vendita | INTERNO77
/* Reset CSS */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f9f9f9;
}
/* Hero Section */
.hero {
background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://interno77.com/wp-content/uploads/2016/10/arbi-arredobagno-showroom-14.jpg');
background-size: cover;
background-position: center;
height: 100vh;
min-height: 500px;
max-height: 800px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 0 20px;
position: relative;
}
.hero-content {
max-width: 800px;
width: 90%;
}
.hero h1 {
font-size: clamp(1.8rem, 5vw, 2.5rem);
margin-bottom: 20px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
color: white;
line-height: 1.3;
}
.hero p {
font-size: clamp(1rem, 3vw, 1.2rem);
max-width: 800px;
margin-bottom: 30px;
color: white;
}
.cta-button {
display: inline-block;
background-color: #d10a11;
color: white;
padding: 12px 30px;
text-decoration: none;
border-radius: 4px;
font-weight: bold;
transition: background-color 0.3s;
font-size: clamp(0.9rem, 3vw, 1rem);
}
.cta-button:hover {
background-color: #b00a10;
}
/* Main Content */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
}
section {
margin-bottom: 50px;
}
h2 {
font-size: clamp(1.5rem, 5vw, 1.8rem);
color: #d10a11;
margin-bottom: 20px;
position: relative;
padding-bottom: 10px;
text-align: center;
}
h2::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 50px;
height: 3px;
background-color: #d10a11;
}
p {
margin-bottom: 20px;
font-size: clamp(0.95rem, 3vw, 1rem);
}
/* Features Section */
.features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
margin-top: 40px;
}
.feature-box {
background-color: white;
padding: 25px;
border-radius: 5px;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
transition: transform 0.3s;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.feature-box:hover {
transform: translateY(-5px);
}
.feature-box h3 {
font-size: clamp(1.1rem, 3vw, 1.3rem);
margin-bottom: 10px;
color: #333;
}
.feature-box p {
font-size: clamp(0.85rem, 3vw, 0.95rem);
}
.feature-icon {
font-size: clamp(2rem, 6vw, 2.5rem);
color: #d10a11;
margin-bottom: 15px;
}
/* Gallery (Showroom) */
.gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 15px;
margin-top: 30px;
}
.gallery-item {
position: relative;
overflow: hidden;
border-radius: 5px;
height: 200px;
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s;
}
.gallery-item:hover img {
transform: scale(1.05);
}
.gallery-item a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
/* Online Design Banner Section */
#online-design-banner {
background-color: #333;
color: white;
padding: 40px 20px;
text-align: center;
border-radius: 5px;
margin: 50px 0;
}
#online-design-banner h2 {
color: white;
}
#online-design-banner h2::after {
background-color: #d10a11;
}
#online-design-banner p {
font-size: clamp(0.95rem, 3vw, 1.1rem);
margin-bottom: 25px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
margin: 20px auto 30px;
border-radius: 5px;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Product Gallery Section */
.product-gallery-section {
margin-bottom: 50px;
}
.product-gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
margin-top: 30px;
}
.product-gallery-item {
background-color: white;
border-radius: 5px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
overflow: hidden;
transition: transform 0.3s, box-shadow 0.3s;
}
.product-gallery-item:hover {
transform: translateY(-5px);
box-shadow: 0 5px 15px rgba(0,0,0,0.12);
}
.product-gallery-item a {
text-decoration: none;
color: inherit;
display: block;
}
.product-gallery-item img {
width: 100%;
height: 200px;
object-fit: cover;
border-bottom: 1px solid #f0f0f0;
}
.product-caption {
padding: 15px;
text-align: center;
min-height: 80px;
display: flex;
flex-direction: column;
justify-content: center;
}
.product-caption h3 {
font-size: clamp(0.9rem, 3vw, 1rem);
color: #333;
margin: 0;
line-height: 1.3;
}
.showroom-booking-notice {
background-color: #fff8e1;
border-left: 5px solid #d10a11;
padding: 20px;
margin: 30px 0;
border-radius: 5px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.showroom-booking-notice p {
margin-bottom: 0;
font-size: clamp(0.9rem, 3vw, 1.05rem);
}
.showroom-booking-notice strong {
color: #c00000;
}
.showroom-access {
text-align: center;
}
.showroom-access img {
max-width: 100%;
height: auto;
border: 1px solid #ddd;
border-radius: 5px;
margin-top: 20px;
}
.contact-section {
background-color: #f1f1f1;
padding: 40px 0;
margin-top: 50px;
}
.contact-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.contact-info-box h3 {
font-size: clamp(1.3rem, 4vw, 1.5rem);
margin-bottom: 20px;
color: #333;
}
.contact-detail {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.contact-icon {
margin-right: 10px;
color: #d10a11;
font-size: clamp(1rem, 3vw, 1.2rem);
}
.contact-form input,
.contact-form textarea {
width: 100%;
padding: 12px;
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-family: inherit;
font-size: clamp(0.9rem, 3vw, 1rem);
}
.contact-form textarea {
height: 150px;
resize: vertical;
}
.submit-button {
background-color: #d10a11;
color: white;
border: none;
padding: 12px 30px;
cursor: pointer;
border-radius: 4px;
font-weight: bold;
transition: background-color 0.3s;
font-size: clamp(0.9rem, 3vw, 1rem);
width: 100%;
}
.submit-button:hover {
background-color: #b00a10;
}
footer {
background-color: #333;
color: white;
padding: 30px 0 20px;
}
.footer-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 30px;
}
.footer-column h3 {
font-size: clamp(1.1rem, 3vw, 1.3rem);
margin-bottom: 15px;
position: relative;
padding-bottom: 10px;
}
.footer-column h3::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 30px;
height: 2px;
background-color: #d10a11;
}
.footer-column ul {
list-style: none;
}
.footer-column li {
margin-bottom: 10px;
}
.footer-column a {
color: #ccc;
text-decoration: none;
transition: color 0.3s;
font-size: clamp(0.85rem, 3vw, 0.95rem);
}
.footer-column a:hover {
color: white;
}
.footer-column p {
color: #ccc;
font-size: clamp(0.85rem, 3vw, 0.95rem);
}
.copyright {
text-align: center;
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #444;
font-size: clamp(0.8rem, 3vw, 0.9rem);
color: #aaa;
}
.whatsapp-button {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #25d366;
color: white;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5rem;
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
z-index: 1000;
transition: transform 0.3s;
}
.whatsapp-button:hover {
transform: scale(1.1);
}
/* Mobile-specific optimizations */
@media (max-width: 768px) {
.hero {
height: 80vh;
min-height: 400px;
padding: 0 15px;
}
.container {
padding: 30px 15px;
}
.features {
grid-template-columns: 1fr;
gap: 20px;
}
.gallery {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 10px;
}
.gallery-item {
height: 150px;
}
.product-gallery {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 15px;
}
.product-gallery-item img {
height: 150px;
}
.contact-container {
grid-template-columns: 1fr;
gap: 20px;
}
.footer-container {
grid-template-columns: 1fr;
gap: 20px;
}
.footer-column {
margin-bottom: 20px;
}
.showroom-booking-notice {
padding: 15px;
}
}
@media (max-width: 480px) {
.hero h1 {
margin-bottom: 15px;
}
.hero p {
margin-bottom: 20px;
}
.cta-button {
padding: 10px 20px;
}
section {
margin-bottom: 40px;
}
.feature-box {
padding: 20px;
}
.product-gallery {
grid-template-columns: 1fr;
}
.gallery {
grid-template-columns: 1fr 1fr;
}
}
/* Immediate visual hierarchy improvements */
.feature-box {
display: grid;
grid-template-columns: 60px 1fr;
gap: 15px;
text-align: left;
align-items: start;
}
.feature-icon {
margin-bottom: 0;
align-self: center;
}
.feature-box h3, .feature-box p {
grid-column: 2;
text-align: left;
}
.feature-box h3 {
margin-top: 0;
}
@media (max-width: 768px) {
.feature-box {
grid-template-columns: 50px 1fr;
gap: 10px;
}
}
/* Quick action buttons */
.quick-action-buttons {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: center;
margin: 30px 0;
}
.quick-action-button {
display: inline-flex;
align-items: center;
gap: 8px;
background-color: #d10a11;
color: white;
padding: 10px 20px;
border-radius: 4px;
text-decoration: none;
font-weight: bold;
transition: background-color 0.3s;
}
.quick-action-button i {
font-size: 1.2rem;
}
.quick-action-button:hover {
background-color: #b00a10;
}
@media (max-width: 480px) {
.quick-action-buttons {
flex-direction: column;
align-items: center;
}
.quick-action-button {
width: 100%;
justify-content: center;
}
}
Mobili Bagno a Treviso: Progettazione, Vendita e Showroom INTERNO77
Soluzioni su misura per il tuo bagno con qualità artigianale e prezzi competitivi
I Nostri Mobili Bagno Più Richiesti
Perché Scegliere INTERNO77 per il Tuo Bagno?
Progettazione Su Misura
Soluzioni personalizzate per ottimizzare ogni spazio del tuo bagno, con rendering 3D gratuiti.
Prezzi Diretti da Fabbrica
Risparmi fino al 40% rispetto ai negozi tradizionali grazie alla vendita diretta.
Qualità Artigianale
Mobili realizzati con materiali premium e finiture di alta gamma.
Consegna in Tutta Treviso
Servizio di trasporto e montaggio disponibile in tutta la provincia.
Visita il Nostro Showroom
Vieni a scoprire le nostre collezioni nel nostro showroom a Brugnera (PN), facilmente raggiungibile da Treviso.
Per garantirti la migliore esperienza, la visita è su appuntamento. Contattaci per fissare la tua consulenza personalizzata.
Progetta il Tuo Bagno Online
Non puoi venire in showroom? Inviaci le misure e le tue preferenze, e riceverai un progetto 3D del tuo nuovo bagno!
Richiedi Progetto Online
{
"@context": "https://schema.org",
"@type": "FurnitureStore",
"name": "INTERNO77 Arredobagno Treviso",
"image": "https://interno77.com/wp-content/uploads/2016/10/arbi-arredobagno-showroom-14.jpg",
"description": "INTERNO77: il tuo specialista per mobili bagno in provincia di Treviso. Progettazione, vendita e showroom a Brugnera (PN) Contattaci per un preventivo!",
"address": {
"@type": "PostalAddress",
"streetAddress": "Via dei Prati, 10",
"addressLocality": "Meduna di Livenza",
"addressRegion": "TV",
"postalCode": "31040",
"addressCountry": "IT"
},
"telephone": "+393470737304",
"email": "info@interno77.it",
"url": "https://interno77.com/",
"openingHoursSpecification": {
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"
],
"opens": "10:00",
"closes": "22:00"
},
"priceRange": "€€"
}
document.getElementById('currentYear').textContent = new Date().getFullYear();