338 lines
12 KiB
TypeScript
338 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="blurBottom"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Inicio",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "Tienda",
|
|
id: "/tienda",
|
|
},
|
|
{
|
|
name: "Mi Cuenta",
|
|
id: "/mi-cuenta",
|
|
},
|
|
{
|
|
name: "Nosotros",
|
|
id: "/nosotros",
|
|
},
|
|
{
|
|
name: "Blog",
|
|
id: "/blog",
|
|
},
|
|
{
|
|
name: "Contacto",
|
|
id: "/contacto",
|
|
},
|
|
]}
|
|
button={{
|
|
text: "Ver Carrito",
|
|
href: "/carrito",
|
|
}}
|
|
topBarButton={{
|
|
text: "Iniciar Sesión",
|
|
href: "/mi-cuenta",
|
|
}}
|
|
logoSrc="http://img.b2bpic.net/free-vector/vintage-monochrome-serious-russian-bear-traditional-ushanka-hat_225004-600.jpg"
|
|
logoAlt="Oso Outfitters Logo"
|
|
brandName="Oso Outfitters"
|
|
/>
|
|
</div>
|
|
|
|
<div id="categories-all" data-section="categories-all">
|
|
<FeatureCardTwentyNine
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
title: "Armas Largas",
|
|
description: "Rifles, escopetas y carabinas para cada modalidad de tiro.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ak-47-gun-showcased-wooden-board_23-2150803648.jpg",
|
|
imageAlt: "Rifles de alto calibre",
|
|
titleImageSrc: "http://img.b2bpic.net/free-photo/retro-hunting-ammunition-rifle-binoculars-delicious-sausage-brown-bread-wooden-table_613910-13793.jpg",
|
|
buttonText: "Ver",
|
|
buttonHref: "/tienda?category=armas-largas",
|
|
},
|
|
{
|
|
title: "Armas Cortas",
|
|
description: "Pistolas, revólveres y pistolas de competición.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-soldier-camouflage-aiming-machine-gun-dark-wall_140725-153525.jpg",
|
|
imageAlt: "Pistolas semiautomáticas",
|
|
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-person-reloading-ammunition-bullets-into-pistol_482257-118224.jpg",
|
|
buttonText: "Ver",
|
|
buttonHref: "/tienda?category=armas-cortas",
|
|
},
|
|
{
|
|
title: "Municiones",
|
|
description: "Amplia selección de calibres y tipos de munición.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/png-three-golden-coffee-capsules-isolated-white-background_185193-165909.jpg",
|
|
imageAlt: "Cartuchos de munición",
|
|
titleImageSrc: "http://img.b2bpic.net/free-photo/modern-dslr-camera-memory-cards-camera-lens-extension-rings-memory-card_23-2148038899.jpg",
|
|
buttonText: "Ver",
|
|
buttonHref: "/tienda?category=municiones",
|
|
},
|
|
{
|
|
title: "Accesorios",
|
|
description: "Miras, silenciadores, culatas, grips y más para personalizar.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-powerful-gun_23-2150888655.jpg",
|
|
imageAlt: "Accesorios de armas",
|
|
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-gun-surrounded-by-bullets_23-2150803764.jpg",
|
|
buttonText: "Ver",
|
|
buttonHref: "/tienda?category=accesorios",
|
|
},
|
|
{
|
|
title: "Equipo de Protección",
|
|
description: "Lentes, orejeras, chalecos y guantes para tu seguridad.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/players-playing-paintball-soldier-outfits_114579-11847.jpg",
|
|
imageAlt: "Equipo de seguridad de tiro",
|
|
titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-young-soldier-uniform-with-gun-black-wall_140725-153115.jpg",
|
|
buttonText: "Ver",
|
|
buttonHref: "/tienda?category=proteccion",
|
|
},
|
|
{
|
|
title: "Limpieza y Mantenimiento",
|
|
description: "Kits y productos para el cuidado óptimo de tus armas.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3874.jpg",
|
|
imageAlt: "Herramientas de limpieza de armas",
|
|
titleImageSrc: "http://img.b2bpic.net/free-photo/angry-young-handsome-male-barber-uniform-holding-hair-clippers-with-pistol-isolated-blue-background_141793-63301.jpg",
|
|
buttonText: "Ver",
|
|
buttonHref: "/tienda?category=limpieza",
|
|
},
|
|
{
|
|
title: "Ropa y Gear Táctico",
|
|
description: "Indumentaria resistente y funcional para el campo.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-backpack_23-2148962794.jpg",
|
|
imageAlt: "Ropa táctica y botas",
|
|
titleImageSrc: "http://img.b2bpic.net/free-photo/glad-young-female-model-with-backpack-wears-red-headgear-yellow-raincoat-rubber-blue-boots_273609-26925.jpg",
|
|
buttonText: "Ver",
|
|
buttonHref: "/tienda?category=ropa",
|
|
},
|
|
{
|
|
title: "Blancos y Dianas",
|
|
description: "Todo para tu práctica y entrenamiento de tiro.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dart-target-arrow-hitting-bullseye-with-bokeh-background_1357-303.jpg",
|
|
imageAlt: "Dianas de tiro al blanco",
|
|
titleImageSrc: "http://img.b2bpic.net/free-photo/set-discs-cassettes_23-2147781453.jpg",
|
|
buttonText: "Ver",
|
|
buttonHref: "/tienda?category=blancos",
|
|
},
|
|
]}
|
|
title="Explora Todas las Categorías"
|
|
description="Desde lo esencial hasta lo especializado, nuestro catálogo abarca todo el espectro del tiro deportivo para equiparte completamente."
|
|
/>
|
|
</div>
|
|
|
|
<div id="all-products" data-section="all-products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "product-pistola-tactica",
|
|
brand: "Sig Sauer",
|
|
name: "Pistola Táctica P320",
|
|
price: "$18,500 MXN",
|
|
rating: 5,
|
|
reviewCount: "120",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/disabled-fencer-special-equipment-wheelchair_23-2149229610.jpg",
|
|
imageAlt: "Pistola Táctica Sig Sauer P320",
|
|
},
|
|
{
|
|
id: "product-rifle-precision",
|
|
brand: "Remington",
|
|
name: "Rifle de Precisión 700",
|
|
price: "$32,000 MXN",
|
|
rating: 5,
|
|
reviewCount: "95",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-suicide_1187-4530.jpg",
|
|
imageAlt: "Rifle de Precisión Remington 700",
|
|
},
|
|
{
|
|
id: "product-escopeta-caza",
|
|
brand: "Mossberg",
|
|
name: "Escopeta de Caza 500",
|
|
price: "$15,000 MXN",
|
|
rating: 4,
|
|
reviewCount: "110",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-modern-hunter-with-his-trophy-holds-rifle_613910-1918.jpg",
|
|
imageAlt: "Escopeta de Caza Mossberg 500",
|
|
},
|
|
{
|
|
id: "product-caja-municion",
|
|
brand: "Aguila Ammunition",
|
|
name: "Caja de Munición .22LR",
|
|
price: "$800 MXN",
|
|
rating: 5,
|
|
reviewCount: "200",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-rifle-bullet-shell-hand-war-ukraine-concept-war-ukraine_169016-67719.jpg",
|
|
imageAlt: "Caja de Munición .22LR Aguila Ammunition",
|
|
},
|
|
{
|
|
id: "product-kit-limpieza",
|
|
brand: "Hoppe's",
|
|
name: "Kit de Limpieza Universal",
|
|
price: "$1,200 MXN",
|
|
rating: 4,
|
|
reviewCount: "75",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/clueless-slavic-cleaner-man-holding-cleaning-cloths-spray-cleaner_141793-124507.jpg",
|
|
imageAlt: "Kit de Limpieza Universal Hoppe's",
|
|
},
|
|
{
|
|
id: "product-gafas-proteccion",
|
|
brand: "Pyramex",
|
|
name: "Gafas de Protección I-Force",
|
|
price: "$550 MXN",
|
|
rating: 5,
|
|
reviewCount: "150",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-steampunk-aviator-goggles_1385-1318.jpg",
|
|
imageAlt: "Gafas de Protección Pyramex I-Force",
|
|
},
|
|
{
|
|
id: "product-ar15-accesorios",
|
|
brand: "Magpul",
|
|
name: "Kit de Accesorios AR-15",
|
|
price: "$2,500 MXN",
|
|
rating: 5,
|
|
reviewCount: "80",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-gun-isolated-white-background_53876-42332.jpg",
|
|
imageAlt: "Kit de Accesorios Magpul AR-15",
|
|
},
|
|
{
|
|
id: "product-orejeras-electronicas",
|
|
brand: "Walker's",
|
|
name: "Orejeras Electrónicas Razor",
|
|
price: "$1,900 MXN",
|
|
rating: 5,
|
|
reviewCount: "130",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/excited-soldier-training-with-weapon-thrilled-after-accurately-hitting-bullseye_482257-118586.jpg",
|
|
imageAlt: "Orejeras Electrónicas Walker's Razor",
|
|
},
|
|
{
|
|
id: "product-chaleco-tactico",
|
|
brand: "5.11 Tactical",
|
|
name: "Chaleco Táctico Rush 2.0",
|
|
price: "$4,000 MXN",
|
|
rating: 4,
|
|
reviewCount: "60",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-hiking-together_23-2150382969.jpg",
|
|
imageAlt: "Chaleco Táctico 5.11 Tactical Rush 2.0",
|
|
},
|
|
]}
|
|
title="Nuestro Catálogo Completo"
|
|
description="Filtra, busca y encuentra el equipo perfecto. La calidad y el rendimiento que esperas de Oso Outfitters."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/old-wood-background_74190-7776.jpg?_wi=2"
|
|
imageAlt="Fondo robusto de bosque oscuro para footer"
|
|
logoSrc="http://img.b2bpic.net/free-vector/vintage-monochrome-serious-russian-bear-traditional-ushanka-hat_225004-600.jpg"
|
|
logoAlt="Oso Outfitters Logo"
|
|
logoText="Oso Outfitters"
|
|
columns={[
|
|
{
|
|
title: "Comprar",
|
|
items: [
|
|
{
|
|
label: "Armas Largas",
|
|
href: "/tienda?category=armas-largas",
|
|
},
|
|
{
|
|
label: "Armas Cortas",
|
|
href: "/tienda?category=armas-cortas",
|
|
},
|
|
{
|
|
label: "Municiones",
|
|
href: "/tienda?category=municiones",
|
|
},
|
|
{
|
|
label: "Accesorios",
|
|
href: "/tienda?category=accesorios",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Oso Outfitters",
|
|
items: [
|
|
{
|
|
label: "Nosotros",
|
|
href: "/nosotros",
|
|
},
|
|
{
|
|
label: "Mi Cuenta",
|
|
href: "/mi-cuenta",
|
|
},
|
|
{
|
|
label: "Blog",
|
|
href: "/blog",
|
|
},
|
|
{
|
|
label: "Contacto",
|
|
href: "/contacto",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Ayuda",
|
|
items: [
|
|
{
|
|
label: "Preguntas Frecuentes",
|
|
href: "/preguntas-frecuentes",
|
|
},
|
|
{
|
|
label: "Políticas de Envío",
|
|
href: "/politicas-envio",
|
|
},
|
|
{
|
|
label: "Políticas de Devolución",
|
|
href: "/politicas-devolucion",
|
|
},
|
|
{
|
|
label: "Aviso de Privacidad",
|
|
href: "/aviso-privacidad",
|
|
},
|
|
{
|
|
label: "Términos y Condiciones",
|
|
href: "/terminos-condiciones",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Oso Outfitters. Todos los derechos reservados."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|