diff --git a/prisma/initial_data.ts b/prisma/initial_data.ts index 5df1126..ed51774 100644 --- a/prisma/initial_data.ts +++ b/prisma/initial_data.ts @@ -1,10 +1,12 @@ +import { imagesBaseUrl } from "@/config"; + import type { CategorySlug } from "@/../generated/prisma/client"; export const categories = [ { title: "Polos", slug: "polos" as CategorySlug, - imgSrc: "/images/polos.jpg", + imgSrc: `${imagesBaseUrl}/polos.jpg`, alt: "Hombre luciendo polo azul", description: "Polos exclusivos con diseños que todo desarrollador querrá lucir. Ideales para llevar el código a donde vayas.", @@ -12,7 +14,7 @@ export const categories = [ { title: "Tazas", slug: "tazas" as CategorySlug, - imgSrc: "/images/tazas.jpg", + imgSrc: `${imagesBaseUrl}/tazas.jpg`, alt: "Tazas con diseño de código", description: "Tazas que combinan perfectamente con tu café matutino y tu pasión por la programación. ¡Empieza el día con estilo!", @@ -20,7 +22,7 @@ export const categories = [ { title: "Stickers", slug: "stickers" as CategorySlug, - imgSrc: "/images/stickers.jpg", + imgSrc: `${imagesBaseUrl}/stickers.jpg`, alt: "Stickers de desarrollo web", description: "Personaliza tu espacio de trabajo con nuestros stickers únicos y muestra tu amor por el desarrollo web.", @@ -30,7 +32,7 @@ export const categories = [ export const products = [ { title: "Polo React", - imgSrc: "/images/polos/polo-react.png", + imgSrc: `${imagesBaseUrl}/polos/polo-react.png`, price: 20.0, description: "Viste tu pasión por React con estilo y comodidad en cada línea de código.", @@ -45,7 +47,7 @@ export const products = [ }, { title: "Polo JavaScript", - imgSrc: "/images/polos/polo-js.png", + imgSrc: `${imagesBaseUrl}/polos/polo-js.png`, price: 20.0, description: "Deja que tu amor por JavaScript hable a través de cada hilo de este polo.", @@ -60,7 +62,7 @@ export const products = [ }, { title: "Polo Node.js", - imgSrc: "/images/polos/polo-node.png", + imgSrc: `${imagesBaseUrl}/polos/polo-node.png`, price: 20.0, description: "Conéctate al estilo con este polo de Node.js, tan robusto como tu código.", @@ -75,7 +77,7 @@ export const products = [ }, { title: "Polo TypeScript", - imgSrc: "/images/polos/polo-ts.png", + imgSrc: `${imagesBaseUrl}/polos/polo-ts.png`, price: 20.0, description: "Tipa tu estilo con precisión: lleva tu pasión por TypeScript en cada hilo.", @@ -90,7 +92,7 @@ export const products = [ }, { title: "Polo Backend Developer", - imgSrc: "/images/polos/polo-backend.png", + imgSrc: `${imagesBaseUrl}/polos/polo-backend.png`, price: 25.0, description: "Domina el servidor con estilo: viste con orgullo tu título de Backend Developer.", @@ -105,7 +107,7 @@ export const products = [ }, { title: "Polo Frontend Developer", - imgSrc: "/images/polos/polo-frontend.png", + imgSrc: `${imagesBaseUrl}/polos/polo-frontend.png`, price: 25.0, description: "Construye experiencias con estilo: luce con orgullo tu polo de Frontend Developer.", @@ -120,7 +122,7 @@ export const products = [ }, { title: "Polo Full-Stack Developer", - imgSrc: "/images/polos/polo-fullstack.png", + imgSrc: `${imagesBaseUrl}/polos/polo-fullstack.png`, price: 25.0, description: "Domina ambos mundos con estilo: lleva tu título de FullStack Developer en cada línea de tu look.", @@ -135,7 +137,7 @@ export const products = [ }, { title: "Polo It's A Feature", - imgSrc: "/images/polos/polo-feature.png", + imgSrc: `${imagesBaseUrl}/polos/polo-feature.png`, price: 15.0, description: "Cuando el bug se convierte en arte: lleva con orgullo tu polo 'It's a feature'.", @@ -150,7 +152,7 @@ export const products = [ }, { title: "Polo It Works On My Machine", - imgSrc: "/images/polos/polo-works.png", + imgSrc: `${imagesBaseUrl}/polos/polo-works.png`, price: 15.0, description: "El clásico del desarrollador: presume tu confianza con 'It works on my machine'.", @@ -165,7 +167,7 @@ export const products = [ }, { title: "Sticker JavaScript", - imgSrc: "/images/stickers/sticker-js.png", + imgSrc: `${imagesBaseUrl}/stickers/sticker-js.png`, price: 2.99, description: "Muestra tu amor por JavaScript con este elegante sticker clásico.", @@ -180,7 +182,7 @@ export const products = [ }, { title: "Sticker React", - imgSrc: "/images/stickers/sticker-react.png", + imgSrc: `${imagesBaseUrl}/stickers/sticker-react.png`, price: 2.49, description: "Decora tus dispositivos con el icónico átomo giratorio de React.", @@ -195,7 +197,7 @@ export const products = [ }, { title: "Sticker Git", - imgSrc: "/images/stickers/sticker-git.png", + imgSrc: `${imagesBaseUrl}/stickers/sticker-git.png`, price: 3.99, description: "Visualiza el poder del control de versiones con este sticker de Git.", @@ -210,7 +212,7 @@ export const products = [ }, { title: "Sticker Docker", - imgSrc: "/images/stickers/sticker-docker.png", + imgSrc: `${imagesBaseUrl}/stickers/sticker-docker.png`, price: 2.99, description: "La adorable ballena de Docker llevando contenedores en un sticker único.", @@ -225,7 +227,7 @@ export const products = [ }, { title: "Sticker Linux", - imgSrc: "/images/stickers/sticker-linux.png", + imgSrc: `${imagesBaseUrl}/stickers/sticker-linux.png`, price: 2.49, description: "El querido pingüino Tux, mascota oficial de Linux, en formato sticker.", @@ -240,7 +242,7 @@ export const products = [ }, { title: "Sticker VS Code", - imgSrc: "/images/stickers/sticker-vscode.png", + imgSrc: `${imagesBaseUrl}/stickers/sticker-vscode.png`, price: 2.49, description: "El elegante logo del editor favorito de los desarrolladores.", categoryId: 3, @@ -254,7 +256,7 @@ export const products = [ }, { title: "Sticker GitHub", - imgSrc: "/images/stickers/sticker-github.png", + imgSrc: `${imagesBaseUrl}/stickers/sticker-github.png`, price: 2.99, description: "El alojamiento de repositorios más popular en un sticker de alta calidad.", @@ -269,7 +271,7 @@ export const products = [ }, { title: "Sticker HTML", - imgSrc: "/images/stickers/sticker-html.png", + imgSrc: `${imagesBaseUrl}/stickers/sticker-html.png`, price: 2.99, description: "El escudo naranja de HTML5, el lenguaje que estructura la web.", @@ -284,7 +286,7 @@ export const products = [ }, { title: "Taza JavaScript", - imgSrc: "/images/tazas/taza-js.png", + imgSrc: `${imagesBaseUrl}/tazas/taza-js.png`, price: 14.99, description: "Disfruta tu café mientras programas con el logo de JavaScript.", @@ -299,7 +301,7 @@ export const products = [ }, { title: "Taza React", - imgSrc: "/images/tazas/taza-react.png", + imgSrc: `${imagesBaseUrl}/tazas/taza-react.png`, price: 13.99, description: "Una taza que hace render de tu bebida favorita con estilo React.", @@ -314,7 +316,7 @@ export const products = [ }, { title: "Taza Git", - imgSrc: "/images/tazas/taza-git.png", + imgSrc: `${imagesBaseUrl}/tazas/taza-git.png`, price: 12.99, description: "Commit a tu rutina diaria de café con esta taza de Git.", categoryId: 2, @@ -328,7 +330,7 @@ export const products = [ }, { title: "Taza SQL", - imgSrc: "/images/tazas/taza-sql.png", + imgSrc: `${imagesBaseUrl}/tazas/taza-sql.png`, price: 15.99, description: "Tu amor por los lenguajes estructurados en una taza de SQL.", categoryId: 2, @@ -342,7 +344,7 @@ export const products = [ }, { title: "Taza Linux", - imgSrc: "/images/tazas/taza-linux.png", + imgSrc: `${imagesBaseUrl}/tazas/taza-linux.png`, price: 13.99, description: "Toma tu café con la libertad que solo Linux puede ofrecer.", categoryId: 2, @@ -356,7 +358,7 @@ export const products = [ }, { title: "Taza GitHub", - imgSrc: "/images/tazas/taza-github.png", + imgSrc: `${imagesBaseUrl}/tazas/taza-github.png`, price: 14.99, description: "Colabora con tu café en esta taza con el logo de GitHub.", categoryId: 2, diff --git a/public/images/hero.jpg b/public/images/hero.jpg deleted file mode 100644 index e97876c..0000000 Binary files a/public/images/hero.jpg and /dev/null differ diff --git a/public/images/polos.jpg b/public/images/polos.jpg deleted file mode 100644 index 925630f..0000000 Binary files a/public/images/polos.jpg and /dev/null differ diff --git a/public/images/polos/polo-backend.png b/public/images/polos/polo-backend.png deleted file mode 100644 index 7cf4eb9..0000000 Binary files a/public/images/polos/polo-backend.png and /dev/null differ diff --git a/public/images/polos/polo-feature.png b/public/images/polos/polo-feature.png deleted file mode 100644 index cd5baa5..0000000 Binary files a/public/images/polos/polo-feature.png and /dev/null differ diff --git a/public/images/polos/polo-frontend.png b/public/images/polos/polo-frontend.png deleted file mode 100644 index fd60002..0000000 Binary files a/public/images/polos/polo-frontend.png and /dev/null differ diff --git a/public/images/polos/polo-fullstack.png b/public/images/polos/polo-fullstack.png deleted file mode 100644 index 9f72803..0000000 Binary files a/public/images/polos/polo-fullstack.png and /dev/null differ diff --git a/public/images/polos/polo-js.png b/public/images/polos/polo-js.png deleted file mode 100644 index 6736016..0000000 Binary files a/public/images/polos/polo-js.png and /dev/null differ diff --git a/public/images/polos/polo-node.png b/public/images/polos/polo-node.png deleted file mode 100644 index b89ad3f..0000000 Binary files a/public/images/polos/polo-node.png and /dev/null differ diff --git a/public/images/polos/polo-react.png b/public/images/polos/polo-react.png deleted file mode 100644 index 01e0e41..0000000 Binary files a/public/images/polos/polo-react.png and /dev/null differ diff --git a/public/images/polos/polo-ts.png b/public/images/polos/polo-ts.png deleted file mode 100644 index 8638555..0000000 Binary files a/public/images/polos/polo-ts.png and /dev/null differ diff --git a/public/images/polos/polo-works.png b/public/images/polos/polo-works.png deleted file mode 100644 index 89b3907..0000000 Binary files a/public/images/polos/polo-works.png and /dev/null differ diff --git a/public/images/stickers.jpg b/public/images/stickers.jpg deleted file mode 100644 index 13b90ba..0000000 Binary files a/public/images/stickers.jpg and /dev/null differ diff --git a/public/images/stickers/sticker-docker.png b/public/images/stickers/sticker-docker.png deleted file mode 100644 index 3b16a70..0000000 Binary files a/public/images/stickers/sticker-docker.png and /dev/null differ diff --git a/public/images/stickers/sticker-git.png b/public/images/stickers/sticker-git.png deleted file mode 100644 index 670da23..0000000 Binary files a/public/images/stickers/sticker-git.png and /dev/null differ diff --git a/public/images/stickers/sticker-github.png b/public/images/stickers/sticker-github.png deleted file mode 100644 index 53cc3d5..0000000 Binary files a/public/images/stickers/sticker-github.png and /dev/null differ diff --git a/public/images/stickers/sticker-html.png b/public/images/stickers/sticker-html.png deleted file mode 100644 index bbce95d..0000000 Binary files a/public/images/stickers/sticker-html.png and /dev/null differ diff --git a/public/images/stickers/sticker-js.png b/public/images/stickers/sticker-js.png deleted file mode 100644 index 32b72c3..0000000 Binary files a/public/images/stickers/sticker-js.png and /dev/null differ diff --git a/public/images/stickers/sticker-linux.png b/public/images/stickers/sticker-linux.png deleted file mode 100644 index a92a548..0000000 Binary files a/public/images/stickers/sticker-linux.png and /dev/null differ diff --git a/public/images/stickers/sticker-react.png b/public/images/stickers/sticker-react.png deleted file mode 100644 index 45f1dd5..0000000 Binary files a/public/images/stickers/sticker-react.png and /dev/null differ diff --git a/public/images/stickers/sticker-vscode.png b/public/images/stickers/sticker-vscode.png deleted file mode 100644 index 5b3bc77..0000000 Binary files a/public/images/stickers/sticker-vscode.png and /dev/null differ diff --git a/public/images/tazas.jpg b/public/images/tazas.jpg deleted file mode 100644 index 583b47e..0000000 Binary files a/public/images/tazas.jpg and /dev/null differ diff --git a/public/images/tazas/taza-git.png b/public/images/tazas/taza-git.png deleted file mode 100644 index f30284a..0000000 Binary files a/public/images/tazas/taza-git.png and /dev/null differ diff --git a/public/images/tazas/taza-github.png b/public/images/tazas/taza-github.png deleted file mode 100644 index 5de43f1..0000000 Binary files a/public/images/tazas/taza-github.png and /dev/null differ diff --git a/public/images/tazas/taza-js.png b/public/images/tazas/taza-js.png deleted file mode 100644 index 968652d..0000000 Binary files a/public/images/tazas/taza-js.png and /dev/null differ diff --git a/public/images/tazas/taza-linux.png b/public/images/tazas/taza-linux.png deleted file mode 100644 index 807339e..0000000 Binary files a/public/images/tazas/taza-linux.png and /dev/null differ diff --git a/public/images/tazas/taza-react.png b/public/images/tazas/taza-react.png deleted file mode 100644 index 6f242e7..0000000 Binary files a/public/images/tazas/taza-react.png and /dev/null differ diff --git a/public/images/tazas/taza-sql.png b/public/images/tazas/taza-sql.png deleted file mode 100644 index f69a69a..0000000 Binary files a/public/images/tazas/taza-sql.png and /dev/null differ diff --git a/src/config.ts b/src/config.ts index 0df88ca..923265e 100644 --- a/src/config.ts +++ b/src/config.ts @@ -1,3 +1,5 @@ export const API_URL = "http://localhost:3000/api"; export const TOKEN_KEY = "auth_token"; export const LOCAL_CART_KEY = "cart"; +export const imagesBaseUrl = + "https://fullstock-images.s3.us-east-2.amazonaws.com"; diff --git a/src/routes/home/index.tsx b/src/routes/home/index.tsx index c4525f0..8a929fb 100644 --- a/src/routes/home/index.tsx +++ b/src/routes/home/index.tsx @@ -3,6 +3,7 @@ import { Link } from "react-router"; import { Truck, Return, Ribbon, Idea } from "@/components/icons"; import { Button, Container } from "@/components/ui"; +import { imagesBaseUrl } from "@/config"; import type { Category } from "@/models/category.model"; import { getAllCategories } from "@/services/category.service"; @@ -22,6 +23,7 @@ export async function loader() { export default function Home({ loaderData }: Route.ComponentProps) { const { categories } = loaderData; + const heroSrc = `${imagesBaseUrl}/hero.jpg`; const features = [ { @@ -55,7 +57,9 @@ export default function Home({ loaderData }: Route.ComponentProps) { return ( <> -
+

Nuevos productos disponibles