Spaces:
Running
Running
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>RC Assets LLC - Premium Las Vegas Rentals</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"> | |
<style> | |
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); | |
body { | |
font-family: 'Poppins', sans-serif; | |
background-color: #f8fafc; | |
} | |
.hero-gradient { | |
background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(229,231,235,0.8) 100%); | |
} | |
.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 { | |
transition: all 0.3s ease; | |
} | |
.nav-link:hover { | |
color: #3b82f6; | |
} | |
.placeholder-img { | |
background-color: #e2e8f0; | |
display: flex; | |
align-items: center; | |
justify-content: center; | |
color: #94a3b8; | |
font-weight: 500; | |
} | |
</style> | |
</head> | |
<body> | |
<!-- Navigation --> | |
<nav class="bg-white shadow-sm sticky top-0 z-50"> | |
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
<div class="flex justify-between h-16"> | |
<div class="flex items-center"> | |
<div class="flex-shrink-0 flex items-center"> | |
<img class="h-10 w-10" src="https://www.freesounds.com/rcassets/rcassets_logo.png" alt="RC Assets Logo"> | |
<span class="ml-2 text-xl font-semibold text-gray-800">RC Assets LLC</span> | |
</div> | |
</div> | |
<div class="hidden sm:ml-6 sm:flex sm:space-x-8"> | |
<a href="#" class="nav-link border-blue-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Home</a> | |
<a href="#" class="nav-link border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Properties</a> | |
<a href="#" class="nav-link border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">About Us</a> | |
<a href="#" class="nav-link border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Contact</a> | |
</div> | |
<div class="hidden sm:ml-6 sm:flex sm:items-center"> | |
<button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium transition duration-150 ease-in-out"> | |
<i class="fas fa-phone-alt mr-2"></i> (702) 555-1234 | |
</button> | |
</div> | |
<div class="-mr-2 flex items-center sm:hidden"> | |
<button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500" aria-controls="mobile-menu" aria-expanded="false"> | |
<span class="sr-only">Open main menu</span> | |
<i class="fas fa-bars"></i> | |
</button> | |
</div> | |
</div> | |
</div> | |
</nav> | |
<!-- Hero Section --> | |
<div class="hero-gradient"> | |
<div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8"> | |
<div class="text-center"> | |
<h1 class="text-4xl font-extrabold tracking-tight text-gray-900 sm:text-5xl md:text-6xl"> | |
<span class="block">Premium Rentals in</span> | |
<span class="block text-blue-600">Las Vegas Valley</span> | |
</h1> | |
<p class="mt-3 max-w-md mx-auto text-base text-gray-500 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl"> | |
RC Assets LLC provides quality housing with exceptional service. We care about our renters and their experience in our properties. | |
</p> | |
<div class="mt-5 max-w-md mx-auto sm:flex sm:justify-center md:mt-8"> | |
<div class="rounded-md shadow"> | |
<a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10"> | |
View Properties | |
</a> | |
</div> | |
<div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3"> | |
<a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-blue-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10"> | |
Contact Us | |
</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!-- Featured Properties --> | |
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> | |
<div class="text-center mb-12"> | |
<h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl"> | |
Featured Properties | |
</h2> | |
<p class="mt-3 max-w-2xl mx-auto text-xl text-gray-500 sm:mt-4"> | |
Quality homes at competitive prices in prime Las Vegas locations | |
</p> | |
</div> | |
<div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3"> | |
<!-- Property 1 --> | |
<div class="property-card bg-white rounded-lg overflow-hidden shadow-md"> | |
<div class="placeholder-img h-48 w-full"> | |
<span>Modern Apartment - Spring Valley</span> | |
</div> | |
<div class="p-6"> | |
<div class="flex items-center"> | |
<span class="inline-block px-2 py-1 text-xs font-semibold text-blue-800 bg-blue-100 rounded-full">Available Now</span> | |
<span class="ml-2 text-sm text-gray-500">2 Beds | 2 Baths</span> | |
</div> | |
<h3 class="mt-2 text-xl font-semibold text-gray-900">The Oasis at Spring Valley</h3> | |
<p class="mt-1 text-gray-600">1234 Desert Breeze Ave, Las Vegas, NV</p> | |
<div class="mt-4 flex items-center justify-between"> | |
<span class="text-2xl font-bold text-gray-900">$1,485<span class="text-sm font-normal text-gray-600">/month</span></span> | |
<button class="text-blue-600 hover:text-blue-800 font-medium"> | |
Details <i class="fas fa-arrow-right ml-1"></i> | |
</button> | |
</div> | |
</div> | |
</div> | |
<!-- Property 2 --> | |
<div class="property-card bg-white rounded-lg overflow-hidden shadow-md"> | |
<div class="placeholder-img h-48 w-full"> | |
<span>Luxury Townhome - Summerlin</span> | |
</div> | |
<div class="p-6"> | |
<div class="flex items-center"> | |
<span class="inline-block px-2 py-1 text-xs font-semibold text-blue-800 bg-blue-100 rounded-full">Available Now</span> | |
<span class="ml-2 text-sm text-gray-500">3 Beds | 2.5 Baths</span> | |
</div> | |
<h3 class="mt-2 text-xl font-semibold text-gray-900">Summerlin Heights Townhomes</h3> | |
<p class="mt-1 text-gray-600">5678 Red Rock Canyon Dr, Las Vegas, NV</p> | |
<div class="mt-4 flex items-center justify-between"> | |
<span class="text-2xl font-bold text-gray-900">$1,685<span class="text-sm font-normal text-gray-600">/month</span></span> | |
<button class="text-blue-600 hover:text-blue-800 font-medium"> | |
Details <i class="fas fa-arrow-right ml-1"></i> | |
</button> | |
</div> | |
</div> | |
</div> | |
<!-- Property 3 --> | |
<div class="property-card bg-white rounded-lg overflow-hidden shadow-md"> | |
<div class="placeholder-img h-48 w-full"> | |
<span>Cozy Condo - Henderson</span> | |
</div> | |
<div class="p-6"> | |
<div class="flex items-center"> | |
<span class="inline-block px-2 py-1 text-xs font-semibold text-green-800 bg-green-100 rounded-full">Move-in Ready</span> | |
<span class="ml-2 text-sm text-gray-500">1 Bed | 1 Bath</span> | |
</div> | |
<h3 class="mt-2 text-xl font-semibold text-gray-900">Green Valley Ranch Condos</h3> | |
<p class="mt-1 text-gray-600">9101 Horizon Ridge Pkwy, Henderson, NV</p> | |
<div class="mt-4 flex items-center justify-between"> | |
<span class="text-2xl font-bold text-gray-900">$1,350<span class="text-sm font-normal text-gray-600">/month</span></span> | |
<button class="text-blue-600 hover:text-blue-800 font-medium"> | |
Details <i class="fas fa-arrow-right ml-1"></i> | |
</button> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="mt-12 text-center"> | |
<a href="#" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700"> | |
View All Properties | |
<i class="fas fa-chevron-right ml-2"></i> | |
</a> | |
</div> | |
</div> | |
<!-- Square Footage Section --> | |
<div class="bg-gray-50 py-12"> | |
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
<div class="lg:text-center"> | |
<h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl"> | |
Spacious Living Options | |
</h2> | |
<p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> | |
Our properties range from 950 to 1,150 square feet, offering comfortable living spaces. | |
</p> | |
</div> | |
<div class="mt-10"> | |
<div class="space-y-10 md:space-y-0 md:grid md:grid-cols-3 md:gap-x-8 md:gap-y-10"> | |
<div class="relative"> | |
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white"> | |
<i class="fas fa-ruler-combined"></i> | |
</div> | |
<p class="ml-16 text-lg leading-6 font-medium text-gray-900">950-1,000 sq.ft.</p> | |
<p class="mt-2 ml-16 text-base text-gray-500"> | |
Cozy yet efficient layouts perfect for singles or couples. | |
</p> | |
</div> | |
<div class="relative"> | |
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white"> | |
<i class="fas fa-home"></i> | |
</div> | |
<p class="ml-16 text-lg leading-6 font-medium text-gray-900">1,000-1,050 sq.ft.</p> | |
<p class="mt-2 ml-16 text-base text-gray-500"> | |
Spacious one-bedroom or compact two-bedroom options. | |
</p> | |
</div> | |
<div class="relative"> | |
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white"> | |
<i class="fas fa-expand"></i> | |
</div> | |
<p class="ml-16 text-lg leading-6 font-medium text-gray-900">1,050-1,150 sq.ft.</p> | |
<p class="mt-2 ml-16 text-base text-gray-500"> | |
Roomy two-bedroom homes with ample living space. | |
</p> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!-- Testimonials --> | |
<div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8"> | |
<div class="text-center"> | |
<h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl"> | |
What Our Residents Say | |
</h2> | |
</div> | |
<div class="mt-16 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3"> | |
<div class="bg-white p-6 rounded-lg shadow"> | |
<div class="flex items-center"> | |
<div class="flex-shrink-0"> | |
<div class="h-10 w-10 rounded-full bg-gray-300 flex items-center justify-center"> | |
<i class="fas fa-user text-gray-500"></i> | |
</div> | |
</div> | |
<div class="ml-4"> | |
<h3 class="text-lg font-medium text-gray-900">Sarah J.</h3> | |
<div class="flex text-yellow-400 mt-1"> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
</div> | |
</div> | |
</div> | |
<p class="mt-4 text-gray-600"> | |
"RC Assets has been wonderful to rent from. Any maintenance issues are addressed quickly, and the property is well-maintained. Highly recommend!" | |
</p> | |
</div> | |
<div class="bg-white p-6 rounded-lg shadow"> | |
<div class="flex items-center"> | |
<div class="flex-shrink-0"> | |
<div class="h-10 w-10 rounded-full bg-gray-300 flex items-center justify-center"> | |
<i class="fas fa-user text-gray-500"></i> | |
</div> | |
</div> | |
<div class="ml-4"> | |
<h3 class="text-lg font-medium text-gray-900">Michael T.</h3> | |
<div class="flex text-yellow-400 mt-1"> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
</div> | |
</div> | |
</div> | |
<p class="mt-4 text-gray-600"> | |
"The management team truly cares about their residents. The property is clean, safe, and in a great location. Very happy with my decision to rent here." | |
</p> | |
</div> | |
<div class="bg-white p-6 rounded-lg shadow"> | |
<div class="flex items-center"> | |
<div class="flex-shrink-0"> | |
<div class="h-10 w-10 rounded-full bg-gray-300 flex items-center justify-center"> | |
<i class="fas fa-user text-gray-500"></i> | |
</div> | |
</div> | |
<div class="ml-4"> | |
<h3 class="text-lg font-medium text-gray-900">Lisa M.</h3> | |
<div class="flex text-yellow-400 mt-1"> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star-half-alt"></i> | |
</div> | |
</div> | |
</div> | |
<p class="mt-4 text-gray-600"> | |
"After renting from several companies in Vegas, RC Assets stands out for their professionalism and responsiveness. The apartment is exactly as advertised." | |
</p> | |
</div> | |
</div> | |
</div> | |
<!-- Call to Action --> | |
<div class="bg-blue-700"> | |
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between"> | |
<h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl"> | |
<span class="block">Ready to find your new home?</span> | |
<span class="block text-blue-200">Contact us today to schedule a viewing.</span> | |
</h2> | |
<div class="mt-8 flex lg:mt-0 lg:flex-shrink-0"> | |
<div class="inline-flex rounded-md shadow"> | |
<a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-blue-600 bg-white hover:bg-blue-50"> | |
<i class="fas fa-calendar-alt mr-2"></i> Schedule Tour | |
</a> | |
</div> | |
<div class="ml-3 inline-flex rounded-md shadow"> | |
<a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 bg-opacity-60 hover:bg-opacity-70"> | |
<i class="fas fa-phone-alt mr-2"></i> Call Now | |
</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!-- Footer --> | |
<footer class="bg-gray-800"> | |
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> | |
<div class="grid grid-cols-2 gap-8 md:grid-cols-4"> | |
<div> | |
<h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Properties</h3> | |
<ul class="mt-4 space-y-4"> | |
<li><a href="#" class="text-base text-gray-400 hover:text-white">All Listings</a></li> | |
<li><a href="#" class="text-base text-gray-400 hover:text-white">Apartments</a></li> | |
<li><a href="#" class="text-base text-gray-400 hover:text-white">Townhomes</a></li> | |
<li><a href="#" class="text-base text-gray-400 hover:text-white">Condos</a></li> | |
</ul> | |
</div> | |
<div> | |
<h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Locations</h3> | |
<ul class="mt-4 space-y-4"> | |
<li><a href="#" class="text-base text-gray-400 hover:text-white">Spring Valley</a></li> | |
<li><a href="#" class="text-base text-gray-400 hover:text-white">Summerlin</a></li> | |
<li><a href="#" class="text-base text-gray-400 hover:text-white">Henderson</a></li> | |
<li><a href="#" class="text-base text-gray-400 hover:text-white">North Las Vegas</a></li> | |
</ul> | |
</div> | |
<div> | |
<h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Company</h3> | |
<ul class="mt-4 space-y-4"> | |
<li><a href="#" class="text-base text-gray-400 hover:text-white">About Us</a></li> | |
<li><a href="#" class="text-base text-gray-400 hover:text-white">Our Team</a></li> | |
<li><a href="#" class="text-base text-gray-400 hover:text-white">Careers</a></li> | |
<li><a href="#" class="text-base text-gray-400 hover:text-white">Privacy Policy</a></li> | |
</ul> | |
</div> | |
<div> | |
<h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Contact</h3> | |
<ul class="mt-4 space-y-4"> | |
<li class="text-base text-gray-400">(702) 555-1234</li> | |
<li class="text-base text-gray-400">[email protected]</li> | |
<li class="text-base text-gray-400">1234 Business Park Dr<br>Las Vegas, NV 89118</li> | |
</ul> | |
</div> | |
</div> | |
<div class="mt-12 border-t border-gray-700 pt-8 flex justify-between"> | |
<div class="flex items-center"> | |
<img class="h-8 w-8" src="https://www.freesounds.com/rcassets/rcassets_logo.png" alt="RC Assets Logo"> | |
<span class="ml-2 text-white font-medium">RC Assets LLC</span> | |
</div> | |
<p class="text-gray-400 text-sm"> | |
© 2025 RC Assets LLC. All rights reserved. | |
</p> | |
<div class="flex space-x-6"> | |
<a href="#" class="text-gray-400 hover:text-white"> | |
<i class="fab fa-facebook-f"></i> | |
</a> | |
<a href="#" class="text-gray-400 hover:text-white"> | |
<i class="fab fa-instagram"></i> | |
</a> | |
<a href="#" class="text-gray-400 hover:text-white"> | |
<i class="fab fa-twitter"></i> | |
</a> | |
</div> | |
</div> | |
</div> | |
</footer> | |
<script> | |
// Simple mobile menu toggle functionality | |
document.addEventListener('DOMContentLoaded', function() { | |
const mobileMenuButton = document.querySelector('[aria-controls="mobile-menu"]'); | |
mobileMenuButton.addEventListener('click', function() { | |
// This would toggle a mobile menu if implemented | |
console.log('Mobile menu button clicked'); | |
// In a real implementation, you would show/hide the mobile menu here | |
}); | |
// Smooth scrolling for anchor links | |
document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
anchor.addEventListener('click', function (e) { | |
e.preventDefault(); | |
document.querySelector(this.getAttribute('href')).scrollIntoView({ | |
behavior: 'smooth' | |
}); | |
}); | |
}); | |
}); | |
</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 <a href="https://enzostvs-deepsite.hf.space" style="color: #fff;" target="_blank" >DeepSite</a> <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;"></p></body> | |
</html> |