feat: update Dockerfile, add category pages, fonts and product images

Rebuild Docker setup with simplified nginx-only Dockerfile (build runs
on host). Add category detail pages, IRANSans font files, product
images, and update all landing sections.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
s.esmaeili
2026-10-07 00:45:51 +03:30
co-authored by Claude Opus 4.6
parent e31ef5a21f
commit bb7f1e3378
33 changed files with 920 additions and 196 deletions
+47 -21
View File
@@ -1,20 +1,46 @@
@import "tailwindcss";
/* ---- local fonts (replaces next/font/local) ----
Same family names, fallback faces and metric overrides that next/font generated, so text
(including Persian glyphs inside font-mono, which fall back to the size-adjusted Arial face)
renders exactly as before. */
/* ---- local fonts ---- */
@font-face {
font-family: "vazirmatn";
src: url("/fonts/Vazirmatn-Variable.woff2") format("woff2");
font-weight: 100 900;
font-family: "IRANSans";
src: url("/fonts/IRANSansWeb_UltraLight.woff2") format("woff2");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "vazirmatn Fallback";
font-family: "IRANSans";
src: url("/fonts/IRANSansWeb_Light.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IRANSans";
src: url("/fonts/IRANSansWeb.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IRANSans";
src: url("/fonts/IRANSansWeb_Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IRANSans";
src: url("/fonts/IRANSansWeb_Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IRANSans Fallback";
src: local("Arial");
ascent-override: 102.54%;
descent-override: 53.71%;
ascent-override: 100%;
descent-override: 35%;
line-gap-override: 0%;
size-adjust: 100%;
}
@@ -49,23 +75,23 @@
}
:root {
--font-vazirmatn: "vazirmatn", "vazirmatn Fallback", Tahoma, system-ui, sans-serif;
--font-iransans: "IRANSans", "IRANSans Fallback", Tahoma, system-ui, sans-serif;
--font-ibm-plex-mono: "ibmPlexMono", "ibmPlexMono Fallback", ui-monospace, monospace;
}
@theme {
--font-sans: var(--font-vazirmatn), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; /* font variables defined in :root above */
--font-mono: var(--font-ibm-plex-mono), "Vazirmatn", ui-monospace, monospace; /* font variables defined in :root above */
--font-sans: var(--font-iransans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
--font-mono: var(--font-ibm-plex-mono), "IRANSans", ui-monospace, monospace;
--color-bg: #0a0a0c;
--color-panel: #121216;
--color-panel-2: #17171c;
--color-bg: #0b1224;
--color-panel: #101a32;
--color-panel-2: #152040;
--color-ink: #edede6;
--color-muted: #8e8e96;
--color-muted: #8e9ab0;
--color-accent: #ff5a00;
--color-accent-soft: #ff7a2a;
--color-hazard: #ffb800;
--color-line: #232329;
--color-line: #1e2d4d;
--animate-marquee: marquee 32s linear infinite;
--animate-spin-slow: spin-slow 18s linear infinite;
@@ -162,7 +188,7 @@ body {
background: var(--color-bg);
}
::-webkit-scrollbar-thumb {
background: #2c2c33;
background: #253558;
border-radius: 8px;
border: 2px solid var(--color-bg);
}
@@ -175,7 +201,7 @@ body {
background-image: repeating-linear-gradient(
-45deg,
#ffb800 0 14px,
#0a0a0c 14px 28px
#0b1224 14px 28px
);
}
@@ -214,6 +240,6 @@ body {
background-image: repeating-linear-gradient(
45deg,
#ffb800 0 10px,
#0a0a0c 10px 20px
#0b1224 10px 20px
);
}