Tu problemase vuelve software.

Código ilustrativo · Rafael Mota, Toyota// Código ilustrativo · inventario y página por vehículo
export default async function Inventario({ searchParams }) {
  const filtros = leerFiltros(searchParams)   // marca, año, precio
  const autos = await buscarAutos(filtros)

  return (
    <Vitrina>
      <Filtros valores={filtros} />
      {autos.map((auto) => (
        <TarjetaAuto key={auto.id} auto={auto}
          href={`/inventario/${auto.slug}`} />
      ))}
    </Vitrina>
  )
}

// área administrativa: solo se entra con login
export const config = { matcher: ['/admin/:path*'] }

Código ilustrativo · Somos Green Life// Código ilustrativo · catálogo en español
export function Catalogo({ productos }) {
  return (
    <section lang="es">
      <h1>El arte de vivir bien</h1>
      <ul className="grid">
        {productos.map((p) => (
          <Producto key={p.id} {...p}
            pedir={() => abrirWhatsApp(p)} />
        ))}
      </ul>
    </section>
  )
}

// panel de gestión: /admin → /admin/login
<Route path="/admin" element={<Protegida />}>
  <Route path="productos" element={<Productos />} />
  <Route path="ventas" element={<Ventas />} />
</Route>

Código ilustrativo · Crevally Black// Código ilustrativo · tienda y pedidos
export function Producto({ producto }) {
  const [color, setColor] = useState(producto.colores[0])
  const [talla, setTalla] = useState(null)
  const stock = producto.stock[color]?.[talla] ?? 0

  return (
    <article>
      <Galeria fotos={producto.fotos[color]} />
      <Selector colores={producto.colores} valor={color} onChange={setColor} />
      <Tallas stock={producto.stock[color]} onChange={setTalla} />
      <button disabled={!stock}>
        Agregar al carrito
      </button>
    </article>
  )
}

Código ilustrativo · Toka Restaurante<!-- Código ilustrativo · menú y reserva -->
<header class="hero">
  <h1>Tōka</h1>
  <p>El arte de las llamas</p>
  <a class="btn" href="#menu">El menú</a>
  <a class="btn" href="https://wa.me/...">Reservar</a>
</header>

<section id="menu">
  <h2>Platos</h2>
  <ul class="galeria"><!-- platos --></ul>
</section>

Código ilustrativo · Hospital Vet// Código ilustrativo · servicios y citas
export default function Inicio() {
  return (
    <>
      <Hero titulo="Salud. Cuidado. Hospital." />
      <Servicios items={servicios} />
      <Agendar
        canal="whatsapp"
        mensaje="Quiero agendar una cita"
      />
    </>
  )
}

Código ilustrativo · Nova Living// Código ilustrativo · vitrina de productos
export function Vitrina({ coleccion }) {
  return (
    <main>
      <Destacado titulo="El arte de vivir bien." />
      <Grilla>
        {coleccion.productos.map((p) => (
          <Item key={p.id} producto={p} />
        ))}
      </Grilla>
      <Checkout />
    </main>
  )
}