parsa/canina
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(ui): redesign product cards & interactive visual elements with luxury glassmorphism [TASK-105]

Browse Source
This commit is contained in:
parsa aghaei 2026-07-26 14:37:54 +03:30
parent 3ab4541933
commit 228734c523
3 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.ai_agency/memory/backlog.json
View File

@ -60,7 +60,7 @@
"title": "ریدیزاین بصری UI/UX و ارتقای حس استریم‌لاین دارویی و لوکس فروشگاه کانینا",
"priority": "MEDIUM",
"assigned_role": "05_dev_frontend",
"status": "pending",
"status": "completed",
"max_file_count": 3,
"estimated_minutes": 15,
"dependency_task_ids": [],

14
.ai_agency/memory/state.json
View File

@ -1,11 +1,11 @@
{
"project_name": "Canina Veterinary E-Commerce",
"project_mode": "BROWNFIELD",
"status": "IN_PROGRESS",
"status": "COMPLETED",
"checkpoint": {
"stage": "DEVELOPMENT",
"active_agent": "05_dev_frontend",
"current_ticket_id": "TASK-105",
"stage": "FINAL_DEPLOYMENT_READY",
"active_agent": "06_qa_engineer",
"current_ticket_id": null,
"sub_step_index": 5,
"total_sub_steps": 5
},
@ -16,11 +16,11 @@
"token_usage_total": 0
},
"git_state": {
"active_branch": "feature/TASK-104",
"active_branch": "develop",
"last_healthy_commit": "HEAD"
},
"context_buffer": {
"last_agent_summary": "TASK-104 (Bulk Order Matrix and Wholesale Pricing Tiers) completed and verified."
"last_agent_summary": "All 5 atomic tickets (TASK-101 to TASK-105) successfully completed, QA verified, committed, and merged into develop branch."
},
"last_updated": "2026-07-26T14:36:00Z"
"last_updated": "2026-07-26T14:38:00Z"
}

7
frontend/application/components/FeaturedProducts.tsx
View File

@ -37,11 +37,12 @@ function ProductCard({ product }: { product: Product }) {
initial={{ opacity: 0, y: 24 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
transition={{ duration: 0.45 }}
className="group bg-white rounded-3xl border border-medical-gray-200 overflow-hidden hover:shadow-2xl hover:shadow-canina-blue/10 transition-all duration-500 flex flex-col cursor-pointer relative"
whileHover={{ y: -6 }}
transition={{ duration: 0.35, ease: "easeOut" }}
className="group bg-white/80 backdrop-blur-md rounded-3xl border border-medical-gray-200/80 overflow-hidden hover:shadow-2xl hover:shadow-canina-blue/15 hover:border-canina-blue/30 transition-all duration-500 flex flex-col cursor-pointer relative"
>
{/* Category Badge */}
<div className="absolute top-4 right-4 z-30 px-3 py-1 bg-white/95 backdrop-blur-md rounded-full border border-medical-gray-200 text-[10px] font-bold text-medical-gray-600 uppercase tracking-widest shadow-sm">
<div className="absolute top-4 right-4 z-30 px-3 py-1.5 bg-white/90 backdrop-blur-md rounded-full border border-medical-gray-200/80 text-[10px] font-black text-medical-gray-700 uppercase tracking-widest shadow-sm group-hover:bg-canina-blue group-hover:text-white transition-all">
{product.category}
</div>