rcassets / index.html
prompts-dot-com's picture
Add 2 files
c0873bd verified
<!DOCTYPE html>
<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">
&copy; 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>