Merge version_4 into main

Merge version_4 into main

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."
+      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. Nuestro compromiso con la excelencia garantiza un trabajo excepcionalmente limpio, puntual y duradero."
       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 costes ocultos en el presupuesto",          "Sin interrupciones innecesarias en su hogar",          "Sin dejar rastro de suciedad",          "Sin materiales de baja calidad",          "Sin compromisos ni demoras"],
       }}
       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: "Solicitar valoración", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-standing-ladder-carving-wall_23-2147889828.jpg" },
+        { id: "p2", name: "Interiores de Lujo", price: "Solicitar valoración", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378913.jpg" },
+        { id: "p3", name: "Locales Comerciales", price: "Solicitar valoración", 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: "Solicitar valoración", imageSrc: "http://img.b2bpic.net/free-photo/sand-background-blue-shades_23-2148254629.jpg" },
+        { id: "p5", name: "Edificios y Comunidades", price: "Solicitar valoración", imageSrc: "http://img.b2bpic.net/free-photo/oil-paint-tubes-painting_23-2149537628.jpg" },
+        { id: "p6", name: "Impermeabilización", price: "Solicitar valoración", 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>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
-  --card: #f3ede2;
-  --foreground: #2e2521;
-  --primary-cta: #c68a62;
+  --background: #e0f7fa;
+  --card: #b2ebf2;
+  --foreground: #004d40;
+  --primary-cta: #00796b;
   --primary-cta-text: #fcf6ec;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #80cbc4;
   --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
-  --background-accent: #b2a28b;
+  --accent: #009688;
+  --background-accent: #b2dfdb;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);