218 lines
11 KiB
TypeScript
218 lines
11 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 HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
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="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Oso Outfitters"
|
|
description="Domina el Terreno. Tu destino para equipo de tiro deportivo de alta calidad y aventura. Preparados para la acción, siempre."
|
|
buttons={[
|
|
{
|
|
text: "Ver Catálogo", href: "/tienda"},
|
|
{
|
|
text: "Contáctanos", href: "/contacto"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/excited-soldier-training-with-weapon-thrilled-after-accurately-hitting-bullseye_482257-125391.jpg"
|
|
imageAlt="Hombre apuntando con rifle en un paisaje montañoso"
|
|
videoAriaLabel="Video del Hero de Oso Outfitters"
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-categories" data-section="featured-categories">
|
|
<FeatureCardTwentyNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Armas Largas", description: "Rifles y escopetas de precisión para cada desafío. La potencia que necesitas.", imageSrc: "http://img.b2bpic.net/free-photo/shotgun-bullets_53876-15100.jpg", imageAlt: "Rifles de cacería en estante", titleImageSrc: "http://img.b2bpic.net/free-vector/weapon-icons-set_1284-5254.jpg", buttonText: "Ver Rifles", buttonHref: "/tienda?category=armas-largas"},
|
|
{
|
|
title: "Armas Cortas", description: "Pistolas confiables y ergonómicas. Control total en cada disparo.", imageSrc: "http://img.b2bpic.net/free-photo/young-serious-blonde-handsome-man-holds-gun-isolated-white-background-with-copy-space_141793-65630.jpg", imageAlt: "Pistolas de tiro deportivo", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-shotgun-showcased-black-background_23-2150803562.jpg", buttonText: "Ver Pistolas", buttonHref: "/tienda?category=armas-cortas"},
|
|
{
|
|
title: "Municiones", description: "La carga perfecta para cada calibre. Precisión y consistencia garantizadas.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gun-surrounded-by-bullets_23-2150803618.jpg", imageAlt: "Municiones para rifle y pistola", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-gun-surrounded-by-bullets_23-2150803606.jpg", buttonText: "Ver Municiones", buttonHref: "/tienda?category=municiones"},
|
|
]}
|
|
title="Explora Nuestras Categorías Clave"
|
|
description="Encuentra todo lo que necesitas para tu pasión por el tiro deportivo y la aventura al aire libre."
|
|
/>
|
|
</div>
|
|
|
|
<div id="best-selling-products" data-section="best-selling-products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "product-1", brand: "Sig Sauer", name: "Pistola Táctica P320", price: "$18,500 MXN", rating: 5,
|
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-powerful-gun_23-2150888663.jpg", imageAlt: "Pistola Táctica Sig Sauer P320"},
|
|
{
|
|
id: "product-2", brand: "Remington", name: "Rifle de Precisión 700", price: "$32,000 MXN", rating: 5,
|
|
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/aiming-gun_53876-32439.jpg", imageAlt: "Rifle de Precisión Remington 700"},
|
|
{
|
|
id: "product-3", brand: "Mossberg", name: "Escopeta de Caza 500", price: "$15,000 MXN", rating: 4,
|
|
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/cowboy-background-concept_23-2149396013.jpg", imageAlt: "Escopeta de Caza Mossberg 500"},
|
|
{
|
|
id: "product-4", brand: "Aguila Ammunition", name: "Caja de Munición .22LR", price: "$800 MXN", rating: 5,
|
|
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-spray-cans-left-underground-ghetto_482257-124640.jpg", imageAlt: "Caja de Munición .22LR Aguila Ammunition"},
|
|
{
|
|
id: "product-5", brand: "Hoppe's", name: "Kit de Limpieza Universal", price: "$1,200 MXN", rating: 4,
|
|
reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/close-up-circuit-reparing-tool_23-2148419200.jpg", imageAlt: "Kit de Limpieza Universal Hoppe's"},
|
|
{
|
|
id: "product-6", brand: "Pyramex", name: "Gafas de Protección I-Force", price: "$550 MXN", rating: 5,
|
|
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/cycling-is-my-biggest-passion_329181-8655.jpg", imageAlt: "Gafas de Protección Pyramex I-Force"},
|
|
]}
|
|
title="Nuestros Más Vendidos"
|
|
description="Descubre los productos favoritos de nuestros clientes, probados en el terreno y respaldados por la comunidad de tiradores."
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-oso-outfitters" data-section="why-oso-outfitters">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="¿Por Qué Oso Outfitters?"
|
|
description="Somos más que una tienda; somos tu aliado para dominar el terreno. Con años de experiencia y una pasión inquebrantable por el tiro deportivo, ofrecemos asesoría experta y una selección inigualable de productos."
|
|
metrics={[
|
|
{
|
|
value: "10+", title: "Años de Experiencia"},
|
|
{
|
|
value: "500+", title: "Productos Premium"},
|
|
{
|
|
value: "99%", title: "Clientes Satisfechos"},
|
|
]}
|
|
tag="Nuestra Ventaja"
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-carpenter-work-place_613910-2613.jpg"
|
|
imageAlt="Experto en tiro deportivo asesorando en tienda"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Planes de Suscripción Premium"
|
|
description="Eleva tu experiencia con nuestros planes exclusivos, diseñados para tiradores serios y entusiastas que buscan más."
|
|
plans={[
|
|
{
|
|
title: "Básico", price: "$99/mes", features: ["Acceso a catálogo", "Soporte estándar"],
|
|
buttonText: "Elegir Básico", buttonHref: "/planes/basico"},
|
|
{
|
|
title: "Pro", price: "$199/mes", features: ["Todo del Básico", "Descuentos exclusivos", "Acceso anticipado a productos"],
|
|
buttonText: "Elegir Pro", buttonHref: "/planes/pro"},
|
|
{
|
|
title: "Elite", price: "$299/mes", features: ["Todo del Pro", "Asesoría personalizada", "Envío prioritario"],
|
|
buttonText: "Elegir Elite", buttonHref: "/planes/elite"}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/old-wood-background_74190-7776.jpg"
|
|
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>
|
|
);
|
|
}
|