Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -29,126 +29,21 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Inicio",
-          id: "hero",
-        },
-        {
-          name: "Servicios",
-          id: "servicios",
-        },
-        {
-          name: "Sobre Nosotros",
-          id: "sobre-nosotros",
-        },
-        {
-          name: "Contacto",
-          id: "contacto",
-        },
+        { name: "Inicio", id: "hero" },
+        { name: "Servicios", id: "servicios" },
+        { name: "Sobre Nosotros", id: "sobre-nosotros" },
+        { name: "Contacto", id: "contacto" },
       ]}
-      brandName="Bike Center PR"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="DONDE EL CAMINO TERMINA, LA VERDADERA RUTA COMIENZA."
-      description="La tienda de ciclismo más completa y profesional de Manatí, Puerto Rico."
-      testimonials={[
-        {
-          name: "Michael Jimenez",
-          handle: "@mj",
-          testimonial: "Super profesional, enfocado en el cliente.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-wearing-helmet-posing-with-bicycle_23-2149749616.jpg",
-        },
-        {
-          name: "Neftali Torres",
-          handle: "@nt",
-          testimonial: "El mejor servicio al cliente.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-wearing-helmet-posing-with-bicycle_23-2149749611.jpg",
-        },
-        {
-          name: "Carlos Ruiz",
-          handle: "@cr",
-          testimonial: "La calidad de las piezas es inigualable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-wearing-helmet-posing-with-bicycle_23-2149749615.jpg",
-        },
-        {
-          name: "Ana Vega",
-          handle: "@av",
-          testimonial: "Excelente mantenimiento para mi bicicleta.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-bicycle-helmet_23-2149749657.jpg",
-        },
-        {
-          name: "Luis Diaz",
-          handle: "@ld",
-          testimonial: "El personal sabe exactamente qué necesitas.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-bmx-rider-waving-camera_23-2148288458.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Ver Servicios",
-          href: "#servicios",
-        },
-        {
-          text: "Contáctanos",
-          href: "#contacto",
-        },
-      ]}
+      background={{ variant: "gradient-bars" }}
+      title="Potencia Tu Pedaleo: Servicio Experto y Bicicletas Premium en Manatí"
+      description="La tienda de ciclismo más completa y profesional de Manatí, Puerto Rico. Elevamos tu experiencia en ruta con mantenimiento especializado y tecnología de vanguardia."
+      testimonials={[]}
       imageSrc="http://img.b2bpic.net/free-photo/grunge-abstract-metal-background_1048-9885.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/man-sitting-grass-his-mountain-bike_23-2148775562.jpg",
-          alt: "Cyclist 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-bicycle_23-2149213186.jpg",
-          alt: "Cyclist 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/female-cyclist-wearing-helmet-posing-with-bicycle_23-2149749605.jpg",
-          alt: "Cyclist 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-smiling-man_158595-1515.jpg",
-          alt: "Cyclist 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-athlete-standing-beach-against-sky_107420-96081.jpg",
-          alt: "Cyclist 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Specialized",
-        },
-        {
-          type: "text",
-          text: "Kross",
-        },
-        {
-          type: "text",
-          text: "Shimano",
-        },
-        {
-          type: "text",
-          text: "Garmin",
-        },
-        {
-          type: "text",
-          text: "SRAM",
-        },
-      ]}
     />
   </div>
 
@@ -156,16 +51,9 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Michael Jimenez (5★)",
-        "Neftali Torres (5★)",
-        "Carmelo Rodriguez (5★)",
-        "Harry Lopez (5★)",
-        "Juan Soto (5★)",
-        "Vidal González (5★)",
-      ]}
+      description="Opiniones reales de nuestra comunidad."
+      names={["Michael Jimenez (5★)", "Neftali Torres (5★)", "Carmelo Rodriguez (5★)", "Harry Lopez (5★)", "Juan Soto (5★)"]}
       title="Opiniones de nuestros ciclistas"
-      description="Lo que dicen en Google nuestros clientes."
     />
   </div>
 
@@ -173,40 +61,13 @@ export default function LandingPage() {
       <FeatureCardEight
       textboxLayout="default"
       useInvertedBackground={false}
+      description="Servicios integrales para todo tipo de ciclistas."
       features={[
-        {
-          title: "Bicicletas Premium",
-          description: "Specialized, Kross y otras marcas de clase mundial.",
-          imageSrc: "http://img.b2bpic.net/free-vector/cycle-sports-logo-template-bicycle-illustration-modern-design-vector_53876-151342.jpg",
-        },
-        {
-          title: "Taller Profesional",
-          description: "Mecánicos certificados expertos en alto rendimiento.",
-          imageSrc: "http://img.b2bpic.net/free-vector/bike-icon-with-colorful-wheels_1025-215.jpg",
-        },
-        {
-          title: "Equipo Pro",
-          description: "Accesorios esenciales para tu seguridad y comodidad.",
-          imageSrc: "http://img.b2bpic.net/free-vector/sacred-blade-poster_1017-2715.jpg",
-        },
-        {
-          title: "Nutrición",
-          description: "Suplementos para rendimiento dentro y fuera de la bici.",
-          imageSrc: "http://img.b2bpic.net/free-vector/pack-four-bikes-flat-design_23-2147675657.jpg",
-        },
-        {
-          title: "Facilidades de Pago",
-          description: "Múltiples métodos para que no pares de rodar.",
-          imageSrc: "http://img.b2bpic.net/free-vector/icons-about-bicycle_1172-117.jpg",
-        },
-        {
-          title: "Atención Personalizada",
-          description: "Orientación experta desde el primer momento.",
-          imageSrc: "http://img.b2bpic.net/free-photo/urban-transport-concept-with-bicycle_23-2148996410.jpg",
-        },
+        { title: "Bicicletas Premium", description: "Specialized, Kross y más.", imageSrc: "http://img.b2bpic.net/free-vector/cycle-sports-logo-template-bicycle-illustration-modern-design-vector_53876-151342.jpg" },
+        { title: "Taller Profesional", description: "Expertos en mantenimiento.", imageSrc: "http://img.b2bpic.net/free-vector/bike-icon-with-colorful-wheels_1025-215.jpg" },
+        { title: "Equipo Pro", description: "Seguridad y comodidad.", imageSrc: "http://img.b2bpic.net/free-vector/sacred-blade-poster_1017-2715.jpg" }
       ]}
       title="Lo que ofrecemos"
-      description="Servicios integrales para mantenerte rodando al máximo nivel."
     />
   </div>
 
@@ -215,132 +76,48 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Jaxsun",
-          handle: "Cliente",
-          testimonial: "Fui para un bike fit. Extremadamente profesionales.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-man-t-shirt-jeans-holding-bmx-isolated-dark-background_613910-1181.jpg",
-        },
-        {
-          id: "2",
-          name: "Al Nevis",
-          handle: "Cliente",
-          testimonial: "Servicio y atención profesional, gran variedad de MTB.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-cyclist-catching-his-breath_329181-8667.jpg",
-        },
-        {
-          id: "3",
-          name: "Alvin Campos",
-          handle: "Cliente",
-          testimonial: "La tienda es bien surtida y un muy buen trato.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-young-good-looking-male-photographer-standing-harbour-looking-how-sunset-reflects-sea-waves-dreaming-making-up-idea-taking-photo-beautiful-scenery-with-camera_176420-5098.jpg",
-        },
-        {
-          id: "4",
-          name: "Jose Edwin Ferrer",
-          handle: "Cliente",
-          testimonial: "Excelente trato de su dueño y empleados.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fitness-girl-stylish-sportswear-with-skipping-rope-dreamily-tranining-city-stadium_574295-2798.jpg",
-        },
-        {
-          id: "5",
-          name: "Pedro Morales",
-          handle: "Cliente",
-          testimonial: "Tenían todo lo que buscaba y el personal es súper atento.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/alone-man-walking-mountains-early-autumn_651396-1956.jpg",
-        },
-      ]}
+      description="Lo que dicen nuestros clientes sobre el servicio recibido."
+      testimonials={[]}
       showRating={true}
-      title="Testimonios de la Comunidad"
-      description="Experiencias reales en Bike Center PR."
+      title="Testimonios"
     />
   </div>
 
   <div id="sobre-nosotros" data-section="sobre-nosotros">
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
-      heading={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/girl-with-shopping-bags-mall-against-mannequins-showwindow_627829-8550.jpg",
-          alt: "Tienda Bike Center",
-        },
-        {
-          type: "text",
-          content: "Bike Center PR nació de una pasión genuina por el ciclismo. Desde Manatí, servimos a toda la isla. ¡Eres parte de la familia!",
-        },
-      ]}
+      heading={[{ type: "text", content: "Bike Center PR - Pasión por el ciclismo en Manatí." }]}
     />
   </div>
 
   <div id="contacto" data-section="contacto">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      text="Estamos en Comunidad Márquez, Calle Marginal #20, Coto Norte, Manatí. L-S 9AM-5PM. Tel: (787) 858-5755."
-    />
-  </div>
-
-  <div id="cta-banner" data-section="cta-banner">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="¿LISTO PARA RODAR? VISÍTANOS HOY."
-      buttons={[
-        {
-          text: "Cómo Llegar",
-          href: "#",
-        },
-      ]}
-    />
+      <ContactCTA
+        tag="Estamos listos"
+        title="Visita nuestro taller"
+        description="Comunidad Márquez, Calle Marginal #20, Coto Norte, Manatí. Lunes-Sábado 9AM-5PM."
+        buttons={[{ text: "(787) 858-5755", href: "tel:7878585755" }]}
+        background={{ variant: "plain" }}
+        useInvertedBackground={false}
+      />
+      <div className="container mx-auto p-8 rounded-lg overflow-hidden">
+         <iframe 
+            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3780.793740212879!2d-66.4962297!3d18.4239845!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8c02c638654b0e53%3A0x6d9f7e5b2e59e9a4!2sManat%C3%AD%2C%20Puerto%20Rico!5e0!3m2!1sen!2sus!4v1699999999999!5m2!1sen!2sus"
+            width="100%" height="400" style={{ border: 0 }} allowFullScreen loading="lazy">
+         </iframe>
+      </div>
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Bike Center PR"
-      columns={[
-        {
-          title: "Contacto",
-          items: [
-            {
-              label: "(787) 858-5755",
-              href: "tel:7878585755",
-            },
-            {
-              label: "WhatsApp",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Enlaces",
-          items: [
-            {
-              label: "Sitio Web Oficial",
-              href: "https://bikecenterpr.com",
-            },
-            {
-              label: "Política de Privacidad",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Bike Center PR. Todos los derechos reservados."
-    />
+      <FooterSimple
+        columns={[
+            { title: "Información", items: [{ label: "Contacto" }, { label: "Ubicación" }] },
+            { title: "Social", items: [{ label: "Facebook" }, { label: "Instagram" }] }
+        ]}
+        bottomLeftText="© 2024 Bike Center PR"
+        bottomRightText="Diseño Minimalista"
+      />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-lato), sans-serif;
+  font-family: var(--font-barlow-condensed), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-lato), sans-serif;
+  font-family: var(--font-barlow-condensed), sans-serif;
 }