558 lines
18 KiB
TypeScript
558 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import { Headphones, ShieldCheck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Inicio",
|
|
id: "#hero",
|
|
},
|
|
{
|
|
name: "Categorías",
|
|
id: "#categorias",
|
|
},
|
|
{
|
|
name: "Productos",
|
|
id: "#productos",
|
|
},
|
|
{
|
|
name: "Ventajas",
|
|
id: "#ventajas",
|
|
},
|
|
{
|
|
name: "Social",
|
|
id: "#redes-sociales",
|
|
},
|
|
{
|
|
name: "Nosotros",
|
|
id: "#nosotros",
|
|
},
|
|
]}
|
|
button={{
|
|
text: "Buscar",
|
|
href: "#",
|
|
}}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EfzTWa3wy34NXvkTnn5rG7oZS2/uploaded-1780584761677-5anj9xoo.png"
|
|
logoAlt="HYPERCORE Logo"
|
|
brandName="HYPERCORE"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
imagePosition="right"
|
|
title="La revolución a tus materiales deportivos"
|
|
description="Equipa tu Pasión con HYPERCORE. Descubre la más amplia selección de equipo deportivo de alta calidad para llevar tu rendimiento al siguiente nivel."
|
|
buttons={[
|
|
{
|
|
text: "Comprar Ahora",
|
|
href: "#productos",
|
|
},
|
|
{
|
|
text: "Ver Productos",
|
|
href: "#productos",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/fit-woman-training-indoors_23-2151717234.jpg"
|
|
imageAlt="Dynamic sports action"
|
|
mediaAnimation="slide-up"
|
|
fixedMediaHeight={true}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EfzTWa3wy34NXvkTnn5rG7oZS2/uploaded-1780584761677-5anj9xoo.png"
|
|
logoAlt="HYPERCORE Logo"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/fitness-girl-making-flexing-exercise_23-2148017399.jpg",
|
|
alt: "Fitness girl making flexing exercise",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/abstract-blur-gym_74190-3784.jpg",
|
|
alt: "Abstract blur gym",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/weights-shelf_23-2148017343.jpg",
|
|
alt: "Weights on shelf",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/baseball-bat-fitness-strap-dumbbells-skipping-rope-weights-headphone-shoes-wooden-textured-background_23-2147924688.jpg",
|
|
alt: "Baseball bat; fitness strap; dumbbells; skipping rope; weights; headphone and shoes on wooden textured background",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-african-man-smiling-posing-with-crossed-arms_176420-12636.jpg",
|
|
alt: "Happy customer testimonial",
|
|
},
|
|
]}
|
|
avatarText="Más de 100K clientes satisfechos"
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Envío Gratis en pedidos mayores a $50",
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Garantía de Satisfacción",
|
|
icon: ShieldCheck,
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Nuevos Productos Cada Semana",
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Soporte 24/7",
|
|
icon: Headphones,
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Calidad Premium Asegurada",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="categorias" data-section="categorias">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "cat-fitness",
|
|
title: "Fitness",
|
|
description: "Entrenamiento de fuerza y cardio para mantenerte en forma.",
|
|
tag: "Popular",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/barbell-ready-workout-gym-various-sizes-weight-plates_169016-40070.jpg",
|
|
imageAlt: "Fitness equipment",
|
|
buttons: [
|
|
{
|
|
text: "Ver más",
|
|
href: "#productos",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "cat-boxing",
|
|
title: "Boxeo y Artes Marciales",
|
|
description: "Protección y rendimiento para cada golpe.",
|
|
tag: "Combate",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-taekwondo-gymnasium_23-2150207140.jpg",
|
|
imageAlt: "Boxing gloves and punching bag",
|
|
buttons: [
|
|
{
|
|
text: "Ver más",
|
|
href: "#productos",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "cat-running",
|
|
title: "Running",
|
|
description: "Equipamiento ligero y duradero para corredores.",
|
|
tag: "Velocidad",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-muscular-afro-american-sportsman_171337-9461.jpg",
|
|
imageAlt: "Runner on a track",
|
|
buttons: [
|
|
{
|
|
text: "Ver más",
|
|
href: "#productos",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "cat-cycling",
|
|
title: "Ciclismo",
|
|
description: "Todo lo necesario para tus rutas urbanas o de montaña.",
|
|
tag: "Resistencia",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cartoon-sports-team_23-2151756285.jpg",
|
|
imageAlt: "Cyclist on a road",
|
|
buttons: [
|
|
{
|
|
text: "Ver más",
|
|
href: "#productos",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "cat-functional",
|
|
title: "Entrenamiento Funcional",
|
|
description: "Herramientas versátiles para un entrenamiento completo.",
|
|
tag: "Funcional",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fitness-sporty-girl-sportswear-stadium-outdoor-sports-happy-sexy-woman-workout-doing-exercises_627829-10237.jpg",
|
|
imageAlt: "Functional training equipment",
|
|
buttons: [
|
|
{
|
|
text: "Ver más",
|
|
href: "#productos",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "cat-accessories",
|
|
title: "Accesorios Deportivos",
|
|
description: "Comodidad y soporte para cada sesión de entrenamiento.",
|
|
tag: "Esenciales",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-with-neatly-arranged-organized-sport-items_23-2150275269.jpg",
|
|
imageAlt: "Sports accessories",
|
|
buttons: [
|
|
{
|
|
text: "Ver más",
|
|
href: "#productos",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
title="Explora Nuestras Categorías Destacadas"
|
|
description="Encuentra el equipo perfecto para cada disciplina y lleva tu entrenamiento al máximo."
|
|
/>
|
|
</div>
|
|
|
|
<div id="productos" data-section="productos">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "prod-football-kit",
|
|
brand: "HYPERCORE",
|
|
name: "Kit de Entrenamiento para Fútbol",
|
|
price: "$49.99",
|
|
rating: 5,
|
|
reviewCount: "120",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kids-posing-together_23-2149270914.jpg",
|
|
imageAlt: "Football training kit",
|
|
},
|
|
{
|
|
id: "prod-handgrip",
|
|
brand: "HYPERCORE",
|
|
name: "Hand Grip Ajustable",
|
|
price: "$14.99",
|
|
rating: 4.5,
|
|
reviewCount: "85",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girls-trainning_23-2147636896.jpg",
|
|
imageAlt: "Adjustable hand grip",
|
|
},
|
|
{
|
|
id: "prod-boxing-gloves",
|
|
brand: "Venum",
|
|
name: "Guantes de Boxeo Venum",
|
|
price: "$89.99",
|
|
rating: 5,
|
|
reviewCount: "150",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-asian-people-practicing-taekwondo_23-2150753764.jpg",
|
|
imageAlt: "Venum boxing gloves",
|
|
},
|
|
{
|
|
id: "prod-nike-duffle",
|
|
brand: "Nike",
|
|
name: "Tula Deportiva Nike",
|
|
price: "$39.99",
|
|
rating: 4,
|
|
reviewCount: "90",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-lying-skateboard_23-2147678101.jpg",
|
|
imageAlt: "Nike sports duffle bag",
|
|
},
|
|
{
|
|
id: "prod-resistance-bands",
|
|
brand: "HYPERCORE",
|
|
name: "Bandas de Resistencia",
|
|
price: "$29.99",
|
|
rating: 4.5,
|
|
reviewCount: "110",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-working-out-pink-wall-beauty-sport-exercise-athlete-workout-slim_140725-65605.jpg",
|
|
imageAlt: "Set of resistance bands",
|
|
},
|
|
{
|
|
id: "prod-finger-trainer",
|
|
brand: "HYPERCORE",
|
|
name: "Entrenador de Dedos",
|
|
price: "$19.99",
|
|
rating: 4,
|
|
reviewCount: "60",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/doctor-taking-care-afro-american-child_23-2151159883.jpg",
|
|
imageAlt: "Finger strength trainer",
|
|
},
|
|
{
|
|
id: "prod-polarized-glasses",
|
|
brand: "Rockbros",
|
|
name: "Gafas Deportivas Polarizadas",
|
|
price: "$59.99",
|
|
rating: 4.5,
|
|
reviewCount: "75",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-attractive-stylish-smiling-young-caucasian-woman-rider-choosing-active-healthy-lifestyle_343059-757.jpg",
|
|
imageAlt: "Polarized sports glasses",
|
|
},
|
|
{
|
|
id: "prod-thermal-bottle",
|
|
brand: "HYPERCORE",
|
|
name: "Botella Térmica Deportiva",
|
|
price: "$24.99",
|
|
rating: 5,
|
|
reviewCount: "130",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-near-lake_23-2148259506.jpg",
|
|
imageAlt: "Thermal sports bottle",
|
|
},
|
|
]}
|
|
title="PRODUCTOS DESTACADOS"
|
|
description="Nuestra selección de los artículos más populares y mejor valorados para atletas como tú."
|
|
/>
|
|
</div>
|
|
|
|
<div id="promociones" data-section="promociones">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "promo-shipping",
|
|
title: "Envíos a todo el país",
|
|
description: "Recibe tus productos en la puerta de tu casa, sin importar dónde te encuentres.",
|
|
tag: "Comodidad",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-online-freight-order-tracking_1048-5610.jpg",
|
|
imageAlt: "Delivery truck icon",
|
|
},
|
|
{
|
|
id: "promo-discounts",
|
|
title: "Descuentos especiales cada semana",
|
|
description: "Aprovecha nuestras ofertas y promociones exclusivas para equiparte al mejor precio.",
|
|
tag: "Ahorro",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-cute-dress-holding-present-sale-nameplate-red-shoppings_140725-149221.jpg",
|
|
imageAlt: "Discount tags",
|
|
},
|
|
{
|
|
id: "promo-quality",
|
|
title: "Productos de alta calidad",
|
|
description: "Solo trabajamos con las mejores marcas para garantizar la durabilidad y rendimiento.",
|
|
tag: "Garantía",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/certified-extended-warranty-service-label-with-security-shielded-sign_1017-62784.jpg",
|
|
imageAlt: "Quality badge",
|
|
},
|
|
]}
|
|
title="Beneficios Exclusivos HYPERCORE"
|
|
description="Tu experiencia de compra es nuestra prioridad. Disfruta de ventajas inigualables con cada pedido."
|
|
/>
|
|
</div>
|
|
|
|
<div id="ventajas" data-section="ventajas">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "why-quality",
|
|
title: "Calidad Garantizada",
|
|
description: "Cada artículo es seleccionado bajo estrictos estándares de calidad y rendimiento.",
|
|
tag: "Confianza",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/authorized-guaranteed-certificate-approved-product_53876-127708.jpg",
|
|
imageAlt: "Quality shield icon",
|
|
},
|
|
{
|
|
id: "why-fastshipping",
|
|
title: "Envíos Rápidos",
|
|
description: "Recibe tus pedidos en tiempo récord para que empieces a entrenar cuanto antes.",
|
|
tag: "Eficiencia",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229174.jpg",
|
|
imageAlt: "Fast shipping truck",
|
|
},
|
|
{
|
|
id: "why-personalattention",
|
|
title: "Atención Personalizada",
|
|
description: "Nuestro equipo te asesorará para que encuentres exactamente lo que necesitas.",
|
|
tag: "Soporte",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-isolated-white-background_141793-84105.jpg",
|
|
imageAlt: "Customer service headset",
|
|
},
|
|
]}
|
|
title="¿Por Qué Elegir HYPERCORE?"
|
|
description="Comprometidos con tu éxito, ofrecemos una experiencia de compra superior y productos que impulsan tu potencial."
|
|
/>
|
|
</div>
|
|
|
|
<div id="redes-sociales" data-section="redes-sociales">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "social-instagram",
|
|
title: "Instagram",
|
|
description: "@hypercore_digital_store",
|
|
tag: "Síguenos",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/electronic-gadgets-slate-coffee-with-mobile-social-media-icons_23-2147841372.jpg",
|
|
imageAlt: "Instagram logo",
|
|
buttons: [
|
|
{
|
|
text: "Visitar",
|
|
href: "https://www.instagram.com/hypercore_digital_store",
|
|
target: "_blank",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "social-tiktok",
|
|
title: "TikTok",
|
|
description: "@hypercore_store",
|
|
tag: "Síguenos",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-girls-dancing-together_23-2149602074.jpg",
|
|
imageAlt: "TikTok logo",
|
|
buttons: [
|
|
{
|
|
text: "Visitar",
|
|
href: "https://www.tiktok.com/@hypercore_store",
|
|
target: "_blank",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "social-youtube",
|
|
title: "YouTube",
|
|
description: "@HyperCore-x9d",
|
|
tag: "Síguenos",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-with-opened-laptop-headphones_23-2147934522.jpg",
|
|
imageAlt: "YouTube logo",
|
|
buttons: [
|
|
{
|
|
text: "Visitar",
|
|
href: "https://www.youtube.com/@HyperCore-x9d",
|
|
target: "_blank",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
title="Conéctate con HYPERCORE"
|
|
description="Síguenos en nuestras redes para no perderte las últimas novedades, ofertas exclusivas y contenido inspirador."
|
|
/>
|
|
</div>
|
|
|
|
<div id="nosotros" data-section="nosotros">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text",
|
|
content: "Acerca de HYPERCORE: Tu Aliado Deportivo",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Conoce Más",
|
|
href: "#",
|
|
},
|
|
{
|
|
text: "Nuestra Misión",
|
|
href: "#",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061422.jpg"
|
|
imageAlt="Diverse athletes training"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EfzTWa3wy34NXvkTnn5rG7oZS2/uploaded-1780584761677-5anj9xoo.png"
|
|
logoAlt="HYPERCORE Logo"
|
|
logoText="HYPERCORE"
|
|
columns={[
|
|
{
|
|
title: "Enlaces Rápidos",
|
|
items: [
|
|
{
|
|
label: "Inicio",
|
|
href: "#hero",
|
|
},
|
|
{
|
|
label: "Categorías",
|
|
href: "#categorias",
|
|
},
|
|
{
|
|
label: "Productos",
|
|
href: "#productos",
|
|
},
|
|
{
|
|
label: "Nosotros",
|
|
href: "#nosotros",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Atención al Cliente",
|
|
items: [
|
|
{
|
|
label: "Contacto",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Preguntas Frecuentes",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Política de Privacidad",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Síguenos",
|
|
items: [
|
|
{
|
|
label: "WhatsApp",
|
|
href: "https://wa.me/XXXXXXXXX",
|
|
},
|
|
{
|
|
label: "Instagram",
|
|
href: "https://www.instagram.com/hypercore_digital_store",
|
|
target: "_blank",
|
|
},
|
|
{
|
|
label: "TikTok",
|
|
href: "https://www.tiktok.com/@hypercore_store",
|
|
target: "_blank",
|
|
},
|
|
{
|
|
label: "YouTube",
|
|
href: "https://www.youtube.com/@HyperCore-x9d",
|
|
target: "_blank",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 HYPERCORE. Todos los derechos reservados."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|