meshkee-websites/mashinify
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Connect Meshkee APIs and add catalog, blog, and content pages.

Browse Source 
Wire user-products and blogs to the Website API, add about/contact/categories routes, and polish flat UI filters and page banners.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Alireza Hassani
2026-08-10 10:54:27 +03:30
co-authored by Cursor
parent e74e5ca45f
commit 8194b7292f
31 changed files with 2160 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/globals.css
+51 -3
View File
@@ -140,10 +140,11 @@ img {
gap: 0.5rem;
min-height: 3rem;
padding: 0.7rem 1.35rem;
border-radius: 0.75rem;
background: var(--brand);
color: #fff;
font-weight: 700;
transition: background 0.25s ease, transform 0.25s ease;
transition: background 0.2s ease;
}
.btn-primary:hover {
@@ -157,10 +158,11 @@ img {
gap: 0.5rem;
min-height: 3rem;
padding: 0.7rem 1.35rem;
border-radius: 0.75rem;
border: 1px solid rgba(255, 255, 255, 0.45);
color: #fff;
font-weight: 600;
transition: background 0.25s ease, border-color 0.25s ease;
transition: background 0.2s ease, border-color 0.2s ease;
}
.btn-ghost:hover {
@@ -168,6 +170,46 @@ img {
border-color: #fff;
}
.field-control {
border: 1px solid var(--line);
border-radius: 0.75rem;
background: #fff;
padding: 0.7rem 1rem;
color: var(--foreground);
outline: none;
transition: border-color 0.2s ease;
}
.field-control:focus,
.field-control:focus-within {
border-color: var(--brand);
}
.btn-secondary {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
min-height: 3rem;
padding: 0.7rem 1.35rem;
border-radius: 0.75rem;
border: 1px solid var(--brand);
color: var(--brand);
font-weight: 700;
background: #fff;
transition: background 0.2s ease, color 0.2s ease;
}
.btn-secondary:hover {
background: var(--brand);
color: #fff;
}
.filter-shell {
border: 1px solid var(--line);
border-radius: 1rem;
background: #fff;
}
@keyframes rise-in {
from {
opacity: 0;
@@ -205,8 +247,14 @@ img {
animation-delay: 0.36s;
}
.search-shell {
background: #fff;
border: 1px solid rgba(255, 255, 255, 0.55);
box-shadow: none;
}
.search-shell:focus-within {
animation: search-glow 1.6s ease infinite;
border-color: rgba(255, 255, 255, 0.8);
}
@media (prefers-reduced-motion: reduce) {