| <?php |
| |
| |
| |
| |
|
|
| |
| define('USED_CAR_BUYERS_AI', true); |
| ?> |
| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>OWN THE FUTURE OF AI CAR BUYING - usedcarbuyers.ai</title> |
| <link rel="icon" type="image/x-icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='.9em' font-size='90'%3E🚗%3C/text%3E%3C/svg%3E"> |
| |
| <!-- Tailwind CSS --> |
| <script src="https://cdn.tailwindcss.com"></script> |
| |
| <!-- Feather Icons --> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| |
| <!-- Custom Styles --> |
| <link rel="stylesheet" href="style.css"> |
| |
| <script> |
| tailwind.config = { |
| theme: { |
| extend: { |
| colors: { |
| primary: '#1e40af', |
| secondary: '#f59e0b', |
| accent: '#dc2626', |
| dark: '#0f172a', |
| light: '#f8fafc' |
| }, |
| animation: { |
| 'float': 'float 6s ease-in-out infinite', |
| 'glow': 'glow 2s ease-in-out infinite alternate', |
| 'slide-in': 'slideIn 0.5s ease-out' |
| }, |
| keyframes: { |
| float: { |
| '0%, 100%': { transform: 'translateY(0)' }, |
| '50%': { transform: 'translateY(-20px)' } |
| }, |
| glow: { |
| '0%': { boxShadow: '0 0 20px #3b82f6' }, |
| '100%': { boxShadow: '0 0 30px #1e40af, 0 0 40px #1d4ed8' } |
| }, |
| slideIn: { |
| '0%': { transform: 'translateY(100px)', opacity: '0' }, |
| '100%': { transform: 'translateY(0)', opacity: '1' } |
| } |
| } |
| } |
| } |
| } |
| </script> |
| </head> |
| <body class="bg-white min-h-screen flex flex-col"> |
| |
| <!-- Enhanced Background with Modern Design --> |
| <div class="fixed inset-0 -z-10 overflow-hidden gradient-bg"> |
| <!-- Animated Grid Pattern --> |
| <div class="absolute inset-0 opacity-20"> |
| <div class="absolute inset-0" style=" |
| background-image: |
| linear-gradient(rgba(30, 64, 175, 0.1) 1px, transparent 1px), |
| linear-gradient(90deg, rgba(30, 64, 175, 0.1) 1px, transparent 1px); |
| background-size: 50px 50px; |
| "></div> |
| </div> |
| |
| <!-- Floating Geometric Shapes --> |
| <div class="absolute top-20 left-10 w-32 h-32 bg-gradient-to-br from-primary/30 to-transparent rounded-full blur-3xl animate-float"></div> |
| <div class="absolute top-40 right-20 w-48 h-48 bg-secondary/20 rounded-3xl rotate-45 blur-3xl animate-float" style="animation-delay: -1s;"></div> |
| <div class="absolute bottom-32 left-1/4 w-24 h-24 bg-accent/25 rounded-full blur-3xl animate-float" style="animation-delay: -2s;"></div> |
| <div class="absolute bottom-20 right-32 w-40 h-40 bg-gradient-to-tr from-purple-600/20 to-transparent rounded-2xl blur-3xl animate-float" style="animation-delay: -3s;"></div> |
| |
| <!-- Particle Effect --> |
| <div class="absolute inset-0"> |
| <div class="particles" id="particles"></div> |
| </div> |
| </div> |
| |
| <!-- Modern Hero Section --> |
| <section class="relative min-h-screen flex items-center justify-center px-4 pt-20"> |
| <div class="max-w-7xl mx-auto text-center"> |
| <div class="animate-fade-in-up"> |
| <!-- Premium Badge --> |
| <div class="inline-flex items-center gap-3 bg-gradient-to-r from-primary/20 to-purple-600/20 backdrop-blur-lg border border-primary/30 px-8 py-4 rounded-2xl mb-12"> |
| <div class="w-3 h-3 bg-secondary rounded-full animate-pulse"></div> |
| <span class="text-white font-semibold tracking-wider">🚀 PREMIUM AI DOMAIN</span> |
| </div> |
| |
| <!-- Main Domain Display --> |
| <div class="relative mb-12"> |
| <h1 class="hero-title text-7xl md:text-9xl font-black mb-4"> |
| <span class="text-white">OWN THE FUTURE</span> |
| <span class="text-white">OF AI CAR BUYING</span> |
| </h1> |
| <div class="absolute -inset-x-4 -inset-y-2 bg-gradient-to-r from-primary/10 to-secondary/10 rounded-3xl blur-xl"></div> |
| </div> |
| |
| <!-- Tagline --> |
| <p class="text-2xl md:text-4xl text-light max-w-5xl mx-auto mb-16 font-light leading-relaxed"> |
| Your gateway to the <span class="text-secondary font-bold">$1.2 trillion automotive AI revolution</span> |
| </p> |
| |
| <!-- Email Contact --> |
| <div class="max-w-md mx-auto text-center mt-12"> |
| <a href="mailto:mitchell@mcdautomotive.net" class="text-2xl text-secondary hover:text-white transition-colors duration-300 hover:underline decoration-2 underline-offset-4">mitchell@mcdautomotive.net</a> |
| </div> |
| </div> |
| </div> |
| |
| <!-- Floating Tech Elements --> |
| <div class="absolute bottom-20 left-20 hidden lg:block"> |
| <div class="w-16 h-16 bg-gradient-to-br from-primary/30 to-transparent rounded-2xl border border-primary/20 backdrop-blur-lg animate-float"></div> |
| </div> |
| <div class="absolute top-32 right-32 hidden lg:block animate-float" style="animation-delay: -1s;"> |
| <div class="w-20 h-20 bg-gradient-to-br from-secondary/30 to-transparent rounded-3xl rotate-12 blur-sm"></div> |
| </div> |
| </section> |
| |
| <!-- Domain Potential Section --> |
| <section class="py-32 px-4 relative"> |
| <div class="max-w-7xl mx-auto"> |
| <h2 class="text-5xl md:text-6xl font-black text-center text-white mb-20 animate-fade-in-up"> |
| <span class="text-gradient-primary">WHAT YOU CAN BUILD</span> |
| </h2> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| <!-- Potential 1 --> |
| <div class="card-modern p-8 group hover:border-secondary transition-all duration-500"> |
| <div class="feature-icon group-hover:bg-primary/30 mb-6"> |
| <i data-feather="trending-up" class="text-primary w-8 h-8"></i> |
| </div> |
| <h3 class="text-2xl font-bold text-white mb-4 text-center">AI Vehicle Valuation Platform</h3> |
| <p class="text-light text-center leading-relaxed">Create an intelligent system that provides instant, accurate vehicle valuations using machine learning algorithms.</p> |
| </div> |
| |
| <!-- Potential 2 --> |
| <div class="card-modern p-8 group hover:border-primary transition-all duration-500"> |
| <div class="feature-icon group-hover:bg-secondary/30 mb-6"> |
| <i data-feather="users" class="text-secondary w-8 h-8"></i> |
| </div> |
| <h3 class="text-2xl font-bold text-white mb-4 text-center">Smart Buyer Matching</h3> |
| <p class="text-light text-center leading-relaxed">Build a platform that connects buyers with their perfect vehicles using advanced recommendation engines.</p> |
| </div> |
| |
| <!-- Potential 3 --> |
| <div class="card-modern p-8 group hover:border-accent transition-all duration-500"> |
| <div class="feature-icon group-hover:bg-accent/30 mb-6"> |
| <i data-feather="shield" class="text-accent w-8 h-8"></i> |
| </div> |
| <h3 class="text-2xl font-bold text-white mb-4 text-center">Trust & Verification System</h3> |
| <p class="text-light text-center leading-relaxed">Develop an AI-powered verification system that ensures vehicle history and condition transparency.</p> |
| </div> |
| |
| <!-- Potential 4 --> |
| <div class="card-modern p-8 group hover:border-green-400 transition-all duration-500"> |
| <div class="feature-icon group-hover:bg-green-400/30 mb-6"> |
| <i data-feather="bar-chart-2" class="text-green-400 w-8 h-8"></i> |
| </div> |
| <h3 class="text-2xl font-bold text-white mb-4 text-center">Market Intelligence Dashboard</h3> |
| <p class="text-light text-center leading-relaxed">Create comprehensive analytics tools that provide real-time market insights and pricing trends.</p> |
| </div> |
| |
| <!-- Potential 5 --> |
| <div class="card-modern p-8 group hover:border-purple-400 transition-all duration-500"> |
| <div class="feature-icon group-hover:bg-purple-400/30 mb-6"> |
| <i data-feather="smartphone" class="text-purple-400 w-8 h-8"></i> |
| </div> |
| <h3 class="text-2xl font-bold text-white mb-4 text-center">Mobile-First Car Buying Experience</h3> |
| <p class="text-light text-center leading-relaxed">Build a seamless mobile platform that revolutionizes how people discover and purchase used vehicles.</p> |
| </div> |
| |
| <!-- Potential 6 --> |
| <div class="card-modern p-8 group hover:border-yellow-400 transition-all duration-500"> |
| <div class="feature-icon group-hover:bg-yellow-400/30 mb-6"> |
| <i data-feather="globe" class="text-yellow-400 w-8 h-8"></i> |
| </div> |
| <h3 class="text-2xl font-bold text-white mb-4 text-center">Global Automotive Marketplace</h3> |
| <p class="text-light text-center leading-relaxed">Launch an international platform connecting buyers and sellers across borders with AI-powered translation and logistics.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
| |
| <!-- Simplified Pricing Section --> |
| <section class="py-32 px-4 relative"> |
| <div class="max-w-3xl mx-auto text-center"> |
| <h2 class="text-4xl md:text-5xl font-black text-center text-white mb-12 animate-fade-in-up"> |
| <span class="text-white">DOMAIN PRICING</span> |
| </h2> |
| |
| <div class="card-modern p-8 md:p-12 text-center"> |
| <div class="text-5xl md:text-6xl font-black text-secondary mb-6">$4,999 USD</div> |
| <p class="text-light mb-6 text-lg">Premium .ai Domain Transfer</p> |
| <p class="text-light mb-8">For custom enterprise pricing or bulk domain packages, visit <a href="https://algodriven.xyz" class="text-secondary hover:underline font-semibold" target="_blank" rel="noopener noreferrer">algodriven.xyz</a></p> |
| |
| <!-- CTA Button --> |
| <a href="mailto:mitchell@mcdautomotive.net?subject=Domain%20Purchase%20Inquiry%20-%20usedcarbuyers.ai&body=I'm%20interested%20in%20purchasing%20the%20usedcarbuyers.ai%20domain." |
| class="inline-block bg-secondary hover:bg-yellow-600 text-dark font-bold py-4 px-8 rounded-2xl transition-all duration-300 transform hover:scale-105 hover:shadow-lg shadow-secondary/30"> |
| Purchase Domain |
| </a> |
| </div> |
| </div> |
| </section> |
| |
| <!-- SEO Potential Section --> |
| <section class="py-32 px-4 relative"> |
| <div class="max-w-7xl mx-auto"> |
| <h2 class="text-5xl md:text-6xl font-black text-center text-white mb-20 animate-fade-in-up"> |
| <span class="text-gradient-primary">SEARCH ENGINE DOMINANCE</span> |
| </h2> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| <!-- SEO Card 1 --> |
| <div class="card-modern p-8 text-center group hover:border-secondary/50 transition-all duration-300"> |
| <div class="text-6xl mb-4 transform group-hover:scale-110 transition-transform duration-300">🔍</div> |
| <h3 class="text-2xl font-bold text-white mb-4">High-Volume Keywords</h3> |
| <p class="text-light leading-relaxed">Perfect match for "used car buyers AI" and related high-value search terms that drive qualified traffic.</p> |
| </div> |
| |
| <!-- SEO Card 2 --> |
| <div class="card-modern p-8 text-center group hover:border-secondary/50 transition-all duration-300"> |
| <div class="text-6xl mb-4 transform group-hover:scale-110 transition-transform duration-300">📈</div> |
| <h3 class="text-2xl font-bold text-white mb-4">Instant Authority</h3> |
| <p class="text-light leading-relaxed">Domain name builds immediate trust and credibility with both users and search engines in the automotive AI space.</p> |
| </div> |
| |
| <!-- SEO Card 3 --> |
| <div class="card-modern p-8 text-center group hover:border-secondary/50 transition-all duration-300"> |
| <div class="text-6xl mb-4 transform group-hover:scale-110 transition-transform duration-300">🚀</div> |
| <h3 class="text-2xl font-bold text-white mb-4">Mobile-First Ranking</h3> |
| <p class="text-light leading-relaxed">Optimized for mobile search dominance in the rapidly growing automotive AI sector.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
| |
| <!-- Contact Section --> |
| <section id="contact" class="py-32 px-4 bg-gradient-to-b from-dark to-blue-900"> |
| <div class="max-w-3xl mx-auto text-center"> |
| <h3 class="text-3xl md:text-4xl font-bold text-white mb-6">Domain Purchase Inquiry</h3> |
| <p class="text-light mb-8 text-lg">Ready to own this premium domain? Contact us directly:</p> |
| <a href="mailto:mitchell@mcdautomotive.net" class="text-3xl md:text-4xl text-secondary hover:text-white transition-colors duration-300 hover:underline decoration-2 underline-offset-4 font-bold"> |
| mitchell@mcdautomotive.net |
| </a> |
| </div> |
| </section> |
| |
| <!-- Final CTA Section --> |
| <section class="py-32 px-4 relative bg-gradient-to-r from-primary via-purple-600 to-accent overflow-hidden"> |
| <div class="max-w-5xl mx-auto text-center relative z-10"> |
| <h2 class="text-5xl md:text-7xl lg:text-8xl font-black text-white mb-8 leading-tight animate-fade-in-up"> |
| YOUR GATEWAY TO THE<br> |
| <span class="text-gradient-secondary">AUTOMOTIVE AI REVOLUTION</span> |
| </h2> |
| <p class="text-xl md:text-2xl text-light mb-12 max-w-3xl mx-auto leading-relaxed"> |
| This premium domain is more than just a name - it's your foundation for building the next generation of automotive AI technology. |
| </p> |
| |
| <div class="flex flex-col sm:flex-row gap-4 justify-center items-center"> |
| <a href="mailto:mitchell@mcdautomotive.net?subject=Domain%20Purchase%20Inquiry" |
| class="bg-white text-primary font-bold py-4 px-8 rounded-2xl transition-all duration-300 transform hover:scale-105 hover:shadow-xl shadow-lg"> |
| Contact Us Now |
| </a> |
| <a href="https://algodriven.xyz" target="_blank" rel="noopener noreferrer" |
| class="border-2 border-white text-white font-bold py-4 px-8 rounded-2xl transition-all duration-300 hover:bg-white hover:text-primary"> |
| View More Domains |
| </a> |
| </div> |
| </div> |
| |
| <!-- Background Elements --> |
| <div class="absolute inset-0 -z-10"> |
| <div class="absolute top-0 left-0 w-full h-full opacity-10"> |
| <div class="w-full h-full" style=" |
| background-image: |
| radial-gradient(circle at 25% 25%, white 2px, transparent 0); |
| background-size: 60px 60px; |
| "></div> |
| </div> |
| </div> |
| </section> |
| |
| <!-- Footer --> |
| <footer class="py-8 px-4 bg-dark text-center border-t border-white/10"> |
| <p class="text-light/60 text-sm"> |
| © <?php echo date('Y'); ?> usedcarbuyers.ai | Premium Domain for Sale | Contact: |
| <a href="mailto:mitchell@mcdautomotive.net" class="text-secondary hover:underline">mitchell@mcdautomotive.net</a> |
| </p> |
| </footer> |
| |
| <!-- Scripts --> |
| <script src="script.js"></script> |
| |
| <!-- Initialize Feather Icons --> |
| <script> |
| feather.replace(); |
| </script> |
| </body> |
| </html> |
