detailpro/uslugi.html at main · nikosmart/detailpro · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Usługi & Cennik — DetailPro Lublin</title>
<link rel="icon" type="image/png" href="logo_beztla.png">
<meta name="description" content="Cennik usług detailingowych — mycie szczegółowe, korekta lakieru, ceramika, PPF, pranie tapicerki. DetailPro Lublin.">
<meta property="og:title" content="Usługi & Cennik — DetailPro Lublin">
<meta property="og:description" content="Pełen zakres usług detailingu samochodowego. Od 120 zł. Wycena bezpłatna.">
<meta property="og:image" content="miniaturka.jpeg">
<meta property="og:type" content="website">
<link rel="stylesheet" href="style.css">
<style>
.page-inner {
  height: 100%;
  display: grid;
  grid-template-columns: 320px 1fr;
}

/* LEFT PANEL */
.left-panel {
  padding: 32px 32px;
  border-right: 1px solid var(--border);
  display: flex; flex-direction: column; justify-content: center;
  background: var(--bg2);
}
.left-panel .desc { font-size: 14px; color: var(--muted); line-height: 1.7; margin-bottom: 28px; }
.contact-cta { font-family: var(--mono); font-size: 11px; color: var(--dim); line-height: 2; }
.contact-cta strong { color: var(--yellow); }

/* RIGHT PANEL */
.right-panel { overflow: hidden; }
.svc-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 1px; background: var(--border); height: 100%;
}
.svc-card {
  background: var(--bg); padding: 14px 20px;
  display: flex; gap: 14px; align-items: flex-start;
  transition: background .15s;
}
.svc-card:hover { background: #232118; }
.svc-num-big { font-family: var(--mono); font-size: 11px; color: var(--yellow); width: 22px; flex-shrink: 0; margin-top: 3px; }
.svc-body { flex: 1; }
.svc-name-big {
  font-family: var(--barlow); font-size: 16px; font-weight: 800;
  letter-spacing: 1px; text-transform: uppercase; margin-bottom: 3px;
}
.svc-desc { font-size: 12px; color: var(--muted); line-height: 1.45; margin-bottom: 5px; }
.svc-price-big { font-family: var(--mono); font-size: 12px; color: var(--yellow); }
.svc-price-big span { color: var(--dim); font-size: 11px; }
</style>
</head>
<body>

<nav>
  <a href="index.html" class="logo" style="display:flex;align-items:center;gap:10px;"><img src="logo_beztla.png" alt="DetailPro" style="height:36px;width:auto;">Detail<span>Pro</span></a>
  <ul class="nav-links">
    <li><a href="uslugi.html" class="active">Usługi</a></li>
    <li><a href="realizacje.html">Realizacje</a></li>
    <li><a href="blog.html">Blog</a></li>
    <li><a href="o-nas.html">O nas</a></li>
    <li><a href="kontakt.html">Kontakt</a></li>
  </ul>
  <a href="wycena.html" class="nav-cta">Wycena →</a>
</nav>

<div class="page">
  <div class="main">
    <div class="page-inner">

      <div class="left-panel">
        <div class="tag">cennik usług</div>
        <h2>Co<em>robimy</em></h2>
        <p class="left-panel desc">
          Oferujemy pełen zakres usług detailingu samochodowego — od podstawowego mycia szczegółowego, przez korektę lakieru, aż po wieloletnią ochronę ceramiczną i folią PPF.
        </p>
        <div class="contact-cta">
          <div><strong>tel:</strong> xxx-xxx-xxx</div>
          <div><strong>mail:</strong> detailpro@gmail.com</div>
          <div style="margin-top:12px; color: var(--yellow); font-size:10px;">WYCENA BEZPŁATNA</div>
        </div>
        <div style="margin-top:24px;">
          <a href="wycena.html" class="btn-main" style="font-size:13px; padding:10px 20px;">Zamów wycenę →</a>
        </div>
      </div>

      <div class="right-panel">
        <div class="svc-grid">

          <div class="svc-card">
            <div class="svc-num-big">01</div>
            <div class="svc-body">
              <div class="svc-name-big">Mycie szczegółowe</div>
              <div class="svc-desc">Ręczne mycie karoserii, dekontaminacja gliny, czyszczenie felg i opon, mycie silnika, suszenie dmuchawą.</div>
              <div class="svc-price-big">od 120 zł <span>/ sedan</span></div>
            </div>
          </div>

          <div class="svc-card">
            <div class="svc-num-big">02</div>
            <div class="svc-body">
              <div class="svc-name-big">Korekta lakieru</div>
              <div class="svc-desc">Usuwanie rys, hologramów i swirli. Korekta 1-stopniowa (poprawa blasku) lub 2-3-stopniowa (pełna renowacja).</div>
              <div class="svc-price-big">od 600 zł <span>/ korekta 1-step</span></div>
            </div>
          </div>

          <div class="svc-card">
            <div class="svc-num-big">03</div>
            <div class="svc-body">
              <div class="svc-name-big">Powłoka ceramiczna</div>
              <div class="svc-desc">Trwała ochrona lakieru na 3–5 lat. Efekt lotus, odporność na UV i chemię drogową. Gwarancja pisemna.</div>
              <div class="svc-price-big">od 1 800 zł <span>/ pełna aplikacja</span></div>
            </div>
          </div>

          <div class="svc-card">
            <div class="svc-num-big">04</div>
            <div class="svc-body">
              <div class="svc-name-big">Pranie tapicerki</div>
              <div class="svc-desc">Głębokie czyszczenie siedzeń, dywaników i sufitu. Ekstraktor parowy, dezynfekcja, neutralizacja zapachów.</div>
              <div class="svc-price-big">od 350 zł <span>/ komplet foteli</span></div>
            </div>
          </div>

          <div class="svc-card">
            <div class="svc-num-big">05</div>
            <div class="svc-body">
              <div class="svc-name-big">Detailing pełny</div>
              <div class="svc-desc">Kompleksowa obsługa: mycie + korekta lakieru + wnętrze + wosk lub powłoka. Czas realizacji ~9 godz.</div>
              <div class="svc-price-big">od 1 200 zł <span>/ pełny dzień</span></div>
            </div>
          </div>

          <div class="svc-card">
            <div class="svc-num-big">06</div>
            <div class="svc-body">
              <div class="svc-name-big">Ochrona folią PPF</div>
              <div class="svc-desc">Samonaprawiająca folia ochronna na lakier. Przód auta, progi lub całe auto. Odporność na odpryski i zarysowania.</div>
              <div class="svc-price-big">od 2 500 zł <span>/ przód</span></div>
            </div>
          </div>

          <div class="svc-card">
            <div class="svc-num-big">07</div>
            <div class="svc-body">
              <div class="svc-name-big">Renowacja skóry</div>
              <div class="svc-desc">Czyszczenie, odżywienie i koloryzacja skórzanej tapicerki. Usuwanie plam, odcisków i pęknięć.</div>
              <div class="svc-price-big">od 400 zł <span>/ komplet</span></div>
            </div>
          </div>

          <div class="svc-card">
            <div class="svc-num-big">08</div>
            <div class="svc-body">
              <div class="svc-name-big">Polerowanie reflektorów</div>
              <div class="svc-desc">Usuwanie zażółcenia i matowości kloszy. Aplikacja powłoki UV zabezpieczającej przed ponownym matowieniem.</div>
              <div class="svc-price-big">od 200 zł <span>/ para</span></div>
            </div>
          </div>

        </div>
      </div>

    </div>
  </div>

  <footer>
    <div class="footer-logo">Detail<span style="color:var(--yellow)">Pro</span></div>
    <div class="footer-social">
      <a href="https://instagram.com/detailing" target="_blank" aria-label="Instagram"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg></a>
      <a href="https://facebook.com/detailing" target="_blank" aria-label="Facebook"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/></svg></a>
      <a href="https://tiktok.com/@detailing" target="_blank" aria-label="TikTok"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 12a4 4 0 104 4V4a5 5 0 005 5"/></svg></a>
    </div>
    <div class="footer-contact">xxx-xxx-xxx &nbsp;//&nbsp; detailpro@gmail.com</div>
    <div class="footer-copy">© 2026 DetailPro — Lublin</div>
  </footer>
</div>

</body>
</html>