Skip to content

Commit 61d5940

Browse files
guidogar123guidogar123
committed
feat: apply animations, SEO improvements, update contact info and add .htaccess for Hostinger
1 parent 3173fc4 commit 61d5940

File tree

10 files changed

+178
-64
lines changed

10 files changed

+178
-64
lines changed

‎public/.htaccess‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<IfModule mod_rewrite.c>
2+
RewriteEngine On
3+
RewriteBase /
4+
RewriteCond %{REQUEST_FILENAME} !-f
5+
RewriteCond %{REQUEST_FILENAME} !-d
6+
RewriteRule ^(.*)$ $1.html [L,QSA]
7+
</IfModule>

‎public/logo.svg‎

Lines changed: 24 additions & 0 deletions
Loading

‎src/app/contacto/page.tsx‎

Lines changed: 34 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
1+
import { Metadata } from "next";
2+
3+
export const metadata: Metadata = {
4+
title: "Contacto | Consultoría SAP en Cali y Bogotá",
5+
description: "Contáctenos para potenciar su empresa con soluciones SAP. Oficinas en Cali y Bogotá. Atención personalizada para sus proyectos tecnológicos.",
6+
};
7+
18
import Navbar from "@/components/Navbar";
29
import Footer from "@/components/Footer";
310
import { Mail, MapPin, Phone, Send } from "lucide-react";
@@ -9,7 +16,7 @@ export default function Contacto() {
916

1017
<section className="pt-32 pb-20 container mx-auto px-6">
1118
<div className="max-w-4xl mx-auto text-center mb-16">
12-
<h1 className="text-4xl md:text-5xl font-bold text-slate-900 mb-6">Hablemos de su próximo proyecto</h1>
19+
<h1 className="text-4xl md:text-5xl font-bold text-slate-900 mb-6">Contáctenos | SAP en Cali y Bogotá</h1>
1320
<p className="text-xl text-slate-600">
1421
Estamos listos para escuchar sus retos y proponer soluciones que generen valor.
1522
</p>
@@ -18,54 +25,59 @@ export default function Contacto() {
1825
<div className="grid grid-cols-1 md:grid-cols-3 gap-12 max-w-6xl mx-auto">
1926
{/* Info Cards */}
2027
<div className="space-y-8 md:col-span-1">
21-
<div className="bg-white p-6 rounded-2xl shadow-sm border border-slate-100">
22-
<Mail className="text-secondary w-8 h-8 mb-4" />
23-
<h3 className="font-bold text-slate-900 mb-2">Escríbanos</h3>
24-
<p className="text-slate-600 text-sm">contacto@sistemaseinformacion.com.co</p>
25-
<p className="text-slate-600 text-sm">ventas@sistemaseinformacion.com.co</p>
28+
<div className="bg-white p-8 rounded-2xl border border-slate-100 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl hover:border-secondary/30 group">
29+
<div className="w-12 h-12 bg-slate-50 rounded-xl flex items-center justify-center text-secondary mb-6 group-hover:scale-110 group-hover:bg-secondary/8 transition-all duration-300">
30+
<Mail size={24} />
31+
</div>
32+
<h3 className="font-bold text-lg text-slate-900 mb-3 group-hover:text-secondary transition-colors duration-300">Escríbanos</h3>
33+
<p className="text-slate-600 text-sm">info@sistemaseinformacion.com.co</p>
2634
</div>
2735

28-
<div className="bg-white p-6 rounded-2xl shadow-sm border border-slate-100">
29-
<Phone className="text-secondary w-8 h-8 mb-4" />
30-
<h3 className="font-bold text-slate-900 mb-2">Llámenos</h3>
31-
<p className="text-slate-600 text-sm">+57 (601) 123 4567</p>
36+
<div className="bg-white p-8 rounded-2xl border border-slate-100 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl hover:border-secondary/30 group">
37+
<div className="w-12 h-12 bg-slate-50 rounded-xl flex items-center justify-center text-secondary mb-6 group-hover:scale-110 group-hover:bg-secondary/8 transition-all duration-300">
38+
<Phone size={24} />
39+
</div>
40+
<h3 className="font-bold text-lg text-slate-900 mb-3 group-hover:text-secondary transition-colors duration-300">Llámenos</h3>
41+
<p className="text-slate-600 text-sm">+57 310 654 4704</p>
3242
<p className="text-slate-600 text-sm">Lunes - Viernes, 8am - 6pm</p>
3343
</div>
3444

35-
<div className="bg-white p-6 rounded-2xl shadow-sm border border-slate-100">
36-
<MapPin className="text-secondary w-8 h-8 mb-4" />
37-
<h3 className="font-bold text-slate-900 mb-2">Visítenos</h3>
38-
<p className="text-slate-600 text-sm">Calle 123 # 45 - 67</p>
39-
<p className="text-slate-600 text-sm">Bogotá, Colombia</p>
45+
<div className="bg-white p-8 rounded-2xl border border-slate-100 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl hover:border-secondary/30 group">
46+
<div className="w-12 h-12 bg-slate-50 rounded-xl flex items-center justify-center text-secondary mb-6 group-hover:scale-110 group-hover:bg-secondary/8 transition-all duration-300">
47+
<MapPin size={24} />
48+
</div>
49+
<h3 className="font-bold text-lg text-slate-900 mb-3 group-hover:text-secondary transition-colors duration-300">Visítenos</h3>
50+
<p className="text-slate-600 text-sm mb-1">Unicentro - Yoofice of 17</p>
51+
<p className="text-slate-600 text-sm">Cali, Colombia</p>
4052
</div>
4153
</div>
4254

4355
{/* Contact Form */}
44-
<div className="md:col-span-2 bg-white p-8 rounded-2xl shadow-lg border border-slate-100">
45-
<h3 className="text-2xl font-bold text-slate-900 mb-6">Envíenos un mensaje</h3>
56+
<div className="md:col-span-2 bg-white p-10 rounded-2xl border border-slate-100 transition-all duration-300 hover:shadow-2xl hover:border-primary/20 group/form">
57+
<h3 className="text-2xl font-bold text-slate-900 mb-8 group-hover/form:text-primary transition-colors duration-300">Envíenos un mensaje</h3>
4658
<form className="space-y-6">
4759
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
4860
<div>
4961
<label className="block text-sm font-medium text-slate-700 mb-2">Nombre</label>
50-
<input type="text" className="w-full px-4 py-3 rounded-lg border border-slate-200 focus:ring-2 focus:ring-primary focus:border-transparent outline-none transition-all" placeholder="Juan Pérez" />
62+
<input type="text" className="w-full px-4 py-3 rounded-lg border border-slate-200 focus:ring-2 focus:ring-secondary focus:border-transparent outline-none transition-all" placeholder="Juan Pérez" />
5163
</div>
5264
<div>
5365
<label className="block text-sm font-medium text-slate-700 mb-2">Empresa</label>
54-
<input type="text" className="w-full px-4 py-3 rounded-lg border border-slate-200 focus:ring-2 focus:ring-primary focus:border-transparent outline-none transition-all" placeholder="Su Empresa S.A.S." />
66+
<input type="text" className="w-full px-4 py-3 rounded-lg border border-slate-200 focus:ring-2 focus:ring-secondary focus:border-transparent outline-none transition-all" placeholder="Su Empresa S.A.S." />
5567
</div>
5668
</div>
5769

5870
<div>
5971
<label className="block text-sm font-medium text-slate-700 mb-2">Correo Electrónico</label>
60-
<input type="email" className="w-full px-4 py-3 rounded-lg border border-slate-200 focus:ring-2 focus:ring-primary focus:border-transparent outline-none transition-all" placeholder="juan@empresa.com" />
72+
<input type="email" className="w-full px-4 py-3 rounded-lg border border-slate-200 focus:ring-2 focus:ring-secondary focus:border-transparent outline-none transition-all" placeholder="juan@empresa.com" />
6173
</div>
6274

6375
<div>
6476
<label className="block text-sm font-medium text-slate-700 mb-2">Mensaje</label>
65-
<textarea rows={4} className="w-full px-4 py-3 rounded-lg border border-slate-200 focus:ring-2 focus:ring-primary focus:border-transparent outline-none transition-all" placeholder="¿Cómo podemos ayudarle?"></textarea>
77+
<textarea rows={4} className="w-full px-4 py-3 rounded-lg border border-slate-200 focus:ring-2 focus:ring-secondary focus:border-transparent outline-none transition-all" placeholder="¿Cómo podemos ayudarle?"></textarea>
6678
</div>
6779

68-
<button type="submit" className="w-full bg-primary hover:bg-primary-light text-white font-bold py-4 rounded-xl transition-all shadow-lg hover:shadow-primary/25 flex items-center justify-center gap-2">
80+
<button type="submit" className="w-full bg-primary hover:bg-slate-800 text-white font-bold py-4 rounded-xl transition-all shadow-lg hover:shadow-primary/25 flex items-center justify-center gap-2 active:scale-[0.98]">
6981
Enviar Mensaje
7082
<Send size={18} />
7183
</button>

‎src/app/layout.tsx‎

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,21 @@ const inter = Inter({
88
});
99

1010
export const metadata: Metadata = {
11-
title: "Sistemas e Información | Transformación Digital y SAP",
12-
description: "Socio estratégico en transformación digital, consultoría SAP y soluciones tecnológicas para empresas.",
11+
title: {
12+
default: "Sistemas e Información | Consultoría SAP Colombia",
13+
template: "%s | Sistemas e Información"
14+
},
15+
description: "Líderes en Consultoría SAP en Colombia (Bogotá y Cali). Implementación S/4HANA, Soporte AMS 24/7 y Fábrica de Software a la medida.",
16+
keywords: ["Consultoría SAP Colombia", "Consultoría SAP Cali", "Consultoría SAP Bogotá", "S/4HANA Colombia", "Fábrica de Software", "Soporte SAP AMS", "Transformación Digital"],
17+
authors: [{ name: "Sistemas e Información S.A.S." }],
18+
openGraph: {
19+
title: "Sistemas e Información | Consultoría SAP y Transformación Digital",
20+
description: "Impulsamos su empresa con soluciones SAP de clase mundial y desarrollo de software a la medida.",
21+
url: "https://sistemaseinformacion.com.co",
22+
siteName: "Sistemas e Información",
23+
locale: "es_CO",
24+
type: "website",
25+
},
1326
};
1427

1528
export default function RootLayout({

0 commit comments

Comments
 (0)