Guides
Use and adapt roshn-reit
Use and adapt roshn-reit: ROSHN REIT real estate platform built with React + Vite, GSAP animations, and RTL Arabic layout
Use the documented interfaces and source layout for roshn-reit. The sections below retain the README’s examples and configuration details.
Highlights
- Arabic and English language switch with persisted preference
- RTL/LTR document direction switching
- Animated splash screen and page transitions
- Responsive hero with video desktop background and mobile artwork
- Project catalogue with filters and deep detail pages
- Project gallery lightbox and Three.js model viewer
- ScrollTrigger entrance and parallax animations
- Contact form validation and success animation
Routes
| Route | Purpose |
|---|---|
/ | Animated landing page |
/projects | Filterable project catalogue |
/projects/:id | Project details, gallery, map, model viewer, and inquiry form |
/about | Company story, mission, stats, and team |
/why-us | ROSHN advantages and testimonials |
/contact | Contact form and company contact details |
Screenshots
These screenshots were captured with Playwright at a wide desktop viewport after the splash and section animations settled.
Animated hero
Project section
About Us
Project details
Contact
Commands in the root manifest
The captured package.json declares the following scripts. Run them from the directory containing that manifest.
| Command | Script |
|---|---|
npm run dev | vite |
npm run build | vite build |
npm run lint | oxlint |
Troubleshoot a local change
- Reproduce the smallest example from the quick-start guide.
- Compare required configuration and dependency versions with the README.
- Check the linked issue tracker for the same error. Include the command, runtime version, and relevant error when reporting a problem; omit credentials.
Source and help
Source captured: 2026-10-11