Premium institutional web platform for a luxury real estate development firm.
This project is a high-end, editorial-style institutional web platform built for Paradigm Companies, a multidisciplinary real estate firm operating in the Mid-Atlantic region.
The primary objective was to replace a generic legacy layout with a premium, performance-oriented digital experience that reflects the company's authority in luxury real estate, construction, and property management. It features a scalable component architecture, a strongly typed dynamic data layer, and cinematic-grade animations.
- Cinematic Hero Animations: High-performance staggered letter-by-letter reveal sequences using
framer-motionwith dynamic blur and glow effects. - Dynamic Data Layer: Complete backend-as-code implementation (
src/data) mocking a headless CMS for properties, leadership team, awards, and testimonials. - Interactive Modals: Fully accessible, keyboard-navigable executive biography modals for the C-Suite leadership team.
- Advanced Portfolio Filtering: Client-side multi-criteria search and filtering (by city, property type, and text search) for the communities portfolio.
- Premium Design System: Custom tailored Navy, Gold, and Cream token palette implemented via Tailwind config, utilizing asymmetrical bento-grid layouts and bespoke typography.
| Technology | Purpose |
|---|---|
| React 19 | Core UI library for component-based architecture |
| TypeScript | Strict type safety for data models and component props |
| Vite | Ultra-fast build tool and development server |
| Tailwind CSS | Utility-first styling and custom design system tokens |
| Framer Motion | Complex orchestrations and cinematic layout animations |
| React Router | Client-side routing and declarative navigation |
src/
├── components/ # Reusable UI elements (Header, Footer, Cards, Modals)
├── data/ # Strongly typed data layer (properties.ts, team.ts, etc.)
├── pages/ # Main route views (Home, About, Communities, Contact)
├── App.tsx # Application router configuration
├── main.tsx # React application entry point
└── tailwind.config # Design system tokens (colors, typography, animations)
Prerequisites: Node.js 18+
- Clone the repository
git clone https://github.com/HenriqueHintz/paradigm-corporate-platform.git- Install dependencies
npm install- Run the development server
npm run dev- Build for production
npm run build🟢 Production-Ready: The MVP is complete, optimized, and ready for deployment.
Author
Henrique Hintz
GitHub: https://github.com/HenriqueHintz
Instagram: https://www.instagram.com/henriquehtz/