Reewa-Homes/index.html at main · Okd2006/Reewa-Homes · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Reewa Homes - Premium Real Estate</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">

    <!-- Firebase SDKs -->
    <script src="https://www.gstatic.com/firebasejs/9.22.0/firebase-app-compat.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.22.0/firebase-auth-compat.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore-compat.js"></script>
</head>
<body>
    <nav class="navbar">
        <div class="container">
            <div class="logo">
                <a href="#home" style="display: block;">
                    <img src="logo.png" alt="Reewa Homes" id="logo-img">
                </a>
            </div>
            <ul class="nav-links">
                <li><a href="#home">Home</a></li>
                <li><a href="#properties">Properties</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#contact">Contact</a></li>
                <li><a href="dashboard.html" style="background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important; padding: 0.5rem 1rem; border-radius: 20px; color: #fff !important; box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);">Dashboard</a></li>
                <li><a href="login.html" style="background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important; padding: 0.5rem 1rem; border-radius: 20px; color: #fff !important; box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);">Login</a></li>
            </ul>
        </div>
    </nav>

    <section id="home" class="hero">
        <div class="hero-content">
            <h1>Find Your Perfect Property</h1>
            <p>Discover premium residential and commercial spaces across prime locations</p>
            <a href="#properties" class="cta-button">Browse Properties</a>
        </div>
    </section>

    <section id="properties" class="properties-section">
        <div class="container">
            <div class="section-header">
                <h2>Featured Properties</h2>
                <p>Handpicked properties that match your lifestyle and investment goals</p>
            </div>

            <div class="property-type-tabs">
                <button class="type-tab active" data-type="all">All</button>
                <button class="type-tab" data-type="sale">For Sale</button>
                <button class="type-tab" data-type="rent">For Rent</button>
            </div>

            <div class="filter-tabs">
                <button class="filter-btn active" data-category="all">All Properties</button>
                <button class="filter-btn" data-category="residential">Residential</button>
                <button class="filter-btn" data-category="commercial">Commercial</button>
                <button class="filter-btn" data-category="plots">Plots</button>
            </div>

            <div id="properties-grid" class="properties-grid"></div>
        </div>
    </section>

    <section id="about" class="about-section">
        <div class="container">
            <h2>About Reewa Homes</h2>
            <p>Our pricing is designed with long-term post-tenancy support in mind. Every negotiator is trained to effectively use technology to stay updated and provide efficient service. We continuously strive to deliver a genuine “wow” service experience for our clients.

We operate across South Delhi and Gurugram, and also assist tenants with intercity relocations, ensuring a smooth and hassle-free move.
</p>
        </div>
    </section>

    <section id="testimonials" class="testimonials-section">
        <div class="container">
            <div class="section-header">
                <h2>Testimonials</h2>
                <p>Trusted by prestigious organizations worldwide</p>
            </div>

            <div class="embassy-logos">
                <a href="us-embassy-letter.pdf" target="_blank" class="embassy-logo-link" title="View US Embassy Letter of Appreciation">
                    <img src="us-embassy.png" alt="United States Embassy" class="embassy-logo">
                </a>

                <a href="greece-embassy-letter.pdf" target="_blank" class="embassy-logo-link" title="View Greece Embassy Letter of Appreciation">
                    <img src="greece-embassy.png" alt="Embassy of Greece" class="embassy-logo">
                </a>
            </div>
        </div>
    </section>

    <section id="contact" class="contact-section">
        <div class="container">
            <h2>Get In Touch</h2>

            <p>Have questions? Our team is here to help you find the perfect property.</p>
            <br>
            <div class="contact-info">
                <div class="contact-item">
                    <img src="icons/phone.png" alt="Phone" class="icon" onerror="this.style.display='none'; this.nextElementSibling.style.display='inline';">
                    <span style="display:none;">📞</span>
                    <h3>Phone</h3>
                    <p>+91-9818248479<br>+91-9810004760</p>
                </div>
                <div class="contact-item">
                    <img src="icons/email.png" alt="Email" class="icon" onerror="this.style.display='none'; this.nextElementSibling.style.display='inline';">
                    <span style="display:none;">✉️</span>
                    <h3>Email</h3>
                    <p>74mkumar@gmail.com<br>manoj@reewahomes.com</p>
                </div>
                <div class="contact-item">
                    <img src="icons/location.png" alt="Location" class="icon">
                    <h3>Address</h3>
                    <p>B2/21, Annexe Block, Vasant Vihar,New Delhi-110057</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Inquiry Modal -->
    <div id="inquiry-modal" class="modal">
        <div class="modal-content">
            <span class="close">&times;</span>
            <div class="modal-header">
                <h2>Property Inquiry</h2>
            </div>
            <div class="modal-body">
                <form id="inquiry-form">
                    <input type="hidden" id="property-id" name="propertyId">
                    <div class="form-group">
                        <label>Full Name *</label>
                        <input type="text" name="name" required>
                    </div>
                    <div class="form-group">
                        <label>Email Address *</label>
                        <input type="email" name="email" required>
                    </div>
                    <div class="form-group">
                        <label>Phone Number *</label>
                        <input type="tel" name="phone" required>
                    </div>
                    <div class="form-group">
                        <label>Inquiry Type</label>
                        <select name="inquiryType">
                            <option value="general">General Inquiry</option>
                            <option value="viewing">Schedule Viewing</option>
                            <option value="purchase">Purchase Interest</option>
                            <option value="rental">Rental Interest</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Message</label>
                        <textarea name="message" rows="4" placeholder="Tell us about your requirements..."></textarea>
                    </div>
                    <button type="submit" class="submit-btn">Submit Inquiry</button>
                </form>
            </div>
        </div>
    </div>

    <!-- Media Gallery Modal -->
    <div id="media-modal" class="media-modal">
        <div class="media-modal-content">
            <span class="close">&times;</span>
            <button class="media-nav prev" onclick="changeMedia(-1)">‹</button>
            <div id="media-display"></div>
            <button class="media-nav next" onclick="changeMedia(1)">›</button>
            <div class="media-counter">
                <span id="media-current">1</span> / <span id="media-total">1</span>
            </div>
        </div>
    </div>

    <footer>
        <div class="container">
            <p>&copy; 2024 Reewa Homes. All rights reserved. | Professional Real Estate Services</p>
        </div>
    </footer>

    <script src="firebase-config.js"></script>
    <script src="auth.js"></script> <!-- import auth helpers -->
    <script src="script.js"></script>
</body>
</html>