Business Card Star - Corporate Ordering Portal

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″ />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″ />
<title>Business Cards for Car Dealerships | Marketing Portal for Multi-Location Dealer Groups</title>
<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@400;500;600;700;800&display=swap” rel=”stylesheet”>
<style>
:root{
–navy:#1c3f66;
–navy-dark:#132b47;
–blue:#2f6db5;
–blue-light:#eaf1fa;
–gold:#e8a33d;
–ink:#26313f;
–ink-dim:#5b6675;
–line:#dde3ea;
–paper:#ffffff;
–paper-alt:#f5f7fa;
–radius:6px;
}
*{box-sizing:border-box;}
body{
margin:0; font-family:’Inter’, sans-serif; color:var(–ink);
background:var(–paper); -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{ margin:0; font-weight:700; }
p{ margin:0; }
a{ text-decoration:none; color:inherit; }
.wrap{ max-width:1140px; margin:0 auto; padding:0 28px; }
@media(max-width:640px){ .wrap{padding:0 20px;} }

/* NAV */
header.nav{
background:var(–paper); border-bottom:1px solid var(–line);
position:sticky; top:0; z-index:50;
}
.nav-inner{
display:flex; align-items:center; justify-content:space-between;
padding:16px 28px; max-width:1140px; margin:0 auto;
}
.logo{ display:flex; align-items:center; gap:10px; font-weight:800; font-size:19px; color:var(–navy); }
.logo .mark{
width:30px; height:30px; border-radius:6px;
background:linear-gradient(135deg, var(–navy), var(–blue));
display:flex; align-items:center; justify-content:center;
color:#fff; font-size:15px; font-weight:800;
}
.logo .sub{ font-weight:500; font-size:12.5px; color:var(–ink-dim); margin-left:2px; }
.nav-links{ display:flex; gap:30px; font-size:14.5px; font-weight:600; color:var(–ink-dim); }
.nav-links a:hover{ color:var(–navy); }
.nav-cta{
background:var(–navy); color:#fff; padding:10px 20px;
border-radius:var(–radius); font-size:14px; font-weight:600;
}
.nav-cta:hover{ background:var(–navy-dark); }
@media(max-width:820px){ .nav-links{ display:none; } }

/* HERO */
.hero{
background:linear-gradient(180deg, var(–blue-light) 0%, var(–paper) 100%);
padding:80px 0 70px; text-align:center;
}
.hero .eyebrow{
display:inline-block; font-size:13px; font-weight:700; color:var(–blue);
background:#fff; border:1px solid var(–line); padding:6px 14px;
border-radius:20px; margin-bottom:22px; letter-spacing:0.02em;
}
.hero h1{
font-size:clamp(30px,4.6vw,46px); color:var(–navy-dark); line-height:1.15;
max-width:780px; margin:0 auto;
}
.hero p.sub{
font-size:17px; color:var(–ink-dim); max-width:620px; margin:20px auto 0; line-height:1.6;
}
.hero-ctas{ display:flex; gap:14px; justify-content:center; margin-top:32px; flex-wrap:wrap; }
.btn-primary{
background:var(–navy); color:#fff; padding:14px 28px; font-weight:700; font-size:14.5px;
border-radius:var(–radius); border:1px solid var(–navy);
}
.btn-primary:hover{ background:var(–navy-dark); }
.btn-secondary{
background:#fff; color:var(–navy); padding:14px 28px; font-weight:700; font-size:14.5px;
border-radius:var(–radius); border:1px solid var(–line);
}
.btn-secondary:hover{ border-color:var(–blue); color:var(–blue); }

/* SECTION SHARED */
section{ padding:76px 0; }
.section-alt{ background:var(–paper-alt); }
.section-head{ text-align:center; max-width:700px; margin:0 auto 48px; }
.section-head .eyebrow-sm{
display:block; font-size:13px; font-weight:700; color:var(–blue);
text-transform:uppercase; letter-spacing:0.06em; margin-bottom:12px;
}
.section-head h2{ font-size:clamp(24px,3vw,32px); color:var(–navy-dark); }
.section-head p{ margin-top:14px; font-size:15.5px; color:var(–ink-dim); line-height:1.6; }

/* WHY SECTION */
.why-text{ max-width:760px; margin:0 auto; text-align:center; }
.why-text p{ font-size:16px; color:var(–ink-dim); line-height:1.7; }

/* FEATURES GRID */
.feature-grid{
display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
}
@media(max-width:900px){ .feature-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:640px){ .feature-grid{grid-template-columns:1fr;} }
.feature-card{
background:#fff; border:1px solid var(–line); border-radius:var(–radius);
padding:26px 24px;
}
.feature-card .icon{
width:38px; height:38px; border-radius:8px; background:var(–blue-light);
display:flex; align-items:center; justify-content:center; margin-bottom:16px;
color:var(–navy); font-weight:800; font-size:16px;
}
.feature-card h4{ font-size:16px; color:var(–navy-dark); }
.feature-card p{ margin-top:10px; font-size:14px; color:var(–ink-dim); line-height:1.6; }

/* BILLING PANEL */
.billing-panel{
background:var(–navy-dark); border-radius:12px; padding:46px 42px;
color:#fff; display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center;
}
@media(max-width:860px){ .billing-panel{ grid-template-columns:1fr; padding:34px 26px;} }
.billing-panel h3{ font-size:24px; }
.billing-panel p{ margin-top:14px; font-size:15px; line-height:1.65; color:#c7d3e3; }
.billing-panel ul{ list-style:none; padding:0; margin:18px 0 0; display:grid; gap:9px; }
.billing-panel li{ font-size:14px; color:#dbe4f0; display:flex; gap:10px; }
.billing-panel li::before{ content:”›”; color:var(–gold); font-weight:800; }

.invoice-card{
background:#fff; color:var(–ink); border-radius:8px; overflow:hidden;
}
.invoice-head{ background:var(–blue); color:#fff; padding:14px 18px; display:flex; justify-content:space-between; font-size:13px; font-weight:700;}
.invoice-body{ padding:16px 18px; }
.invoice-row{ display:flex; justify-content:space-between; padding:9px 0; border-bottom:1px dashed var(–line); font-size:13.5px; }
.invoice-row:last-child{ border-bottom:none; }
.invoice-row .center{ font-weight:600; }
.invoice-row .sub{ display:block; font-size:11.5px; color:var(–ink-dim); font-weight:400; margin-top:2px;}
.invoice-foot{
background:var(–paper-alt); padding:12px 18px; display:flex; justify-content:space-between;
font-weight:700; font-size:14px;
}

/* CTA BAND */
.cta-band{
background:var(–navy); color:#fff; text-align:center; padding:70px 0;
}
.cta-band h2{ font-size:clamp(26px,3.6vw,36px); }
.cta-band p{ margin-top:14px; font-size:16px; color:#c7d3e3; max-width:560px; margin-left:auto; margin-right:auto; }
.cta-band .hero-ctas{ margin-top:30px; }
.cta-band .btn-primary{ background:var(–gold); border-color:var(–gold); color:var(–navy-dark); }
.cta-band .btn-primary:hover{ background:#d6902e; }
.cta-band .btn-secondary{ background:transparent; color:#fff; border-color:rgba(255,255,255,0.3); }
.cta-band .btn-secondary:hover{ border-color:#fff; }

footer{
background:var(–navy-dark); color:#a9b7c9; text-align:center;
padding:26px 0; font-size:13px;
}
footer a{ color:#dbe4f0; font-weight:600; }
footer a:hover{ text-decoration:underline; }
</style>
</head>
<body>

<header class=”nav”>
<div class=”nav-inner”>
<div class=”logo”><span class=”mark”>★</span>Business Card Star<span class=”sub”>| for Dealership Groups</span></div>
<nav class=”nav-links”>
<a href=”#why”>Why Dealership Groups</a>
<a href=”#platform”>Platform</a>
<a href=”#billing”>Billing</a>
</nav>
<a class=”nav-cta” href=”https://portal.businesscardstar.com/#contact”>Request a Demo</a>
</div>
</header>

<section class=”hero” id=”home”>
<div class=”wrap”>
<span class=”eyebrow”>Marketing Portal for Car Dealership Groups</span>
<h1>Business Cards & Marketing Materials for Car Dealership Groups</h1>
<p class=”sub”>Business Card Star is a marketing portal built for dealership groups — a single, self-service system for ordering business cards, stationery, signage, and promotional materials across every location, with brand control, approvals, and cost allocation built in.</p>
<div class=”hero-ctas”>
<a class=”btn-primary” href=”https://portal.businesscardstar.com/#contact”>Request a Demo</a>
<a class=”btn-secondary” href=”#platform”>See How It Works</a>
</div>
</div>
</section>

<section id=”why”>
<div class=”wrap”>
<div class=”section-head”>
<span class=”eyebrow-sm”>Why Dealership Groups Need This</span>
<h2>Managing Marketing Across Multiple Dealership Locations</h2>
</div>
<div class=”why-text”>
<p>As a dealership group grows, marketing stops being about design and starts being about coordination — onboarding new employees at every location, keeping materials on-brand across the group, and managing orders across departments and dealership brands. Business Card Star centralizes and automates that entire process.</p>
</div>
</div>
</section>

<section class=”section-alt” id=”platform”>
<div class=”wrap”>
<div class=”section-head”>
<span class=”eyebrow-sm”>The Platform</span>
<h2>Marketing Portal for Multi-Location Dealership Groups</h2>
<p>Unlike a generic online print store, Business Card Star is built for organizations with multiple locations and layered approval structures. Employees only see the templates and products they’re authorized to order — brand standards and approvals are enforced automatically.</p>
</div>
<div class=”feature-grid”>
<div class=”feature-card”>
<div class=”icon”>▤</div>
<h4>Centralized Asset Management</h4>
<p>Employees, dealerships, and branded marketing materials managed in one system.</p>
</div>
<div class=”feature-card”>
<div class=”icon”>＋</div>
<h4>Automated Employee Onboarding</h4>
<p>New hires get self-service ordering access from day one, no manual setup.</p>
</div>
<div class=”feature-card”>
<div class=”icon”>⇄</div>
<h4>Approval Workflows</h4>
<p>Route approvals by dealership, department, or corporate office.</p>
</div>
<div class=”feature-card”>
<div class=”icon”>◧</div>
<h4>Brand-Controlled Templates</h4>
<p>Employees order from pre-approved materials, eliminating manual artwork requests.</p>
</div>
<div class=”feature-card”>
<div class=”icon”>✦</div>
<h4>Multi-Brand & OEM Support</h4>
<p>Manages distinct dealership brands and OEM requirements within one platform.</p>
</div>
<div class=”feature-card”>
<div class=”icon”>▧</div>
<h4>Group-Wide Reporting</h4>
<p>Full order history and detail across every dealership in the organization.</p>
</div>
</div>
</div>
</section>

<section id=”billing”>
<div class=”wrap”>
<div class=”section-head”>
<span class=”eyebrow-sm”>Enterprise Billing & Cost Allocation</span>
<h2>Cost Center Billing for Dealership Marketing Materials</h2>
<p>Most online print portals stop at a shopping cart and checkout. Business Card Star goes further, handling the internal financial complexity that dealership groups actually deal with.</p>
</div>
<div class=”billing-panel”>
<div>
<h3>We Integrate With Your Cost Center Structure</h3>
<p>We connect directly to your existing cost centers — including any pre-set cost splits by brand or department — so every order bills correctly without anyone doing it by hand.</p>
<ul>
<li>Cost center integration, no manual setup per order</li>
<li>Pre-set split rules by brand, department, or dealership</li>
<li>Automatic allocation to the correct internal accounts</li>
<li>Itemized invoices by dealership, department, or cost center</li>
<li>Configurable cost splitting for shared marketing materials</li>
<li>Support for multiple dealerships at one physical location</li>
</ul>
</div>
<div class=”invoice-card”>
<div class=”invoice-head”><span>Order Invoice — ORD-88214</span><span>Auto-Allocated</span></div>
<div class=”invoice-body”>
<div class=”invoice-row”>
<span class=”center”>Westside Toyota<span class=”sub”>Sales Dept. · 60%</span></span>
<span>$129.00</span>
</div>
<div class=”invoice-row”>
<span class=”center”>Westside Toyota<span class=”sub”>Service Dept. · 25%</span></span>
<span>$53.75</span>
</div>
<div class=”invoice-row”>
<span class=”center”>Corporate Marketing<span class=”sub”>Shared Signage Fund · 15%</span></span>
<span>$32.25</span>
</div>
</div>
<div class=”invoice-foot”><span>Total</span><span>$215.00</span></div>
</div>
</div>
</div>
</section>

<section class=”cta-band”>
<div class=”wrap”>
<h2>See It on Your Dealership Group</h2>
<p>See what a fully centralized, self-allocating marketing portal looks like for every location in your group.</p>
<div class=”hero-ctas”>
<a class=”btn-primary” href=”https://portal.businesscardstar.com/#contact”>Request a Demo</a>
<a class=”btn-secondary” href=”https://portal.businesscardstar.com/”>Visit Business Card Star</a>
</div>
</div>
</section>

<footer>
© 2026 BusinessCardStar.com  ·  <a href=”https://portal.businesscardstar.com/”>portal.businesscardstar.com</a>
</footer>

</body>
</html>