Skip to content

Commit 4973fec

Browse files
LeoBringasAtLifeLeoBringasAtLife
committed
.
1 parent 641f0ec commit 4973fec

File tree

2 files changed

+103
-58
lines changed

2 files changed

+103
-58
lines changed

‎assets/img/yo.ico‎

1.14 MB
Binary file not shown.

‎index.html‎

Lines changed: 103 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -3,36 +3,51 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width,initial-scale=1" />
6-
<title>Servicios Web · LeoBringasAtLife</title>
6+
<title>
7+
Desarrollo Web Profesional | Landing Pages, Sitios y E-commerce
8+
</title>
79

8-
<!-- SEGURIDAD -->
9-
<meta http-equiv="X-Frame-Options" content="DENY" />
10-
<meta http-equiv="X-Content-Type-Options" content="nosniff" />
11-
<meta name="referrer" content="strict-origin-when-cross-origin" />
1210
<meta
13-
http-equiv="Permissions-Policy"
14-
content="geolocation=(), microphone=(), camera=(), payment=()"
11+
name="description"
12+
content="Desarrollo web profesional. Landing, Sitios corporativos y E-commerce. Entregas rápidas y enfoque en conversión."
1513
/>
14+
<meta
15+
name="keywords"
16+
content="desarrollo web, landing pages, sitios corporativos, e-commerce, diseño web, desarrollador freelance, páginas de conversión"
17+
/>
18+
<meta name="author" content="Leonardo Bringas" />
19+
<meta name="robots" content="index, follow" />
20+
<meta name="theme-color" content="#0f0f0f" />
1621

22+
<meta property="og:title" content="Desarrollo Web Profesional" />
1723
<meta
18-
http-equiv="Content-Security-Policy"
19-
content="
20-
default-src 'self';
21-
script-src 'self' 'unsafe-inline' https://cdn.tailwindcss.com;
22-
style-src 'self' 'unsafe-inline' https://fonts.googleapis.com;
23-
font-src 'self' https://fonts.gstatic.com;
24-
img-src 'self' data: https:;
25-
connect-src 'self';
26-
frame-ancestors 'none';
27-
base-uri 'self';
28-
form-action 'self' https://wa.me;
29-
"
24+
property="og:description"
25+
content="Landing pages, sitios corporativos y e-commerce hechos para convertir más y verse profesionales."
3026
/>
31-
<!-- SEO y Social -->
27+
<meta property="og:type" content="website" />
28+
<meta property="og:url" content="https://leobringasatlife.site/" />
3229
<meta
33-
name="description"
34-
content="Desarrollo web profesional. Landing, Sitios corporativos y E-commerce. Entregas rápidas y enfoque en conversión."
30+
property="og:image"
31+
content="https://leobringasatlife.site/og-image.jpg"
3532
/>
33+
<meta property="og:image:width" content="1200" />
34+
<meta property="og:image:height" content="630" />
35+
36+
<meta name="twitter:card" content="summary_large_image" />
37+
<meta name="twitter:title" content="Desarrollo Web Profesional" />
38+
<meta
39+
name="twitter:description"
40+
content="Landing pages, sitios corporativos y e-commerce con diseño moderno y enfoque en conversión."
41+
/>
42+
<meta
43+
name="twitter:image"
44+
content="https://leobringasatlife.site/og-image.jpg"
45+
/>
46+
<link rel="canonical" href="https://leobringasatlife.site/" />
47+
<link rel="icon" href="/favicon.ico" />
48+
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
49+
<link rel="manifest" href="/site.webmanifest" />
50+
3651
<!-- Recursos -->
3752
<script src="https://cdn.tailwindcss.com"></script>
3853
<link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -87,12 +102,22 @@
87102

88103
<!-- Menú Desktop -->
89104
<nav class="hidden md:flex items-center gap-6 text-sm text-gray-700">
90-
<a href="#planes" class="hover:text-black transition">Planes</a>
91-
<a href="#servicios-adicionales" class="hover:text-black transition"
105+
<a href="#planes" class="hover:text-black transition hover:underline"
106+
>Planes</a
107+
>
108+
<a
109+
href="#servicios-adicionales"
110+
class="hover:text-black transition hover:underline"
92111
>Servicios adicionales</a
93112
>
94-
<a href="#proceso" class="hover:text-black transition">Proceso</a>
95-
<a href="#contacto" class="hover:text-black transition">Contacto</a>
113+
<a href="#proceso" class="hover:text-black transition hover:underline"
114+
>Proceso</a
115+
>
116+
<a
117+
href="#contacto"
118+
class="hover:text-black transition hover:underline"
119+
>Contacto</a
120+
>
96121
</nav>
97122

98123
<!-- CTA Desktop -->
@@ -202,19 +227,21 @@ <h1 class="text-5xl md:text-6xl font-bold mb-6 leading-tight">
202227
Desarrollo de páginas funcionales y estratégicas que convierten
203228
visitas en clientes.
204229
</p>
205-
<div class="flex flex-wrap gap-4">
206-
<a
207-
href="#planes"
208-
class="bg-gray-900 text-white px-6 py-3 rounded hover:bg-gray-700 transition"
209-
>
210-
Ver planes y precios
211-
</a>
212-
<a
213-
href="#contacto"
214-
class="border border-gray-300 px-6 py-3 rounded hover:border-gray-900 transition"
215-
>
216-
Contactar ahora
217-
</a>
230+
<div class="flex flex-wrap gap-4">
231+
<a
232+
href="#planes"
233+
class="bg-gray-900 text-white px-6 py-3 rounded hover:bg-gray-700 transition"
234+
>
235+
Ver planes y precios
236+
</a>
237+
<a
238+
href="#contacto"
239+
class="border border-gray-900 px-6 py-3 rounded text-black"
240+
>
241+
Contactar
242+
</a>
243+
</div>
244+
218245
</div>
219246
</div>
220247
</section>
@@ -661,7 +688,7 @@ <h3 class="font-semibold text-xl mb-6">Hablemos de tu proyecto</h3>
661688
<div class="font-semibold mb-1">WhatsApp</div>
662689
<a
663690
href="https://wa.me/5491125417299"
664-
class="text-gray-600 hover:text-black"
691+
class="text-gray-600 hover:text-black hover:underline"
665692
>+54 11 2541-7299</a
666693
>
667694
</div>
@@ -687,7 +714,7 @@ <h3 class="font-semibold text-xl mb-6">Hablemos de tu proyecto</h3>
687714
<div class="font-semibold mb-1">Email</div>
688715
<a
689716
href="mailto:[email protected]"
690-
class="text-gray-600 hover:text-black break-all"
717+
class="text-gray-600 hover:text-black break-all hover:underline"
691718
>[email protected]</a
692719
>
693720
</div>
@@ -707,7 +734,7 @@ <h3 class="font-semibold text-xl mb-6">Hablemos de tu proyecto</h3>
707734
href="https://instagram.com/leobringasatlife"
708735
target="_blank"
709736
rel="noopener noreferrer"
710-
class="text-gray-600 hover:text-black"
737+
class="text-gray-600 hover:text-black hover:underline"
711738
>@leobringasatlife</a
712739
>
713740
</div>
@@ -719,15 +746,19 @@ <h3 class="font-semibold text-xl mb-6">Hablemos de tu proyecto</h3>
719746
<h3 class="font-semibold text-xl mb-6">Preguntas frecuentes</h3>
720747

721748
<div class="space-y-6">
722-
<div>
723-
<div class="font-semibold mb-2">¿Cuánto tarda mi proyecto?</div>
724-
<ul class="text-sm text-gray-600 list-disc list-inside">
725-
<li>Landing Pages - 15-20 días</li>
726-
<li>Sitios web (4-5 páginas) - 20-30 días</li>
727-
<li>Sitios Web Completos - 30-45 días</li>
728-
<li>E-commerce - 45-60 días</li>
729-
<li>Blog completo - 20-30 días</li>
730-
</ul>
749+
<div class="space-y-2">
750+
<h3 class="font-semibold text-lg">
751+
¿Cuánto tarda mi proyecto?
752+
</h3>
753+
<p class="text-sm text-gray-600 leading-relaxed">
754+
Los tiempos dependen del tipo de proyecto. Una landing page
755+
suele estar lista en unas dos o tres semanas. Un sitio de
756+
varias páginas puede llevar alrededor de tres a cuatro
757+
semanas. Un sitio completo necesita cerca de un mes a mes y
758+
medio. Un e-commerce requiere entre mes y medio y dos meses. Y
759+
un blog bien armado normalmente se termina en unas tres
760+
semanas.
761+
</p>
731762
</div>
732763

733764
<div>
@@ -780,14 +811,28 @@ <h3 class="font-semibold text-xl mb-6">Preguntas frecuentes</h3>
780811
<div>
781812
<h3 class="text-white font-semibold mb-4">Navegación</h3>
782813
<ul class="space-y-2 text-sm">
783-
<li><a href="#planes" class="hover:text-white">Planes</a></li>
784814
<li>
785-
<a href="#servicios-adicionales" class="hover:text-white"
815+
<a href="#planes" class="hover:text-white hover:underline"
816+
>Planes</a
817+
>
818+
</li>
819+
<li>
820+
<a
821+
href="#servicios-adicionales"
822+
class="hover:text-white hover:underline"
786823
>Servicios adicionales</a
787824
>
788825
</li>
789-
<li><a href="#proceso" class="hover:text-white">Proceso</a></li>
790-
<li><a href="#contacto" class="hover:text-white">Contacto</a></li>
826+
<li>
827+
<a href="#proceso" class="hover:text-white hover:underline"
828+
>Proceso</a
829+
>
830+
</li>
831+
<li>
832+
<a href="#contacto" class="hover:text-white hover:underline"
833+
>Contacto</a
834+
>
835+
</li>
791836
</ul>
792837
</div>
793838

@@ -800,14 +845,14 @@ <h3 class="text-white font-semibold mb-4">Contacto</h3>
800845
href="https://wa.me/5491125417299"
801846
target="_blank"
802847
rel="noopener noreferrer"
803-
class="hover:text-white"
848+
class="hover:text-white hover:underline"
804849
>WhatsApp</a
805850
>
806851
</li>
807852
<li>
808853
<a
809854
href="mailto:[email protected]"
810-
class="hover:text-white"
855+
class="hover:text-white hover:underline"
811856
>Email</a
812857
>
813858
</li>
@@ -816,7 +861,7 @@ <h3 class="text-white font-semibold mb-4">Contacto</h3>
816861
href="https://instagram.com/leobringasatlife"
817862
target="_blank"
818863
rel="noopener noreferrer"
819-
class="hover:text-white"
864+
class="hover:text-white hover:underline"
820865
>Instagram</a
821866
>
822867
</li>

0 commit comments

Comments
 (0)