[V0_FILE]typescriptreact:file="app/page.tsx" import Image from "next/image" import Link from "next/link" import { ChevronRight, ShoppingCart, Star } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardFooter } from "@/components/ui/card" export default function Home() { return (

{/* Navbar */}

NASAKI

{/* Hero Section */}

El Futuro de los Accesorios para Motocicletas

Descubre nuestra colección exclusiva de accesorios de alta tecnología diseñados para los motociclistas del mañana.

{/* Featured Products */}

Productos Destacados

Ver todos

{featuredProducts.map((product) => (

{product.isNew && (

NUEVO

)}

{Array(5) .fill(0) .map((_, i) => ( ))} ({product.reviews})

{product.name}

{product.description}

${product.price} {product.oldPrice && ( ${product.oldPrice} )}

))}

{/* Categories */}

Nuestras Categorías

{categories.map((category) => (

{category.name}

{category.description}

Explorar

))}

{/* About Section */}

Desde 2025

Innovación y Excelencia

Sobre NASAKI

En NASAKI, nos dedicamos a redefinir la experiencia de conducción de motocicletas a través de accesorios innovadores y de alta calidad. Nuestra pasión por la tecnología y el diseño futurista nos impulsa a crear productos que no solo mejoran el rendimiento, sino que también elevan el estilo de tu motocicleta.

Fundada por un equipo de entusiastas de las motocicletas y expertos en tecnología, NASAKI representa la perfecta fusión entre funcionalidad avanzada y estética vanguardista. Cada producto es meticulosamente diseñado y probado para garantizar la máxima durabilidad y rendimiento.

{stats.map((stat) => (

{stat.value}

{stat.label}

))}

{/* Newsletter */}

Únete a la Revolución NASAKI

Suscríbete a nuestro boletín para recibir las últimas noticias, lanzamientos de productos y ofertas exclusivas.

{/* Footer */}

) } // Sample data const featuredProducts = [ { id: 1, name: "Casco Quantum X-9000", description: "Casco integral con HUD integrado y conectividad Bluetooth avanzada para una experiencia de conducción inmersiva.", price: 599.99, oldPrice: 699.99, image: "/placeholder.svg?height=400&width=400", rating: 5, reviews: 124, isNew: true, }, { id: 2, name: "Guantes Táctiles Neuro-Grip", description: "Guantes con sensores táctiles y calefacción integrada. Control total en cualquier condición climática.", price: 149.99, image: "/placeholder.svg?height=400&width=400", rating: 4, reviews: 89, isNew: false, }, { id: 3, name: "Sistema de Navegación Holográfico", description: "Proyección holográfica de mapas y datos de conducción en tiempo real. Compatible con todos los modelos.", price: 349.99, oldPrice: 399.99, image: "/placeholder.svg?height=400&width=400", rating: 5, reviews: 56, isNew: true, }, { id: 4, name: "Chaqueta Aerodinámica Protectora", description: "Chaqueta con protecciones de carbono y sistema de airbag integrado. Máxima seguridad con estilo futurista.", price: 499.99, image: "/placeholder.svg?height=400&width=400", rating: 4, reviews: 42, isNew: false, }, ] const categories = [ { id: 1, name: "Protección Avanzada", description: "Equipamiento de seguridad con tecnología de punta", image: "/placeholder.svg?height=600&width=800", icon: ShoppingCart, }, { id: 2, name: "Conectividad", description: "Sistemas inteligentes para tu motocicleta", image: "/placeholder.svg?height=600&width=800", icon: ShoppingCart, }, { id: 3, name: "Rendimiento", description: "Mejora el desempeño de tu máquina", image: "/placeholder.svg?height=600&width=800", icon: ShoppingCart, }, { id: 4, name: "Iluminación", description: "Sistemas LED y láser de última generación", image: "/placeholder.svg?height=600&width=800", icon: ShoppingCart, }, { id: 5, name: "Personalización", description: "Dale un toque único a tu motocicleta", image: "/placeholder.svg?height=600&width=800", icon: ShoppingCart, }, { id: 6, name: "Almacenamiento", description: "Soluciones de carga modernas y aerodinámicas", image: "/placeholder.svg?height=600&width=800", icon: ShoppingCart, }, ] const stats = [ { label: "Productos", value: "200+", }, { label: "Clientes Satisfechos", value: "10K+", }, { label: "Países", value: "25+", }, { label: "Años de Innovación", value: "5+", }, ] [V0_FILE]typescriptreact:file="tailwind.config.js" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } [V0_FILE]css:file="app/globals.css" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 0%; --foreground: 0 0% 100%; --card: 0 0% 4%; --card-foreground: 0 0% 100%; --popover: 0 0% 4%; --popover-foreground: 0 0% 100%; --primary: 0 80% 50%; --primary-foreground: 0 0% 100%; --secondary: 0 0% 9%; --secondary-foreground: 0 0% 100%; --muted: 0 0% 9%; --muted-foreground: 0 0% 60%; --accent: 0 80% 50%; --accent-foreground: 0 0% 100%; --destructive: 0 62% 30%; --destructive-foreground: 0 0% 100%; --border: 0 59% 30%; --input: 0 0% 9%; --ring: 0 80% 50%; --radius: 0.5rem; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } }