asownerytandClaude Opus 5.5
7043b47de1
- Hero says what and where, with No fix no fee / $35 diagnosis, Call and Text CTAs, and the real Google rating - Common fixes grid with owner-confirmed labour prices, linking to service pages - How it works, About (first person), testimonials, areas served with map, a short business IT block, rewritten FAQ and a final CTA band - Sticky Call/Text bar on mobile (site-wide); Chatwoot bubble moved above it - Button renders a link when given href (no more button-inside-link) - Business facts (prices, rating, testimonials, contact links) in site.js Co-Authored-By: Claude Opus 5.5 <[email protected]>
43 lines
554 B
CSS
43 lines
554 B
CSS
.header {
|
|
position: relative;
|
|
height: 32em;
|
|
margin-bottom: 3.5em;
|
|
}
|
|
|
|
.header img {
|
|
filter: brightness(50%);
|
|
}
|
|
|
|
.textbox {
|
|
color: white;
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 50%;
|
|
transform: translate(0%, -50%);
|
|
}
|
|
|
|
.p {
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
@media (min-width: 920px) {
|
|
.header {
|
|
height: 50em;
|
|
clip-path: polygon(0 0, 100% 0, 100% 25em, 0 100%);
|
|
margin-bottom: none;
|
|
}
|
|
|
|
.textbox {
|
|
margin-top: -5em;
|
|
}
|
|
|
|
.textboxInner {
|
|
width: 50%;
|
|
max-width: 35em;
|
|
}
|
|
}
|
|
|
|
.map {
|
|
width: 100%;
|
|
margin-bottom: 10em;
|
|
} |