Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 47213628ee | |||
| 2d04d52a34 |
300
src/app/page.tsx
300
src/app/page.tsx
@@ -31,30 +31,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Experiencia",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Proyectos",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Experiencia", id: "about" },
|
||||
{ name: "Servicios", id: "features" },
|
||||
{ name: "Proyectos", id: "products" },
|
||||
{ name: "Opiniones", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
{ name: "EN / ES / DE", id: "hero" }
|
||||
]}
|
||||
brandName="FG Pintor Marbella"
|
||||
/>
|
||||
@@ -63,65 +46,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="FG Pintor Marbella: Excelencia en Pintura de Lujo"
|
||||
description="Transformamos hogares y negocios en la Costa del Sol con más de 20 años de experiencia. Especialistas en pinturas impermeabilizantes contra el salitre y acabados de alta gama. Hablamos español, inglés y alemán."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2548.jpg",
|
||||
alt: "Cliente Satisfecho 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-happy-woman-with-coffee-cup_23-2148973391.jpg",
|
||||
alt: "Cliente Satisfecho 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/artist-looking-through-album-desk_23-2148372249.jpg",
|
||||
alt: "Cliente Satisfecho 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-fashionable-young-man-trendy-headwear-sitting-wooden-table-coffee-shop_273609-1757.jpg",
|
||||
alt: "Cliente Satisfecho 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg",
|
||||
alt: "Cliente Satisfecho 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2548.jpg", alt: "Cliente Satisfecho 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-happy-woman-with-coffee-cup_23-2148973391.jpg", alt: "Cliente Satisfecho 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/artist-looking-through-album-desk_23-2148372249.jpg", alt: "Cliente Satisfecho 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-fashionable-young-man-trendy-headwear-sitting-wooden-table-coffee-shop_273609-1757.jpg", alt: "Cliente Satisfecho 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg", alt: "Cliente Satisfecho 5" },
|
||||
]}
|
||||
avatarText="+500 Proyectos de Éxito"
|
||||
buttons={[
|
||||
{
|
||||
text: "Solicitar Presupuesto",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Ver Nuestros Proyectos",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Solicitar Presupuesto", href: "#contact" },
|
||||
{ text: "Ver Nuestros Proyectos", href: "#products" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Más de 20 años de experiencia",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Especialistas en protección anti-salitre",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Acabados premium garantizados",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Atención personalizada",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Proyectos en toda la Costa del Sol",
|
||||
},
|
||||
{ type: "text", text: "Más de 20 años de experiencia" },
|
||||
{ type: "text", text: "Especialistas en protección anti-salitre" },
|
||||
{ type: "text", text: "Acabados premium garantizados" },
|
||||
{ type: "text", text: "Atención personalizada" },
|
||||
{ type: "text", text: "Proyectos en toda la Costa del Sol" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,21 +77,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Dos Décadas de Perfección"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Años de Experiencia",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Proyectos Terminados",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
label: "Protección Salitre",
|
||||
value: "100%",
|
||||
},
|
||||
{ icon: Award, label: "Años de Experiencia", value: "20+" },
|
||||
{ icon: ShieldCheck, label: "Proyectos Terminados", value: "500+" },
|
||||
{ icon: Droplets, label: "Protección Salitre", value: "100%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -158,21 +92,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Sin compromisos ni demoras",
|
||||
"Sin materiales de baja calidad",
|
||||
"Sin dejar rastro de suciedad",
|
||||
"Sin costes ocultos en el presupuesto",
|
||||
"Sin interrupciones innecesarias en su hogar",
|
||||
],
|
||||
"Sin compromisos ni demoras", "Sin materiales de baja calidad", "Sin dejar rastro de suciedad", "Sin costes ocultos en el presupuesto", "Sin interrupciones innecesarias en su hogar"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Pinturas impermeabilizantes resistentes al salitre",
|
||||
"Tratamiento especializado para fachadas costeras",
|
||||
"Acabados de lujo en interiores y exteriores",
|
||||
"Uso de materiales ecológicos de larga duración",
|
||||
"Gestión integral de proyectos de renovación",
|
||||
],
|
||||
"Pinturas impermeabilizantes resistentes al salitre", "Tratamiento especializado para fachadas costeras", "Acabados de lujo en interiores y exteriores", "Uso de materiales ecológicos de larga duración", "Gestión integral de proyectos de renovación"],
|
||||
}}
|
||||
title="Por qué elegirnos"
|
||||
description="Combinamos productos premium con técnicas especializadas para resistir el duro clima costero."
|
||||
@@ -186,42 +110,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Fachadas Exteriores",
|
||||
price: "Consulta precio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-standing-ladder-carving-wall_23-2147889828.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Interiores de Lujo",
|
||||
price: "Consulta precio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378913.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Locales Comerciales",
|
||||
price: "Consulta precio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/staircase-near-blue-wall-garage-leading-yellow-door_181624-11430.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Protección contra Salitre",
|
||||
price: "Consulta precio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sand-background-blue-shades_23-2148254629.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Edificios y Comunidades",
|
||||
price: "Consulta precio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oil-paint-tubes-painting_23-2149537628.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Impermeabilización",
|
||||
price: "Consulta precio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/uncooked-turkish-ravioli-board-blue-background_114579-39818.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Fachadas Exteriores", price: "Consulta precio", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-standing-ladder-carving-wall_23-2147889828.jpg" },
|
||||
{ id: "p2", name: "Interiores de Lujo", price: "Consulta precio", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378913.jpg" },
|
||||
{ id: "p3", name: "Locales Comerciales", price: "Consulta precio", imageSrc: "http://img.b2bpic.net/free-photo/staircase-near-blue-wall-garage-leading-yellow-door_181624-11430.jpg" },
|
||||
{ id: "p4", name: "Protección contra Salitre", price: "Consulta precio", imageSrc: "http://img.b2bpic.net/free-photo/sand-background-blue-shades_23-2148254629.jpg" },
|
||||
{ id: "p5", name: "Edificios y Comunidades", price: "Consulta precio", imageSrc: "http://img.b2bpic.net/free-photo/oil-paint-tubes-painting_23-2149537628.jpg" },
|
||||
{ id: "p6", name: "Impermeabilización", price: "Consulta precio", imageSrc: "http://img.b2bpic.net/free-photo/uncooked-turkish-ravioli-board-blue-background_114579-39818.jpg" },
|
||||
]}
|
||||
title="Nuestros Servicios"
|
||||
description="Desde villas de lujo hasta locales comerciales, cubrimos todas sus necesidades de pintura."
|
||||
@@ -234,63 +128,19 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Carlos M.",
|
||||
role: "Propietario",
|
||||
company: "Villa Marbella",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-student-passed-exams-having-fun-with-university-mates-international-office-workers-discussing-about-new-company-goals_197531-3749.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena S.",
|
||||
role: "Arquitecta",
|
||||
company: "Estudio Costa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-ladies-looking-smartphone-bench_23-2147950216.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Hans W.",
|
||||
role: "Inversor",
|
||||
company: "Real Estate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-small-blackboard_1098-1156.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Maria L.",
|
||||
role: "Residente",
|
||||
company: "Puerto Banús",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Stefan B.",
|
||||
role: "Gerente",
|
||||
company: "Comunidad",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-4269.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Carlos M.", role: "Propietario", company: "Villa Marbella", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-student-passed-exams-having-fun-with-university-mates-international-office-workers-discussing-about-new-company-goals_197531-3749.jpg" },
|
||||
{ id: "t2", name: "Elena S.", role: "Arquitecta", company: "Estudio Costa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/laughing-ladies-looking-smartphone-bench_23-2147950216.jpg" },
|
||||
{ id: "t3", name: "Hans W.", role: "Inversor", company: "Real Estate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-holding-small-blackboard_1098-1156.jpg" },
|
||||
{ id: "t4", name: "Maria L.", role: "Residente", company: "Puerto Banús", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg" },
|
||||
{ id: "t5", name: "Stefan B.", role: "Gerente", company: "Comunidad", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-4269.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Valoración",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfacción",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Recomendados",
|
||||
},
|
||||
{ value: "5/5", label: "Valoración" },
|
||||
{ value: "100%", label: "Satisfacción" },
|
||||
{ value: "95%", label: "Recomendados" },
|
||||
]}
|
||||
title="Clientes Satisfechos"
|
||||
description="La confianza de nuestros clientes es nuestro mayor orgullo."
|
||||
description="Nuestros clientes valoran nuestra profesionalidad, puntualidad y la durabilidad de nuestros acabados premium en toda la Costa del Sol."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -298,21 +148,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Hablan otros idiomas?",
|
||||
content: "Sí, atendemos en español, inglés y alemán para una comunicación fluida.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Protegen las casas del salitre?",
|
||||
content: "Absolutamente. Utilizamos productos de alta gama diseñados específicamente para resistir ambientes salinos costeros.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Cómo solicito un presupuesto?",
|
||||
content: "Simplemente envíenos un correo a felipe594701@gmail.com o llámenos al 604 171316 especificando el tipo de trabajo y superficie.",
|
||||
},
|
||||
{ id: "f1", title: "¿Hablan otros idiomas?", content: "Sí, atendemos en español, inglés y alemán para una comunicación fluida." },
|
||||
{ id: "f2", title: "¿Protegen las casas del salitre?", content: "Absolutamente. Utilizamos productos de alta gama diseñados específicamente para resistir ambientes salinos costeros." },
|
||||
{ id: "f3", title: "¿Cómo solicito un presupuesto?", content: "Simplemente envíenos un correo a felipe594701@gmail.com o llámenos al 604 171316 especificando el tipo de trabajo y superficie." },
|
||||
]}
|
||||
sideTitle="Preguntas Frecuentes"
|
||||
sideDescription="Respondemos a sus dudas más comunes sobre nuestros servicios profesionales."
|
||||
@@ -323,21 +161,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contacto"
|
||||
title="Solicite su Presupuesto"
|
||||
description="Estamos listos para transformar su espacio. Contacte hoy mismo por email o teléfono para una valoración personalizada."
|
||||
title="¿Necesitas un presupuesto?"
|
||||
description="Solicita tu valoración personalizada hoy mismo. Estamos disponibles vía email o teléfono para asesorarte."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email: felipe594701@gmail.com",
|
||||
href: "mailto:felipe594701@gmail.com",
|
||||
},
|
||||
{
|
||||
text: "Llamar: 604 171316",
|
||||
href: "tel:+34604171316",
|
||||
},
|
||||
{ text: "Enviar Email", href: "mailto:felipe594701@gmail.com" },
|
||||
{ text: "Llamar ahora: 604 171316", href: "tel:+34604171316" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -346,36 +176,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="FG Pintor Marbella"
|
||||
columns={[
|
||||
{
|
||||
title: "Servicios",
|
||||
items: [
|
||||
{
|
||||
label: "Fachadas",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Interiores",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Comercial",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
{
|
||||
label: "604 171316",
|
||||
href: "tel:+34604171316",
|
||||
},
|
||||
{
|
||||
label: "felipe594701@gmail.com",
|
||||
href: "mailto:felipe594701@gmail.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Servicios", items: [{ label: "Fachadas", href: "#" }, { label: "Interiores", href: "#" }, { label: "Comercial", href: "#" }] },
|
||||
{ title: "Contacto", items: [{ label: "604 171316", href: "tel:+34604171316" }, { label: "felipe594701@gmail.com", href: "mailto:felipe594701@gmail.com" }] },
|
||||
]}
|
||||
copyrightText="© 2024 FG Pintor Marbella. Todos los derechos reservados."
|
||||
/>
|
||||
@@ -383,4 +185,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #fcf6ec;
|
||||
--card: #f3ede2;
|
||||
--foreground: #2e2521;
|
||||
--primary-cta: #c68a62;
|
||||
--background: #40E0D0;
|
||||
--card: #20B2AA;
|
||||
--foreground: #000000;
|
||||
--primary-cta: #008B8B;
|
||||
--primary-cta-text: #fcf6ec;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #AFEEEE;
|
||||
--secondary-cta-text: #2e2521;
|
||||
--accent: #b2a28b;
|
||||
--background-accent: #b2a28b;
|
||||
--accent: #20B2AA;
|
||||
--background-accent: #00CED1;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user