diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..d5fad3b --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,129 @@ +/* Premium House Hunting Application - RentEaze Pro */ + +/* --- Google Fonts --- */ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap'); + +/* --- Design System Integration --- */ +:root { + --void-black: #0D0D12; + --obsidian: #1A1A24; + --electric-violet: #8B5CF6; + --cyber-blue: #3B82F6; + --neon-pink: #EC4899; + --text-primary: rgba(255, 255, 255, 0.9); + --text-secondary: rgba(255, 255, 255, 0.6); + --border-radius-card: 28px; +} + +body { + background-color: var(--void-black); + color: var(--text-primary); + font-family: 'Inter', sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +h1, h2, h3, h4, h5, h6 { + font-family: 'Space Grotesk', sans-serif; + font-weight: 700; + color: var(--text-primary); +} + +.gradient-text { + background: linear-gradient(135deg, var(--electric-violet), var(--cyber-blue)); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +/* --- Advanced Glassmorphism --- */ +.glass-card { + background: rgba(26, 26, 36, 0.6); + backdrop-filter: blur(24px) saturate(180%); + -webkit-backdrop-filter: blur(24px) saturate(180%); + border: 1.5px solid rgba(139, 92, 246, 0.2); + border-radius: var(--border-radius-card); + transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); + overflow: hidden; +} + +/* --- 3D Interactive Elements --- */ +.property-card-premium { + perspective: 1000px; +} + +.property-card-premium:hover { + transform: translateY(-16px) translateZ(30px) scale(1.05); + border-color: rgba(139, 92, 246, 0.6); + box-shadow: + 0 32px 64px rgba(139, 92, 246, 0.2), + 0 0 0 1px rgba(236, 72, 153, 0.1); +} + +/* --- Components --- */ +.btn-premium { + background: linear-gradient(135deg, var(--electric-violet), var(--cyber-blue)); + border: none; + color: white; + padding: 14px 32px; + font-family: 'Space Grotesk', sans-serif; + font-weight: 500; + border-radius: 14px; + transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); + box-shadow: 0 8px 24px rgba(139, 92, 246, 0.25); +} + +.btn-premium:hover { + transform: scale(1.05); + box-shadow: 0 12px 32px rgba(139, 92, 246, 0.4); +} + +.hero-section { + min-height: 80vh; + display: flex; + align-items: center; + justify-content: center; + text-align: center; +} + +.property-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); + gap: 2rem; +} + +.property-card-premium .card-img-top { + height: 250px; + object-fit: cover; +} + +.property-card-premium .card-body { + padding: 1.5rem; +} + +.property-card-premium .card-title { + font-size: 1.5rem; + margin-bottom: 0.5rem; +} + +.property-card-premium .card-text { + color: var(--text-secondary); + margin-bottom: 1rem; +} + +.property-card-premium .price { + font-size: 1.75rem; + font-weight: 700; + color: var(--electric-violet); +} + +.property-card-premium .price-period { + font-size: 1rem; + color: var(--text-secondary); +} + +.navbar-brand { + font-family: 'Space Grotesk', sans-serif; + font-weight: 700; + font-size: 1.5rem; + color: var(--text-primary) !important; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..ce93b11 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1 @@ +// Custom JavaScript for RentEaze Pro will go here. diff --git a/index.php b/index.php index 7205f3d..c78d979 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,103 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + + + RentEaze Pro - Next-Generation Property Discovery + + + + + + + + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + +
+ +
+ +
+
+
+

Discover Your Next Home in 3D

+

The future of property discovery is here.
Immersive, intelligent, and instant.

+ Start Intelligent Discovery +
+
+ +
+

Featured Premium Listings

+
+ +
+ Modern Living Room +
+
Skyview Penthouse
+

Downtown, Financial District

+
+ $4,200/month + View Tour +
+
+
+ + +
+ Cozy Apartment +
+
The Urban Loft
+

Arts District

+
+ $2,800/month + View Tour +
+
+
+ + +
+ Luxury Condo +
+
Serenity Suite
+

Greenwich Village

+
+ $3,500/month + View Tour +
+
+
+
+
+
+ + + + + + + - + \ No newline at end of file