<!DOCTYPE html>

<head>

<title>Smith Insights | Data Strategy & Analytics</title>

<style>

:root {

--bg: #050816;

--bg-alt: #0b1020;

--accent: #4fd1c5;

--accent-soft: rgba(79, 209, 197, 0.15);

--text: #f9fafb;

--muted: #9ca3af;

--border: #1f2933;

--card-bg: #0f172a;

--radius-lg: 18px;

--radius-pill: 999px;

--shadow-soft: 0 18px 45px rgba(0, 0, 0, 0.5);

--max-width: 1024px;

}

* {

box-sizing: border-box;

margin: 0;

padding: 0;

}

body {

font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text",

"Segoe UI", sans-serif;

background: radial-gradient(circle at top left, #111827 0, #020617 45%, #000 100%);

color: var(--text);

line-height: 1.6;

-webkit-font-smoothing: antialiased;

}

a {

color: inherit;

text-decoration: none;

}

.page {

min-height: 100vh;

display: flex;

flex-direction: column;

}

.shell {

width: 100%;

max-width: var(--max-width);

margin: 0 auto;

padding: 1.5rem 1.5rem 3rem;

}

header {

padding-top: 1rem;

padding-bottom: 1rem;

display: flex;

align-items: center;

justify-content: space-between;

gap: 1rem;

}

.brand {

display: flex;

align-items: center;

gap: 0.9rem;

}

.brand-mark {

width: 40px;

height: 40px;

border-radius: 30%;

background: radial-gradient(circle at 30% 20%, #a5f3fc 0, #22c1c3 18%, #0f172a 70%);

display: flex;

align-items: center;

justify-content: center;

box-shadow: var(--shadow-soft);

}

.brand-mark span {

font-weight: 700;

font-size: 1.1rem;

color: #020617;

}

.brand-text {

display: flex;

flex-direction: column;

gap: 0.15rem;

}

.brand-text strong {

letter-spacing: 0.12em;

text-transform: uppercase;

font-size: 0.85rem;

}

.brand-text span {

font-size: 0.78rem;

color: var(--muted);

}

.chip {

border-radius: var(--radius-pill);

padding: 0.4rem 0.9rem;

font-size: 0.78rem;

border: 1px solid rgba(148, 163, 184, 0.3);

color: var(--muted);

display: inline-flex;

align-items: center;

gap: 0.4rem;

background-color: rgba(15, 23, 42, 0.7);

backdrop-filter: blur(12px);

}

.chip-dot {

width: 7px;

height: 7px;

border-radius: 999px;

background: #22c55e;

box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.25);

}

main {

flex: 1;

}

.hero {

margin-top: 2rem;

margin-bottom: 3rem;

display: grid;

grid-template-columns: minmax(0, 3fr) minmax(0, 2.5fr);

gap: 2.5rem;

align-items: center;

}

.hero-kicker {

display: inline-flex;

align-items: center;

gap: 0.45rem;

border-radius: var(--radius-pill);

padding: 0.25rem 0.8rem;

border: 1px solid rgba(148, 163, 184, 0.35);

font-size: 0.78rem;

color: var(--muted);

margin-bottom: 0.9rem;

background: rgba(15, 23, 42, 0.8);

backdrop-filter: blur(12px);

}

.hero-kicker span {

font-size: 0.9rem;

color: var(--accent);

}

.hero-title {

font-size: clamp(2.1rem, 3vw, 2.7rem);

font-weight: 700;

letter-spacing: 0.02em;

margin-bottom: 0.75rem;

}

.hero-title span {

color: var(--accent);

}

.hero-lede {

font-size: 0.98rem;

color: var(--muted);

max-width: 32rem;

margin-bottom: 1.4rem;

}

.hero-pills {

display: flex;

flex-wrap: wrap;

gap: 0.5rem;

margin-bottom: 1.6rem;

}

.hero-pill {

font-size: 0.76rem;

padding: 0.25rem 0.7rem;

border-radius: var(--radius-pill);

border: 1px solid rgba(148, 163, 184, 0.35);

color: var(--muted);

background-color: rgba(15, 23, 42, 0.8);

}

.hero-actions {

display: flex;

flex-wrap: wrap;

gap: 0.75rem;

align-items: center;

}

.btn-primary {

padding: 0.65rem 1.15rem;

border-radius: var(--radius-pill);

border: none;

background: linear-gradient(135deg, #22c1c3, #0ea5e9);

color: #020617;

font-weight: 600;

font-size: 0.9rem;

cursor: pointer;

box-shadow: 0 14px 30px rgba(15, 118, 110, 0.4);

display: inline-flex;

align-items: center;

gap: 0.5rem;

}

.btn-secondary {

padding: 0.55rem 1rem;

border-radius: var(--radius-pill);

border: 1px solid rgba(148, 163, 184, 0.4);

background-color: rgba(15, 23, 42, 0.6);

color: var(--muted);

font-size: 0.85rem;

cursor: pointer;

display: inline-flex;

align-items: center;

gap: 0.4rem;

}

.btn-secondary span {

font-size: 0.9rem;

}

.hero-badge {

margin-left: 0.1rem;

font-size: 0.75rem;

color: var(--muted);

}

.hero-right {

display: flex;

flex-direction: column;

gap: 1rem;

}

.card {

border-radius: var(--radius-lg);

background: radial-gradient(circle at top left, #111827, #020617 55%);

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

box-shadow: var(--shadow-soft);

padding: 1.2rem 1.15rem;

}

.card-header {

display: flex;

align-items: center;

justify-content: space-between;

margin-bottom: 0.9rem;

}

.card-title {

font-size: 0.9rem;

font-weight: 600;

}

.card-subtitle {

font-size: 0.78rem;

color: var(--muted);

}

.data-grid {

display: grid;

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

gap: 0.75rem;

margin-top: 0.5rem;

}

.data-pill {

padding: 0.6rem 0.6rem;

border-radius: 0.9rem;

background: rgba(15, 23, 42, 0.9);

border: 1px solid rgba(148, 163, 184, 0.35);

}

.data-pill .label {

font-size: 0.68rem;

color: var(--muted);

margin-bottom: 0.18rem;

}

.data-pill .value {

font-size: 0.9rem;

font-weight: 600;

}

.data-pill .tag {

font-size: 0.7rem;

color: var(--accent);

}

.section {

margin-bottom: 2.5rem;

}

.section-header {

display: flex;

align-items: baseline;

justify-content: space-between;

gap: 1rem;

margin-bottom: 1.2rem;

}

.section-title {

font-size: 1.1rem;

font-weight: 600;

}

.section-kicker {

font-size: 0.78rem;

color: var(--muted);

}

.three-col {

display: grid;

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

gap: 1rem;

}

.mini-card {

border-radius: 1rem;

background-color: rgba(15, 23, 42, 0.9);

border: 1px solid rgba(148, 163, 184, 0.3);

padding: 0.9rem 0.95rem;

font-size: 0.85rem;

}

.mini-card h3 {

font-size: 0.9rem;

margin-bottom: 0.3rem;

}

.mini-card p {

font-size: 0.8rem;

color: var(--muted);

}

.list {

list-style: none;

display: grid;

gap: 0.35rem;

margin-top: 0.35rem;

font-size: 0.8rem;

color: var(--muted);

}

.list li::before {

content: "• ";

color: var(--accent);

}

.pill-row {

display: flex;

flex-wrap: wrap;

gap: 0.4rem;

margin-top: 0.5rem;

}

.pill-row span {

font-size: 0.76rem;

padding: 0.18rem 0.6rem;

border-radius: var(--radius-pill);

background-color: rgba(15, 23, 42, 0.9);

border: 1px solid rgba(148, 163, 184, 0.35);

color: var(--muted);

}

.contact-card {

border-radius: var(--radius-lg);

background-color: rgba(15, 23, 42, 0.92);

border: 1px solid rgba(148, 163, 184, 0.4);

padding: 1rem 1rem;

display: grid;

grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);

gap: 1.3rem;

align-items: center;

}

.contact-card p {

font-size: 0.85rem;

color: var(--muted);

margin-top: 0.25rem;

}

.contact-methods {

display: grid;

gap: 0.4rem;

font-size: 0.8rem;

}

.contact-methods span {

color: var(--muted);

}

.contact-methods a {

color: var(--accent);

font-weight: 500;

}

footer {

font-size: 0.75rem;

color: var(--muted);

padding-top: 1rem;

border-top: 1px solid rgba(31, 41, 55, 0.8);

margin-top: 1rem;

display: flex;

justify-content: space-between;

gap: 0.5rem;

flex-wrap: wrap;

}

@media (max-width: 768px) {

.shell {

padding-inline: 1.1rem;

}

.hero {

grid-template-columns: minmax(0, 1fr);

}

.hero-right {

order: -1;

}

.three-col {

grid-template-columns: minmax(0, 1fr);

}

.data-grid {

grid-template-columns: repeat(2, minmax(0, 1fr));

}

.contact-card {

grid-template-columns: minmax(0, 1fr);

}

header {

flex-direction: column;

align-items: flex-start;

}

</style>

</head>

<body>

<strong>Smith Insights</strong>

<span>Data strategy for membership organizations</span>

</div>

<span>Independent. Vendor fluent. Data obsessive.</span>

</div>

</header>

<main>

<div>

<span>●</span> Data that your staff can actually use

</div>

Turn <span>membership data</span> into decisions, not spreadsheets.

</h1>

Smith Insights partners with fraternities, sororities, and associations to

design practical data systems, clarify reporting, and surface the signals

that matter for growth and sustainability.

</p>

<span class="hero-pill">CRM and AMS strategy</span>

<span class="hero-pill">Salesforce and reporting architecture</span>

<span class="hero-pill">Chapter and member analytics</span>

</div>

Schedule a conversation

</button>

View services <span>↓</span>

</button>

</div>

Currently supporting national fraternities, sororities, and education nonprofits.

</div>

<div>

<div class="card-title">Membership data snapshot</div>

<div class="card-subtitle">Example metrics from recent client work</div>

</div>

<div class="label">Roster accuracy</div>

<div class="tag">after AMS redesign</div>

</div>

<div class="label">Forecasting</div>

<div class="tag">membership horizon</div>

</div>

<div class="label">Chapters flagged</div>

<div class="tag">for early intervention</div>

</div>

</section>

<div>

<div class="section-title">How Smith Insights helps</div>

A practical partner for CRM, finance, and membership data questions.

</div>

<h3>01. Systems and architecture</h3>

<p>

Clarify what lives where and why. Align your AMS, CRM, finance, and

third-party tools so staff can trust the numbers in front of them.

</p>

<li>Data model and integrations</li>

<li>Vendor-neutral guidance</li>

<li>Reporting and dashboard design</li>

</ul>

</div>

<h3>02. Analysis and forecasting</h3>

<p>

Move beyond one-year snapshots. Use multi-year data to understand

member pipelines, chapter health, and revenue risk.

</p>

<li>Chapter sustainability models</li>

<li>Member lifecycle analysis</li>

<li>Scenario and trend forecasting</li>

</ul>

</div>

<h3>03. Staff enablement</h3>

<p>

Make reporting usable for non-analysts. Translate complex data into

simple questions staff can act on.

</p>

<li>Executive and board-ready views</li>

<li>Staff training on key reports</li>

<li>Ongoing advisory support</li>

</ul>

</div>

</section>

<div>

<div class="section-title">Typical project flow</div>

Clear steps, defined decisions, no mystery.

</div>

<h3>Audit</h3>

<p>Understand what exists today and where friction lives.</p>

<span>System inventory</span>

<span>Data quality checks</span>

<span>Stakeholder interviews</span>

</div>

<h3>Design</h3>

<p>Align structure, fields, and reports with decisions you need to make.</p>

<span>Data model sketches</span>

<span>Key metric definitions</span>

<span>Dashboard mapping</span>

</div>

<h3>Build and iterate</h3>

<p>Implement, test with real staff, and refine.</p>

<span>Pilot reports</span>

<span>Feedback loops</span>

<span>Documentation and handoff</span>

</div>

</section>

<div>

<div class="section-title">Contact</div>

One short conversation is usually enough to know if there is a fit.

</div>

<div>

<strong>Interested in working together?</strong>

<p>

Share a quick note with your role, organization, and what you are

trying to solve. From there we can decide whether a deeper working

session makes sense.

</p>

</div>

<span>Email: <a href="mailto:you@example.com">you@example.com</a></span>

<span>LinkedIn: <a href="#" target="_blank" rel="noopener">Your profile link</a></span>

<span>Location: Atlanta, GA (remote-friendly)</span>

</div>

</section>

</main>

<span>Built as a lightweight static site for fast, low-maintenance hosting.</span>

</footer>

</div>

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

</script>

</body>

</html>