Spaces:
Running
Running
| <!DOCTYPE html> | |
| <html lang="en" class="scroll-smooth"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Premium Domain for Automated Used Car Buying | UsedCarBuyers.ai</title> | |
| <meta name="description" content="Premium domain for automated used car buying platforms. Instant vehicle offers, AI valuation, and digital auto sales."> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/lucide@latest"></script> | |
| <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&display=swap" rel="stylesheet"> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| fontFamily: { | |
| sans: ['Inter', 'sans-serif'], | |
| }, | |
| colors: { | |
| dark: { | |
| 900: '#0a0a0f', | |
| 800: '#12121a', | |
| 700: '#1a1a25', | |
| 600: '#252532', | |
| 500: '#2d2d3d', | |
| }, | |
| brand: { | |
| 400: '#1FACF1', | |
| 500: '#1FACF1', | |
| 600: '#1FACF1', | |
| }, | |
| accent: { | |
| 400: '#f1641f', | |
| 500: '#f1641f', | |
| 600: '#f1641f', | |
| } | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <style> | |
| .gradient-text { | |
| background: linear-gradient(135deg, #1FACF1 0%, #f1641f 100%); | |
| -webkit-background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| background-clip: text; | |
| } | |
| .glass { | |
| background: rgba(26, 26, 37, 0.7); | |
| backdrop-filter: blur(20px); | |
| border: 1px solid rgba(255, 255, 255, 0.08); | |
| } | |
| .glass-card { | |
| background: linear-gradient(145deg, rgba(26, 26, 37, 0.9) 0%, rgba(18, 18, 26, 0.9) 100%); | |
| border: 1px solid rgba(255, 255, 255, 0.06); | |
| } | |
| .glow-orange { | |
| box-shadow: 0 0 40px rgba(241, 100, 31, 0.15); | |
| } | |
| .glow-blue { | |
| box-shadow: 0 0 40px rgba(31, 172, 241, 0.15); | |
| } | |
| body { | |
| background: #0a0a0f; | |
| } | |
| .grid-pattern { | |
| background-image: | |
| linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), | |
| linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px); | |
| background-size: 60px 60px; | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans text-slate-300 antialiased bg-dark-900"> | |
| <!-- Navigation --> | |
| <nav class="fixed top-0 left-0 right-0 z-50 glass border-b border-white/5"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between items-center h-16"> | |
| <div class="flex items-center gap-3"> | |
| <div class="bg-gradient-to-br from-brand-500 to-brand-600 text-white p-2 rounded-xl glow-blue"> | |
| <i data-lucide="car" class="w-5 h-5"></i> | |
| </div> | |
| <span class="font-bold text-xl text-white tracking-tight">UsedCarBuyers<span class="text-brand-400">.ai</span></span> | |
| </div> | |
| <div class="hidden md:flex items-center gap-8"> | |
| <div class="flex items-center gap-2 text-sm font-medium text-slate-400"> | |
| <i data-lucide="shield-check" class="w-4 h-4 text-accent-400"></i> | |
| Premium Domain Available | |
| </div> | |
| <a href="#contact" class="bg-accent-500 hover:bg-accent-600 text-white px-5 py-2.5 rounded-xl font-semibold transition-all glow-orange hover:glow-orange"> | |
| Buy Domain $4,999 | |
| </a> | |
| </div> | |
| <button class="md:hidden p-2 text-slate-400" onclick="document.getElementById('mobile-menu').classList.toggle('hidden')"> | |
| <i data-lucide="menu" class="w-6 h-6"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <div id="mobile-menu" class="hidden md:hidden border-t border-white/5 glass"> | |
| <div class="px-4 py-3 space-y-2"> | |
| <div class="flex items-center gap-2 text-sm text-slate-400 py-2"> | |
| <i data-lucide="shield-check" class="w-4 h-4 text-accent-500"></i> | |
| Premium Domain Available | |
| </div> | |
| <a href="#contact" class="block w-full text-center bg-accent-500 text-white px-5 py-3 rounded-xl font-semibold"> | |
| Buy Domain $4,999 | |
| </a> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section class="relative min-h-screen pt-24 pb-16 overflow-hidden grid-pattern"> | |
| <!-- Background glow effects --> | |
| <div class="absolute top-0 left-1/4 w-96 h-96 bg-brand-500/20 rounded-full blur-[120px]"></div> | |
| <div class="absolute bottom-0 right-1/4 w-96 h-96 bg-accent-500/10 rounded-full blur-[120px]"></div> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"> | |
| <div class="grid lg:grid-cols-2 gap-12 items-center min-h-[80vh]"> | |
| <div class="space-y-8"> | |
| <div class="inline-flex items-center gap-2 bg-dark-700/80 text-brand-500 px-4 py-2 rounded-full text-sm font-semibold border border-brand-500/20"> | |
| <span class="w-2 h-2 bg-accent-500 rounded-full animate-pulse"></span> | |
| Premium Domain For Sale | |
| </div> | |
| <h1 class="text-4xl md:text-5xl lg:text-7xl font-bold text-white leading-tight"> | |
| Automated <span class="gradient-text">Used Car Buying</span> Platform | |
| </h1> | |
| <p class="text-lg text-slate-400 leading-relaxed max-w-lg"> | |
| Build the future of automotive sales with this premium domain. Perfect for AI-powered vehicle valuation, instant offers, and automated purchasing platforms. | |
| </p> | |
| <div class="flex flex-wrap gap-4"> | |
| <div class="flex items-center gap-2 glass px-4 py-2.5 rounded-xl"> | |
| <div class="bg-brand-500/20 p-1.5 rounded-lg"> | |
| <i data-lucide="check-circle" class="w-4 h-4 text-brand-500"></i> | |
| </div> | |
| <span class="font-semibold text-slate-300 text-sm">Exact Match Keywords</span> | |
| </div> | |
| <div class="flex items-center gap-2 glass px-4 py-2.5 rounded-xl"> | |
| <div class="bg-brand-500/20 p-1.5 rounded-lg"> | |
| <i data-lucide="zap" class="w-4 h-4 text-brand-500"></i> | |
| </div> | |
| <span class="font-semibold text-slate-300 text-sm">High SEO Value</span> | |
| </div> | |
| <div class="flex items-center gap-2 glass px-4 py-2.5 rounded-xl"> | |
| <div class="bg-accent-500/20 p-1.5 rounded-lg"> | |
| <i data-lucide="trending-up" class="w-4 h-4 text-accent-500"></i> | |
| </div> | |
| <span class="font-semibold text-slate-300 text-sm">Growing Market</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Quote Form --> | |
| <div class="glass-card rounded-2xl p-6 lg:p-8 relative glow-orange"> | |
| <div class="absolute -top-3 -right-3 bg-accent-500 text-white text-xs font-bold px-4 py-1.5 rounded-full shadow-lg"> | |
| DEMO FORM | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-6">Get Your Instant Offer</h3> | |
| <form class="space-y-4" onsubmit="event.preventDefault(); alert('Demo form - Domain available for purchase!');"> | |
| <div class="grid grid-cols-2 gap-4"> | |
| <div> | |
| <label class="block text-sm font-medium text-slate-400 mb-1.5">Year</label> | |
| <select class="w-full rounded-xl bg-dark-800 border-dark-600 border px-3 py-2.5 text-slate-300 focus:ring-2 focus:ring-brand-500 focus:border-brand-500 outline-none transition-all"> | |
| <option>Select Year</option> | |
| <option>2024</option> | |
| <option>2023</option> | |
| <option>2022</option> | |
| <option>2021</option> | |
| <option>2020</option> | |
| </select> | |
| </div> | |
| <div> | |
| <label class="block text-sm font-medium text-slate-400 mb-1.5">Make</label> | |
| <input type="text" placeholder="e.g. Toyota" class="w-full rounded-xl bg-dark-800 border-dark-600 border px-3 py-2.5 text-slate-300 placeholder-slate-600 focus:ring-2 focus:ring-brand-500 focus:border-brand-500 outline-none transition-all"> | |
| </div> | |
| </div> | |
| <div> | |
| <label class="block text-sm font-medium text-slate-400 mb-1.5">Model</label> | |
| <input type="text" placeholder="e.g. Camry SE" class="w-full rounded-xl bg-dark-800 border-dark-600 border px-3 py-2.5 text-slate-300 placeholder-slate-600 focus:ring-2 focus:ring-brand-500 focus:border-brand-500 outline-none transition-all"> | |
| </div> | |
| <div class="grid grid-cols-2 gap-4"> | |
| <div> | |
| <label class="block text-sm font-medium text-slate-400 mb-1.5">Mileage</label> | |
| <input type="number" placeholder="e.g. 45000" class="w-full rounded-xl bg-dark-800 border-dark-600 border px-3 py-2.5 text-slate-300 placeholder-slate-600 focus:ring-2 focus:ring-brand-500 focus:border-brand-500 outline-none transition-all"> | |
| </div> | |
| <div> | |
| <label class="block text-sm font-medium text-slate-400 mb-1.5">Condition</label> | |
| <select class="w-full rounded-xl bg-dark-800 border-dark-600 border px-3 py-2.5 text-slate-300 focus:ring-2 focus:ring-brand-500 focus:border-brand-500 outline-none transition-all"> | |
| <option>Excellent</option> | |
| <option>Good</option> | |
| <option>Fair</option> | |
| <option>Poor</option> | |
| </select> | |
| </div> | |
| </div> | |
| <button type="submit" class="w-full bg-gradient-to-r from-accent-500 to-accent-500 hover:from-accent-500/80 hover:to-accent-500/80 text-white font-bold py-3.5 rounded-xl transition-all shadow-lg hover:shadow-accent-500/25 transform hover:-translate-y-0.5"> | |
| Get My Offer Now | |
| </button> | |
| <p class="text-xs text-slate-500 text-center"> | |
| Demo functionality only. Domain available for purchase. | |
| </p> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Stats Section --> | |
| <section class="relative py-16 bg-dark-800 border-y border-white/5"> | |
| <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 class="space-y-3"> | |
| <div class="text-4xl font-bold text-accent-500">$4,999</div> | |
| <div class="text-slate-500 text-sm font-medium uppercase tracking-wider">Domain Price</div> | |
| </div> | |
| <div class="space-y-3"> | |
| <div class="text-4xl font-bold text-brand-500">.ai</div> | |
| <div class="text-slate-500 text-sm font-medium uppercase tracking-wider">Premium TLD</div> | |
| </div> | |
| <div class="space-y-3"> | |
| <div class="text-4xl font-bold text-brand-500">SEO</div> | |
| <div class="text-slate-500 text-sm font-medium uppercase tracking-wider">Optimized</div> | |
| </div> | |
| <div class="space-y-3"> | |
| <div class="text-4xl font-bold text-white flex items-center justify-center gap-1"> | |
| 100<i data-lucide="percent" class="w-8 h-8 text-accent-500"></i> | |
| </div> | |
| <div class="text-slate-500 text-sm font-medium uppercase tracking-wider">Transfer Ready</div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- How It Works --> | |
| <section class="py-24 relative"> | |
| <div class="absolute inset-0 bg-gradient-to-b from-dark-900 via-dark-800 to-dark-900"></div> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"> | |
| <div class="text-center max-w-3xl mx-auto mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-white mb-4">Domain Acquisition</h2> | |
| <p class="text-xl text-slate-400">Simple 3-Step Transfer Process</p> | |
| <p class="text-slate-500 mt-4">Secure, fast domain transfer to get you running immediately</p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="glass-card rounded-2xl p-8 h-full hover:border-brand-500/30 transition-all group"> | |
| <div class="w-14 h-14 bg-brand-500 text-white rounded-2xl flex items-center justify-center text-xl font-bold mb-6 shadow-lg glow-blue group-hover:scale-110 transition-transform">1</div> | |
| <h3 class="text-xl font-bold text-white mb-3">Contact Owner</h3> | |
| <p class="text-slate-400 leading-relaxed">Reach out via email to express interest and confirm availability. Quick response guaranteed.</p> | |
| </div> | |
| <div class="glass-card rounded-2xl p-8 h-full hover:border-accent-500/30 transition-all group"> | |
| <div class="w-14 h-14 bg-accent-500 text-white rounded-2xl flex items-center justify-center text-xl font-bold mb-6 shadow-lg glow-orange group-hover:scale-110 transition-transform">2</div> | |
| <h3 class="text-xl font-bold text-white mb-3">Secure Payment</h3> | |
| <p class="text-slate-400 leading-relaxed">Payment via secure escrow service or direct transfer. $4,999 one-time fee, no hidden costs.</p> | |
| </div> | |
| <div class="glass-card rounded-2xl p-8 h-full hover:border-brand-500/30 transition-all group"> | |
| <div class="w-14 h-14 bg-brand-500 text-white rounded-2xl flex items-center justify-center text-xl font-bold mb-6 shadow-lg glow-blue group-hover:scale-110 transition-transform">3</div> | |
| <h3 class="text-xl font-bold text-white mb-3">Domain Transfer</h3> | |
| <p class="text-slate-400 leading-relaxed">Instant domain push to your registrar. Full ownership transferred within hours of payment.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Domain Value Props --> | |
| <section class="py-20 bg-dark-900"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6"> | |
| <div class="glass-card rounded-xl p-6 border-l-4 border-brand-500 hover:border-brand-500/70 transition-all group"> | |
| <div class="w-12 h-12 bg-brand-500/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-brand-500/30 transition-colors"> | |
| <i data-lucide="trending-up" class="w-6 h-6 text-brand-500"></i> | |
| </div> | |
| <h4 class="font-bold text-white mb-2">Market Opportunity</h4> | |
| <p class="text-sm text-slate-400">Capitalize on the $800B+ used car market. Digital auto sales growing 23% annually.</p> | |
| </div> | |
| <div class="glass-card rounded-xl p-6 border-l-4 border-accent-500 hover:border-accent-500/70 transition-all group"> | |
| <div class="w-12 h-12 bg-accent-500/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-accent-500/30 transition-colors"> | |
| <i data-lucide="search" class="w-6 h-6 text-accent-500"></i> | |
| </div> | |
| <h4 class="font-bold text-white mb-2">SEO Dominance</h4> | |
| <p class="text-sm text-slate-400">Exact match keywords: "used car buyers" gets 40K+ monthly searches.</p> | |
| </div> | |
| <div class="glass-card rounded-xl p-6 border-l-4 border-brand-500 hover:border-brand-500/70 transition-all group"> | |
| <div class="w-12 h-12 bg-brand-500/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-brand-500/30 transition-colors"> | |
| <i data-lucide="award" class="w-6 h-6 text-brand-500"></i> | |
| </div> | |
| <h4 class="font-bold text-white mb-2">Instant Authority</h4> | |
| <p class="text-sm text-slate-400">Premium .ai extension signals artificial intelligence and tech innovation.</p> | |
| </div> | |
| <div class="glass-card rounded-xl p-6 border-l-4 border-accent-500 hover:border-accent-500/70 transition-all group"> | |
| <div class="w-12 h-12 bg-accent-500/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-accent-500/30 transition-colors"> | |
| <i data-lucide="bar-chart-3" class="w-6 h-6 text-accent-500"></i> | |
| </div> | |
| <h4 class="font-bold text-white mb-2">Market Growth</h4> | |
| <p class="text-sm text-slate-400">Auto ecommerce projected to hit $1.2T by 2028. Be positioned now.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- SEO Section --> | |
| <section class="py-24 relative overflow-hidden"> | |
| <div class="absolute inset-0 bg-dark-800"></div> | |
| <div class="absolute top-0 right-0 w-1/2 h-full bg-gradient-to-l from-brand-600/5 to-transparent"></div> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"> | |
| <div class="max-w-4xl mx-auto text-center mb-12"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-white mb-6">Built for Search Visibility</h2> | |
| <p class="text-lg text-slate-400 leading-relaxed mb-8"> | |
| This premium domain targets high-intent <span class="text-brand-500">used car buyers</span> actively seeking <span class="text-accent-500">automated vehicle purchasing solutions</span>. Whether users search for "instant car offer online," "automated trade-in platform," or "sell my car instantly," this domain positions your business as the definitive solution. | |
| </p> | |
| <p class="text-slate-500 leading-relaxed"> | |
| The automotive industry is rapidly adopting <span class="text-brand-500">digital car buying technologies</span>. From <span class="text-accent-500">AI-powered vehicle valuation tools</span> to <span class="text-brand-500">automated inspection systems</span>, the future of auto sales is online. This domain captures that evolution perfectly. | |
| </p> | |
| </div> | |
| <div class="flex flex-wrap justify-center gap-3"> | |
| <span class="px-4 py-2 glass text-slate-300 rounded-full text-sm font-medium hover:border-brand-500/50 transition-colors">Used Car Automation</span> | |
| <span class="px-4 py-2 glass text-slate-300 rounded-full text-sm font-medium hover:border-brand-500/50 transition-colors">Instant Vehicle Offers</span> | |
| <span class="px-4 py-2 glass text-slate-300 rounded-full text-sm font-medium hover:border-brand-500/50 transition-colors">Online Trade-In</span> | |
| <span class="px-4 py-2 glass text-slate-300 rounded-full text-sm font-medium hover:border-brand-500/50 transition-colors">Car Buying Platform</span> | |
| <span class="px-4 py-2 glass text-slate-300 rounded-full text-sm font-medium hover:border-brand-500/50 transition-colors">Auto Dealership Tech</span> | |
| <span class="px-4 py-2 glass text-slate-300 rounded-full text-sm font-medium hover:border-brand-500/50 transition-colors">Vehicle Valuation API</span> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Keyword Opportunities --> | |
| <section class="py-24 bg-dark-900 relative"> | |
| <div class="absolute inset-0 grid-pattern opacity-50"></div> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-center text-white mb-12">Keyword Opportunities</h2> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"> | |
| <div class="glass-card rounded-xl p-6 hover:border-brand-500/50 transition-all group"> | |
| <div class="flex justify-between items-start mb-4"> | |
| <h3 class="font-bold text-lg text-white group-hover:text-brand-500 transition-colors">automated used car buying</h3> | |
| <span class="bg-accent-500/20 text-accent-500 border border-accent-500/30 text-xs px-2 py-1 rounded font-bold">Exact Match</span> | |
| </div> | |
| <div class="flex items-center gap-2 text-slate-500 text-sm"> | |
| <i data-lucide="arrow-up-right" class="w-4 h-4 text-accent-500"></i> | |
| High Conversion Value | |
| </div> | |
| </div> | |
| <div class="glass-card rounded-xl p-6 hover:border-brand-500/50 transition-all group"> | |
| <div class="flex justify-between items-start mb-4"> | |
| <h3 class="font-bold text-lg text-white group-hover:text-brand-500 transition-colors">instant car offer</h3> | |
| <span class="bg-accent-500/20 text-accent-500 border border-accent-500/30 text-xs px-2 py-1 rounded font-bold">Hot</span> | |
| </div> | |
| <div class="flex items-center gap-2 text-slate-500 text-sm"> | |
| <i data-lucide="flame" class="w-4 h-4 text-accent-500"></i> | |
| High Commercial Intent | |
| </div> | |
| </div> | |
| <div class="glass-card rounded-xl p-6 hover:border-brand-500/50 transition-all group"> | |
| <div class="flex justify-between items-start mb-4"> | |
| <h3 class="font-bold text-lg text-white group-hover:text-brand-500 transition-colors">sell my car online</h3> | |
| <span class="bg-brand-500/20 text-brand-500 border border-brand-500/30 text-xs px-2 py-1 rounded font-bold">Trending</span> | |
| </div> | |
| <div class="flex items-center gap-2 text-slate-500 text-sm"> | |
| <i data-lucide="trending-up" class="w-4 h-4 text-brand-500"></i> | |
| 90K+ Monthly Searches | |
| </div> | |
| </div> | |
| <div class="glass-card rounded-xl p-6 hover:border-brand-500/50 transition-all group"> | |
| <div class="flex justify-between items-start mb-4"> | |
| <h3 class="font-bold text-lg text-white group-hover:text-brand-500 transition-colors">car dealership automation</h3> | |
| <span class="bg-brand-500/20 text-brand-500 border border-brand-500/30 text-xs px-2 py-1 rounded font-bold">B2B</span> | |
| </div> | |
| <div class="flex items-center gap-2 text-slate-500 text-sm"> | |
| <i data-lucide="briefcase" class="w-4 h-4 text-brand-500"></i> | |
| SaaS Opportunity | |
| </div> | |
| </div> | |
| <div class="glass-card rounded-xl p-6 hover:border-brand-500/50 transition-all group"> | |
| <div class="flex justify-between items-start mb-4"> | |
| <h3 class="font-bold text-lg text-white group-hover:text-brand-500 transition-colors">used car buying platform</h3> | |
| <span class="bg-brand-500/20 text-brand-500 border border-brand-500/30 text-xs px-2 py-1 rounded font-bold">Service</span> | |
| </div> | |
| <div class="flex items-center gap-2 text-slate-500 text-sm"> | |
| <i data-lucide="layers" class="w-4 h-4 text-brand-500"></i> | |
| Service-Based Model | |
| </div> | |
| </div> | |
| <div class="glass-card rounded-xl p-6 border-dashed border-white/20 flex items-center justify-center"> | |
| <p class="text-slate-400 text-center text-sm"> | |
| <strong class="text-white">SEO Advantage:</strong> Exact match domains carry significant ranking weight in automotive search verticals. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Business Applications (3 Cards Only) --> | |
| <section class="py-24 relative"> | |
| <div class="absolute inset-0 bg-gradient-to-b from-dark-800 to-dark-900"></div> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-white mb-4">Business Applications</h2> | |
| <p class="text-lg text-slate-400">Three High-Margin Models</p> | |
| <p class="text-slate-500 mt-4 max-w-2xl mx-auto">From AI-powered valuation to nationwide dealer networks, this domain unlocks multiple revenue streams.</p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <!-- AI Valuation Engine --> | |
| <div class="glass-card rounded-2xl overflow-hidden hover:border-brand-500/30 transition-all group glow-blue"> | |
| <div class="h-48 overflow-hidden relative"> | |
| <div class="absolute inset-0 bg-gradient-to-t from-dark-900 to-transparent z-10"></div> | |
| <img src="https://static.photos/technology/640x360/42" alt="AI Technology" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 opacity-60"> | |
| <div class="absolute top-4 left-4 z-20"> | |
| <span class="bg-brand-500/20 text-brand-500 border border-brand-500/30 text-xs px-3 py-1 rounded-full font-semibold">AI-Powered</span> | |
| </div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center gap-3 mb-4"> | |
| <div class="bg-brand-500/20 p-2.5 rounded-xl"> | |
| <i data-lucide="brain" class="w-6 h-6 text-brand-500"></i> | |
| </div> | |
| <h3 class="font-bold text-xl text-white">AI Valuation Engine</h3> | |
| </div> | |
| <p class="text-slate-400 mb-6 text-sm leading-relaxed"> | |
| Build machine learning models for instant vehicle pricing. Leverage market data, image recognition, and predictive analytics. | |
| </p> | |
| <a href="https://algodriven.xyz/" target="_blank" class="inline-flex items-center gap-2 text-accent-500 font-semibold hover:text-accent-500/70 text-sm group/link"> | |
| Utilize Algo Driven for pricing | |
| <i data-lucide="external-link" class="w-4 h-4 group-hover/link:translate-x-0.5 transition-transform"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <!-- Dealer Management SaaS --> | |
| <div class="glass-card rounded-2xl overflow-hidden hover:border-accent-500/30 transition-all group glow-orange"> | |
| <div class="h-48 overflow-hidden relative"> | |
| <div class="absolute inset-0 bg-gradient-to-t from-dark-900 to-transparent z-10"></div> | |
| <img src="https://static.photos/office/640x360/88" alt="Dealership Software" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 opacity-60"> | |
| <div class="absolute top-4 left-4 z-20"> | |
| <span class="bg-accent-500/20 text-accent-500 border border-accent-500/30 text-xs px-3 py-1 rounded-full font-semibold">B2B SaaS</span> | |
| </div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center gap-3 mb-4"> | |
| <div class="bg-accent-500/20 p-2.5 rounded-xl"> | |
| <i data-lucide="building-2" class="w-6 h-6 text-accent-500"></i> | |
| </div> | |
| <h3 class="font-bold text-xl text-white">Dealer Management SaaS</h3> | |
| </div> | |
| <p class="text-slate-400 mb-6 text-sm leading-relaxed"> | |
| White-label automation tools for dealerships digitizing operations. Recurring revenue, high retention, massive TAM. | |
| </p> | |
| <div class="flex items-center gap-2 text-slate-500 text-xs"> | |
| <i data-lucide="users" class="w-4 h-4"></i> | |
| $5K-50K MRR potential per dealership | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Consumer Marketplace --> | |
| <div class="glass-card rounded-2xl overflow-hidden hover:border-brand-500/30 transition-all group glow-blue"> | |
| <div class="h-48 overflow-hidden relative"> | |
| <div class="absolute inset-0 bg-gradient-to-t from-dark-900 to-transparent z-10"></div> | |
| <img src="https://static.photos/people/640x360/15" alt="Consumer Platform" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 opacity-60"> | |
| <div class="absolute top-4 left-4 z-20"> | |
| <span class="bg-brand-500/20 text-brand-500 border border-brand-500/30 text-xs px-3 py-1 rounded-full font-semibold">Marketplace</span> | |
| </div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center gap-3 mb-4"> | |
| <div class="bg-brand-500/20 p-2.5 rounded-xl"> | |
| <i data-lucide="smartphone" class="w-6 h-6 text-brand-500"></i> | |
| </div> | |
| <h3 class="font-bold text-xl text-white">Consumer Marketplace</h3> | |
| </div> | |
| <p class="text-slate-400 mb-6 text-sm leading-relaxed"> | |
| Direct-to-consumer platform with instant offers. Take rate on every transaction, nationwide expansion ready. | |
| </p> | |
| <div class="flex items-center gap-2 text-slate-500 text-xs"> | |
| <i data-lucide="globe" class="w-4 h-4"></i> | |
| $100M+ revenue potential at scale | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section id="contact" class="py-24 relative overflow-hidden"> | |
| <div class="absolute inset-0 bg-dark-900"></div> | |
| <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-brand-600/10 rounded-full blur-[150px]"></div> | |
| <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-accent-500/10 rounded-full blur-[120px]"></div> | |
| <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10"> | |
| <div class="inline-block bg-accent-500/10 border border-accent-500/30 rounded-full px-5 py-2 text-accent-500 text-sm font-semibold mb-8 glow-orange"> | |
| Premium Domain For Sale — One Owner | |
| </div> | |
| <h2 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6">Own the Future of <span class="gradient-text">Auto Sales</span></h2> | |
| <p class="text-xl text-slate-400 mb-12 max-w-2xl mx-auto"> | |
| Don't miss this opportunity to secure the perfect domain for your automotive technology venture. Serious inquiries only. | |
| </p> | |
| <div class="glass rounded-3xl p-10 border border-white/10 max-w-2xl mx-auto mb-10 glow-orange"> | |
| <div class="text-sm text-slate-500 mb-3 uppercase tracking-wider font-semibold">Purchase Price</div> | |
| <div class="text-6xl md:text-7xl font-bold text-white mb-3">$4,999</div> | |
| <div class="text-slate-400 text-lg mb-4">USD — One-time payment</div> | |
| <div class="flex items-center justify-center gap-6 text-sm text-slate-500"> | |
| <span class="flex items-center gap-2"> | |
| <i data-lucide="shield-check" class="w-4 h-4 text-brand-500"></i> | |
| Secure Transfer | |
| </span> | |
| <span class="flex items-center gap-2"> | |
| <i data-lucide="zap" class="w-4 h-4 text-accent-500"></i> | |
| Fast Handover | |
| </span> | |
| <span class="flex items-center gap-2"> | |
| <i data-lucide="file-check" class="w-4 h-4 text-brand-500"></i> | |
| Clean History | |
| </span> | |
| </div> | |
| </div> | |
| <a href="mailto:mitchell@mcdautomotive.net" class="inline-flex items-center gap-3 bg-accent-500 hover:bg-accent-500/80 text-white font-bold text-lg px-10 py-5 rounded-2xl transition-all shadow-2xl hover:shadow-accent-500/30 transform hover:-translate-y-1"> | |
| <i data-lucide="mail" class="w-6 h-6"></i> | |
| mitchell@mcdautomotive.net | |
| </a> | |
| <p class="mt-6 text-slate-500 text-sm">Direct owner • Typically responds within 24 hours</p> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-slate-950 text-slate-400 py-12 border-t border-slate-800"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex flex-col md:flex-row justify-between items-center gap-4"> | |
| <div class="flex items-center gap-2"> | |
| <div class="bg-brand-500 text-white p-1 rounded"> | |
| <i data-lucide="car" class="w-4 h-4"></i> | |
| </div> | |
| <span class="font-bold text-white">UsedCarBuyers.ai</span> | |
| </div> | |
| <div class="text-sm"> | |
| © <?php echo date('Y'); ?> Premium Domain Listing. All rights reserved. | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| lucide.createIcons(); | |
| </script> | |
| <?php if (isset($_GET['deepsite'])): ?> | |
| <script src="https://deepsite.hf.co/deepsite-badge.js"></script> | |
| <?php endif; ?> | |
| </body> | |
| </html> |