Add src/app/shorts-potreros/page.tsx
This commit is contained in:
223
src/app/shorts-potreros/page.tsx
Normal file
223
src/app/shorts-potreros/page.tsx
Normal file
@@ -0,0 +1,223 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
|
||||
export default function ShortsPotrerosPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio", href: "/"},
|
||||
{
|
||||
name: "Nosotros", href: "/#about"},
|
||||
{
|
||||
name: "Shorts", href: "/shorts-potreros"},
|
||||
{
|
||||
name: "Testimonios", href: "/#testimonials"},
|
||||
{
|
||||
name: "Contacto", href: "/#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition-dark_1284-52025.jpg"
|
||||
logoAlt="PotrerosFC Logo"
|
||||
brandName="PotrerosFC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="PotrerosFC"
|
||||
description="Descubre los shorts más auténticos para el verdadero fanático del fútbol. Calidad y pasión en cada hilo, diseñados para la cancha y la calle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Comprar Ahora", href: "#products"},
|
||||
{
|
||||
text: "Nuestra Historia", href: "/#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/soccer-shorts-arrangement_23-2149429780.jpg"
|
||||
imageAlt="Colección de shorts de fútbol PotrerosFC"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="La esencia del potrero en cada diseño."
|
||||
description="En PotrerosFC, no solo vendemos shorts, celebramos la cultura del fútbol callejero y la pasión que define a cada jugador. Cada pieza es un tributo a la autenticidad y al espíritu inquebrantable de la cancha."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Tejido Transpirable", description: "Mantente fresco y seco gracias a nuestros tejidos avanzados que maximizan la ventilación y gestionan la humedad.", imageSrc: "http://img.b2bpic.net/free-photo/water-droplets-surface-grey-textured-background_23-2148114556.jpg", imageAlt: "Tejido transpirable de alta tecnología"},
|
||||
{
|
||||
title: "Libertad de Movimiento", description: "Diseñados con cortes ergonómicos para una movilidad sin restricciones, permitiéndote ejecutar cada movimiento con total fluidez.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-athlete-ready-run_23-2148876522.jpg", imageAlt: "Jugador de fútbol mostrando libertad de movimiento"},
|
||||
{
|
||||
title: "Estampados Duraderos", description: "Nuestros diseños exclusivos están impresos con tecnología de última generación para resistir lavados y el paso del tiempo.", imageSrc: "http://img.b2bpic.net/free-photo/rich-african-man-stylish-traditional-clothes-hat-glasses-posed-studio-against-vintage-background_627829-3319.jpg", imageAlt: "Detalle de estampado duradero en un short"},
|
||||
]}
|
||||
title="Diseñados para el Rendimiento"
|
||||
description="Cada short de PotrerosFC combina materiales de alta calidad con un diseño pensado para el máximo rendimiento y un estilo inconfundible."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "short-1", name: "Short Verde Gladiador", price: "$29.99", variant: "Edición Limitada", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ed940KvW066lgOLTO5VmDhWeL1/uploaded-1780497405368-a8bebars.jpg", imageAlt: "Short verde y negro con patrones"},
|
||||
{
|
||||
id: "short-2", name: "Short Azul Campeón", price: "$34.99", variant: "Colección Mundial", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ed940KvW066lgOLTO5VmDhWeL1/uploaded-1780497405368-g6u3a4gx.jpg", imageAlt: "Short azul con estampados de la selección argentina"},
|
||||
{
|
||||
id: "short-3", name: "Short Rayas Rojas", price: "$24.99", variant: "Clásico", imageSrc: "http://img.b2bpic.net/free-photo/man-gray-shorts-summer-apparel-shoot_53876-108626.jpg", imageAlt: "Short con rayas rojas y blancas"},
|
||||
{
|
||||
id: "short-4", name: "Short Amarillo Élite", price: "$27.99", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/unrecognisable-basketball-player-front-view_23-2148393929.jpg", imageAlt: "Short amarillo y negro con diseño abstracto"},
|
||||
{
|
||||
id: "short-5", name: "Short Cuadros Azules", price: "$26.99", variant: "Retro", imageSrc: "http://img.b2bpic.net/free-vector/background-flat-geometric-shapes_1051-1056.jpg", imageAlt: "Short azul con patrón de cuadros"},
|
||||
{
|
||||
id: "short-6", name: "Short Camo Selva", price: "$31.99", variant: "Aventura", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-strong-man-tropical-jungle-field-with-red-motorbike_343596-2721.jpg", imageAlt: "Short verde militar con patrón de camuflaje"},
|
||||
]}
|
||||
title="Nuestra Colección Exclusiva de Shorts Potreros"
|
||||
description="Explora la variedad de nuestros shorts, cada uno con diseños únicos y la calidad que esperas de PotrerosFC."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"EstrellasFC", "Leyendas United", "Club del Potrero", "Máxima Pasión", "Goles y Glorias", "Unión Deportiva", "Furia Celeste"]}
|
||||
title="La Elección de los Campeones"
|
||||
description="Nuestros shorts son la preferencia de equipos y aficionados que viven el fútbol al máximo, confiando en nuestra calidad y diseño."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Comodidad Inigualable", quote: "¡Los mejores shorts que he usado! Perfectos para jugar y para el día a día. La comodidad es increíble y los diseños son únicos.", name: "Martín Rodríguez", role: "Jugador Amateur", imageSrc: "http://img.b2bpic.net/free-photo/male-athlete-standing-with-basketball-plastic-bottle-soft-blue-background_23-2148203716.jpg", imageAlt: "Martín Rodríguez"},
|
||||
{
|
||||
id: "2", title: "Pasión en cada Hilo", quote: "Sientes la pasión del fútbol cada vez que te los pones. La calidad es superior y me encanta que representen el verdadero espíritu potrero.", name: "Sofía Giménez", role: "Fanática del Fútbol", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-blouse-cardigan-looking-merry-front-view_176474-109580.jpg", imageAlt: "Sofía Giménez"},
|
||||
{
|
||||
id: "3", title: "Durabilidad Extrema", quote: "He lavado mis shorts innumerables veces y los estampados siguen intactos. ¡Son súper duraderos y aguantan cualquier partido!", name: "Diego Fernández", role: "Entrenador Juvenil", imageSrc: "http://img.b2bpic.net/free-photo/portrait-skeptical-young-hispanic-man-rate-something-normal-quality-show-okay-sign-grimacing_1258-113392.jpg", imageAlt: "Diego Fernández"},
|
||||
{
|
||||
id: "4", title: "Estilo que Destaca", quote: "No solo son cómodos, sino que también tienen un estilo brutal. Siempre recibo cumplidos cuando los uso. ¡Totalmente recomendados!", name: "Lucía Pereyra", role: "Influencer Deportiva", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg", imageAlt: "Lucía Pereyra"},
|
||||
{
|
||||
id: "5", title: "Compra Segura y Rápida", quote: "La experiencia de compra fue excelente, y el envío rapidísimo. La atención al cliente es de 10. ¡Volveré a comprar sin duda!", name: "Juan Pablo Soto", role: "Cliente Satisfecho", imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-young-caucasian-athlete-taking-off-his-mask-park_181624-50147.jpg", imageAlt: "Juan Pablo Soto"},
|
||||
]}
|
||||
title="Lo que dicen nuestros Potreros"
|
||||
description="Opiniones de clientes que ya sienten la pasión de nuestros shorts y recomiendan la calidad de PotrerosFC."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1", title: "¿Cómo elijo la talla correcta?", content: "Ofrecemos una guía de tallas detallada en la descripción de cada producto. Te recomendamos medirte y compararlo con nuestra tabla para asegurar el ajuste perfecto."},
|
||||
{
|
||||
id: "faq-2", title: "¿Cuáles son los métodos de pago aceptados?", content: "Aceptamos pagos con tarjeta de crédito/débito (Visa, Mastercard, American Express), PayPal y transferencias bancarias. Todos nuestros pagos son seguros y encriptados."},
|
||||
{
|
||||
id: "faq-3", title: "¿Realizan envíos internacionales?", content: "Actualmente, realizamos envíos a nivel nacional. Estamos trabajando para expandir nuestras entregas a nivel internacional próximamente. Mantente atento a nuestras novedades."},
|
||||
]}
|
||||
sideTitle="¿Tienes Preguntas?"
|
||||
sideDescription="Aquí respondemos las dudas más frecuentes sobre nuestros shorts y tu experiencia de compra en PotrerosFC."
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contáctanos"
|
||||
title="¿Listo para llevar tu pasión al siguiente nivel?"
|
||||
description="Déjanos tus datos y nos pondremos en contacto contigo para ayudarte a encontrar el short perfecto o resolver cualquier duda."
|
||||
buttons={[
|
||||
{
|
||||
text: "Enviar Mensaje", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Compañía", items: [
|
||||
{
|
||||
label: "Sobre Nosotros", href: "/#about"},
|
||||
{
|
||||
label: "Nuestros Valores", href: "#"},
|
||||
{
|
||||
label: "Trabaja con Nosotros", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Productos", items: [
|
||||
{
|
||||
label: "Shorts de Fútbol", href: "/shorts-potreros"},
|
||||
{
|
||||
label: "Novedades", href: "#"},
|
||||
{
|
||||
label: "Colecciones", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Ayuda", items: [
|
||||
{
|
||||
label: "Preguntas Frecuentes", href: "/#faq"},
|
||||
{
|
||||
label: "Contacto", href: "/#contact"},
|
||||
{
|
||||
label: "Política de Envíos", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 PotrerosFC. Todos los derechos reservados."
|
||||
bottomRightText="Hecho con pasión por el fútbol."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user