We need a modern, mobile-responsive real estate website in the name of our company as SKYSCAPE REAL ESTATE LTD with modern background picture showcasing our properties through photos/videos and generating leads. Key Phrases to Include 1. Core Goal: "We need a modern, mobile-responsive real estate website showcasing our properties through photos/videos and generating leads." 2. Must-Have Features: *"Essential features: MLS/IDX integration, property search filters, virtual tour support, and contact forms."* 3. Media Emphasis: "Highlight our company’s high-resolution images, drone videos, and property galleries prominently." 4. Brand Alignment: "Design should reflect our brand colors \[specify colors\] and convey luxury/trust \[adjust tone\]." We’re seeking a modern real estate website to showcase our properties and services. Our priorities include: 1. Core Features: - MLS/IDX property feed integration - Advanced search (location, price, bedrooms, etc.) - Mobile-responsive design - Lead capture forms + CRM connectivity 2. Media Integration: - Hero banners/sliders using our company videos - Dedicated galleries for property photos & virtual tours - Agent profile pages with bios/headshots 3. Design Requirements: - Clean, minimalist aesthetic with focus on visuals - Brand colors: [Primary, Secondary, Accent] - Easy navigation (persistent search bar, save favorites) 4.Additional Pages: - About Us (We are Estate Developers Company with vast working experience, competent dynamic and formidable work force to carries on Real Estate Business in Abuja Nigeria, with substantial expertise and experience in the conceptualization and execution of development within the real Estate Sector) We have successfully handled and completed several project within Abuja and currently we have our site at KATAMPE, DAWAKI GWARINPA, AIRPORT ROAD LUGBE BY REVER PARK, DAFE BY LIFECAME etc. we also have a sustained pool of clients that are in need of houses, hence making your plot location is a top pic for us as a Company. We look forward to your prompt and favorable response. We as company commit to assist our valued clients, to achieve a successful project completion with sincerity of purpose, integrity in our conduct, 100% in quality of service, commitment to safe construction practices, and on time project delivery schedules. Our company has deference types of plan flexible enough to accommodate your staff with deference choices and payment plant in relations to housing. Maintaining our Dedication to Construction Project Management is our priority and we continue to refine our Quality, expand our Capabilities, increase our Efficiency and elevate the Superior level of our company (SKYSCAPE REAL ESTATE LTD). - Neighborhood guides with maps - Resources/Blog section 5. SEO & Compliance: - Our Properties situated at 1.Gwarinpha Abuja (3beed room block of flat on about 400sq of land) with asking price at 100,000.000.00N. 2. Life Camp Abuja (3beed room block of flat on about 400sq of land) with asking price at 100,000,000.00N. 3 Life Camp Abuja (5Beed room tarries on about 400 t0 500sq of land) with asking price at 150,000,000.00N . 4. Katampe Abuja (Land 400sq to 500sq to build 5Beed room fully detach) with asking price at 80,000,000.00N. 5. Lugbe Airport Abuja (Land to build 5Beed room fully detach on about 400sq to 500sq)with asking price at 40,000,000.00N. 6 Lugbe Airport Abuja ( 5Beed room fully detach on about 400sq to 500sq land)with asking price at 150,000,000.00N . Our company provide consultancy to heighten the Standard of Excellence we have set in the Industry and we have successfully handled and completed several project within and outside Abuja, hence making your organization a priority for us with our team head by Alh Salisu Ibrahim MD/CEO, Aminu Gaga Saleh as Public Relation Emissary and head of processional as Arc. Ahmad Arabi and so on, . - ADA/WCAG accessibility standards Assets: We’ll provide all photos/videos/brand materials. Contact person: Alh Salisu Ibrahim MD/CEO Our address:Suiet C72 Area11 Garki Abuja Nigeria with Google map included. Phone: +2348097901223/+2348036863024 Email: [email protected] - Initial Deployment

README.md

@@ -1,10 +1,12 @@
 ---
-title: Aminu1977
-emoji: 👁
+title: aminu1977
+emoji: 🐳
 colorFrom: gray
-colorTo: red
+colorTo: blue
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html

@@ -1,19 +1,597 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>SKYSCAPE REAL ESTATE LTD - Premium Property Solutions</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <script>
+        tailwind.config = {
+            theme: {
+                extend: {
+                    colors: {
+                        primary: '#1a365d',
+                        secondary: '#2a5298',
+                        accent: '#f59e0b',
+                        light: '#f8fafc',
+                        dark: '#0f172a'
+                    }
+                }
+            }
+        }
+    </script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');
+        
+        body {
+            font-family: 'Montserrat', sans-serif;
+            scroll-behavior: smooth;
+        }
+        
+        .header-font {
+            font-family: 'Playfair Display', serif;
+        }
+        
+        .hero-bg {
+            background-image: linear-gradient(rgba(26, 54, 93, 0.7), rgba(26, 54, 93, 0.7)), url('https://images.unsplash.com/photo-1560448204-e02f11c3d0cb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
+            background-size: cover;
+            background-position: center;
+        }
+        
+        .property-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+        }
+        
+        .property-card img {
+            transition: transform 0.5s ease;
+        }
+        
+        .property-card:hover img {
+            transform: scale(1.05);
+        }
+        
+        .agent-card {
+            transition: all 0.3s ease;
+        }
+        
+        .agent-card:hover {
+            transform: translateY(-10px);
+        }
+        
+        .search-form {
+            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+        }
+        
+        .feature-icon {
+            transition: all 0.3s ease;
+        }
+        
+        .feature-icon:hover {
+            transform: scale(1.1);
+        }
+        
+        .testimonial-card {
+            transition: all 0.3s ease;
+        }
+        
+        .testimonial-card:hover {
+            transform: translateY(-5px);
+        }
+        
+        .map-container {
+            height: 400px;
+        }
+        
+        @media (max-width: 768px) {
+            .hero-bg {
+                background-position: 60% 30%;
+            }
+            
+            .map-container {
+                height: 300px;
+            }
+        }
+    </style>
+</head>
+<body class="text-dark">
+    <!-- Header -->
+    <header class="fixed w-full z-50 bg-white shadow-md">
+        <div class="container mx-auto px-4 py-3 flex justify-between items-center">
+            <div class="flex items-center">
+                <div class="bg-primary w-10 h-10 rounded-full flex items-center justify-center">
+                    <i class="fas fa-home text-white text-xl"></i>
+                </div>
+                <h1 class="ml-3 text-2xl font-bold header-font text-primary">SKYSCAPE</h1>
+            </div>
+            
+            <nav class="hidden md:flex space-x-8">
+                <a href="#home" class="text-primary font-semibold hover:text-accent">Home</a>
+                <a href="#properties" class="text-gray-600 hover:text-primary">Properties</a>
+                <a href="#about" class="text-gray-600 hover:text-primary">About</a>
+                <a href="#services" class="text-gray-600 hover:text-primary">Services</a>
+                <a href="#testimonials" class="text-gray-600 hover:text-primary">Testimonials</a>
+                <a href="#contact" class="text-gray-600 hover:text-primary">Contact</a>
+            </nav>
+            
+            <div class="flex items-center">
+                <button class="bg-primary text-white px-4 py-2 rounded-lg font-medium hover:bg-secondary transition">Sign In</button>
+                <button class="ml-4 md:hidden text-2xl">
+                    <i class="fas fa-bars"></i>
+                </button>
+            </div>
+        </div>
+    </header>
+
+    <!-- Hero Section -->
+    <section id="home" class="hero-bg pt-24 pb-16 md:pt-32 md:pb-24 text-white">
+        <div class="container mx-auto px-4">
+            <div class="max-w-2xl">
+                <h1 class="text-4xl md:text-6xl font-bold header-font mb-6">Luxury Properties For Your Dream Home</h1>
+                <p class="text-xl mb-8">Discover premium real estate opportunities in Abuja with SKYSCAPE REAL ESTATE LTD</p>
+                <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
+                    <button class="bg-accent text-dark px-8 py-3 rounded-lg font-bold text-lg hover:bg-yellow-500 transition">View Properties</button>
+                    <button class="bg-transparent border-2 border-white px-8 py-3 rounded-lg font-bold text-lg hover:bg-white/10 transition">Contact Us</button>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Search Form -->
+    <div class="container mx-auto px-4 -mt-12 relative z-10">
+        <div class="bg-white rounded-xl p-6 shadow-xl search-form">
+            <form class="grid grid-cols-1 md:grid-cols-4 gap-4">
+                <div>
+                    <label class="block text-gray-700 text-sm font-bold mb-2" for="location">
+                        Location
+                    </label>
+                    <select id="location" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary">
+                        <option>Abuja</option>
+                        <option>Gwarinpa</option>
+                        <option>Katampe</option>
+                        <option>Lugbe</option>
+                        <option>Life Camp</option>
+                    </select>
+                </div>
+                
+                <div>
+                    <label class="block text-gray-700 text-sm font-bold mb-2" for="property-type">
+                        Property Type
+                    </label>
+                    <select id="property-type" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary">
+                        <option>Any</option>
+                        <option>Apartment</option>
+                        <option>House</option>
+                        <option>Land</option>
+                        <option>Commercial</option>
+                    </select>
+                </div>
+                
+                <div>
+                    <label class="block text-gray-700 text-sm font-bold mb-2" for="price">
+                        Price Range
+                    </label>
+                    <select id="price" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary">
+                        <option>Any</option>
+                        <option>$50M - $100M</option>
+                        <option>$100M - $150M</option>
+                        <option>$150M+</option>
+                    </select>
+                </div>
+                
+                <div class="flex items-end">
+                    <button class="w-full bg-primary text-white px-6 py-3 rounded-lg font-bold hover:bg-secondary transition">
+                        <i class="fas fa-search mr-2"></i> Search
+                    </button>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <!-- Featured Properties -->
+    <section id="properties" class="py-20 bg-light">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold header-font text-primary mb-4">Featured Properties</h2>
+                <p class="text-gray-600 max-w-2xl mx-auto">Explore our premium selection of properties in prime locations</p>
+            </div>
+            
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+                <!-- Property 1 -->
+                <div class="property-card bg-white rounded-xl overflow-hidden shadow-lg">
+                    <div class="relative">
+                        <img src="https://images.unsplash.com/photo-1600585154340-3212d15b3a40?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Luxury Home" class="w-full h-64 object-cover">
+                        <div class="absolute top-4 right-4 bg-accent text-dark px-3 py-1 rounded-full font-bold">FOR SALE</div>
+                        <div class="absolute bottom-4 left-4 bg-white text-dark px-3 py-1 rounded-full font-bold">₦100,000,000</div>
+                    </div>
+                    <div class="p-6">
+                        <h3 class="text-xl font-bold mb-2">3-Bedroom Block of Flats</h3>
+                        <p class="text-gray-600 mb-4">Gwarinpa, Abuja</p>
+                        <div class="flex justify-between border-t border-gray-200 pt-4">
+                            <div class="flex items-center">
+                                <i class="fas fa-bed text-primary mr-2"></i>
+                                <span>3</span>
+                            </div>
+                            <div class="flex items-center">
+                                <i class="fas fa-bath text-primary mr-2"></i>
+                                <span>3</span>
+                            </div>
+                            <div class="flex items-center">
+                                <i class="fas fa-ruler-combined text-primary mr-2"></i>
+                                <span>400 sqm</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Property 2 -->
+                <div class="property-card bg-white rounded-xl overflow-hidden shadow-lg">
+                    <div class="relative">
+                        <img src="https://images.unsplash.com/photo-1600590365285-9e4e1615580f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Luxury Home" class="w-full h-64 object-cover">
+                        <div class="absolute top-4 right-4 bg-accent text-dark px-3 py-1 rounded-full font-bold">FOR SALE</div>
+                        <div class="absolute bottom-4 left-4 bg-white text-dark px-3 py-1 rounded-full font-bold">₦150,000,000</div>
+                    </div>
+                    <div class="p-6">
+                        <h3 class="text-xl font-bold mb-2">5-Bedroom Fully Detached</h3>
+                        <p class="text-gray-600 mb-4">Life Camp, Abuja</p>
+                        <div class="flex justify-between border-t border-gray-200 pt-4">
+                            <div class="flex items-center">
+                                <i class="fas fa-bed text-primary mr-2"></i>
+                                <span>5</span>
+                            </div>
+                            <div class="flex items-center">
+                                <i class="fas fa-bath text-primary mr-2"></i>
+                                <span>5</span>
+                            </div>
+                            <div class="flex items-center">
+                                <i class="fas fa-ruler-combined text-primary mr-2"></i>
+                                <span>500 sqm</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Property 3 -->
+                <div class="property-card bg-white rounded-xl overflow-hidden shadow-lg">
+                    <div class="relative">
+                        <img src="https://images.unsplash.com/photo-1600585152916-1c48195229d0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Luxury Home" class="w-full h-64 object-cover">
+                        <div class="absolute top-4 right-4 bg-accent text-dark px-3 py-1 rounded-full font-bold">FOR SALE</div>
+                        <div class="absolute bottom-4 left-4 bg-white text-dark px-3 py-1 rounded-full font-bold">₦80,000,000</div>
+                    </div>
+                    <div class="p-6">
+                        <h3 class="text-xl font-bold mb-2">Land for Development</h3>
+                        <p class="text-gray-600 mb-4">Katampe, Abuja</p>
+                        <div class="flex justify-between border-t border-gray-200 pt-4">
+                            <div class="flex items-center">
+                                <i class="fas fa-bed text-primary mr-2"></i>
+                                <span>5</span>
+                            </div>
+                            <div class="flex items-center">
+                                <i class="fas fa-bath text-primary mr-2"></i>
+                                <span>5</span>
+                            </div>
+                            <div class="flex items-center">
+                                <i class="fas fa-ruler-combined text-primary mr-2"></i>
+                                <span>450 sqm</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="text-center mt-12">
+                <button class="border-2 border-primary text-primary px-8 py-3 rounded-lg font-bold hover:bg-primary hover:text-white transition">
+                    View All Properties
+                </button>
+            </div>
+        </div>
+    </section>
+
+    <!-- About Section -->
+    <section id="about" class="py-20 bg-white">
+        <div class="container mx-auto px-4">
+            <div class="flex flex-col lg:flex-row items-center">
+                <div class="lg:w-1/2 mb-12 lg:mb-0 lg:pr-12">
+                    <h2 class="text-3xl md:text-4xl font-bold header-font text-primary mb-6">About SKYSCAPE REAL ESTATE LTD</h2>
+                    <p class="text-gray-600 mb-6">
+                        We are Estate Developers Company with vast working experience, competent dynamic and formidable work force to carries on Real Estate Business in Abuja Nigeria, with substantial expertise and experience in the conceptualization and execution of development within the Real Estate Sector.
+                    </p>
+                    <p class="text-gray-600 mb-6">
+                        We have successfully handled and completed several projects within Abuja and currently we have our site at KATAMPE, DAWAKI GWARINPA, AIRPORT ROAD LUGBE BY REVER PARK, DAFE BY LIFECAME etc. We also have a sustained pool of clients that are in need of houses, hence making your plot location is a top pick for us as a Company.
+                    </p>
+                    <p class="text-gray-600 mb-8">
+                        We as company commit to assist our valued clients, to achieve a successful project completion with sincerity of purpose, integrity in our conduct, 100% in quality of service, commitment to safe construction practices, and on time project delivery schedules.
+                    </p>
+                    <button class="bg-primary text-white px-8 py-3 rounded-lg font-bold hover:bg-secondary transition">
+                        Learn More About Us
+                    </button>
+                </div>
+                <div class="lg:w-1/2">
+                    <img src="https://images.unsplash.com/photo-1560448204-e02f11c3d0cb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Our Team" class="rounded-xl shadow-lg">
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Services Section -->
+    <section id="services" class="py-20 bg-light">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold header-font text-primary mb-4">Our Services</h2>
+                <p class="text-gray-600 max-w-2xl mx-auto">Comprehensive real estate solutions tailored to your needs</p>
+            </div>
+            
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+                <div class="bg-white p-8 rounded-xl shadow-md text-center feature-icon">
+                    <div class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-6">
+                        <i class="fas fa-home text-primary text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Property Sales</h3>
+                    <p class="text-gray-600">Premium residential and commercial properties in prime locations</p>
+                </div>
+                
+                <div class="bg-white p-8 rounded-xl shadow-md text-center feature-icon">
+                    <div class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-6">
+                        <i class="fas fa-key text-primary text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Property Management</h3>
+                    <p class="text-gray-600">Professional management of your real estate investments</p>
+                </div>
+                
+                <div class="bg-white p-8 rounded-xl shadow-md text-center feature-icon">
+                    <div class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-6">
+                        <i class="fas fa-chart-line text-primary text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Investment Consultation</h3>
+                    <p class="text-gray-600">Expert advice to maximize your real estate investment returns</p>
+                </div>
+                
+                <div class="bg-white p-8 rounded-xl shadow-md text-center feature-icon">
+                    <div class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-6">
+                        <i class="fas fa-drafting-compass text-primary text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Development Planning</h3>
+                    <p class="text-gray-600">Custom development plans for residential and commercial projects</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Testimonials -->
+    <section id="testimonials" class="py-20 bg-white">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold header-font text-primary mb-4">What Our Clients Say</h2>
+                <p class="text-gray-600 max-w-2xl mx-auto">Hear from our satisfied clients about their experience with SKYSCAPE REAL ESTATE LTD</p>
+            </div>
+            
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <div class="testimonial-card bg-light p-8 rounded-xl shadow-md">
+                    <div class="text-accent text-4xl mb-4">"</div>
+                    <p class="text-gray-600 mb-6">SKYSCAPE helped us find our dream home in Abuja. The process was smooth and professional from start to finish. Highly recommended!</p>
+                    <div class="flex items-center">
+                        <div class="w-12 h-12 rounded-full bg-gray-300 mr-4"></div>
+                        <div>
+                            <h4 class="font-bold">Ahmed Musa</h4>
+                            <p class="text-gray-600">Property Buyer</p>
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="testimonial-card bg-light p-8 rounded-xl shadow-md">
+                    <div class="text-accent text-4xl mb-4">"</div>
+                    <p class="text-gray-600 mb-6">We sold our property through SKYSCAPE and got the best price in record time. Their marketing strategy was exceptional!</p>
+                    <div class="flex items-center">
+                        <div class="w-12 h-12 rounded-full bg-gray-300 mr-4"></div>
+                        <div>
+                            <h4 class="font-bold">Fatima Hassan</h4>
+                            <p class="text-gray-600">Property Seller</p>
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="testimonial-card bg-light p-8 rounded-xl shadow-md">
+                    <div class="text-accent text-4xl mb-4">"</div>
+                    <p class="text-gray-600 mb-6">The investment consultation we received was invaluable. SKYSCAPE's expertise helped us make informed decisions that maximized our returns.</p>
+                    <div class="flex items-center">
+                        <div class="w-12 h-12 rounded-full bg-gray-300 mr-4"></div>
+                        <div>
+                            <h4 class="font-bold">Oluwaseun Adeyemi</h4>
+                            <p class="text-gray-600">Investor</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Contact Section -->
+    <section id="contact" class="py-20 bg-light">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold header-font text-primary mb-4">Contact Us</h2>
+                <p class="text-gray-600 max-w-2xl mx-auto">Get in touch with our team for any inquiries or to schedule a viewing</p>
+            </div>
+            
+            <div class="flex flex-col lg:flex-row">
+                <div class="lg:w-1/2 lg:pr-12 mb-12 lg:mb-0">
+                    <div class="bg-white rounded-xl shadow-md p-8">
+                        <h3 class="text-2xl font-bold mb-6">Send us a message</h3>
+                        <form>
+                            <div class="mb-6">
+                                <label class="block text-gray-700 text-sm font-bold mb-2" for="name">
+                                    Full Name
+                                </label>
+                                <input type="text" id="name" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary" placeholder="Your Name">
+                            </div>
+                            
+                            <div class="mb-6">
+                                <label class="block text-gray-700 text-sm font-bold mb-2" for="email">
+                                    Email Address
+                                </label>
+                                <input type="email" id="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary" placeholder="Your Email">
+                            </div>
+                            
+                            <div class="mb-6">
+                                <label class="block text-gray-700 text-sm font-bold mb-2" for="message">
+                                    Message
+                                </label>
+                                <textarea id="message" rows="4" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary" placeholder="Your Message"></textarea>
+                            </div>
+                            
+                            <button class="w-full bg-primary text-white px-6 py-3 rounded-lg font-bold hover:bg-secondary transition">
+                                Send Message
+                            </button>
+                        </form>
+                    </div>
+                </div>
+                
+                <div class="lg:w-1/2">
+                    <div class="bg-white rounded-xl shadow-md p-8 h-full">
+                        <h3 class="text-2xl font-bold mb-6">Contact Information</h3>
+                        
+                        <div class="space-y-6">
+                            <div class="flex">
+                                <div class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mr-4">
+                                    <i class="fas fa-map-marker-alt text-primary text-xl"></i>
+                                </div>
+                                <div>
+                                    <h4 class="font-bold text-lg">Our Address</h4>
+                                    <p class="text-gray-600">Suite C72 Area 11 Garki, Abuja, Nigeria</p>
+                                </div>
+                            </div>
+                            
+                            <div class="flex">
+                                <div class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mr-4">
+                                    <i class="fas fa-phone text-primary text-xl"></i>
+                                </div>
+                                <div>
+                                    <h4 class="font-bold text-lg">Phone Number</h4>
+                                    <p class="text-gray-600">+234 809 790 1223</p>
+                                    <p class="text-gray-600">+234 803 686 3024</p>
+                                </div>
+                            </div>
+                            
+                            <div class="flex">
+                                <div class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mr-4">
+                                    <i class="fas fa-envelope text-primary text-xl"></i>
+                                </div>
+                                <div>
+                                    <h4 class="font-bold text-lg">Email Address</h4>
+                                    <p class="text-gray-600">[email protected]</p>
+                                </div>
+                            </div>
+                            
+                            <div class="flex">
+                                <div class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mr-4">
+                                    <i class="fas fa-clock text-primary text-xl"></i>
+                                </div>
+                                <div>
+                                    <h4 class="font-bold text-lg">Working Hours</h4>
+                                    <p class="text-gray-600">Monday - Friday: 9am - 6pm</p>
+                                    <p class="text-gray-600">Saturday: 10am - 4pm</p>
+                                </div>
+                            </div>
+                        </div>
+                        
+                        <div class="mt-12">
+                            <h4 class="font-bold text-lg mb-4">Find Us On Map</h4>
+                            <div class="map-container bg-gray-200 rounded-xl overflow-hidden">
+                                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3963.35242720208!2d7.4829303153694!3d9.14593019077085!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x104e0b5f4a4f4f4f%3A0x1d3b1b1b1b1b1b1b!2sGarki%2C%20Abuja%2C%20Nigeria!5e0!3m2!1sen!2sng!4v1650000000000!5m2!1sen!2sng" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="bg-primary text-white pt-16 pb-8">
+        <div class="container mx-auto px-4">
+            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12">
+                <div>
+                    <div class="flex items-center mb-6">
+                        <div class="bg-white w-10 h-10 rounded-full flex items-center justify-center">
+                            <i class="fas fa-home text-primary text-xl"></i>
+                        </div>
+                        <h2 class="ml-3 text-2xl font-bold header-font">SKYSCAPE</h2>
+                    </div>
+                    <p class="text-gray-300 mb-6">Premium real estate solutions in Abuja with over 15 years of experience in the industry.</p>
+                    <div class="flex space-x-4">
+                        <a href="#" class="w-10 h-10 rounded-full bg-secondary flex items-center justify-center hover:bg-accent transition">
+                            <i class="fab fa-facebook-f"></i>
+                        </a>
+                        <a href="#" class="w-10 h-10 rounded-full bg-secondary flex items-center justify-center hover:bg-accent transition">
+                            <i class="fab fa-twitter"></i>
+                        </a>
+                        <a href="#" class="w-10 h-10 rounded-full bg-secondary flex items-center justify-center hover:bg-accent transition">
+                            <i class="fab fa-instagram"></i>
+                        </a>
+                        <a href="#" class="w-10 h-10 rounded-full bg-secondary flex items-center justify-center hover:bg-accent transition">
+                            <i class="fab fa-linkedin-in"></i>
+                        </a>
+                    </div>
+                </div>
+                
+                <div>
+                    <h3 class="text-xl font-bold mb-6">Quick Links</h3>
+                    <ul class="space-y-4">
+                        <li><a href="#home" class="text-gray-300 hover:text-white transition">Home</a></li>
+                        <li><a href="#properties" class="text-gray-300 hover:text-white transition">Properties</a></li>
+                        <li><a href="#about" class="text-gray-300 hover:text-white transition">About Us</a></li>
+                        <li><a href="#services" class="text-gray-300 hover:text-white transition">Services</a></li>
+                        <li><a href="#contact" class="text-gray-300 hover:text-white transition">Contact</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h3 class="text-xl font-bold mb-6">Property Types</h3>
+                    <ul class="space-y-4">
+                        <li><a href="#" class="text-gray-300 hover:text-white transition">Luxury Homes</a></li>
+                        <li><a href="#" class="text-gray-300 hover:text-white transition">Commercial Properties</a></li>
+                        <li><a href="#" class="text-gray-300 hover:text-white transition">Land for Development</a></li>
+                        <li><a href="#" class="text-gray-300 hover:text-white transition">Apartments</a></li>
+                        <li><a href="#" class="text-gray-300 hover:text-white transition">Villas</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h3 class="text-xl font-bold mb-6">Newsletter</h3>
+                    <p class="text-gray-300 mb-4">Subscribe to our newsletter for the latest properties and market updates.</p>
+                    <form class="flex">
+                        <input type="email" placeholder="Your Email" class="px-4 py-2 w-full rounded-l-lg focus:outline-none text-dark">
+                        <button class="bg-accent text-dark px-4 rounded-r-lg font-bold hover:bg-yellow-500 transition">
+                            <i class="fas fa-paper-plane"></i>
+                        </button>
+                    </form>
+                </div>
+            </div>
+            
+            <div class="border-t border-gray-700 pt-8 text-center text-gray-400">
+                <p>&copy; 2023 SKYSCAPE REAL ESTATE LTD. All rights reserved.</p>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        // Smooth scrolling for navigation links
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', function (e) {
+                e.preventDefault();
+                document.querySelector(this.getAttribute('href')).scrollIntoView({
+                    behavior: 'smooth'
+                });
+            });
+        });
+        
+        // Sticky header
+        window.addEventListener('scroll', function() {
+            const header = document.querySelector('header');
+            header.classList.toggle('bg-white', window.scrollY > 0);
+            header.classList.toggle('shadow-md', window.scrollY > 0);
+        });
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=aminubabaji/aminu1977" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>