Deploy static website
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
+357
@@ -0,0 +1,357 @@
|
||||
<!doctype html>
|
||||
<html lang="en" dir="ltr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
||||
<title>Dylan Mazzei | Founder, Operator & Entrepreneur</title>
|
||||
<meta name="description" content="Meet Dylan Mazzei, a founder and operator leading ventures across AI, software, education, cybersecurity, e-commerce, and more.">
|
||||
<link rel="canonical" href="https://dylanmazzei.com/">
|
||||
<link rel="alternate" hreflang="en" href="https://dylanmazzei.com/">
|
||||
<link rel="alternate" hreflang="es" href="https://dylanmazzei.com/es/">
|
||||
<link rel="alternate" hreflang="ar" href="https://dylanmazzei.com/ar/">
|
||||
<link rel="alternate" hreflang="x-default" href="https://dylanmazzei.com/">
|
||||
<meta name="theme-color" content="#04060c">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Dylan Mazzei">
|
||||
<meta property="og:locale" content="en_US">
|
||||
<meta property="og:title" content="Dylan Mazzei | Founder, Operator & Entrepreneur">
|
||||
<meta property="og:description" content="Meet Dylan Mazzei, a founder and operator leading ventures across AI, software, education, cybersecurity, e-commerce, and more.">
|
||||
<meta property="og:url" content="https://dylanmazzei.com/">
|
||||
<meta property="og:image" content="https://dylanmazzei.com/assets/og.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="Dylan Mazzei | Founder, Operator & Entrepreneur">
|
||||
<meta name="twitter:description" content="Meet Dylan Mazzei, a founder and operator leading ventures across AI, software, education, cybersecurity, e-commerce, and more.">
|
||||
<meta name="twitter:image" content="https://dylanmazzei.com/assets/og.jpg">
|
||||
<link rel="icon" href="/favicon.ico" sizes="48x48">
|
||||
<link rel="icon" href="/icon-192.png" type="image/png" sizes="192x192">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&family=Unbounded:wght@700&display=swap">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/inter-tight-latin-500-normal.woff2">
|
||||
<link rel="stylesheet" href="/assets/fonts.css?v=29098ce2bf">
|
||||
<link rel="stylesheet" href="/assets/styles.css?v=6eaca3dd86">
|
||||
<link rel="stylesheet" href="/assets/home.css?v=5b43e68920">
|
||||
<script>(function(){var r=document.documentElement;try{var t=localStorage.getItem('theme');if(t==='dark'||t==='light')r.setAttribute('data-theme',t)}catch(e){}if(!r.hasAttribute('data-theme'))r.setAttribute('data-theme','dark')})();document.documentElement.classList.add('js');setTimeout(function(){if(!window.__site)document.documentElement.classList.remove('js')},2500)</script>
|
||||
<script>window.__i18n={}</script>
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Person","@id":"https://dylanmazzei.com/#dylan","name":"Dylan Mazzei","url":"https://dylanmazzei.com","email":"dylan@dylanmazzei.com","image":"https://dylanmazzei.com/assets/dylan-portrait.jpg","jobTitle":"Founder & Operator","sameAs":["https://www.linkedin.com/in/dylanmazzei/","https://www.instagram.com/thedylanmazzei"]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="bgfx" aria-hidden="true"></div>
|
||||
<div class="progress" id="progress" aria-hidden="true"></div>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<header class="nav" id="nav">
|
||||
<div class="wrap nav-inner">
|
||||
<a class="brand" href="/" aria-label="Dylan Mazzei, home"><img class="logo-img" src="/assets/o2/logo.png" alt="" width="640" height="121"><svg class="logo-mark" viewBox="0 0 104 60" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9 4h55c10 0 13 7 9 14L58 46c-3 6-8 8-15 8.5L3 57zM21.5 15.5 18.3 45.8 40 44.5c4-.3 6-1.5 7.5-4.3l12-21.4c1.2-2.2.3-3.3-2-3.3z"/><path fill="#33b9ff" d="M24 59 102 1 91 52 72 54.5 79 33z"/><path fill="#8fdcff" d="M24 59 102 1 79 33z"/></svg><span class="brand-word">Dylan <b>Mazzei</b></span></a>
|
||||
<nav aria-label="Primary"><ul class="nav-links"><li><a href="/portfolio/">Portfolio</a></li><li><a href="/about/">About</a></li><li class="has-drop">
|
||||
<button type="button" aria-haspopup="true">Consulting <svg class="chev" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m4 6 4 4 4-4" stroke-width="1.75"/></svg></button>
|
||||
<div class="dropdown"><a href="/consulting/"><span class="di"><svg class="" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="m15.5 8.5-2 5-5 2 2-5z"/></svg></span><span><strong>Consulting</strong><small>Find the Real Problem. Then Fix the Right One.</small></span></a><a href="/consulting/marketing/"><span class="di"><svg class="" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="10.5" cy="10.5" r="6.5"/><path d="m20 20-4.8-4.8M10.5 7.5v6M7.5 10.5h6"/></svg></span><span><strong>Marketing & AI Search</strong><small>Get Found Where Attention Is Moving.</small></span></a><a href="/consulting/business-setup/"><span class="di"><svg class="" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 21V5a1.5 1.5 0 0 1 1.5-1.5h8A1.5 1.5 0 0 1 15 5v16M15 9h3.5A1.5 1.5 0 0 1 20 10.5V21M2.5 21h19M7.5 7.5h4M7.5 11h4M7.5 14.5h4"/></svg></span><span><strong>Business Setup</strong><small>Start With Fewer Expensive Mistakes.</small></span></a><a href="/consulting/business-optimization/"><span class="di"><svg class="" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 17a8 8 0 1 1 16 0"/><path d="m12 17 4-5M4 17h2M18 17h2M12 9V7.5"/></svg></span><span><strong>Business Optimization</strong><small>Find What Growth Made Messy.</small></span></a><a href="/consulting/supply-chain/"><span class="di"><svg class="" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.5 6.5h11v10h-11zM13.5 10h4l3 3.2v3.3h-7"/><circle cx="6.5" cy="17.5" r="1.8"/><circle cx="17" cy="17.5" r="1.8"/></svg></span><span><strong>Supply Chain</strong><small>Know What Happens Before It Reaches the Customer.</small></span></a><a href="/consulting/cybersecurity/"><span class="di"><svg class="" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 2.8 19.5 6v5.4c0 4.6-3.1 8.2-7.5 9.8-4.4-1.6-7.5-5.2-7.5-9.8V6z"/><path d="m8.8 12 2.3 2.3 4.3-4.6"/></svg></span><span><strong>Cybersecurity</strong><small>Find the Exposure Before Someone Else Does.</small></span></a><a href="/consulting/education/"><span class="di"><svg class="" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m2.5 9 9.5-4.5L21.5 9 12 13.5z"/><path d="M6.5 11v4.5c0 1.6 2.5 3 5.5 3s5.5-1.4 5.5-3V11M21.5 9v5"/></svg></span><span><strong>Education</strong><small>Make the Strategy Survive the Classroom.</small></span></a><a href="/consulting/fractional/"><span class="di"><svg class="" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="9" cy="8.5" r="3.5"/><path d="M2.5 20c.6-3.4 3.3-5.5 6.5-5.5s5.9 2.1 6.5 5.5"/><path d="M15.5 5.2a3.5 3.5 0 0 1 0 6.6M17.5 14.8c2.1.6 3.6 2.4 4 5.2"/></svg></span><span><strong>Fractional Leadership</strong><small>When the Business Needs an Owner, Not Another Recommendation.</small></span></a></div>
|
||||
</li><li><a href="/press/">Press</a></li></ul></nav>
|
||||
<div class="nav-cta">
|
||||
<button class="theme-btn" id="theme-btn" type="button" aria-label="Switch to dark mode"><svg class="moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 14.5A8.5 8.5 0 0 1 9.5 4a8.5 8.5 0 1 0 10.5 10.5z"/></svg><svg class="sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.3 5.3l1.4 1.4M17.3 17.3l1.4 1.4M18.7 5.3l-1.4 1.4M6.7 17.3l-1.4 1.4"/></svg></button>
|
||||
<a class="btn btn-primary btn-sm" href="/contact/">START A CONVERSATION<span class="go"><svg class="flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></span></a>
|
||||
<button class="menu-btn" id="menu-btn" type="button" aria-expanded="false" aria-controls="mobile-menu" aria-label="Open menu"><svg class="" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2 5h14M2 9h14M2 13h14" stroke-width="1.75"/></svg></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap mobile-menu" id="mobile-menu" hidden>
|
||||
<ul><li><a href="/portfolio/">Portfolio <svg class="check flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></a></li><li><a href="/about/">About <svg class="check flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></a></li><li><a href="/consulting/">Consulting <svg class="check flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></a></li><li class="sub"><a href="/consulting/marketing/">Marketing & AI Search</a></li><li class="sub"><a href="/consulting/business-setup/">Business Setup</a></li><li class="sub"><a href="/consulting/business-optimization/">Business Optimization</a></li><li class="sub"><a href="/consulting/supply-chain/">Supply Chain</a></li><li class="sub"><a href="/consulting/cybersecurity/">Cybersecurity</a></li><li class="sub"><a href="/consulting/education/">Education</a></li><li class="sub"><a href="/consulting/fractional/">Fractional Leadership</a></li><li><a href="/press/">Press <svg class="check flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></a></li></ul>
|
||||
<a class="btn btn-primary" href="/contact/">START A CONVERSATION<span class="go"><svg class="flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></span></a>
|
||||
</div>
|
||||
</header>
|
||||
<main id="main">
|
||||
|
||||
<div class="o2">
|
||||
|
||||
<section id="hero" aria-labelledby="hero-title">
|
||||
<div class="beam" aria-hidden="true"></div>
|
||||
<div class="floaters" id="floaters" aria-hidden="true"></div>
|
||||
<div class="hero-in">
|
||||
<div class="emblem" id="emblem"><img alt="Dylan Mazzei monogram" src="/assets/o2/dylan-monogram.webp" width="720" height="480"></div>
|
||||
<span class="eyebrow">DYLAN MAZZEI | FOUNDER & OPERATOR</span>
|
||||
<h1 id="hero-title"><span class="grad">One Good Idea Has Never</span> <span class="grad2">Been Enough for Me.</span></h1>
|
||||
<p class="lead">I’ve spent the last eight years turning ideas into companies across marketing, AI, software, education, cybersecurity, e-commerce, and more. Four have been sold. Others are growing. And I’m nowhere near finished building.</p>
|
||||
<div class="btn-row"><a class="btn btn-primary" href="/about/">MY STORY<span class="go"><svg class="flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></span></a><a class="btn btn-ghost" href="#ventures">EXPLORE MY VENTURES<span class="go"><svg class="flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></span></a></div>
|
||||
<div class="icon-row" id="iconRow" aria-hidden="true"></div>
|
||||
</div>
|
||||
<div class="scroll-note" aria-hidden="true"><i></i></div>
|
||||
</section>
|
||||
|
||||
<section class="wsec" id="words" aria-label="Four exits">
|
||||
<div class="wsec-in">
|
||||
<div class="cube-glow" aria-hidden="true"></div>
|
||||
<div class="cube" aria-hidden="true"><i></i><i></i><i></i><i></i><i></i><i></i></div>
|
||||
<div class="w-top"><span class="eyebrow">4 EXITS</span></div>
|
||||
<div class="wmask" aria-hidden="true"><div id="wTrack"><span>Insurance.</span><span>Marketing.</span><span>Home Healthcare.</span><span>Apparel.</span><span>Insurance.</span><span>Marketing.</span><span>Home Healthcare.</span><span>Apparel.</span></div></div>
|
||||
<p class="sr-only">Insurance. Marketing. Home Healthcare. Apparel.</p>
|
||||
<div class="w-side"><p>Four have been sold. Others are growing. And I’m nowhere near finished building.</p><a class="btn btn-ghost btn-sm" href="#journey">FOLLOW THE JOURNEY<span class="go"><svg class="flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></span></a></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<aside class="cta-band" aria-label="Start a conversation">
|
||||
<div class="wrap cta-band-inner reveal">
|
||||
<div class="cta-band-copy">
|
||||
<p class="cta-band-title">Have Something Worth Talking About?</p>
|
||||
<p class="cta-band-body">Book a call with my team or with me directly. It starts with understanding where your business stands.</p>
|
||||
</div>
|
||||
<div class="btn-row"><a class="btn btn-primary" href="/contact/">START A CONVERSATION<span class="go"><svg class="flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></span></a></div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<section id="building" aria-labelledby="building-title">
|
||||
<div class="wrap bgrid">
|
||||
<div class="bhead reveal">
|
||||
<span class="eyebrow">CURRENT VENTURES</span>
|
||||
<h2 id="building-title" class="h-display">The Companies I’m Leading Today</h2>
|
||||
<p class="lead">I like being close to the decisions that shape a company, especially when there is something new to figure out.</p>
|
||||
<div><a class="btn btn-primary" href="/portfolio/">EXPLORE MY VENTURES<span class="go"><svg class="flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></span></a></div>
|
||||
</div>
|
||||
<div class="cluster-fit reveal">
|
||||
<div class="cluster" aria-hidden="true">
|
||||
<div class="panel dash">
|
||||
<div class="panel-bar"><span class="lights"><i></i><i></i><i></i></span><span>Portfolio</span><span class="panel-url">dylanmazzei.com/portfolio</span></div>
|
||||
<div class="dash-body">
|
||||
<div class="dash-head"><div><small>CURRENT VENTURES</small><strong>The Companies I’m Leading Today</strong></div></div>
|
||||
<div class="kpis">
|
||||
<div class="kpi"><span>EXITS</span><b>4</b></div>
|
||||
<div class="kpi"><span>INDUSTRIES</span><b>6</b></div>
|
||||
<div class="kpi"><span>YEARS OPERATING</span><b>8+</b></div>
|
||||
<div class="kpi"><span>WHERE I WORK</span><b>4</b></div>
|
||||
</div>
|
||||
<div class="dash-cols">
|
||||
<div class="list"><div class="list-head"><span>CURRENT VENTURES</span><span></span></div><div class="row"><span class="ico"><svg class="" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="10.5" cy="10.5" r="6.5"/><path d="m20 20-4.8-4.8M10.5 7.5v6M7.5 10.5h6"/></svg></span><span class="name">MARKETING & AI SEARCH</span><span class="status"><span class="dot"></span>Active</span></div><div class="row"><span class="ico"><svg class="" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="6" y="6" width="12" height="12" rx="2.5"/><path d="M9.5 9.5h5v5h-5zM9 3v3M15 3v3M9 18v3M15 18v3M3 9h3M3 15h3M18 9h3M18 15h3"/></svg></span><span class="name">AI SOFTWARE</span><span class="status"><span class="dot"></span>Active</span></div><div class="row"><span class="ico"><svg class="" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m2.5 9 9.5-4.5L21.5 9 12 13.5z"/><path d="M6.5 11v4.5c0 1.6 2.5 3 5.5 3s5.5-1.4 5.5-3V11M21.5 9v5"/></svg></span><span class="name">EDUCATION TECHNOLOGY</span><span class="status"><span class="dot"></span>Active</span></div><div class="row"><span class="ico"><svg class="" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 2.8 19.5 6v5.4c0 4.6-3.1 8.2-7.5 9.8-4.4-1.6-7.5-5.2-7.5-9.8V6z"/><path d="m8.8 12 2.3 2.3 4.3-4.6"/></svg></span><span class="name">CYBERSECURITY</span><span class="status"><span class="dot"></span>Active</span></div><div class="row"><span class="ico"><svg class="" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4.5 8h15l-1.2 12.1a1.5 1.5 0 0 1-1.5 1.4H7.2a1.5 1.5 0 0 1-1.5-1.4z"/><path d="M8.5 10.5V7a3.5 3.5 0 0 1 7 0v3.5"/></svg></span><span class="name">E-COMMERCE</span><span class="status"><span class="dot"></span>Active</span></div></div>
|
||||
<div class="list"><div class="list-head"><span>4 EXITS</span><span></span></div><div class="row"><svg class="check" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m3.5 8.5 3 3 6-6.5" stroke-width="1.75"/></svg><span class="name">Insurance</span><span class="status">Exited</span></div><div class="row"><svg class="check" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m3.5 8.5 3 3 6-6.5" stroke-width="1.75"/></svg><span class="name">Marketing</span><span class="status">Exited</span></div><div class="row"><svg class="check" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m3.5 8.5 3 3 6-6.5" stroke-width="1.75"/></svg><span class="name">Home Healthcare</span><span class="status">Exited</span></div><div class="row"><svg class="check" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m3.5 8.5 3 3 6-6.5" stroke-width="1.75"/></svg><span class="name">Apparel</span><span class="status">Exited</span></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel profile">
|
||||
<img src="/assets/dylan-portrait.jpg" alt="" width="900" height="900">
|
||||
<div class="profile-meta">
|
||||
<strong>Dylan Mazzei</strong>
|
||||
<span class="prole">FOUNDER & OPERATOR</span>
|
||||
<div class="chips"><span class="tag">Texas</span><span class="tag">Florida</span><span class="tag">New York</span><span class="tag">Dubai</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-dark code">
|
||||
<div class="panel-bar"><span class="lights"><i></i><i></i><i></i></span><span class="file"><svg class="" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 2.5H5a1.5 1.5 0 0 0-1.5 1.5v2.3c0 .8-.6 1.7-1.5 1.7.9 0 1.5.9 1.5 1.7V12A1.5 1.5 0 0 0 5 13.5h1M10 2.5h1A1.5 1.5 0 0 1 12.5 4v2.3c0 .8.6 1.7 1.5 1.7-.9 0-1.5.9-1.5 1.7V12a1.5 1.5 0 0 1-1.5 1.5h-1" stroke-width="1.5"/></svg>dylan.json</span></div>
|
||||
<pre class="code-pre"><span class="ln"><span class="p">{</span></span><span class="ln"> <span class="k">"role"</span><span class="p">:</span> <span class="s">"Founder & Operator"</span><span class="p">,</span></span><span class="ln"> <span class="k">"exits"</span><span class="p">:</span> <span class="n">4</span><span class="p">,</span></span><span class="ln"> <span class="k">"industries"</span><span class="p">:</span> <span class="n">6</span><span class="p">,</span></span><span class="ln"> <span class="k">"yearsOperating"</span><span class="p">:</span> <span class="s">"8+"</span><span class="p">,</span></span><span class="ln"> <span class="k">"whereIWork"</span><span class="p">: [</span></span><span class="ln"> <span class="s">"Texas"</span><span class="p">,</span> <span class="s">"Florida"</span><span class="p">,</span></span><span class="ln"> <span class="s">"New York"</span><span class="p">,</span> <span class="s">"Dubai"</span></span><span class="ln"> <span class="p">],</span></span><span class="ln"> <span class="k">"finishedBuilding"</span><span class="p">:</span> <span class="n">false</span><span class="cursor"></span></span><span class="ln"><span class="p">}</span></span></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="ventures" aria-labelledby="ventures-title">
|
||||
<div class="wrap">
|
||||
<div class="vhead reveal">
|
||||
<span class="eyebrow">CURRENT VENTURES</span>
|
||||
<h2 id="ventures-title" class="sr-only">Current ventures</h2>
|
||||
<p class="lead">Today, I lead businesses across AI, marketing, software, education technology, cybersecurity, and e-commerce. They operate in very different worlds, which keeps me curious.</p>
|
||||
</div>
|
||||
<ul class="sr-only">
|
||||
<li>MARKETING & AI SEARCH Leading teams through a constantly changing search landscape.</li>
|
||||
<li>AI SOFTWARE Building around new opportunities created by AI.</li>
|
||||
<li>EDUCATION TECHNOLOGY Creating technology designed for real classrooms.</li>
|
||||
<li>CYBERSECURITY Solving security challenges for growing businesses.</li>
|
||||
<li>E-COMMERCE Turning product ideas into businesses built around real customers.</li>
|
||||
</ul>
|
||||
<div class="vtabs reveal" id="vtabs" role="tablist" aria-label="Ventures"></div>
|
||||
<div class="vpanel reveal" id="vpanel">
|
||||
<div class="vinfo">
|
||||
<div><span class="vnum" id="vnum">01 / 05</span></div>
|
||||
<div class="vt" id="vt" aria-live="polite"><h3 id="vname">MARKETING & AI SEARCH</h3><p id="vdesc">Leading teams through a constantly changing search landscape.</p></div>
|
||||
<div class="btn-row"><a class="btn btn-primary btn-sm" href="/portfolio/">EXPLORE MY VENTURES<span class="go"><svg class="flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></span></a></div>
|
||||
</div>
|
||||
<canvas id="vcanvas" aria-hidden="true"></canvas>
|
||||
<div class="varrows">
|
||||
<button id="vprev" type="button" aria-label="Previous venture"><svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M13 8H3M7 4 3 8l4 4"/></svg></button>
|
||||
<button id="vnext" type="button" aria-label="Next venture"><svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 8h10M9 4l4 4-4 4"/></svg></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="journey" aria-labelledby="journey-title">
|
||||
<div class="wrap">
|
||||
<div class="jgrid">
|
||||
<div class="jhead reveal">
|
||||
<span class="eyebrow">THE JOURNEY SO FAR</span>
|
||||
<h2 id="journey-title" class="h-display">Good Opportunities Rarely Look the Same.</h2>
|
||||
<p class="lead">I’ve never looked at opportunity through the lens of one industry. Over the years, that curiosity has taken me into very different businesses, including four that grew into successful exits.</p>
|
||||
</div>
|
||||
<div class="jstage" id="jstage">
|
||||
<div class="floor" aria-hidden="true"></div>
|
||||
<div class="pins" aria-hidden="true">
|
||||
<div class="pn"><i></i><b></b><em>Insurance</em></div><div class="pn"><i></i><b></b><em>Marketing</em></div><div class="pn"><i></i><b></b><em>Home Healthcare</em></div><div class="pn"><i></i><b></b><em>Apparel</em></div><div class="pn"><i></i><b></b><em>Today</em></div>
|
||||
</div>
|
||||
<canvas id="fw" aria-hidden="true"></canvas>
|
||||
<p class="jfinal" id="jfinal">Others are growing. And I’m nowhere near finished building.</p>
|
||||
<button class="btn btn-ghost btn-sm jreplay" id="jreplay" type="button">Replay</button>
|
||||
</div>
|
||||
<div class="jbody">
|
||||
<ul class="jlist">
|
||||
<li class="jx"><div class="ji"><svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M24 5 8 11v11c0 10 7 17 16 21 9-4 16-11 16-21V11z"/><path d="m17 24 5 5 9-10"/></svg></div><div><h3>Insurance</h3><p>I grew an insurance business around strong client relationships, a clear understanding of the market, and service people could trust.</p></div></li><li class="jx"><div class="ji"><svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8 20v8h6l14 8V12l-14 8z"/><path d="M34 18c3 2 3 10 0 12M14 28l2 9h5l-2-9"/></svg></div><div><h3>Marketing</h3><p>Led an agency focused on helping businesses reach the right audiences, strengthen their presence, and turn attention into growth.</p></div></li><li class="jx"><div class="ji"><svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 22 24 7l18 15M10 20v21h28V20"/><path d="M24 35c-6-4-8-7-8-10a4.2 4.2 0 0 1 8-1.5A4.2 4.2 0 0 1 32 25c0 3-2 6-8 10z"/></svg></div><div><h3>Home Healthcare</h3><p>Grew a people-first business in an industry where trust, quality of care, and responsible leadership mattered every day.</p></div></li><li class="jx"><div class="ji"><svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M17 6 6 12l4 9 5-2v23h18V19l5 2 4-9-11-6c-1 3-4 5-7 5s-6-2-7-5z"/></svg></div><div><h3>Apparel</h3><p>Took a consumer concept into the market, shaping the product, brand, and customer experience from the ground up.</p></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<div class="stat"><span>EXITS</span><b id="cEx">4</b></div>
|
||||
<div class="stat"><span>INDUSTRIES</span><b id="cInd">6</b></div>
|
||||
<div class="stat"><span>YEARS OPERATING</span><b id="cYr">8+</b></div>
|
||||
<div class="stat stat-note">
|
||||
<p>Different businesses have called for different decisions, teams, and ways of thinking. That range still shapes how I approach every opportunity today.</p>
|
||||
<a class="text-link" href="/about/">FOLLOW THE JOURNEY <svg class="flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<aside class="cta-band" aria-label="Start a conversation">
|
||||
<div class="wrap cta-band-inner reveal">
|
||||
<div class="cta-band-copy">
|
||||
<p class="cta-band-title">Have Something Worth Talking About?</p>
|
||||
<p class="cta-band-body">Book a call with my team or with me directly. It starts with understanding where your business stands.</p>
|
||||
</div>
|
||||
<div class="btn-row"><a class="btn btn-primary" href="/contact/">START A CONVERSATION<span class="go"><svg class="flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></span></a></div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<section id="about" aria-labelledby="about-title">
|
||||
<div class="wrap agrid">
|
||||
<div class="stack">
|
||||
<span class="eyebrow">ABOUT DYLAN</span>
|
||||
<h2 id="about-title" class="awords"><span class="grad">Curiosity</span><span class="grad">Got Me Started.</span><span class="neon">Ambition</span><span class="neon n2">Kept Me Moving.</span></h2>
|
||||
</div>
|
||||
<div class="atext reveal">
|
||||
<p class="q">I have always been more interested in what could be possible than what already exists.</p>
|
||||
<p class="lead">That curiosity has taken me into industries I never expected to enter, across markets, teams, and ideas that looked nothing alike from the outside. What connects them is the part I enjoy most: seeing potential early, bringing the right people around it, and giving an idea the chance to become something real.</p>
|
||||
<p class="lead">Business is a big part of my story, but it is not the whole story.</p>
|
||||
<a class="btn btn-primary" href="/about/">GET TO KNOW DYLAN<span class="go"><svg class="flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="consult" aria-labelledby="consult-title">
|
||||
<div class="wrap">
|
||||
<div class="chead">
|
||||
<div class="stack-sm reveal"><span class="eyebrow">CONSULT DYLAN</span><h2 id="consult-title" class="h-display">Sometimes You Need Another Founder in the Room.</h2></div>
|
||||
<div class="stack-sm reveal">
|
||||
<p class="lead" style="color:var(--ink)">I know what it is like to make decisions when the answer isn't obvious, and the outcome belongs to you.</p>
|
||||
<p class="lead">That is the perspective I bring when I work with founders. We look closely at the business, talk through what is getting in the way, and figure out where your attention can make the biggest difference.</p>
|
||||
<div><a class="btn btn-primary" href="/consulting/">WORK WITH DYLAN<span class="go"><svg class="flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></span></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cgrid">
|
||||
<article class="cc reveal"><div class="cic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="6.5"/><path d="m16 16 4.5 4.5"/></svg></div><h3>We look closely at the business</h3></article><article class="cc reveal"><div class="cic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 5h16v11H9l-5 4z"/></svg></div><h3>Talk through what is getting in the way</h3></article><article class="cc reveal"><div class="cic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="8"/><circle cx="12" cy="12" r="3.2"/><path d="M12 2v3M12 19v3M2 12h3M19 12h3"/></svg></div><h3>Figure out where your attention can make the biggest difference</h3></article><article class="cc reveal"><div class="cic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3 4 6v6c0 4.5 3.4 7.6 8 9 4.6-1.4 8-4.5 8-9V6z"/><path d="m8.5 12 2.5 2.5 4.5-5"/></svg></div><h3>Every engagement starts with a diagnostic.</h3><p>Not because I already know the answer, but because your business deserves one that actually fits.</p></article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="press" aria-labelledby="press-title">
|
||||
<div class="wrap">
|
||||
<div class="phead">
|
||||
<div class="stack-sm reveal"><span class="eyebrow">PRESS & MEDIA</span><h2 id="press-title" class="h-display">The Work Spoke. Then I Did.</h2></div>
|
||||
<div class="stack-sm reveal" style="max-width:48ch">
|
||||
<p class="lead">About the businesses. The exits. The ideas. What worked. What didn’t. And what I’m thinking about next.</p>
|
||||
<p class="lead">Some of those conversations made it into interviews, profiles, podcasts, and features.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pgrid">
|
||||
<a class="pt reveal" href="/press/"><h3>Interviews</h3><span class="arrow"><svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 10 10 4M5 4h5v5"/></svg></span></a><a class="pt reveal" href="/press/"><h3>Profiles</h3><span class="arrow"><svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 10 10 4M5 4h5v5"/></svg></span></a><a class="pt reveal" href="/press/"><h3>Podcasts</h3><span class="arrow"><svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 10 10 4M5 4h5v5"/></svg></span></a><a class="pt reveal" href="/press/"><h3>Features</h3><span class="arrow"><svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 10 10 4M5 4h5v5"/></svg></span></a>
|
||||
</div>
|
||||
<div class="btn-row reveal" style="margin-top:2rem"><a class="btn btn-ghost" href="/press/">SEE THE FEATURES<span class="go"><svg class="flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></span></a></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<aside class="cta-band" aria-label="Start a conversation">
|
||||
<div class="wrap cta-band-inner reveal">
|
||||
<div class="cta-band-copy">
|
||||
<p class="cta-band-title">Have Something Worth Talking About?</p>
|
||||
<p class="cta-band-body">Book a call with my team or with me directly. It starts with understanding where your business stands.</p>
|
||||
</div>
|
||||
<div class="btn-row"><a class="btn btn-primary" href="/contact/">START A CONVERSATION<span class="go"><svg class="flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></span></a></div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<section id="poetry" aria-labelledby="poetry-title">
|
||||
<div class="arc" aria-hidden="true"></div>
|
||||
<div class="in-wrap reveal">
|
||||
<span class="eyebrow">A DIFFERENT SIDE</span>
|
||||
<h2 id="poetry-title" class="h-display">And Then There’s Poetry.</h2>
|
||||
<p class="poem-line">Not every idea of mine becomes a company.<br>Some become words.</p>
|
||||
<p class="lead">Poetry gives me somewhere to put thoughts that don't belong in a business plan, a strategy session, or a boardroom.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="connect" aria-labelledby="connect-title">
|
||||
<div class="talk" aria-hidden="true"><img class="ribbon" alt="" src="/assets/o2/ribbon-hd.webp" width="3200" height="1800" loading="lazy"><h2>Let’s talk</h2></div>
|
||||
<div class="cbody">
|
||||
<span class="eyebrow">LET’S CONNECT</span>
|
||||
<h3 id="connect-title" class="grad">Interesting Things Usually Start With a Conversation.</h3>
|
||||
<div class="prose">
|
||||
<p>Maybe you have an idea taking shape. A business at an interesting crossroads. A partnership worth exploring. Or simply a question you think I might have a perspective on.</p>
|
||||
<p>I’ve learned to pay attention when an interesting conversation begins. Some of the best opportunities in my life have started exactly that way.</p>
|
||||
<p style="color:var(--ink)">If there’s something worth talking about, I’m listening.</p>
|
||||
</div>
|
||||
<div class="btn-row"><a class="btn btn-primary" href="/contact/">START A CONVERSATION<span class="go"><svg class="flip" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke-width="1.75"/></svg></span></a></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
<footer class="footer">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<div class="foot-intro">
|
||||
<a class="brand" href="/" aria-label="Dylan Mazzei, home"><img class="logo-img" src="/assets/o2/logo.png" alt="" width="640" height="121"><svg class="logo-mark" viewBox="0 0 104 60" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9 4h55c10 0 13 7 9 14L58 46c-3 6-8 8-15 8.5L3 57zM21.5 15.5 18.3 45.8 40 44.5c4-.3 6-1.5 7.5-4.3l12-21.4c1.2-2.2.3-3.3-2-3.3z"/><path fill="#33b9ff" d="M24 59 102 1 91 52 72 54.5 79 33z"/><path fill="#8fdcff" d="M24 59 102 1 79 33z"/></svg><span class="brand-word">Dylan <b>Mazzei</b></span></a>
|
||||
<p>DYLAN MAZZEI | FOUNDER & OPERATOR</p>
|
||||
</div>
|
||||
<div class="foot-col">
|
||||
<h4>Explore</h4>
|
||||
<ul>
|
||||
<li><a href="/portfolio/">Portfolio</a></li>
|
||||
<li><a href="/about/">About</a></li>
|
||||
<li><a href="/press/">Press & Media</a></li>
|
||||
<li><a href="/contact/">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="foot-col">
|
||||
<h4>Consulting</h4>
|
||||
<ul>
|
||||
<li><a href="/consulting/">Consulting</a></li>
|
||||
<li><a href="/consulting/marketing/">Marketing & AI Search</a></li>
|
||||
<li><a href="/consulting/business-setup/">Business Setup</a></li>
|
||||
<li><a href="/consulting/business-optimization/">Business Optimization</a></li>
|
||||
<li><a href="/consulting/supply-chain/">Supply Chain</a></li>
|
||||
<li><a href="/consulting/cybersecurity/">Cybersecurity</a></li>
|
||||
<li><a href="/consulting/education/">Education</a></li>
|
||||
<li><a href="/consulting/fractional/">Fractional Leadership</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="foot-col">
|
||||
<h4>Direct Email</h4>
|
||||
<ul>
|
||||
<li><a href="mailto:dylan@dylanmazzei.com">dylan@dylanmazzei.com</a></li>
|
||||
<li><a href="mailto:press@dylanmazzei.com">press@dylanmazzei.com</a></li>
|
||||
<li><a href="https://www.linkedin.com/in/dylanmazzei/" target="_blank" rel="noopener">LinkedIn</a></li>
|
||||
<li><a href="https://www.instagram.com/thedylanmazzei" target="_blank" rel="noopener">Instagram</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-big">
|
||||
<div class="stack-xs">
|
||||
<span class="eyebrow">WHERE I WORK</span>
|
||||
<p class="places">Texas<i>•</i>Florida<i>•</i>New York<i>•</i>Dubai</p>
|
||||
</div>
|
||||
<small>© <span>2026</span> Dylan Mazzei</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-word" aria-hidden="true">DYLAN MAZZEI</div>
|
||||
</footer>
|
||||
<nav class="lang-switch" aria-label="Language"><span aria-current="true" lang="en" title="English">EN</span><a href="/es/" hreflang="es" lang="es" title="Español">ES</a><a href="/ar/" hreflang="ar" lang="ar" title="العربية">AR</a></nav>
|
||||
<script src="/assets/site.js?v=5a973d0cba" defer></script>
|
||||
<script src="/assets/o2/three.min.js" defer></script>
|
||||
<script src="/assets/home.js?v=c01db03c61" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user