bender/4914b1cc-e7db-4dcc-97ce-064793ec0543
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-05-09 16:12:01 +00:00
Conversation 0 Commits 2 Files Changed 2 +40 -265
2 changed files with 40 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

301
src/app/page.tsx
View File

@@ -2,14 +2,15 @@
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';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { MapPin, Clock, Phone } from "lucide-react";
export default function LandingPage() {
return (
@@ -29,22 +30,10 @@ 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"
/>
@@ -52,103 +41,11 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
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",
},
]}
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 +53,8 @@ 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★)",
]}
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>
@@ -174,39 +63,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
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,46 @@ 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",
},
]}
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" }}
/>
<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>
);
}
}

4
src/app/styles/base.css
View File

@@ -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;
}