Premio Homes - Luxury Real Estate Landing Page

Premio Homes is a high-end, cinematic real estate landing page built with modern web technologies. It features a premium design aesthetic, immersive 3D elements, and a transparent investment structure for properties in New Lahore City.

✨ Features

• Cinematic Hero Section: Features a high-quality video background with scrollytelling parallax effects.
• Investment & Pricing Page: A dedicated page showcasing flexible 3.5-year payment plans and available property units.
• Immersive UI/UX: Built with Framer Motion for smooth transitions, liquid blobs, and magnetic button interactions.
• 3 Marla Payment Plan: Detailed financial breakdown for 3 Marla units, including booking, installments, and possession details.
• Property Gallery: High-resolution showcase of luxury living spaces.
• Responsive Design: Fully optimized for mobile, tablet, and desktop viewing.

🛠️ Tech Stack

• Framework: React + Vite
• Animations: Framer Motion
• Styling: Vanilla CSS with modern Design Tokens
• Icons: SVG & Custom Iconry
• Routing: React Router

🚀 Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/musman2403/premiohomes.git

2. Navigate to the project directory:

   cd premiohomes

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

🏗️ Project Structure

• src/components: Reusable UI components (Hero, PaymentPlan, Apartments, etc.)
• src/pages: Individual page layouts (Home, Pricing, Gallery, About)
• src/assets: Images, videos, and global styles
• src/data: Static content and property information

📞 Contact

For more information about Premio Homes, visit our website at www.premiohomes.com or reach out via WhatsApp.

---

Built with ❤️ for Premio Homes.