<!DOCTYPE html>

<head>

<title>Axion Drive Group | Used Car Dealership in Georgia</title>

<style>

:root {

--bg: #07111f;

--bg-soft: #0e1d33;

--card: #101f35;

--text: #f7fafc;

--muted: #b8c4d6;

--accent: #5eead4;

--accent-2: #38bdf8;

--line: rgba(255,255,255,0.12);

--white: #ffffff;

--dark: #06101d;

}

* {

box-sizing: border-box;

margin: 0;

padding: 0;

}

body {

font-family: Arial, Helvetica, sans-serif;

background: var(--bg);

color: var(--text);

line-height: 1.6;

}

a {

color: inherit;

text-decoration: none;

}

.container {

width: min(1120px, 92%);

margin: 0 auto;

}

header {

position: sticky;

top: 0;

z-index: 10;

background: rgba(7,17,31,0.92);

backdrop-filter: blur(12px);

border-bottom: 1px solid var(--line);

}

.nav {

display: flex;

justify-content: space-between;

align-items: center;

padding: 18px 0;

}

.brand {

display: flex;

align-items: center;

gap: 12px;

font-weight: 800;

letter-spacing: 0.5px;

}

.logo-mark {

width: 42px;

height: 42px;

border-radius: 14px;

background: linear-gradient(135deg, var(--accent), var(--accent-2));

color: var(--dark);

display: grid;

place-items: center;

font-weight: 900;

font-size: 18px;

}

nav ul {

display: flex;

gap: 26px;

list-style: none;

color: var(--muted);

font-size: 14px;

}

.btn {

display: inline-flex;

align-items: center;

justify-content: center;

padding: 12px 18px;

border-radius: 999px;

font-weight: 700;

border: 1px solid transparent;

transition: 0.2s ease;

cursor: pointer;

}

.btn-primary {

background: linear-gradient(135deg, var(--accent), var(--accent-2));

color: var(--dark);

}

.btn-outline {

border-color: var(--line);

color: var(--white);

}

.btn:hover {

transform: translateY(-2px);

}

.hero {

padding: 88px 0 70px;

background:

radial-gradient(circle at top right, rgba(56,189,248,0.25), transparent 35%),

radial-gradient(circle at top left, rgba(94,234,212,0.18), transparent 32%);

}

.hero-grid {

display: grid;

grid-template-columns: 1.1fr 0.9fr;

gap: 44px;

align-items: center;

}

.eyebrow {

display: inline-block;

color: var(--accent);

font-weight: 800;

letter-spacing: 1.5px;

text-transform: uppercase;

font-size: 12px;

margin-bottom: 18px;

}

h1 {

font-size: clamp(42px, 6vw, 72px);

line-height: 1.02;

letter-spacing: -2px;

margin-bottom: 24px;

}

.hero p {

font-size: 19px;

color: var(--muted);

max-width: 620px;

margin-bottom: 30px;

}

.actions {

display: flex;

gap: 14px;

flex-wrap: wrap;

}

.hero-card {

background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));

border: 1px solid var(--line);

border-radius: 30px;

padding: 28px;

box-shadow: 0 28px 80px rgba(0,0,0,0.35);

}

.vehicle-card {

min-height: 360px;

border-radius: 24px;

background:

linear-gradient(135deg, rgba(94,234,212,0.22), rgba(56,189,248,0.12)),

url('https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1200&q=80') center/cover;

display: flex;

align-items: flex-end;

overflow: hidden;

}

.vehicle-overlay {

width: 100%;

padding: 24px;

background: linear-gradient(transparent, rgba(0,0,0,0.78));

}

.vehicle-overlay h3 {

font-size: 26px;

margin-bottom: 8px;

}

.vehicle-overlay p {

color: #dbeafe;

font-size: 15px;

margin: 0;

}

section {

padding: 76px 0;

}

.section-title {

max-width: 760px;

margin-bottom: 34px;

}

.section-title h2 {

font-size: clamp(32px, 4vw, 46px);

line-height: 1.12;

margin-bottom: 14px;

letter-spacing: -1px;

}

.section-title p {

color: var(--muted);

font-size: 17px;

}

.grid-3 {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 20px;

}

.card {

background: var(--card);

border: 1px solid var(--line);

border-radius: 24px;

padding: 26px;

}

.card h3 {

font-size: 21px;

margin-bottom: 10px;

}

.card p {

color: var(--muted);

font-size: 15.5px;

}

.badge {

width: 42px;

height: 42px;

border-radius: 14px;

background: rgba(94,234,212,0.12);

color: var(--accent);

display: grid;

place-items: center;

font-weight: 900;

margin-bottom: 18px;

}

.split {

display: grid;

grid-template-columns: 0.9fr 1.1fr;

gap: 44px;

align-items: center;

}

.list {

display: grid;

gap: 16px;

}

.list-item {

display: flex;

gap: 14px;

align-items: flex-start;

padding: 18px;

border-radius: 18px;

border: 1px solid var(--line);

background: rgba(255,255,255,0.04);

}

.check {

color: var(--accent);

font-weight: 900;

}

.cta {

background: linear-gradient(135deg, rgba(94,234,212,0.14), rgba(56,189,248,0.12));

border-top: 1px solid var(--line);

border-bottom: 1px solid var(--line);

text-align: center;

}

.cta h2 {

font-size: clamp(34px, 4vw, 52px);

margin-bottom: 16px;

}

.cta p {

color: var(--muted);

max-width: 720px;

margin: 0 auto 26px;

font-size: 18px;

}

footer {

padding: 34px 0;

color: var(--muted);

border-top: 1px solid var(--line);

font-size: 14px;

}

.footer-grid {

display: flex;

justify-content: space-between;

gap: 18px;

flex-wrap: wrap;

}

@media (max-width: 860px) {

nav ul {

display: none;

}

.hero-grid,

.split,

.grid-3 {

grid-template-columns: 1fr;

}

.hero {

padding-top: 58px;

}

</style>

</head>

<body>

<span>Axion Drive Group</span>

</a>

<nav>

<ul>

<li><a href="#about">About</a></li>

<li><a href="#inventory">Inventory</a></li>

<li><a href="#process">Process</a></li>

<li><a href="#contact">Contact</a></li>

</ul>

</nav>

<a class="btn btn-primary" href="#contact">Get Started</a>

</div>

</header>

<div>

<span class="eyebrow">Georgia Automotive Group</span>

<h1>Quality vehicles. Transparent deals. Built for the next generation of car buyers.</h1>

<p>Axion Drive Group is a Georgia-based automotive company focused on helping customers find dependable used vehicles through a professional, simple, and customer-first buying experience.</p>

<a class="btn btn-primary" href="#inventory">View Available Vehicles</a>

<a class="btn btn-outline" href="#contact">Contact Our Team</a>

</div>

<h3>Driven by trust.</h3>

<p>Clear communication, quality selection, and a better dealership experience from first click to final signature.</p>

</div>

</section>

<h2>A smarter way to buy used vehicles.</h2>

<p>We are building Axion Drive Group to feel different from the traditional dealership experience: more organized, more transparent, and more focused on long-term customer relationships.</p>

</div>

<h3>Quality Selection</h3>

<p>Our goal is to source vehicles that make sense for real buyers: reliable, presentable, fairly priced, and ready for the road.</p>

</div>

<h3>Simple Process</h3>

<p>From inquiry to test drive to paperwork, we are designing a buying process that is clean, fast, and easy to understand.</p>

</div>

<h3>Customer First</h3>

<p>We want every customer to feel informed, respected, and confident before making a purchase decision.</p>

</div>

</section>

<h2>Inventory coming soon.</h2>

<p>We are preparing our first vehicle listings. Soon, customers will be able to view photos, pricing, mileage, vehicle details, and availability directly from this site.</p>

<br />

<a class="btn btn-primary" href="#contact">Ask About Inventory</a>

</div>

<div class="list-item"><span class="check">✓</span><div><strong>Vehicle photos</strong><br><span style="color: var(--muted);">Clean galleries for each vehicle listing.</span></div></div>

<div class="list-item"><span class="check">✓</span><div><strong>Vehicle details</strong><br><span style="color: var(--muted);">Year, make, model, trim, mileage, VIN, and price.</span></div></div>

<div class="list-item"><span class="check">✓</span><div><strong>Buyer inquiries</strong><br><span style="color: var(--muted);">Customers can request information, schedule a test drive, or start the buying process.</span></div></div>

</div>

</section>

<h2>Built with a professional dealership operating model.</h2>

<p>Axion Drive Group is being structured with strong internal controls, customer education, compliance discipline, and clean follow-up from the start.</p>

</div>

<h3>1. Find the right vehicle</h3>

<p>Customers tell us what they need, what they want to spend, and what type of vehicle fits their lifestyle.</p>

</div>

<h3>2. Review the details</h3>

<p>We provide clear vehicle information, pricing, condition notes, and next steps before the customer moves forward.</p>

</div>

<h3>3. Drive with confidence</h3>

<p>Our goal is to make delivery simple, professional, and organized from paperwork to keys.</p>

</div>

</section>

<h2>Ready to connect with Axion Drive Group?</h2>

<p>Whether you are looking for your next vehicle, interested in future inventory, or want to learn more about our dealership, reach out today.</p>

<a class="btn btn-primary" href="mailto:info@axiondrivegroup.com">Email Us</a>

</div>

</section>

</main>

<div>Georgia-based automotive company</div>

</div>

</footer>

document.getElementById('year').textContent = new Date().getFullYear();

</script>

</body>

</html>