Go to file
Arda Samadi 5c64bbd66a Desktop product page: match design (gallery overlays + clean info column)
Gallery (desktop):
- portrait 3/4 box, object-contain so the photo isn't cropped
- prev/next arrows on the carousel
- save (heart) overlay top-left; AI try-on button "آنلاین پرو کن" at image bottom

Info column (desktop): hide the mobile action icon row (incl. share); clean
layout — title, star rating + review count, prominent price with old/strike,
color + size, buy row (chat + add-to-cart + qty stepper), assurance cards.
Mobile keeps its existing components (ProductActions / ProductInfo / BottomBar /
ContactButton are lg:hidden).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-14 23:31:58 +03:30
app Desktop product page: match design (gallery overlays + clean info column) 2026-06-14 23:31:58 +03:30
docs first 2026-04-29 01:44:16 +03:30
k8s first 2026-04-29 01:44:16 +03:30
public first 2026-04-29 01:44:16 +03:30
scripts first 2026-04-29 01:44:16 +03:30
src/api/types first 2026-04-29 01:44:16 +03:30
.dockerignore first 2026-04-29 01:44:16 +03:30
.env.development first 2026-04-29 01:44:16 +03:30
.env.example first 2026-04-29 01:44:16 +03:30
.env.production first 2026-04-29 01:44:16 +03:30
.eslintrc.cjs first 2026-04-29 01:44:16 +03:30
.gitignore first 2026-04-29 01:44:16 +03:30
bun.lock first 2026-04-29 01:44:16 +03:30
components.json first 2026-04-29 01:44:16 +03:30
DEPLOYMENT.md first 2026-04-29 01:44:16 +03:30
docker-compose.yml first 2026-04-29 01:44:16 +03:30
Dockerfile first 2026-04-29 01:44:16 +03:30
Dockerfile.dev first 2026-04-29 01:44:16 +03:30
generate-types.ps1 first 2026-04-29 01:44:16 +03:30
generate-types.sh first 2026-04-29 01:44:16 +03:30
openapi-generator-cli.jar first 2026-04-29 01:44:16 +03:30
package-lock.json first 2026-04-29 01:44:16 +03:30
package.json first 2026-04-29 01:44:16 +03:30
postcss.config.js first 2026-04-29 01:44:16 +03:30
README.md first commit 2026-04-29 01:42:54 +03:30
tailwind.config.ts first 2026-04-29 01:44:16 +03:30
tsconfig.json first 2026-04-29 01:44:16 +03:30
vite.config.ts first 2026-04-29 01:44:16 +03:30

Welcome to Remix - yay!

Development

Run the dev server:

npm run dev

Deployment

First, build your app for production:

npm run build

Then run the app in production mode:

npm start

Now you'll need to pick a host to deploy it to.

DIY

If you're familiar with deploying Node applications, the built-in Remix app server is production-ready.

Make sure to deploy the output of npm run build

  • build/server
  • build/client

Styling

This template comes with Tailwind CSS already configured for a simple default starting experience. You can use whatever css framework you prefer. See the Vite docs on css for more information.