?<div id="direct-repair">
<style>
#direct-repair {
--dr-orange: #ff6a21;
--dr-bg: #101010;
--dr-card: #191919;
--dr-text: #f5f5f5;
--dr-muted: #b5b5b5;
background: var(--dr-bg);
color: var(--dr-text);
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
margin: 0;
overflow: hidden;
}
#direct-repair * { box-sizing: border-box; }
#direct-repair a { text-decoration: none; }
#direct-repair .dr-container {
width: 100%;
max-width: 1180px;
margin: auto;
padding: 0 24px;
}
#direct-repair .dr-accent { color: var(--dr-orange); }
#direct-repair .dr-label {
color: var(--dr-orange);
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
font-weight: 800;
}
#direct-repair h1, #direct-repair h2,
#direct-repair h3, #direct-repair p { margin-top: 0; }
#direct-repair h1 {
font-size: clamp(38px, 6vw, 68px);
line-height: 1.04;
letter-spacing: -2px;
margin: 18px 0;
}
#direct-repair h2 {
font-size: clamp(28px, 4vw, 42px);
line-height: 1.15;
letter-spacing: -1px;
margin-bottom: 16px;
}
#direct-repair p { color: var(--dr-muted); }
#direct-repair .dr-btn {
display: inline-block;
background: var(--dr-orange);
color: #111;
padding: 15px 22px;
border-radius: 5px;
font-weight: 800;
font-size: 14px;
transition: .2s;
}
#direct-repair .dr-btn:hover {
background: #ff8a4f;
transform: translateY(-2px);
}
#direct-repair .dr-btn-outline {
display: inline-block;
border: 1px solid #555;
color: #fff;
padding: 14px 20px;
border-radius: 5px;
font-weight: 700;
font-size: 14px;
}
/* ABERTURA */
#direct-repair .dr-hero {
position: relative;
padding: 90px 0 84px;
background:
linear-gradient(90deg, #101010 0%, #101010 40%,
rgba(16,16,16,.82) 65%, rgba(16,16,16,.25) 100%),
url('https://images.unsplash.com/photo-1511709268805-4e2b7a2b2c9a?auto=format&fit=crop&w=1400&q=85')
center right / cover no-repeat;
border-bottom: 1px solid #292929;
}
#direct-repair .dr-hero-content { max-width: 650px; }
#direct-repair .dr-hero p {
max-width: 530px;
font-size: 17px;
margin-bottom: 28px;
}
#direct-repair .dr-hero-buttons {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
#direct-repair .dr-note {
margin-top: 24px;
font-size: 12px;
color: #bdbdbd;
}
/* FAIXA DE DIFERENCIAIS */
#direct-repair .dr-strip {
border-bottom: 1px solid #292929;
background: #151515;
}
#direct-repair .dr-strip-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
#direct-repair .dr-strip-item {
padding: 24px 18px;
text-align: center;
border-right: 1px solid #303030;
font-size: 13px;
font-weight: 700;
}
#direct-repair .dr-strip-item:last-child { border-right: 0; }
#direct-repair .dr-strip-item span {
display: block;
color: var(--dr-orange);
font-size: 22px;
margin-bottom: 5px;
}
/* SERVIÇOS */
#direct-repair .dr-section { padding: 78px 0; }
#direct-repair .dr-section-head {
max-width: 700px;
margin-bottom: 35px;
}
#direct-repair .dr-services {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
#direct-repair .dr-service {
background: var(--dr-card);
border: 1px solid #2c2c2c;
border-radius: 9px;
overflow: hidden;
transition: .2s;
}
#direct-repair .dr-service:hover {
border-color: var(--dr-orange);
transform: translateY(-4px);
}
#direct-repair .dr-service img {
display: block;
width: 100%;
height: 190px;
object-fit: cover;
background: #222;
}
#direct-repair .dr-service-body { padding: 23px; }
#direct-repair .dr-service h3 {
font-size: 19px;
margin-bottom: 9px;
}
#direct-repair .dr-service p {
font-size: 14px;
margin-bottom: 0;
}
/* DESTAQUE */
#direct-repair .dr-feature {
background: #191919;
border-top: 1px solid #292929;
border-bottom: 1px solid #292929;
padding: 70px 0;
}
#direct-repair .dr-feature-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
}
#direct-repair .dr-feature img {
width: 100%;
height: 390px;
object-fit: cover;
border-radius: 8px;
background: #252525;
}
#direct-repair .dr-checks {
list-style: none;
padding: 0;
margin: 24px 0 28px;
}
#direct-repair .dr-checks li {
padding: 10px 0 10px 30px;
position: relative;
border-bottom: 1px solid #303030;
color: #ddd;
font-size: 14px;
}
#direct-repair .dr-checks li:before {
content: "?";
position: absolute;
left: 0;
color: var(--dr-orange);
font-weight: 900;
}
/* ETAPAS */
#direct-repair .dr-steps {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
margin-top: 32px;
}
#direct-repair .dr-step {
padding: 24px;
background: #171717;
border: 1px solid #2a2a2a;
border-radius: 8px;
}
#direct-repair .dr-number {
font-size: 34px;
font-weight: 900;
color: var(--dr-orange);
margin-bottom: 15px;
}
#direct-repair .dr-step h3 { font-size: 17px; }
#direct-repair .dr-step p { font-size: 14px; margin-bottom: 0; }
/* CHAMADA FINAL */
#direct-repair .dr-cta {
padding: 65px 0;
text-align: center;
background:
radial-gradient(ellipse at top, #44200f 0%, #191310 48%, #111 100%);
border-top: 1px solid #39251b;
}
#direct-repair .dr-cta h2 { max-width: 720px; margin: 12px auto 16px; }
#direct-repair .dr-cta p {
max-width: 600px;
margin: 0 auto 25px;
}
#direct-repair .dr-footer {
text-align: center;
padding: 24px 15px;
border-top: 1px solid #292929;
color: #888;
font-size: 12px;
}
@media (max-width: 760px) {
#direct-repair .dr-hero {
padding: 65px 0;
background:
linear-gradient(90deg, rgba(16,16,16,.96), rgba(16,16,16,.82)),
url('https://images.unsplash.com/photo-1511709268805-4e2b7a2b2c9a?auto=format&fit=crop&w=900&q=80')
center / cover no-repeat;
}
#direct-repair .dr-container { padding: 0 18px; }
#direct-repair .dr-strip-grid { grid-template-columns: 1fr; }
#direct-repair .dr-strip-item {
border-right: 0;
border-bottom: 1px solid #303030;
padding: 15px;
}
#direct-repair .dr-services { grid-template-columns: 1fr; }
#direct-repair .dr-service img { height: 220px; }
#direct-repair .dr-feature-grid { grid-template-columns: 1fr; gap: 28px; }
#direct-repair .dr-feature img { height: 260px; }
#direct-repair .dr-steps { grid-template-columns: 1fr; }
#direct-repair .dr-section { padding: 55px 0; }
#direct-repair h1 { letter-spacing: -1px; }
}
</style>
<section class="dr-hero">
<div class="dr-container">
<div class="dr-hero-content">
<div class="dr-label">Direct Repair · Especialistas em iPhone</div>
<h1>Seu iPhone.<br>De volta ao <span class="dr-accent">melhor.</span></h1>
<p>
Reparo de iPhone com atenção aos detalhes, peças de qualidade
e transparência em cada etapa. Do vidro à tela, cuidamos do
seu aparelho para que você volte a usar com confiança.
</p>
<div class="dr-hero-buttons">
<a class="dr-btn"
href="https://wa.me/5519999999999?text=Ol%C3%A1%2C%20quero%20um%20or%C3%A7amento%20para%20meu%20iPhone"
target="_blank" rel="noopener">
SOLICITAR ORÇAMENTO ?
</a>
<a class="dr-btn-outline" href="#dr-servicos">
CONHECER SERVIÇOS
</a>
</div>
<div class="dr-note">
Atendimento em Santa Bárbara d’Oeste e região.
</div>
</div>
</div>
</section>
<section class="dr-strip">
<div class="dr-container dr-strip-grid">
<div class="dr-strip-item">
<span>01</span>
Atenção aos detalhes
</div>
<div class="dr-strip-item">
<span>02</span>
Peças de qualidade
</div>
<div class="dr-strip-item">
<span>03</span>
Orçamento transparente
</div>
</div>
</section>
<section class="dr-section" id="dr-servicos">
<div class="dr-container">
<div class="dr-section-head">
<div class="dr-label">O que fazemos</div>
<h2>Seu aparelho em boas mãos.</h2>
<p>
Soluções para os problemas mais comuns do iPhone, com
avaliação do aparelho e orientação antes do reparo.
</p>
</div>
<div class="dr-services">
<article class="dr-service">
<img src="https://images.unsplash.com/photo-1588508065123-287b28e013da?auto=format&fit=crop&w=800&q=80"
alt="Smartphone para serviço de troca de tela" loading="lazy">
<div class="dr-service-body">
<h3>Troca de tela</h3>
<p>
Opções de telas de qualidade, com atenção à imagem,
ao toque e ao acabamento do aparelho.
</p>
</div>
</article>
<article class="dr-service">
<img src="https://images.unsplash.com/photo-1592750475338-74b7b21085ab?auto=format&fit=crop&w=800&q=80"
alt="Smartphone para reparo de vidro" loading="lazy">
<div class="dr-service-body">
<h3>Recuperação de vidro</h3>
<p>
Quando o display e o toque estão funcionando,
avaliamos a possibilidade de trocar somente o vidro
e preservar a tela original.
</p>
</div>
</article>
<article class="dr-service">
<img src="https://images.unsplash.com/photo-1605236453806-6ff36851218e?auto=format&fit=crop&w=800&q=80"
alt="Smartphone para manutenção" loading="lazy">
<div class="dr-service-body">
<h3>Troca de bateria</h3>
<p>
Substituição da bateria com avaliação do aparelho
e orientação sobre os cuidados após o serviço.
</p>
</div>
</article>
<article class="dr-service">
<img src="https://images.unsplash.com/photo-1598327105666-5b89351aff97?auto=format&fit=crop&w=800&q=80"
alt="Smartphone para manutenção de componentes" loading="lazy">
<div class="dr-service-body">
<h3>Vidro traseiro</h3>
<p>
Substituição do vidro traseiro com atenção à cor,
ao encaixe e ao acabamento.
</p>
</div>
</article>
<article class="dr-service">
<img src="https://images.unsplash.com/photo-1512499617640-c74ae3a79d37?auto=format&fit=crop&w=800&q=80"
alt="Smartphone e componentes" loading="lazy">
<div class="dr-service-body">
<h3>Câmera e componentes</h3>
<p>
Avaliação de falhas em câmeras e outros componentes
para identificar a solução adequada.
</p>
</div>
</article>
<article class="dr-service">
<img src="https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=800&q=80"
alt="Componentes eletrônicos para diagnóstico" loading="lazy">
<div class="dr-service-body">
<h3>Diagnóstico técnico</h3>
<p>
Análise do defeito para orientar os próximos passos
antes de autorizar o serviço.
</p>
</div>
</article>
</div>
</div>
</section>
<section class="dr-feature">
<div class="dr-container dr-feature-grid">
<div>
<img src="https://images.unsplash.com/photo-1581092921461-eab62e97a780?auto=format&fit=crop&w=1000&q=85"
alt="Bancada técnica de manutenção" loading="lazy">
</div>
<div>
<div class="dr-label">Qualidade em cada etapa</div>
<h2>Não é só consertar. É cuidar dos detalhes.</h2>
<p>
Um bom reparo começa com uma avaliação cuidadosa e termina
com a conferência do serviço realizado.
</p>
<ul class="dr-checks">
<li>Avaliação do aparelho antes do reparo</li>
<li>Explicação do serviço recomendado</li>
<li>Peças selecionadas conforme o reparo</li>
<li>Conferência das funções relacionadas ao serviço</li>
<li>Informações claras sobre garantia e condições</li>
</ul>
<a class="dr-btn"
href="https://wa.me/5519999999999?text=Ol%C3%A1%2C%20quero%20avaliar%20meu%20iPhone"
target="_blank" rel="noopener">
FALAR COM A ASSISTÊNCIA ?
</a>
</div>
</div>
</section>
<section class="dr-section">
<div class="dr-container">
<div class="dr-section-head">
<div class="dr-label">Como funciona</div>
<h2>Simples, direto e transparente.</h2>
<p>Você sabe o que será feito antes de autorizar o reparo.</p>
</div>
<div class="dr-steps">
<div class="dr-step">
<div class="dr-number">01</div>
<h3>Entre em contato</h3>
<p>
Informe o modelo do iPhone e conte o que aconteceu.
Se puder, envie fotos ou um vídeo do defeito.
</p>
</div>
<div class="dr-step">
<div class="dr-number">02</div>
<h3>Avalie o orçamento</h3>
<p>
Explicamos a solução indicada, as condições do serviço
e o valor antes de iniciar.
</p>
</div>
<div class="dr-step">
<div class="dr-number">03</div>
<h3>Receba seu aparelho</h3>
<p>
Após o reparo, conferimos as funções relacionadas
ao serviço e orientamos sobre a garantia.
</p>
</div>
</div>
</div>
</section>
<section class="dr-cta">
<div class="dr-container">
<div class="dr-label">Direct Repair</div>
<h2>Seu iPhone está precisando de reparo?</h2>
<p>
Fale com nossa equipe, informe o modelo e o defeito.
Vamos orientar você sobre a melhor forma de começar.
</p>
<a class="dr-btn"
href="https://wa.me/5519999999999?text=Ol%C3%A1%2C%20gostaria%20de%20um%20or%C3%A7amento"
target="_blank" rel="noopener">
PEDIR ORÇAMENTO PELO WHATSAPP ?
</a>
</div>
</section>
<footer class="dr-footer">
Direct Repair · Assistência técnica para iPhone ·
Santa Bárbara d’Oeste – SP
</footer>
</div>