Showing source for: https://laramobilehomes.com/
Duration: 0.326638s
Server: cloudflare
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Factory-Direct Mobile Homes | Lara Mobile Homes</title>
<meta name="description" content="We build, deliver, and install single-wide and double-wide mobile homes nationwide. Factory-direct prices from $38,900, with no dealer markup.">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta name="author" content="Lara Mobile Homes">
<meta name="publisher" content="Lara Mobile Homes">
<meta name="csrf-token" content="f26d7637c5a297afae5d25bbe599adf1bd70544fb14e1537f4a8ea3c9f4d975a">
<link rel="icon" type="image/png" href="/favicon.png">
<link rel="apple-touch-icon" href="/favicon.png">
<meta name="geo.region" content="US">
<meta name="geo.placename" content="United States">
<link rel="canonical" href="https://laramobilehomes.com/">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:title" content="Factory-Direct Mobile Homes | Lara Mobile Homes">
<meta property="og:description" content="We build, deliver, and install single-wide and double-wide mobile homes nationwide. Factory-direct prices from $38,900, with no dealer markup.">
<meta property="og:url" content="https://laramobilehomes.com/">
<meta property="og:image" content="https://laramobilehomes.com/images/lara-mobile-homes-logo.png">
<meta property="og:image:alt" content="Factory-Direct Mobile Homes | Lara Mobile Homes">
<meta property="og:site_name" content="Lara Mobile Homes">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Factory-Direct Mobile Homes | Lara Mobile Homes">
<meta name="twitter:description" content="We build, deliver, and install single-wide and double-wide mobile homes nationwide. Factory-direct prices from $38,900, with no dealer markup.">
<meta name="twitter:image" content="https://laramobilehomes.com/images/lara-mobile-homes-logo.png">
<meta name="twitter:site" content="@LaraMobileHomes">
<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;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
sans: ['Inter', 'system-ui', 'sans-serif'],
display: ['Outfit', 'system-ui', 'sans-serif'],
},
colors: {
brand: {
50: '#f0fdf9', 100: '#ccfbec', 200: '#9af5d9', 300: '#5fe8c3',
400: '#2dd3a8', 500: '#14b890', 600: '#0a9475', 700: '#0d7760',
800: '#105e4e', 900: '#124d41', 950: '#052e27',
},
accent: {
50: '#fefbe8', 100: '#fef6c3', 200: '#feec8a', 300: '#fdd947',
400: '#fac515', 500: '#eaab08', 600: '#ca8504', 700: '#a15f07',
800: '#854b0e', 900: '#713e12', 950: '#422006',
}
}
}
}
}
</script>
<style>
html { scroll-behavior: smooth; }
.gradient-text {
background: linear-gradient(135deg, #0a9475 0%, #14b890 50%, #eaab08 100%);
-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.glass-card { background: rgba(255,255,255,0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.3); }
.hero-gradient { background: linear-gradient(135deg, #052e27 0%, #124d41 30%, #0a9475 100%); }
.hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.hover-lift:hover { transform: translateY(-6px); box-shadow: 0 20px 40px -12px rgba(0,0,0,0.15); }
.nav-link { position: relative; }
.nav-link::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: linear-gradient(90deg, #0a9475, #eaab08); transition: width 0.3s ease; }
.nav-link:hover::after, .nav-link.active::after { width: 100%; }
.pulse-glow { animation: pulseGlow 2s ease-in-out infinite; }
@keyframes pulseGlow { 0%, 100% { box-shadow: 0 0 0 0 rgba(10,148,117,0.4); } 50% { box-shadow: 0 0 0 12px rgba(10,148,117,0); } }
@keyframes slideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
.slide-up { animation: slideUp 0.6s ease-out forwards; }
.slide-up-delay-1 { animation-delay: 0.15s; opacity: 0; }
.slide-up-delay-2 { animation-delay: 0.3s; opacity: 0; }
.slide-up-delay-3 { animation-delay: 0.45s; opacity: 0; }
.mobile-menu { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.mobile-menu.open { max-height: 400px; }
.badge-shimmer { background: linear-gradient(110deg, #0a9475 0%, #14b890 45%, #2dd3a8 50%, #14b890 55%, #0a9475 100%); background-size: 200% 100%; animation: shimmer 3s linear infinite; }
@keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
</style>
<!-- JSON-LD WebSite Schema -->
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Lara Mobile Homes","url":"https://laramobilehomes.com","description":"Factory-direct manufactured homes with professional delivery and installation. Single-wide and double-wide mobile homes from $38,900.","publisher":{"@type":"Organization","name":"Lara Mobile Homes"},"potentialAction":{"@type":"SearchAction","target":"https://laramobilehomes.com/inventory.php?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
<!-- JSON-LD Organization Schema -->
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Lara Mobile Homes","url":"https://laramobilehomes.com","logo":"https://laramobilehomes.com/images/lara-mobile-homes-logo.png","description":"Lara Mobile Homes is a vertically-integrated mobile home manufacturer, transporter, and installer. We build, deliver, and install manufactured homes nationwide.","knowsAbout":["Manufactured Homes","Mobile Home Delivery","Mobile Home Installation","HUD Certified Construction"],"slogan":"We Build, Deliver \u0026 Install Your Dream Home","email":"[email protected]","telephone":"+12105704603","contactPoint":[{"@type":"ContactPoint","telephone":"+12105704603","contactType":"sales","areaServed":"US","availableLanguage":"English"},{"@type":"ContactPoint","telephone":"+12105704603","contactType":"customer service","areaServed":"US","availableLanguage":"English"}],"address":{"@type":"PostalAddress","streetAddress":"1022 E Lincolnway Unit #1590","addressLocality":"Cheyenne","addressRegion":"WY","postalCode":"82001","addressCountry":"US"}}</script>
<!-- JSON-LD LocalBusiness Schema -->
<script type="application/ld+json">{"@context":"https://schema.org","@type":"LocalBusiness","name":"Lara Mobile Homes","description":"Factory-direct mobile home manufacturer offering single-wide and double-wide manufactured homes with professional delivery and installation services to all 48 contiguous United States.","url":"https://laramobilehomes.com","telephone":"+12105704603","email":"[email protected]","priceRange":"$38,900 - $139,900","currenciesAccepted":"USD","paymentAccepted":"Cash, Check, Financing","openingHours":"Mo-Fr 08:00-18:00, Sa 09:00-15:00","address":{"@type":"PostalAddress","streetAddress":"1022 E Lincolnway Unit #1590","addressLocality":"Cheyenne","addressRegion":"WY","postalCode":"82001","addressCountry":"US"},"hasOfferCatalog":{"@type":"OfferCatalog","name":"Manufactured Homes","itemListElement":[{"@type":"OfferCatalog","name":"Single-Wide Homes","url":"https://laramobilehomes.com/inventory.php"},{"@type":"OfferCatalog","name":"Double-Wide Homes","url":"https://laramobilehomes.com/inventory.php"}]}}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","name":"Featured Manufactured Homes","description":"Our most popular factory-direct manufactured home floor plans.","numberOfItems":6,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://laramobilehomes.com/property/the-vertex-16x64","name":"The Vertex 16x64"},{"@type":"ListItem","position":2,"url":"https://laramobilehomes.com/property/the-tonaday-28x54","name":"The TonaDay 28x54"},{"@type":"ListItem","position":3,"url":"https://laramobilehomes.com/property/the-retreat-16x66","name":"The Retreat 16x66"},{"@type":"ListItem","position":4,"url":"https://laramobilehomes.com/property/the-remington-14x64","name":"The Remington 14x64"},{"@type":"ListItem","position":5,"url":"https://laramobilehomes.com/property/the-rado-16x72","name":"The Rado 16x72"},{"@type":"ListItem","position":6,"url":"https://laramobilehomes.com/property/the-maui-14x66","name":"The Maui 14x66"}]}</script>
</head>
<body class="bg-slate-50 text-gray-900 font-sans antialiased min-h-screen flex flex-col">
<!-- Top Bar -->
<div class="bg-brand-950 text-brand-200 text-xs py-2 hidden md:block">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex justify-between items-center">
<div class="flex items-center gap-4">
<span class="flex items-center gap-1.5">
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path></svg>
<a href="tel:+12105704603" class="hover:underline">(210) 570-4603</a>
</span>
<span class="text-brand-400">|</span>
<span class="flex items-center gap-1.5">
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
Nationwide Delivery & Installation
</span>
</div>
<div class="flex items-center gap-4">
<span>Factory-Direct Pricing, No Middleman</span>
</div>
</div>
</div>
<!-- Navbar -->
<header class="bg-white/95 backdrop-blur-md shadow-sm sticky top-0 z-50 border-b border-gray-100">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between">
<a href="/" class="flex items-center gap-2.5">
<img src="/images/lara-mobile-homes-logo.png" alt="Lara Mobile Homes" class="h-10 w-auto">
<span class="font-display font-bold text-xl tracking-tight">
<span class="text-brand-900">Lara</span> <span class="text-brand-600">Mobile</span>
<span class="text-accent-600 font-medium text-sm ml-0.5">Homes</span>
</span>
</a>
<nav class="hidden lg:flex items-center gap-1">
<a href="/" class="nav-link active text-brand-700 font-semibold px-4 py-2 rounded-lg hover:bg-brand-50 hover:text-brand-700 text-sm font-medium transition-colors">Home</a>
<a href="/inventory" class="nav-link text-gray-600 px-4 py-2 rounded-lg hover:bg-brand-50 hover:text-brand-700 text-sm font-medium transition-colors">Inventory</a>
<a href="/financing" class="nav-link text-gray-600 px-4 py-2 rounded-lg hover:bg-brand-50 hover:text-brand-700 text-sm font-medium transition-colors flex items-center gap-1">
<svg class="w-3.5 h-3.5 text-accent-500" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path></svg>
Financing
</a>
<a href="/delivery" class="nav-link text-gray-600 px-4 py-2 rounded-lg hover:bg-brand-50 hover:text-brand-700 text-sm font-medium transition-colors">Delivery</a>
<a href="/installation" class="nav-link text-gray-600 px-4 py-2 rounded-lg hover:bg-brand-50 hover:text-brand-700 text-sm font-medium transition-colors">Installation</a>
<a href="/faq" class="nav-link text-gray-600 px-4 py-2 rounded-lg hover:bg-brand-50 hover:text-brand-700 text-sm font-medium transition-colors">FAQ</a>
<a href="/saved" class="nav-link text-gray-600 px-4 py-2 rounded-lg hover:bg-brand-50 hover:text-brand-700 text-sm font-medium transition-colors flex items-center gap-1.5">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
Saved
<span id="saved-count-badge" class="bg-brand-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-full min-w-[18px] text-center hidden">0</span>
</a>
</nav>
<div class="hidden lg:flex items-center gap-3">
<a href="/contact" class="inline-flex items-center gap-2 px-5 py-2.5 bg-brand-600 hover:bg-brand-700 text-white text-sm font-semibold rounded-xl shadow-lg shadow-brand-600/25 hover:shadow-brand-700/30 transition-all duration-200">
Get a Free Quote
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg>
</a>
</div>
<div class="lg:hidden">
<button type="button" onclick="document.getElementById('mobile-menu').classList.toggle('open')" class="text-gray-500 hover:text-gray-900 focus:outline-none p-2" aria-label="Open menu">
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /></svg>
</button>
</div>
</div>
<div id="mobile-menu" class="mobile-menu lg:hidden bg-white border-t border-gray-100">
<div class="px-4 py-3 space-y-1">
<a href="/" class="block px-4 py-2.5 rounded-lg text-sm font-medium bg-brand-50 text-brand-700">Home</a>
<a href="/inventory" class="block px-4 py-2.5 rounded-lg text-sm font-medium text-gray-600 hover:bg-gray-50">Inventory</a>
<a href="/financing" class="block px-4 py-2.5 rounded-lg text-sm font-medium text-gray-600 hover:bg-gray-50">Financing & Calculator</a>
<a href="/delivery" class="block px-4 py-2.5 rounded-lg text-sm font-medium text-gray-600 hover:bg-gray-50">Delivery</a>
<a href="/installation" class="block px-4 py-2.5 rounded-lg text-sm font-medium text-gray-600 hover:bg-gray-50">Installation</a>
<a href="/faq" class="block px-4 py-2.5 rounded-lg text-sm font-medium text-gray-600 hover:bg-gray-50">FAQ</a>
<a href="/saved" class="block px-4 py-2.5 rounded-lg text-sm font-medium text-gray-600 hover:bg-gray-50">Saved Homes</a>
<a href="/contact" class="block px-4 py-2.5 rounded-lg text-sm font-semibold bg-brand-600 text-white text-center mt-2">Get a Free Quote</a>
</div>
</div>
</header>
<main class="flex-grow">
<!-- Hero Section -->
<section class="hero-gradient relative overflow-hidden">
<div class="absolute inset-0 opacity-10">
<div class="absolute inset-0" style="background-image: url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%23ffffff" fill-opacity="0.15"%3E%3Cpath d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');"></div>
</div>
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24 md:py-32 lg:py-40 relative z-10">
<div class="max-w-3xl">
<div class="slide-up">
<span class="badge-shimmer inline-flex items-center gap-2 px-4 py-1.5 rounded-full text-white text-xs font-semibold uppercase tracking-wider mb-6">
<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
Factory-Direct Manufacturer
</span>
</div>
<h1 class="font-display text-4xl md:text-5xl lg:text-6xl font-extrabold text-white leading-tight slide-up slide-up-delay-1">
We <span class="text-accent-400">Build</span>, <span class="text-accent-400">Deliver</span> &<br>
<span class="text-accent-400">Install</span> Your Dream Home
</h1>
<p class="mt-6 text-lg md:text-xl text-blue-100/80 leading-relaxed max-w-2xl slide-up slide-up-delay-2">
Lara Mobile Homes is a vertically-integrated manufacturer of single-wide and double-wide manufactured homes. We handle every step: from building your home in our factory to delivering it to your property and professionally installing it on-site. No middlemen, no markups.
</p>
<div class="mt-10 flex flex-wrap gap-4 slide-up slide-up-delay-3">
<a href="/inventory" class="inline-flex items-center gap-2 px-8 py-4 bg-accent-500 hover:bg-accent-600 text-white text-base font-bold rounded-xl shadow-xl shadow-accent-500/30 hover:shadow-accent-600/40 transition-all duration-300">
Browse Inventory
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg>
</a>
<a href="/contact" class="inline-flex items-center gap-2 px-8 py-4 bg-white/10 hover:bg-white/20 text-white text-base font-bold rounded-xl border border-white/20 backdrop-blur-sm transition-all duration-300">Get a Free Quote</a>
</div>
<div class="mt-12 flex items-center gap-8 text-sm text-blue-200/70">
<div class="flex items-center gap-2"><svg class="w-5 h-5 text-accent-400" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>Starting at $38,900</div>
<div class="flex items-center gap-2"><svg class="w-5 h-5 text-accent-400" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>Nationwide Service</div>
<div class="flex items-center gap-2"><svg class="w-5 h-5 text-accent-400" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>HUD Certified</div>
</div>
</div>
</div>
</section>
<!-- Value Propositions -->
<section class="py-20 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<span class="text-brand-600 font-semibold text-sm uppercase tracking-wider">Why Choose Us</span>
<h2 class="font-display text-3xl md:text-4xl font-bold text-gray-900 mt-3">One Company. Three Services. <span class="gradient-text">Zero Hassle.</span></h2>
<p class="mt-4 text-lg text-gray-500 max-w-2xl mx-auto">We are the only company you need. We manufacture your home, transport it to your location, and handle the complete professional installation.</p>
</div>
<div class="grid md:grid-cols-3 gap-8">
<div class="hover-lift bg-gradient-to-br from-brand-50 to-white rounded-2xl p-8 border border-brand-100 shadow-sm">
<div class="w-14 h-14 rounded-xl bg-brand-600 flex items-center justify-center mb-6 shadow-lg shadow-brand-600/20"><svg class="w-7 h-7 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path></svg></div>
<h3 class="font-display text-xl font-bold text-gray-900 mb-3">We Manufacture</h3>
<p class="text-gray-600 leading-relaxed">Every home is built in our state-of-the-art manufacturing facility. HUD-certified construction with premium materials, energy-efficient designs, and customizable floor plans.</p>
<a href="/inventory" class="inline-flex items-center gap-1.5 mt-6 text-brand-600 font-semibold text-sm hover:text-brand-700 transition-colors">View Floor Plans <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></a>
</div>
<div class="hover-lift bg-gradient-to-br from-accent-50 to-white rounded-2xl p-8 border border-accent-100 shadow-sm">
<div class="w-14 h-14 rounded-xl bg-accent-500 flex items-center justify-center mb-6 shadow-lg shadow-accent-500/20"><svg class="w-7 h-7 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 7h12l2 5h-2v5a1 1 0 01-1 1h-1a1 1 0 01-1-1v-1H7v1a1 1 0 01-1 1H5a1 1 0 01-1-1v-5H2l2-5zm0 0V4a1 1 0 011-1h6a1 1 0 011 1v3M6 15.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm12 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"></path></svg></div>
<h3 class="font-display text-xl font-bold text-gray-900 mb-3">We Deliver</h3>
<p class="text-gray-600 leading-relaxed">Our professional transport team handles all permits, route planning, pilot cars, and heavy-haul logistics. We deliver single-wides and double-wides anywhere in the continental US.</p>
<a href="/delivery" class="inline-flex items-center gap-1.5 mt-6 text-accent-600 font-semibold text-sm hover:text-accent-700 transition-colors">Learn About Delivery <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></a>
</div>
<div class="hover-lift bg-gradient-to-br from-emerald-50 to-white rounded-2xl p-8 border border-emerald-100 shadow-sm">
<div class="w-14 h-14 rounded-xl bg-emerald-600 flex items-center justify-center mb-6 shadow-lg shadow-emerald-600/20"><svg class="w-7 h-7 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.066 2.573c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.573 1.066c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.066-2.573c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path></svg></div>
<h3 class="font-display text-xl font-bold text-gray-900 mb-3">We Install</h3>
<p class="text-gray-600 leading-relaxed">Our licensed crews handle complete site preparation, foundation work, blocking, leveling, skirting, and all utility connections. Move-in ready, guaranteed.</p>
<a href="/installation" class="inline-flex items-center gap-1.5 mt-6 text-emerald-600 font-semibold text-sm hover:text-emerald-700 transition-colors">Learn About Installation <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></a>
</div>
</div>
</div>
</section>
<!-- Featured Homes -->
<section class="py-20 bg-slate-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-col md:flex-row md:items-end md:justify-between mb-12">
<div>
<span class="text-brand-600 font-semibold text-sm uppercase tracking-wider">Our Catalog</span>
<h2 class="font-display text-3xl md:text-4xl font-bold text-gray-900 mt-3">Featured Homes</h2>
<p class="mt-3 text-lg text-gray-500 max-w-xl">Our most popular floor plans, manufactured in-house and ready for delivery and installation.</p>
</div>
<a href="/inventory" class="mt-6 md:mt-0 inline-flex items-center gap-2 px-6 py-3 bg-white border border-gray-200 rounded-xl text-sm font-semibold text-gray-700 hover:bg-gray-50 hover:border-gray-300 transition-all shadow-sm">
View All Homes
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg>
</a>
</div>
<div class="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
<div class="hover-lift flex flex-col h-full rounded-2xl overflow-hidden bg-white border border-gray-100 shadow-sm group">
<div class="flex-shrink-0 relative overflow-hidden bg-gradient-to-br from-gray-100 to-gray-200 aspect-[16/10]">
<img class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105" src="/images/homes/the-vertex-16x64/exterior.webp" alt="The Vertex 16x64 Single Wide manufactured home exterior — 3 bedroom, 2 bathroom, 1,001 sq ft" loading="lazy" width="600" height="375">
<div class="absolute top-3 left-3 flex gap-2">
<span class="bg-white/90 backdrop-blur-sm px-3 py-1 rounded-lg text-[11px] font-bold uppercase tracking-wider text-brand-700 shadow-sm border border-white/50">Single Wide</span>
<span class="bg-white/90 backdrop-blur-sm px-2.5 py-1 rounded-lg text-[11px] font-bold text-gray-600 shadow-sm border border-white/50">2026</span>
</div>
<div class="absolute bottom-3 right-3 flex flex-col items-end gap-1">
<span class="bg-emerald-600/95 backdrop-blur-sm px-3 py-1.5 rounded-lg text-sm font-extrabold text-white shadow-lg">$73,899</span>
</div>
</div>
<div class="flex-1 p-6 flex flex-col justify-between">
<div class="flex-1">
<a href="/property/the-vertex-16x64" class="block">
<div class="flex justify-between items-start">
<h3 class="text-lg font-bold text-gray-900 group-hover:text-brand-600 transition-colors">The Vertex 16x64</h3>
</div>
<div class="mt-2 flex items-center gap-2">
<span class="text-xs font-bold text-brand-700 bg-brand-50 px-2.5 py-0.5 rounded-md border border-brand-200">
From $431 / mo
</span>
<span class="text-[11px] text-gray-500">with 10% down</span>
</div>
<div class="mt-3 flex items-center text-gray-500 text-sm gap-5 font-medium">
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path></svg>
3 Beds
</span>
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"></path></svg>
2 Baths
</span>
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"></path></svg>
1,001 sqft
</span>
</div>
</a>
</div>
<div class="mt-5 flex items-center gap-3">
<a href="/property/the-vertex-16x64" class="flex-1 bg-brand-600 hover:bg-brand-700 text-white text-center py-3 rounded-xl font-bold text-sm transition-all duration-200 shadow-sm hover:shadow-md">View Details</a>
<button onclick="toggleSave(31, this)" class="h-12 w-12 flex items-center justify-center rounded-xl border transition-all duration-200 bg-gray-50 border-gray-200 text-gray-400 hover:text-red-500 hover:bg-red-50" aria-label="Save for later">
<svg class="w-5 h-5 save-icon fill-transparent" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
</button>
</div>
</div>
</div>
<div class="hover-lift flex flex-col h-full rounded-2xl overflow-hidden bg-white border border-gray-100 shadow-sm group">
<div class="flex-shrink-0 relative overflow-hidden bg-gradient-to-br from-gray-100 to-gray-200 aspect-[16/10]">
<img class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105" src="/images/homes/the-tonaday-28x54/exterior.webp" alt="The TonaDay 28x54 Double Wide manufactured home exterior — 3 bedroom, 2 bathroom, 1,456 sq ft" loading="lazy" width="600" height="375">
<div class="absolute top-3 left-3 flex gap-2">
<span class="bg-white/90 backdrop-blur-sm px-3 py-1 rounded-lg text-[11px] font-bold uppercase tracking-wider text-brand-700 shadow-sm border border-white/50">Double Wide</span>
<span class="bg-white/90 backdrop-blur-sm px-2.5 py-1 rounded-lg text-[11px] font-bold text-gray-600 shadow-sm border border-white/50">2026</span>
</div>
<div class="absolute bottom-3 right-3 flex flex-col items-end gap-1">
<span class="bg-emerald-600/95 backdrop-blur-sm px-3 py-1.5 rounded-lg text-sm font-extrabold text-white shadow-lg">$85,899</span>
</div>
</div>
<div class="flex-1 p-6 flex flex-col justify-between">
<div class="flex-1">
<a href="/property/the-tonaday-28x54" class="block">
<div class="flex justify-between items-start">
<h3 class="text-lg font-bold text-gray-900 group-hover:text-brand-600 transition-colors">The TonaDay 28x54</h3>
</div>
<div class="mt-2 flex items-center gap-2">
<span class="text-xs font-bold text-brand-700 bg-brand-50 px-2.5 py-0.5 rounded-md border border-brand-200">
From $501 / mo
</span>
<span class="text-[11px] text-gray-500">with 10% down</span>
</div>
<div class="mt-3 flex items-center text-gray-500 text-sm gap-5 font-medium">
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path></svg>
3 Beds
</span>
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"></path></svg>
2 Baths
</span>
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"></path></svg>
1,456 sqft
</span>
</div>
</a>
</div>
<div class="mt-5 flex items-center gap-3">
<a href="/property/the-tonaday-28x54" class="flex-1 bg-brand-600 hover:bg-brand-700 text-white text-center py-3 rounded-xl font-bold text-sm transition-all duration-200 shadow-sm hover:shadow-md">View Details</a>
<button onclick="toggleSave(30, this)" class="h-12 w-12 flex items-center justify-center rounded-xl border transition-all duration-200 bg-gray-50 border-gray-200 text-gray-400 hover:text-red-500 hover:bg-red-50" aria-label="Save for later">
<svg class="w-5 h-5 save-icon fill-transparent" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
</button>
</div>
</div>
</div>
<div class="hover-lift flex flex-col h-full rounded-2xl overflow-hidden bg-white border border-gray-100 shadow-sm group">
<div class="flex-shrink-0 relative overflow-hidden bg-gradient-to-br from-gray-100 to-gray-200 aspect-[16/10]">
<img class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105" src="/images/homes/the-retreat-16x66/exterior.webp" alt="The Retreat 16x66 Single Wide manufactured home exterior — 2 bedroom, 2 bathroom, 1,020 sq ft" loading="lazy" width="600" height="375">
<div class="absolute top-3 left-3 flex gap-2">
<span class="bg-white/90 backdrop-blur-sm px-3 py-1 rounded-lg text-[11px] font-bold uppercase tracking-wider text-brand-700 shadow-sm border border-white/50">Single Wide</span>
<span class="bg-white/90 backdrop-blur-sm px-2.5 py-1 rounded-lg text-[11px] font-bold text-gray-600 shadow-sm border border-white/50">2026</span>
</div>
<div class="absolute bottom-3 right-3 flex flex-col items-end gap-1">
<span class="bg-emerald-600/95 backdrop-blur-sm px-3 py-1.5 rounded-lg text-sm font-extrabold text-white shadow-lg">$78,899</span>
</div>
</div>
<div class="flex-1 p-6 flex flex-col justify-between">
<div class="flex-1">
<a href="/property/the-retreat-16x66" class="block">
<div class="flex justify-between items-start">
<h3 class="text-lg font-bold text-gray-900 group-hover:text-brand-600 transition-colors">The Retreat 16x66</h3>
</div>
<div class="mt-2 flex items-center gap-2">
<span class="text-xs font-bold text-brand-700 bg-brand-50 px-2.5 py-0.5 rounded-md border border-brand-200">
From $461 / mo
</span>
<span class="text-[11px] text-gray-500">with 10% down</span>
</div>
<div class="mt-3 flex items-center text-gray-500 text-sm gap-5 font-medium">
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path></svg>
2 Beds
</span>
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"></path></svg>
2 Baths
</span>
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"></path></svg>
1,020 sqft
</span>
</div>
</a>
</div>
<div class="mt-5 flex items-center gap-3">
<a href="/property/the-retreat-16x66" class="flex-1 bg-brand-600 hover:bg-brand-700 text-white text-center py-3 rounded-xl font-bold text-sm transition-all duration-200 shadow-sm hover:shadow-md">View Details</a>
<button onclick="toggleSave(29, this)" class="h-12 w-12 flex items-center justify-center rounded-xl border transition-all duration-200 bg-gray-50 border-gray-200 text-gray-400 hover:text-red-500 hover:bg-red-50" aria-label="Save for later">
<svg class="w-5 h-5 save-icon fill-transparent" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
</button>
</div>
</div>
</div>
<div class="hover-lift flex flex-col h-full rounded-2xl overflow-hidden bg-white border border-gray-100 shadow-sm group">
<div class="flex-shrink-0 relative overflow-hidden bg-gradient-to-br from-gray-100 to-gray-200 aspect-[16/10]">
<img class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105" src="/images/homes/the-remington-14x64/exterior.jpg" alt="The Remington 14x64 Single Wide manufactured home exterior — 3 bedroom, 2 bathroom, 880 sq ft" loading="lazy" width="600" height="375">
<div class="absolute top-3 left-3 flex gap-2">
<span class="bg-white/90 backdrop-blur-sm px-3 py-1 rounded-lg text-[11px] font-bold uppercase tracking-wider text-brand-700 shadow-sm border border-white/50">Single Wide</span>
<span class="bg-white/90 backdrop-blur-sm px-2.5 py-1 rounded-lg text-[11px] font-bold text-gray-600 shadow-sm border border-white/50">2026</span>
</div>
<div class="absolute bottom-3 right-3 flex flex-col items-end gap-1">
<span class="bg-emerald-600/95 backdrop-blur-sm px-3 py-1.5 rounded-lg text-sm font-extrabold text-white shadow-lg">$70,899</span>
</div>
</div>
<div class="flex-1 p-6 flex flex-col justify-between">
<div class="flex-1">
<a href="/property/the-remington-14x64" class="block">
<div class="flex justify-between items-start">
<h3 class="text-lg font-bold text-gray-900 group-hover:text-brand-600 transition-colors">The Remington 14x64</h3>
</div>
<div class="mt-2 flex items-center gap-2">
<span class="text-xs font-bold text-brand-700 bg-brand-50 px-2.5 py-0.5 rounded-md border border-brand-200">
From $414 / mo
</span>
<span class="text-[11px] text-gray-500">with 10% down</span>
</div>
<div class="mt-3 flex items-center text-gray-500 text-sm gap-5 font-medium">
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path></svg>
3 Beds
</span>
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"></path></svg>
2 Baths
</span>
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"></path></svg>
880 sqft
</span>
</div>
</a>
</div>
<div class="mt-5 flex items-center gap-3">
<a href="/property/the-remington-14x64" class="flex-1 bg-brand-600 hover:bg-brand-700 text-white text-center py-3 rounded-xl font-bold text-sm transition-all duration-200 shadow-sm hover:shadow-md">View Details</a>
<button onclick="toggleSave(28, this)" class="h-12 w-12 flex items-center justify-center rounded-xl border transition-all duration-200 bg-gray-50 border-gray-200 text-gray-400 hover:text-red-500 hover:bg-red-50" aria-label="Save for later">
<svg class="w-5 h-5 save-icon fill-transparent" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
</button>
</div>
</div>
</div>
<div class="hover-lift flex flex-col h-full rounded-2xl overflow-hidden bg-white border border-gray-100 shadow-sm group">
<div class="flex-shrink-0 relative overflow-hidden bg-gradient-to-br from-gray-100 to-gray-200 aspect-[16/10]">
<img class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105" src="/images/homes/the-rado-16x72/exterior.webp" alt="The Rado 16x72 Single Wide manufactured home exterior — 3 bedroom, 2 bathroom, 1,120 sq ft" loading="lazy" width="600" height="375">
<div class="absolute top-3 left-3 flex gap-2">
<span class="bg-white/90 backdrop-blur-sm px-3 py-1 rounded-lg text-[11px] font-bold uppercase tracking-wider text-brand-700 shadow-sm border border-white/50">Single Wide</span>
<span class="bg-white/90 backdrop-blur-sm px-2.5 py-1 rounded-lg text-[11px] font-bold text-gray-600 shadow-sm border border-white/50">2026</span>
</div>
<div class="absolute bottom-3 right-3 flex flex-col items-end gap-1">
<span class="bg-emerald-600/95 backdrop-blur-sm px-3 py-1.5 rounded-lg text-sm font-extrabold text-white shadow-lg">$76,899</span>
</div>
</div>
<div class="flex-1 p-6 flex flex-col justify-between">
<div class="flex-1">
<a href="/property/the-rado-16x72" class="block">
<div class="flex justify-between items-start">
<h3 class="text-lg font-bold text-gray-900 group-hover:text-brand-600 transition-colors">The Rado 16x72</h3>
</div>
<div class="mt-2 flex items-center gap-2">
<span class="text-xs font-bold text-brand-700 bg-brand-50 px-2.5 py-0.5 rounded-md border border-brand-200">
From $449 / mo
</span>
<span class="text-[11px] text-gray-500">with 10% down</span>
</div>
<div class="mt-3 flex items-center text-gray-500 text-sm gap-5 font-medium">
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path></svg>
3 Beds
</span>
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"></path></svg>
2 Baths
</span>
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"></path></svg>
1,120 sqft
</span>
</div>
</a>
</div>
<div class="mt-5 flex items-center gap-3">
<a href="/property/the-rado-16x72" class="flex-1 bg-brand-600 hover:bg-brand-700 text-white text-center py-3 rounded-xl font-bold text-sm transition-all duration-200 shadow-sm hover:shadow-md">View Details</a>
<button onclick="toggleSave(27, this)" class="h-12 w-12 flex items-center justify-center rounded-xl border transition-all duration-200 bg-gray-50 border-gray-200 text-gray-400 hover:text-red-500 hover:bg-red-50" aria-label="Save for later">
<svg class="w-5 h-5 save-icon fill-transparent" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
</button>
</div>
</div>
</div>
<div class="hover-lift flex flex-col h-full rounded-2xl overflow-hidden bg-white border border-gray-100 shadow-sm group">
<div class="flex-shrink-0 relative overflow-hidden bg-gradient-to-br from-gray-100 to-gray-200 aspect-[16/10]">
<img class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105" src="/images/homes/the-maui-14x66/exterior.webp" alt="The Maui 14x66 Single Wide manufactured home exterior — 2 bedroom, 2 bathroom, 910 sq ft" loading="lazy" width="600" height="375">
<div class="absolute top-3 left-3 flex gap-2">
<span class="bg-white/90 backdrop-blur-sm px-3 py-1 rounded-lg text-[11px] font-bold uppercase tracking-wider text-brand-700 shadow-sm border border-white/50">Single Wide</span>
<span class="bg-white/90 backdrop-blur-sm px-2.5 py-1 rounded-lg text-[11px] font-bold text-gray-600 shadow-sm border border-white/50">2026</span>
</div>
<div class="absolute bottom-3 right-3 flex flex-col items-end gap-1">
<span class="bg-emerald-600/95 backdrop-blur-sm px-3 py-1.5 rounded-lg text-sm font-extrabold text-white shadow-lg">$77,899</span>
</div>
</div>
<div class="flex-1 p-6 flex flex-col justify-between">
<div class="flex-1">
<a href="/property/the-maui-14x66" class="block">
<div class="flex justify-between items-start">
<h3 class="text-lg font-bold text-gray-900 group-hover:text-brand-600 transition-colors">The Maui 14x66</h3>
</div>
<div class="mt-2 flex items-center gap-2">
<span class="text-xs font-bold text-brand-700 bg-brand-50 px-2.5 py-0.5 rounded-md border border-brand-200">
From $455 / mo
</span>
<span class="text-[11px] text-gray-500">with 10% down</span>
</div>
<div class="mt-3 flex items-center text-gray-500 text-sm gap-5 font-medium">
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path></svg>
2 Beds
</span>
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"></path></svg>
2 Baths
</span>
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"></path></svg>
910 sqft
</span>
</div>
</a>
</div>
<div class="mt-5 flex items-center gap-3">
<a href="/property/the-maui-14x66" class="flex-1 bg-brand-600 hover:bg-brand-700 text-white text-center py-3 rounded-xl font-bold text-sm transition-all duration-200 shadow-sm hover:shadow-md">View Details</a>
<button onclick="toggleSave(26, this)" class="h-12 w-12 flex items-center justify-center rounded-xl border transition-all duration-200 bg-gray-50 border-gray-200 text-gray-400 hover:text-red-500 hover:bg-red-50" aria-label="Save for later">
<svg class="w-5 h-5 save-icon fill-transparent" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
</button>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Stats Banner -->
<section class="bg-brand-900 py-16">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
<div><div class="font-display text-4xl md:text-5xl font-extrabold text-white">31</div><div class="text-brand-200 text-sm mt-2 font-medium">Floor Plans Available</div></div>
<div><div class="font-display text-4xl md:text-5xl font-extrabold text-white">48</div><div class="text-brand-200 text-sm mt-2 font-medium">States Served</div></div>
<div><div class="font-display text-4xl md:text-5xl font-extrabold text-accent-400">$38.9K</div><div class="text-brand-200 text-sm mt-2 font-medium">Starting Price</div></div>
<div><div class="font-display text-4xl md:text-5xl font-extrabold text-white">100%</div><div class="text-brand-200 text-sm mt-2 font-medium">HUD Certified</div></div>
</div>
</div>
</section>
<!-- Authority Content -->
<section class="py-16 bg-white border-t border-gray-100">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
<article>
<h2 class="font-display text-2xl md:text-3xl font-bold text-gray-900 mb-6">About Lara Mobile Homes: Factory-Direct Manufactured Homes</h2>
<p class="text-gray-600 leading-relaxed mb-4">Lara Mobile Homes is a vertically-integrated manufactured home company that builds, delivers, and installs single-wide and double-wide mobile homes across all 48 contiguous United States. Our factory-direct model passes manufacturing savings directly to buyers. The 31 floor plans in our current catalogue run from $38,900 to $139,900, with single-section homes starting at $38,900 and multi-section homes at $80,899. Those prices are for the home; site preparation, transport and set-up depend on your location and are quoted separately.</p>
<p class="text-gray-600 leading-relaxed mb-4">Every manufactured home we produce is built to the HUD Code — the Manufactured Home Construction and Safety Standards at 24 CFR Part 3280, administered by the U.S. Department of Housing and Urban Development. It is a federal standard that pre-empts state and local building codes, and it covers design, strength and durability, transportability, fire resistance, energy efficiency and the plumbing, heating and electrical systems. The date that matters is 15 June 1976, when the standard took effect: homes built before it are legally mobile homes and are much harder to finance and insure than homes built after it. <a href="/faq" class="text-brand-700 font-semibold underline hover:text-brand-800">The FAQ explains the HUD Code, certification labels and data plates in detail</a>.</p>
<p class="text-gray-600 leading-relaxed mb-4">Delivery is heavy-haul work rather than ordinary freight. Manufactured home sections are typically 14 to 18 feet wide against a standard legal load width of 8 feet 6 inches, so every move needs oversize permits from each state on the route, usually pilot or escort vehicles, and a route survey covering bridge clearances, turning radii and overhead lines. <a href="/delivery" class="text-brand-700 font-semibold underline hover:text-brand-800">See how transport permits, escorts and site access work</a>.</p>
<p class="text-gray-600 leading-relaxed">Installation covers site preparation and footings below the frost line, placing and levelling the home on a pier-and-anchor system or a permanent foundation, joining the sections of a multi-section home at the mating line, completing the utility crossovers, anchoring sized to the home's wind zone, and finishing with skirting, steps and final inspection. <a href="/installation" class="text-brand-700 font-semibold underline hover:text-brand-800">Read what site preparation and set-up involve</a>, or <a href="/inventory" class="text-brand-700 font-semibold underline hover:text-brand-800">browse all 31 floor plans with full specifications</a>.</p>
</article>
</div>
</section>
<!-- CTA -->
<section class="py-20 bg-slate-50">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<h2 class="font-display text-3xl md:text-4xl font-bold text-gray-900">Ready to Find Your Dream Home?</h2>
<p class="mt-4 text-lg text-gray-500 max-w-2xl mx-auto">Whether you're buying, need transport for an existing home, or require professional installation, we're here to help. Get a free, no-obligation quote today.</p>
<div class="mt-10 flex flex-wrap justify-center gap-4">
<a href="/contact" class="pulse-glow inline-flex items-center gap-2 px-10 py-4 bg-brand-600 hover:bg-brand-700 text-white text-base font-bold rounded-xl shadow-xl shadow-brand-600/25 transition-all duration-300">Get a Free Quote <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></a>
<a href="/faq" class="inline-flex items-center gap-2 px-10 py-4 bg-gray-100 hover:bg-gray-200 text-gray-700 text-base font-bold rounded-xl transition-all duration-300">Read the FAQ</a>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-gray-900 text-white mt-auto">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="py-16 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
<div class="lg:col-span-1">
<div class="flex items-center gap-2.5 mb-4">
<img src="/images/lara-mobile-homes-logo.png" alt="Lara Mobile Homes" class="h-8 w-auto">
<span class="font-display font-bold text-lg">Lara Mobile <span class="text-accent-400">Homes</span></span>
</div>
<p class="text-gray-400 text-sm leading-relaxed mb-6">
We are a vertically-integrated mobile home manufacturer, transporter, and installer. From factory floor to your front door, we handle every step of the process.
</p>
<p class="text-gray-500 text-xs">© 2026 Lara Mobile Homes. All rights reserved.</p>
</div>
<div>
<h3 class="font-display font-semibold text-sm text-white uppercase tracking-wider mb-4">Our Services</h3>
<ul class="space-y-3 text-sm text-gray-400">
<li><a href="/inventory" class="hover:text-white transition-colors">Browse Homes</a></li>
<li><a href="/financing" class="hover:text-white transition-colors">Financing & Calculator</a></li>
<li><a href="https://yourfirsthomefinancing.com" target="_blank" rel="noopener noreferrer" class="hover:text-white transition-colors flex items-center gap-1">Home Financing (Partner) <svg class="w-3 h-3 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg></a></li>
<li><a href="/delivery" class="hover:text-white transition-colors">Delivery & Transport</a></li>
<li><a href="/installation" class="hover:text-white transition-colors">Installation Services</a></li>
<li><a href="/contact" class="hover:text-white transition-colors">Request a Quote</a></li>
</ul>
</div>
<div>
<h3 class="font-display font-semibold text-sm text-white uppercase tracking-wider mb-4">Support</h3>
<ul class="space-y-3 text-sm text-gray-400">
<li><a href="/faq" class="hover:text-white transition-colors">FAQ</a></li>
<li><a href="/contact" class="hover:text-white transition-colors">Contact Us</a></li>
</ul>
</div>
<div>
<h3 class="font-display font-semibold text-sm text-white uppercase tracking-wider mb-4">Contact</h3>
<ul class="space-y-3 text-sm text-gray-400">
<li class="flex items-center gap-2">
<svg class="w-4 h-4 text-brand-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path></svg>
<a href="tel:+12105704603" class="hover:underline">(210) 570-4603</a>
</li>
<li class="flex items-start gap-2">
<svg class="w-4 h-4 text-brand-400 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a2 2 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
<address class="not-italic">1022 E Lincolnway Unit #1590<br>Cheyenne, WY 82001</address>
</li>
<li class="flex items-center gap-2">
<svg class="w-4 h-4 text-brand-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg>
<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a6cfc8c0c9e6cac7d4c7cbc9c4cfcac3cec9cbc3d588c5c9cb">[email protected]</a>
</li>
<li class="flex items-start gap-2">
<svg class="w-4 h-4 text-brand-400 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
Nationwide Service: All 48 Contiguous States
</li>
</ul>
</div>
</div>
<div class="border-t border-gray-800 py-6 text-center text-xs text-gray-500">
<p>Lara Mobile Homes is a vertically-integrated mobile home manufacturer, transporter, and installer serving all 48 contiguous United States.</p>
</div>
</div>
</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
window.toggleSave = function(id, button) {
const tokenMeta = document.querySelector('meta[name="csrf-token"]');
const token = tokenMeta ? tokenMeta.getAttribute('content') : '';
const body = new URLSearchParams({ id: id, csrf_token: token });
fetch('/api/toggle-save.php', {
method: 'POST',
headers: { 'Content-Type': 'application/x-www-form-urlencoded', 'X-CSRF-Token': token },
credentials: 'same-origin',
body: body
})
.then(response => response.json())
.then(data => {
if (data.error) { console.error('Save failed:', data.error); return; }
const badge = document.getElementById('saved-count-badge');
if (badge) {
badge.innerText = data.count;
data.count > 0 ? badge.classList.remove('hidden') : badge.classList.add('hidden');
}
const icon = button.querySelector('svg');
if (data.status === 'added') {
button.classList.remove('bg-white', 'bg-gray-50', 'border-gray-200', 'text-gray-400', 'hover:bg-gray-50');
button.classList.add('bg-red-50', 'border-red-200', 'text-red-500', 'hover:bg-red-100');
icon.classList.remove('fill-transparent'); icon.classList.add('fill-current');
} else {
button.classList.add('bg-gray-50', 'border-gray-200', 'text-gray-400', 'hover:bg-gray-50');
button.classList.remove('bg-red-50', 'border-red-200', 'text-red-500', 'hover:bg-red-100');
icon.classList.add('fill-transparent'); icon.classList.remove('fill-current');
}
})
.catch(error => console.error('Error toggling save:', error));
};
</script>
</body>
</html>
| # |
Url |
Url |
Source |
Date |
| 1 |
https://laramobilehomes.com/ |
|
2026-10-19 22:24:26 |
| 2 |
https://courageousgirls.org/ |
|
2026-10-19 22:24:23 |
| 3 |
https://qoueo.humor-blog.com/ |
|
2026-10-19 22:24:20 |
| 4 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-19 22:24:19 |
| 5 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-19 22:24:19 |
| 6 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-19 22:24:17 |
| 7 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-19 22:24:15 |
| 8 |
https://ashleyn900rjb0.iamthewiki.… |
|
2026-10-19 22:24:13 |
| 9 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-19 22:24:12 |
| 10 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-19 22:24:09 |
| 11 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-19 22:24:08 |
| 12 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-19 22:24:07 |
| 13 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-19 22:24:05 |
| 14 |
https://tripscan80.sbs/ |
|
2026-10-19 22:24:05 |
| 15 |
https://www.texarkanatwins.com/%25… |
|
2026-10-19 22:24:04 |
| 16 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-19 22:24:03 |
| 17 |
https://www.texarkanatwins.com/%25… |
|
2026-10-19 22:24:01 |
| 18 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-19 22:23:56 |
| 19 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-19 22:23:55 |
| 20 |
https://drbo7b.b-cdn.net/research/… |
|
2026-10-19 22:23:51 |