An online store with a Basra, Syria identity
personal experience
Prompt
Role: You are a Senior UI/UX Designer and Frontend Developer specializing in 3D Web Experiences and Brand Identity. Task: Create a complete, high-end, responsive single-page e-commerce prototype (HTML/CSS/JS) for a luxury Syrian artisanal brand called "ุญุฑูุฑ | HAREER". Brand Concept & Identity: Concept: Modern Syrian Fusion โ blending rich Syrian heritage (Aleppo soap, Za'atar, Damask Rose, hand-crafted copper) with futuristic, sleek 3D e-commerce aesthetics. Style: 3D Neo-Brutalist Minimalism with Glassmorphism and subtle Levitation elements. Color Palette: Deep Obsidian/Forest Green (#0F1412), Accent Emerald (#2A5C43), Metallic Gold 3D (#D4AF37), Soft Rose (#E8C5C8), and Marble White (#F8F9FA). Key UI/UX Features to Implement: Fixed Glassmorphism Header: Floating logo with 3D icon effect, navigation links, and interactive cart button with count badge. Interactive 3D Hero Section: Floating 3D card framed by a sleek Syrian Arch mesh, CTA buttons, and ambient lighting glow. Interactive 3D Product Viewer Modal: Clicking any product opens a modal with a simulated 360-degree interactive 3D rotation effect triggered by mouse movement. Product Showcase Grid: Featuring 4 core categories (Aleppo Laurel Soap, Royal Za'atar, Damask Rose Tea, Modern Copper Ware) with Neumorphic card hover states. Features & Footer Sections: Delivery badges, brand story, quick links, and 3D floating icons. Technical Requirements: Single-file index.html structure with inline clean CSS (CSS Variables, Flexbox, CSS Grid, Perspective 3D) and Vanilla JS for interactive mouse-tilt and modal behaviors. RTL layout with Arabic font support (Tajawal). Master Prompt (ุชูููุฏ ุงููููุฉ ุงูุตูุฑูุฉ ุงููุงู ูุฉ ููู ุชุฌุฑ ุนุจุฑ AI Image Generator): Prompt: Full UI/UX website showcase presentation for a luxury Syrian e-commerce store "HAREER". Modern Syrian aesthetic, dark emerald green background (#0F1412) with metallic gold accents (#D4AF37). High-end 3D renders of authentic Syrian products: Aleppo laurel soap blocks, glass jars of Za'atar, Damask rose tea tins, and brushed copper pots floating in a 3D glassmorphic grid. Isometric perspective, studio lighting, photorealistic textures, 8k resolution, UI design mockup --ar 16:9 --v 6.0
A system prompt was added to support web rendering
