Dayroz Technologies — Company Website

The public site for Dayroz Technologies at dayroz.com: services, products, a track record of case studies, an about page and a contact funnel. Angular 20 with standalone components and signals, SCSS, and a hand-rolled design system (Emerald & Gold, Sora + Inter) — no component library.

Case-study pages for the agency dashboards render the real interface as an interactive demo — click, filter, drag and page through it — on sample data with no backend. The Products section is fully data-driven: a store listing or web app going live is a data change, not a UI change.

The Dayroz web app lives inside the same Angular app under /dayroz — sign-in, prayer times, to-dos, expenses, zakat, trains and 20+ other tool screens — so the site stays one deployment: Docker build to nginx on Railway, prerendered routes served as static files, SPA fallback only for the web app.

Key Features

• Every public route prerendered, with per-route SEO: title, description, canonical and Open Graph, plus sitemap and robots.
• Interactive dashboard demos embedded in case-study pages.
• Data-driven product cards with store badges, login button and status chip.
• Dayroz web app with auth guard and 20+ tool screens.
• Contact form posting straight to PostgREST, with honeypot spam protection.
• Dark / light theming and scroll-reveal motion.
• Legal pages per product (privacy policy, terms of service).
• Preview captures and share cards generated with headless Chrome.

Technology

• Angular 20
• SSR / prerender
• SCSS
• Supabase
• Leaflet
• Docker + nginx
• Railway