<!DOCTYPE html><html lang="en" style="--vh: 9px;"><head>
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'sha256-YA2RSn2l6VE0ePcnM8yOyXmNcZ/kfc45c86+w9bFA58=' 'sha256-W/Gd4LrL3So7/rDad6kpiEaEveyK1AeXKA6IfKiKLDs=' 'sha256-tZXSt7XGY2JRWV36TlohpDdUWTjUFlQaL/s9i/JV118=' https://js.stripe.com https://*.supabase.co https://www.googletagmanager.com https://www.google-analytics.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com data:; img-src 'self' data: blob: https:; connect-src 'self' https://*.supabase.co wss://*.supabase.co https://api.stripe.com https://api.zippopotam.us https://vpic.nhtsa.dot.gov https://*.sentry.io https://www.google-analytics.com https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com; frame-src https://js.stripe.com https://checkout.stripe.com; worker-src 'self' blob:; media-src 'self' data: blob:; object-src 'none'; base-uri 'self'; form-action 'self'; upgrade-insecure-requests">
    <meta http-equiv="X-Content-Type-Options" content="nosniff">
    <meta http-equiv="X-XSS-Protection" content="1; mode=block">
    <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin">
    <meta http-equiv="Permissions-Policy" content="camera=(), microphone=(), geolocation=(), payment=()">

    <meta charset="UTF-8">
    
    <!-- Enhanced viewport meta for optimal mobile experience -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=0.5, user-scalable=yes, viewport-fit=cover">
    
    <!-- Mobile-specific meta tags for better UX -->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="DAS Board">

    <!-- Theme color for mobile browsers -->
    <meta name="theme-color" content="#3b82f6">
    <meta name="msapplication-navbutton-color" content="#3b82f6">
    
    <!-- Enhanced favicon setup for mobile -->
    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
    <!-- PWA manifest is injected dynamically based on route - see script below -->

    <!-- iOS Add to Home Screen fix: Inject appropriate manifest based on current page -->
    <!-- No manifest in HTML = Safari saves actual URL for Add to Home Screen -->
    <script>
      (function() {
        var path = window.location.pathname;
        var manifestUrl = null;

        // Dashboard routes get the main manifest (opens to /)
        if (path.startsWith('/dashboard') || path.startsWith('/dealership/') ||
            path.startsWith('/group-admin') || path.startsWith('/single-finance')) {
          manifestUrl = '/manifest.json';
        }
        // Auth page gets auth-specific manifest (opens to /auth)
        else if (path === '/auth' || path.startsWith('/auth/')) {
          manifestUrl = '/manifest-auth.json';
        }
        // Sales portal gets its own manifest
        else if (path === '/sales-portal' || path.startsWith('/sales-portal/')) {
          manifestUrl = '/manifest-sales.json';
        }
        // All other pages (marketing, signup, etc.) - NO manifest
        // This ensures Safari saves the actual URL when adding to home screen

        if (manifestUrl) {
          var link = document.createElement('link');
          link.rel = 'manifest';
          link.href = manifestUrl;
          link.id = 'pwa-manifest';
          document.head.appendChild(link);
        }
      })();
    </script>

    <!-- Preload critical fonts for mobile performance -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    
    <!-- DNS prefetch for better mobile loading -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com">
    <link rel="dns-prefetch" href="//fonts.gstatic.com">
    
    <!-- Primary SEO Meta Tags -->
    <meta name="description" content="Real-time performance dashboards for every dealership role — track sales, deals, gross, and F&amp;I KPIs. The DAS Board complements your DMS (CDK, Reynolds, Dealertrack).">
    <meta name="keywords" content="dealership performance dashboard, dealership analytics software, automotive sales analytics, dealership KPI dashboard, sales tracking software, finance manager dashboard, F&amp;I dashboard, sales manager dashboard, GM dashboard, dealer group reporting">
    <meta name="author" content="The DAS Board">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    <meta name="googlebot" content="index, follow">
    <meta name="bingbot" content="index, follow">

    <!-- Canonical URL -->
    <link rel="canonical" href="https://thedasboard.com/">

    <!-- Language and Regional -->
    <meta name="language" content="en-US">
    <meta name="geo.region" content="US">
    <meta name="geo.placename" content="United States">
    <link rel="alternate" hreflang="en" href="https://thedasboard.com/">
    <link rel="alternate" hreflang="es" href="https://thedasboard.com/?lang=es">
    <link rel="alternate" hreflang="fr" href="https://thedasboard.com/?lang=fr">
    <link rel="alternate" hreflang="de" href="https://thedasboard.com/?lang=de">
    <link rel="alternate" hreflang="cs" href="https://thedasboard.com/?lang=cs">
    <link rel="alternate" hreflang="it" href="https://thedasboard.com/?lang=it">
    <link rel="alternate" hreflang="pl" href="https://thedasboard.com/?lang=pl">
    <link rel="alternate" hreflang="pt" href="https://thedasboard.com/?lang=pt">
    <link rel="alternate" hreflang="nl" href="https://thedasboard.com/?lang=nl">
    <link rel="alternate" hreflang="el" href="https://thedasboard.com/?lang=gr">
    <link rel="alternate" hreflang="x-default" href="https://thedasboard.com/">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://thedasboard.com/">
    <meta property="og:title" content="Dealership Performance Dashboards &amp; Analytics | The DAS Board">
    <meta property="og:description" content="Real-time performance dashboards for every dealership role — track sales, deals, gross, and F&amp;I KPIs. The DAS Board complements your DMS (CDK, Reynolds, Dealertrack).">
    <meta property="og:image" content="https://thedasboard.com/og-image.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:image:alt" content="The DAS Board - Dealership Analytics Dashboard">
    <meta property="og:site_name" content="The DAS Board">
    <meta property="og:locale" content="en_US">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="https://thedasboard.com/">
    <meta name="twitter:title" content="Dealership Performance Dashboards &amp; Analytics | The DAS Board">
    <meta name="twitter:description" content="Real-time performance dashboards for every dealership role — track sales, deals, gross, and F&amp;I KPIs. The DAS Board complements your DMS (CDK, Reynolds, Dealertrack).">
    <meta name="twitter:image" content="https://thedasboard.com/og-image.png">
    <meta name="twitter:image:alt" content="The DAS Board - Dealership Analytics Dashboard">
    <meta name="twitter:site" content="@thedasboard">
    <meta name="twitter:creator" content="@thedasboard">

    <!-- Additional SEO Tags -->
    <meta name="rating" content="general">
    <meta name="distribution" content="global">
    <meta name="revisit-after" content="7 days">
    <meta name="coverage" content="worldwide">
    <meta name="target" content="all">
    <meta name="HandheldFriendly" content="True">
    
    <!-- Performance hints for mobile -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="date=no">
    <meta name="format-detection" content="address=no">
    <meta name="format-detection" content="email=no">
    
    <!-- CSP is set via HTTP header in netlify.toml (authoritative) and injected by vite build plugin -->
    <meta http-equiv="X-Content-Type-Options" content="nosniff">
    <!-- X-Frame-Options should be set as HTTP header, not meta tag -->
    <meta http-equiv="X-XSS-Protection" content="1; mode=block">
    <meta http-equiv="Strict-Transport-Security" content="max-age=31536000; includeSubDomains; preload">
    <meta http-equiv="Permissions-Policy" content="
      camera=(),
      microphone=(),
      geolocation=(),
      payment=(self),
      usb=(),
      magnetometer=(),
      gyroscope=(),
      accelerometer=()
    ">
    
    <!-- Disable automatic translation on mobile -->
    <meta name="google" content="notranslate">
    
    <!-- Mobile browser UI customization -->
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-orientations" content="portrait landscape">
    
    <!-- Performance optimization meta tags -->
    <meta name="referrer" content="strict-origin-when-cross-origin">
    
    <!-- Google Analytics (GA4) with Consent Mode v2 (GDPR/ePrivacy) -->
    <!-- Defaults deny ad + analytics storage; CookieConsent.tsx sends
         gtag('consent', 'update', …) once the user makes a choice. This
         means GA4 can load on EU visits but won't drop cookies or send
         hits until analytics consent is granted. -->
    <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-86LF96ZJ62"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('consent', 'default', {
        'ad_storage': 'denied',
        'ad_user_data': 'denied',
        'ad_personalization': 'denied',
        'analytics_storage': 'denied',
        'functionality_storage': 'granted',
        'security_storage': 'granted',
        'wait_for_update': 500
      });
      gtag('js', new Date());
      gtag('config', 'G-86LF96ZJ62', { anonymize_ip: true });
    </script>

    <title>Dealership Performance Dashboards &amp; Analytics | The DAS Board</title>
    
    <!-- Inline critical CSS for mobile performance (optional) -->
    <style>
      /* Critical CSS for mobile loading performance */
      html {
        font-family: system-ui, -apple-system, sans-serif;
        line-height: 1.6;
        -webkit-text-size-adjust: 100%;
        -webkit-font-smoothing: antialiased;
        overflow: hidden;
        height: 100%;
      }

      body {
        margin: 0;
        padding: 0;
        background-color: #f9fafb;
        color: #111827;
        overflow: hidden;
        height: 100%;
      }
      
      /* Loading spinner for mobile */
      .loading-spinner {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 40px;
        height: 40px;
        border: 3px solid #e5e7eb;
        border-top: 3px solid #3b82f6;
        border-radius: 50%;
        animation: spin 1s linear infinite;
        z-index: 9999;
      }
      
      @keyframes spin {
        0% { transform: translate(-50%, -50%) rotate(0deg); }
        100% { transform: translate(-50%, -50%) rotate(360deg); }
      }
      
      /* Hide loading spinner when app loads */
      .app-loaded .loading-spinner {
        display: none;
      }
      
      /* Mobile-safe viewport units — no overflow here;
         DashboardLayout uses h-screen + overflow-auto internally,
         public pages use min-h-screen which scrolls naturally */
      .full-height {
        min-height: 100vh;
        min-height: 100dvh; /* Dynamic viewport height for mobile */
      }

      /* Fix Tailwind's min-h-screen on iOS Safari */
      .min-h-screen {
        min-height: 100vh;
        min-height: 100dvh;
        /* Also use JS-calculated vh for older iOS versions */
        min-height: calc(var(--vh, 1vh) * 100);
      }

      /* Bottom safe area for iOS home indicator */
      .pb-safe {
        padding-bottom: env(safe-area-inset-bottom, 0px);
      }

      .pt-safe {
        padding-top: env(safe-area-inset-top, 0px);
      }
      
      /* Prevent horizontal scroll on mobile */
      .no-scroll-x {
        overflow-x: hidden;
        max-width: 100vw;
      }

      /* PWA Standalone Mode - iOS Home Screen Launch */
      @media (display-mode: standalone) {
        html, body {
          height: 100%;
          min-height: 100vh;
          min-height: 100dvh;
          min-height: -webkit-fill-available;
          overscroll-behavior: none;
        }
        #root {
          min-height: 100%;
          min-height: 100vh;
          min-height: 100dvh;
        }
      }
      
      /* Touch-friendly tap targets - only for interactive elements in forms */
      input, select, textarea {
        min-height: 44px;
        touch-action: manipulation;
      }
      
      /* Enhanced focus visibility for mobile */
      *:focus {
        outline: 2px solid #3b82f6;
        outline-offset: 2px;
      }
      
      @media (hover: none) and (pointer: coarse) {
        *:focus {
          outline-width: 3px;
          outline-offset: 3px;
        }
      }
    </style>
    <script type="module" crossorigin="" src="/assets/index.j06ZFYMH.js"></script>
    <link rel="stylesheet" crossorigin="" href="/assets/styles/index.DBqImjmb.css">
  <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@context":"https://schema.org","@type":"Organization","name":"The DAS Board","url":"https://thedasboard.com","logo":"https://thedasboard.com/logo.png","description":"Real-time dealership performance dashboards and analytics for automotive dealerships and dealer groups. Complements your DMS (CDK, Reynolds, Dealertrack).","foundingDate":"2024","address":{"@type":"PostalAddress","addressCountry":"US"},"contactPoint":{"@type":"ContactPoint","email":"support@thedasboard.com","contactType":"customer service","availableLanguage":["English","Spanish","French","German","Portuguese","Italian","Dutch","Chinese","Japanese","Korean"]},"sameAs":["https://twitter.com/thedasboard","https://linkedin.com/company/thedasboard"]},{"@context":"https://schema.org","@type":"WebSite","name":"The DAS Board","url":"https://thedasboard.com","potentialAction":{"@type":"SearchAction","target":"https://thedasboard.com/search?q={search_term_string}","query-input":"required name=search_term_string"}},{"@context":"https://schema.org","@type":"SoftwareApplication","name":"The DAS Board","applicationCategory":"BusinessApplication","description":"Real-time performance dashboards for every dealership role — salesperson, finance manager, sales manager, GSM, and GM. Tracks sales, gross, F&I product penetration, PVR, goals, and KPIs. Complements your DMS (CDK, Reynolds & Reynolds, Dealertrack).","operatingSystem":"Web Browser","offers":[{"@type":"Offer","name":"Single Finance Manager","price":"5.00","priceCurrency":"USD","availability":"https://schema.org/InStock"},{"@type":"Offer","name":"Dealership Package","price":"399.00","priceCurrency":"USD","availability":"https://schema.org/InStock"}],"featureList":["Real-time sales & gross analytics","Finance manager (F&I) dashboard","F&I product penetration & PVR tracking","Sales manager & GM dashboards","Dealer group reporting","Pay & commission calculator","Deal tracking & deal log","Goals, schedules & leaderboards","DMS deal sync (CDK, Reynolds, Dealertrack)","AI-powered insights"]},{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is The DAS Board?","acceptedAnswer":{"@type":"Answer","text":"The DAS Board is a comprehensive dealership analytics and sales management platform that provides real-time dashboards for sales teams, finance managers, and general managers."}},{"@type":"Question","name":"How much does The DAS Board cost?","acceptedAnswer":{"@type":"Answer","text":"We offer two plans: Single Finance Manager at $5/month and Dealership plans starting at $399/month per dealership. Single Finance Manager includes a free 14-day trial, and Dealership plans include a free trial as well."}},{"@type":"Question","name":"Can I try The DAS Board for free?","acceptedAnswer":{"@type":"Answer","text":"Yes. Single Finance Manager comes with a free 14-day trial, and Dealership plans include a free trial too — so you can explore the dashboards before committing."}},{"@type":"Question","name":"What dealership roles does The DAS Board support?","acceptedAnswer":{"@type":"Answer","text":"The DAS Board provides role-specific dashboards for Salespeople, Finance Managers, Sales Managers, Finance Directors, GSMs, and General Managers."}},{"@type":"Question","name":"Does The DAS Board replace my DMS?","acceptedAnswer":{"@type":"Answer","text":"No — The DAS Board complements your DMS, it does not replace it. It syncs deals from systems like CDK, Reynolds & Reynolds, and Dealertrack and adds a real-time performance dashboard for every role on top, so your sales and F&I teams get the visibility a DMS alone does not provide."}},{"@type":"Question","name":"What can I track with The DAS Board?","acceptedAnswer":{"@type":"Answer","text":"Track sales, deals, front and back gross, F&I product penetration, PVR, goals, schedules, leaderboards, and per-role KPIs across your whole dealership or dealer group in real time."}}]}]}</script></head>
  <body class="no-scroll-x app-loaded">
    <!-- Loading spinner for mobile -->
    <div class="loading-spinner" id="loading-spinner" style="display: none;"></div>
    
    <!-- Main app container with mobile optimizations -->
    <div id="root" class="full-height"><div class="min-h-screen bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900"><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-transparent" role="banner"><nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" aria-label="Main navigation"><div class="flex justify-between items-center h-16 sm:h-20"><a href="/" class="text-xl sm:text-2xl font-bold text-white hover:text-blue-400 transition-colors" aria-label="The DAS Board - Home">The DAS Board</a><div class="hidden lg:flex items-center space-x-8"><button class="text-gray-300 hover:text-white transition-colors">Features</button><button class="text-gray-300 hover:text-white transition-colors">Demo</button><button class="text-gray-300 hover:text-white transition-colors">Screenshots &amp; FAQ</button><button class="text-gray-300 hover:text-white transition-colors">Pricing</button><div class="relative z-[999999]"><button class="flex items-center space-x-1.5 px-2 py-1.5 text-xs bg-gray-800 border border-gray-700 rounded-md text-white hover:bg-gray-700 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-3 h-3" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span class="text-sm">🇺🇸</span><span class="hidden sm:inline text-xs">English</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-3 h-3 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><button class="text-gray-300 hover:text-white transition-colors">Login</button><button class="bg-blue-600 hover:bg-blue-500 text-white px-6 py-2.5 rounded-lg font-semibold transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/25" aria-label="Start your free trial">Start Free Trial</button></div><div class="lg:hidden flex items-center space-x-3"><div class="relative z-[999999]"><button class="flex items-center space-x-1.5 px-2 py-1.5 text-xs bg-gray-800 border border-gray-700 rounded-md text-white hover:bg-gray-700 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-3 h-3" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span class="text-sm">🇺🇸</span><span class="hidden sm:inline text-xs">English</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-3 h-3 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><button class="text-white p-2" aria-expanded="false" aria-label="Toggle navigation menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu w-6 h-6" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div></nav></header><main id="main-content" role="main"><section class="pt-24 sm:pt-32 pb-16 sm:pb-24 px-4 sm:px-6 lg:px-8 relative overflow-hidden" aria-labelledby="hero-heading"><div class="absolute top-20 left-1/4 w-96 h-96 bg-blue-600/20 rounded-full blur-3xl" aria-hidden="true"></div><div class="absolute bottom-0 right-1/4 w-96 h-96 bg-blue-600/10 rounded-full blur-3xl" aria-hidden="true"></div><div class="max-w-7xl mx-auto relative"><div class="grid lg:grid-cols-2 gap-12 lg:gap-16 xl:gap-20 items-center"><div class="transition-all duration-700 " style="opacity: 1; transform: translateY(0px); transition-delay: 0ms;"><div class="text-center lg:text-left"><div class="inline-flex items-center px-4 py-2 bg-blue-600/20 border border-blue-500/30 rounded-full text-blue-400 text-sm font-medium mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-4 h-4 mr-2" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg><span>Powered by AI Analytics</span></div><h1 id="hero-heading" class="text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-bold leading-tight mb-6"><span class="text-white">Transform Your </span><span class="bg-gradient-to-r from-blue-400 to-blue-600 bg-clip-text text-transparent">Dealership</span><span class="text-white"> Performance</span></h1><p class="text-lg sm:text-xl text-gray-300 mb-4 max-w-xl mx-auto lg:mx-0">Real-time analytics dashboards for automotive dealerships. Empower your sales team, finance managers, and leadership with data-driven insights that drive results.</p><div class="flex items-center justify-center lg:justify-start mb-8"><div class="inline-flex items-center px-4 py-2 bg-gradient-to-r from-green-600/20 to-emerald-600/20 border border-green-500/30 rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers w-4 h-4 text-green-400 mr-2" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg><span class="text-green-400 text-sm font-medium">Built to complement your existing CRM &amp; DMS</span></div></div><div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start"><button class="group bg-blue-600 hover:bg-blue-500 text-white px-8 py-4 rounded-xl text-lg font-semibold transition-all duration-300 hover:shadow-xl hover:shadow-blue-500/25 flex items-center justify-center" aria-label="Start your free trial">Start Free Trial<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 w-5 h-5 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button><button class="group border-2 border-gray-600 hover:border-blue-500 text-white px-8 py-4 rounded-xl text-lg font-semibold transition-all duration-300 flex items-center justify-center" aria-label="Watch product demo video"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play mr-2 w-5 h-5" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg>Watch Demo</button></div><div class="flex flex-wrap justify-center lg:justify-start gap-6 mt-8 pt-8 border-t border-gray-700"><div class="text-center"><div class="text-2xl font-bold text-white">Free</div><div class="text-sm text-gray-400">Trial</div></div><div class="text-center"><div class="text-2xl font-bold text-white">5 Min</div><div class="text-sm text-gray-400">Setup Time</div></div><div class="text-center"><div class="text-2xl font-bold text-white">24/7</div><div class="text-sm text-gray-400">Support</div></div></div></div></div><div class="transition-all duration-700 " style="opacity: 1; transform: translateY(0px); transition-delay: 200ms;"><figure class="relative lg:scale-105 xl:scale-110 origin-center"><div class="bg-gray-800/50 backdrop-blur-sm rounded-2xl p-2 sm:p-3 border border-gray-700 shadow-2xl"><div class="aspect-[16/10] rounded-xl overflow-hidden relative bg-gray-900"><div class="absolute inset-0 transition-opacity duration-1000 opacity-100" aria-hidden="false"><div class="relative group overflow-hidden rounded-lg"><img src="/images/SPDASH.JPG" alt="Salesperson dashboard showing real-time sales metrics and performance tracking" class="
          w-full h-auto object-cover 
          filter blur-[0.3px] brightness-110
          transition-all duration-300 
          group-hover:scale-105
          w-full h-full object-cover
        " style="image-rendering: auto;"><div class="absolute inset-0 bg-gradient-to-br from-transparent via-transparent to-blue-500/3 pointer-events-none" style="background: linear-gradient(135deg, transparent 0%, rgba(59, 130, 246, 0.02) 25%, transparent 50%, rgba(59, 130, 246, 0.01) 75%, transparent 100%);"></div><div class="absolute bottom-2 right-2 opacity-20 pointer-events-none"><div class="text-xs text-white font-medium px-2 py-1 bg-black/20 rounded backdrop-blur-sm">The DAS Board</div></div><div class="absolute inset-0 pointer-events-none opacity-5" style="background-image: radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.1) 1px, transparent 1px), radial-gradient(circle at 75% 75%, rgba(0, 0, 0, 0.1) 1px, transparent 1px); background-size: 4px 4px;"></div><div class="absolute top-0 left-0 w-0 h-0 overflow-hidden" aria-hidden="true"><span class="text-transparent text-xs">© The DAS Board - Proprietary Dashboard Interface - Contact for licensing</span></div></div></div><div class="absolute inset-0 transition-opacity duration-1000 opacity-0" aria-hidden="true"><div class="relative group overflow-hidden rounded-lg"><img src="/images/FINANCEMNG_DASH.JPG" alt="Finance manager dashboard displaying PVR analytics and deal profitability metrics" class="
          w-full h-auto object-cover 
          filter blur-[0.3px] brightness-110
          transition-all duration-300 
          group-hover:scale-105
          w-full h-full object-cover
        " style="image-rendering: auto;"><div class="absolute inset-0 bg-gradient-to-br from-transparent via-transparent to-blue-500/3 pointer-events-none" style="background: linear-gradient(135deg, transparent 0%, rgba(59, 130, 246, 0.02) 25%, transparent 50%, rgba(59, 130, 246, 0.01) 75%, transparent 100%);"></div><div class="absolute bottom-2 right-2 opacity-20 pointer-events-none"><div class="text-xs text-white font-medium px-2 py-1 bg-black/20 rounded backdrop-blur-sm">The DAS Board</div></div><div class="absolute inset-0 pointer-events-none opacity-5" style="background-image: radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.1) 1px, transparent 1px), radial-gradient(circle at 75% 75%, rgba(0, 0, 0, 0.1) 1px, transparent 1px); background-size: 4px 4px;"></div><div class="absolute top-0 left-0 w-0 h-0 overflow-hidden" aria-hidden="true"><span class="text-transparent text-xs">© The DAS Board - Proprietary Dashboard Interface - Contact for licensing</span></div></div></div><div class="absolute inset-0 transition-opacity duration-1000 opacity-0" aria-hidden="true"><div class="relative group overflow-hidden rounded-lg"><img src="/images/SALESMNG_DASH.JPG" alt="Sales manager dashboard with team performance metrics and coaching tools" class="
          w-full h-auto object-cover 
          filter blur-[0.3px] brightness-110
          transition-all duration-300 
          group-hover:scale-105
          w-full h-full object-cover
        " style="image-rendering: auto;"><div class="absolute inset-0 bg-gradient-to-br from-transparent via-transparent to-blue-500/3 pointer-events-none" style="background: linear-gradient(135deg, transparent 0%, rgba(59, 130, 246, 0.02) 25%, transparent 50%, rgba(59, 130, 246, 0.01) 75%, transparent 100%);"></div><div class="absolute bottom-2 right-2 opacity-20 pointer-events-none"><div class="text-xs text-white font-medium px-2 py-1 bg-black/20 rounded backdrop-blur-sm">The DAS Board</div></div><div class="absolute inset-0 pointer-events-none opacity-5" style="background-image: radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.1) 1px, transparent 1px), radial-gradient(circle at 75% 75%, rgba(0, 0, 0, 0.1) 1px, transparent 1px); background-size: 4px 4px;"></div><div class="absolute top-0 left-0 w-0 h-0 overflow-hidden" aria-hidden="true"><span class="text-transparent text-xs">© The DAS Board - Proprietary Dashboard Interface - Contact for licensing</span></div></div></div><div class="absolute inset-0 transition-opacity duration-1000 opacity-0" aria-hidden="true"><div class="relative group overflow-hidden rounded-lg"><img src="/images/GMDASH.JPG" alt="General manager dashboard providing comprehensive dealership analytics and KPIs" class="
          w-full h-auto object-cover 
          filter blur-[0.3px] brightness-110
          transition-all duration-300 
          group-hover:scale-105
          w-full h-full object-cover
        " style="image-rendering: auto;"><div class="absolute inset-0 bg-gradient-to-br from-transparent via-transparent to-blue-500/3 pointer-events-none" style="background: linear-gradient(135deg, transparent 0%, rgba(59, 130, 246, 0.02) 25%, transparent 50%, rgba(59, 130, 246, 0.01) 75%, transparent 100%);"></div><div class="absolute bottom-2 right-2 opacity-20 pointer-events-none"><div class="text-xs text-white font-medium px-2 py-1 bg-black/20 rounded backdrop-blur-sm">The DAS Board</div></div><div class="absolute inset-0 pointer-events-none opacity-5" style="background-image: radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.1) 1px, transparent 1px), radial-gradient(circle at 75% 75%, rgba(0, 0, 0, 0.1) 1px, transparent 1px); background-size: 4px 4px;"></div><div class="absolute top-0 left-0 w-0 h-0 overflow-hidden" aria-hidden="true"><span class="text-transparent text-xs">© The DAS Board - Proprietary Dashboard Interface - Contact for licensing</span></div></div></div></div><figcaption class="sr-only">Salesperson Dashboard</figcaption><div class="flex justify-center mt-4 gap-2" role="tablist" aria-label="Dashboard screenshots"><button class="rounded-full transition-all bg-blue-500" role="tab" aria-selected="true" aria-label="View Salesperson Dashboard" style="min-height: 10px; min-width: 10px; height: 10px; width: 24px;"></button><button class="rounded-full transition-all bg-gray-600" role="tab" aria-selected="false" aria-label="View Finance Manager Dashboard" style="min-height: 10px; min-width: 10px; height: 10px; width: 10px;"></button><button class="rounded-full transition-all bg-gray-600" role="tab" aria-selected="false" aria-label="View Sales Manager Dashboard" style="min-height: 10px; min-width: 10px; height: 10px; width: 10px;"></button><button class="rounded-full transition-all bg-gray-600" role="tab" aria-selected="false" aria-label="View General Manager Dashboard" style="min-height: 10px; min-width: 10px; height: 10px; width: 10px;"></button></div></div><div class="absolute -top-4 -right-4 bg-green-500 text-white px-4 py-2 rounded-lg text-sm font-semibold shadow-lg" aria-label="23% sales increase">+23% Sales</div><div class="absolute -bottom-4 -left-4 bg-blue-500 text-white px-4 py-2 rounded-lg text-sm font-semibold shadow-lg">Real-time Data</div></figure></div></div></div></section><section class="py-12 px-4 border-y border-gray-700/50 bg-gray-800/30" aria-labelledby="social-proof-heading"><div class="max-w-7xl mx-auto"><h2 id="social-proof-heading" class="text-center text-gray-400 mb-8 text-sm uppercase tracking-wider">Trusted by dealerships across the world to drive performance and profitability</h2><div class="flex flex-wrap justify-center items-center gap-8 sm:gap-12 opacity-60" aria-label="Partner dealerships"><div class="text-gray-400 font-bold text-lg sm:text-xl">Apex Auto Group</div><div class="text-gray-400 font-bold text-lg sm:text-xl">Sterling Motors</div><div class="text-gray-400 font-bold text-lg sm:text-xl">Velocity Automotive</div><div class="text-gray-400 font-bold text-lg sm:text-xl">Crown Dealer Network</div><div class="text-gray-400 font-bold text-lg sm:text-xl">Monarch Auto Partners</div></div></div></section><section class="py-16 sm:py-24 px-4 sm:px-6 lg:px-8" aria-labelledby="stats-heading"><div class="max-w-7xl mx-auto"><div class="transition-all duration-700 " style="opacity: 0; transform: translateY(30px); transition-delay: 0ms;"><h2 id="stats-heading" class="text-3xl sm:text-4xl font-bold text-white text-center mb-12">2026 Goals</h2></div><dl class="grid grid-cols-2 lg:grid-cols-4 gap-8"><div class="transition-all duration-700 text-center" style="opacity: 0; transform: translateY(30px); transition-delay: 0ms;"><dt class="text-gray-400 order-2">Dealerships</dt><dd class="text-4xl sm:text-5xl font-bold text-white mb-2 order-1"><span>500</span></dd><span class="sr-only">Active dealerships using The DAS Board</span></div><div class="transition-all duration-700 text-center" style="opacity: 0; transform: translateY(30px); transition-delay: 100ms;"><dt class="text-gray-400 order-2">Users</dt><dd class="text-4xl sm:text-5xl font-bold text-white mb-2 order-1"><span>15,000+</span></dd><span class="sr-only">Sales and finance professionals on our platform</span></div><div class="transition-all duration-700 text-center" style="opacity: 0; transform: translateY(30px); transition-delay: 200ms;"><dt class="text-gray-400 order-2">Deals Tracked</dt><dd class="text-4xl sm:text-5xl font-bold text-white mb-2 order-1"><span>500,000+</span></dd><span class="sr-only">Vehicle deals managed through our system</span></div><div class="transition-all duration-700 text-center" style="opacity: 0; transform: translateY(30px); transition-delay: 300ms;"><dt class="text-gray-400 order-2">Uptime</dt><dd class="text-4xl sm:text-5xl font-bold text-white mb-2 order-1"><span>99.9%</span></dd><span class="sr-only">Platform reliability you can count on</span></div></dl></div></section><section id="features" class="py-16 sm:py-24 px-4 sm:px-6 lg:px-8 bg-gray-800/30" aria-labelledby="features-heading"><div class="max-w-7xl mx-auto"><div class="transition-all duration-700 " style="opacity: 0; transform: translateY(30px); transition-delay: 0ms;"><header class="text-center mb-16"><h2 id="features-heading" class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">Powerful Features for Every Role</h2><p class="text-lg sm:text-xl text-gray-300 max-w-2xl mx-auto">Role-specific dashboards designed by dealership professionals for dealership professionals.</p></header></div><div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8"><div class="transition-all duration-700 " style="opacity: 0; transform: translateY(30px); transition-delay: 0ms;"><article class="group bg-gray-800/50 backdrop-blur-sm rounded-2xl p-6 sm:p-8 border border-gray-700 hover:border-blue-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-blue-500/10 h-full"><div class="w-14 h-14 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column w-7 h-7 text-white" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div><h3 class="text-xl font-bold text-white mb-3">Finance Analytics Dashboard</h3><p class="text-gray-400 leading-relaxed">Track PVR, product penetration, and deal profitability in real-time. Maximize your back-end gross with data-driven insights.</p></article></div><div class="transition-all duration-700 " style="opacity: 0; transform: translateY(30px); transition-delay: 100ms;"><article class="group bg-gray-800/50 backdrop-blur-sm rounded-2xl p-6 sm:p-8 border border-gray-700 hover:border-blue-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-blue-500/10 h-full"><div class="w-14 h-14 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up w-7 h-7 text-white" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><h3 class="text-xl font-bold text-white mb-3">Sales Performance Tracking</h3><p class="text-gray-400 leading-relaxed">Monitor individual and team sales metrics. See daily, weekly, and monthly performance at a glance.</p></article></div><div class="transition-all duration-700 " style="opacity: 0; transform: translateY(30px); transition-delay: 200ms;"><article class="group bg-gray-800/50 backdrop-blur-sm rounded-2xl p-6 sm:p-8 border border-gray-700 hover:border-blue-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-blue-500/10 h-full"><div class="w-14 h-14 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-7 h-7 text-white" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><h3 class="text-xl font-bold text-white mb-3">Team Management Tools</h3><p class="text-gray-400 leading-relaxed">Manage schedules, track leads, and coach your sales team to success with powerful management dashboards.</p></article></div><div class="transition-all duration-700 " style="opacity: 0; transform: translateY(30px); transition-delay: 300ms;"><article class="group bg-gray-800/50 backdrop-blur-sm rounded-2xl p-6 sm:p-8 border border-gray-700 hover:border-blue-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-blue-500/10 h-full"><div class="w-14 h-14 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target w-7 h-7 text-white" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div><h3 class="text-xl font-bold text-white mb-3">Goal Tracking &amp; KPIs</h3><p class="text-gray-400 leading-relaxed">Set and track goals for individuals and teams. Visualize progress and identify areas for improvement.</p></article></div><div class="transition-all duration-700 " style="opacity: 0; transform: translateY(30px); transition-delay: 400ms;"><article class="group bg-gray-800/50 backdrop-blur-sm rounded-2xl p-6 sm:p-8 border border-gray-700 hover:border-blue-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-blue-500/10 h-full"><div class="w-14 h-14 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-7 h-7 text-white" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg></div><h3 class="text-xl font-bold text-white mb-3">Smart Scheduling</h3><p class="text-gray-400 leading-relaxed">Optimize your floor coverage with intelligent scheduling. Ensure the right people are available at peak times.</p></article></div><div class="transition-all duration-700 " style="opacity: 0; transform: translateY(30px); transition-delay: 500ms;"><article class="group bg-gray-800/50 backdrop-blur-sm rounded-2xl p-6 sm:p-8 border border-gray-700 hover:border-blue-500/50 transition-all duration-300 hover:shadow-xl hover:shadow-blue-500/10 h-full"><div class="w-14 h-14 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-7 h-7 text-white" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div><h3 class="text-xl font-bold text-white mb-3">AI-Powered Insights</h3><p class="text-gray-400 leading-relaxed">Get AI-powered recommendations to optimize performance. Analyze trends and predict opportunities.</p></article></div></div><div class="transition-all duration-700 " style="opacity: 0; transform: translateY(30px); transition-delay: 0ms;"><div class="max-w-5xl mx-auto text-center mt-20"><h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">Why It Works</h2><p class="text-lg sm:text-xl text-gray-300 leading-relaxed">The DAS Board gives every role in your dealership's Variable Operations — salespeople, finance managers, sales managers, GSMs, and GMs — their own real-time dashboard. Each one brings together the leaderboards, schedules, deals, goals, and performance metrics that matter to that role, keeping your whole sales and F&amp;I team aligned and accountable.</p></div></div></div></section><section id="demo" class="py-16 sm:py-24 px-4 sm:px-6 lg:px-8" aria-labelledby="demo-heading"><div class="max-w-7xl mx-auto"><div class="grid lg:grid-cols-2 gap-12 items-center"><div class="transition-all duration-700 " style="opacity: 0; transform: translateY(30px); transition-delay: 0ms;"><div><h2 id="demo-heading" class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-6">See The DAS Board in Action</h2><p class="text-lg text-gray-300 mb-8">Discover how leading dealerships use The DAS Board to increase sales, improve team performance, and maximize profitability across all departments.</p><ul class="space-y-4 mb-8" aria-label="Key benefits"><li class="flex items-center"><div class="w-10 h-10 bg-blue-600/20 rounded-lg flex items-center justify-center mr-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-5 h-5 text-blue-400" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><span class="text-gray-300">Real-time performance tracking for instant insights</span></li><li class="flex items-center"><div class="w-10 h-10 bg-blue-600/20 rounded-lg flex items-center justify-center mr-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-5 h-5 text-blue-400" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><span class="text-gray-300">Team management &amp; coaching tools that drive results</span></li><li class="flex items-center"><div class="w-10 h-10 bg-blue-600/20 rounded-lg flex items-center justify-center mr-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign w-5 h-5 text-blue-400" aria-hidden="true"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div><span class="text-gray-300">Profit optimization insights to maximize every deal</span></li><li class="flex items-center"><div class="w-10 h-10 bg-blue-600/20 rounded-lg flex items-center justify-center mr-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-5 h-5 text-blue-400" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg></div><span class="text-gray-300">5-minute setup with immediate results</span></li></ul><button class="bg-blue-600 hover:bg-blue-500 text-white px-8 py-4 rounded-xl text-lg font-semibold transition-all duration-300 hover:shadow-xl hover:shadow-blue-500/25 flex items-center" aria-label="Try the interactive product demo"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play mr-2 w-5 h-5" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg>Try Interactive Demo</button></div></div><div class="transition-all duration-700 " style="opacity: 0; transform: translateY(30px); transition-delay: 200ms;"><figure class="relative aspect-video bg-gray-800 rounded-2xl overflow-hidden border border-gray-700 group cursor-pointer" role="button" tabindex="0" aria-label="Click to watch demo video"><div class="relative group overflow-hidden rounded-lg"><img src="/images/GMDASH.JPG" alt="General Manager Dashboard demo showing comprehensive dealership analytics including sales performance, finance metrics, and team KPIs" class="
          w-full h-auto object-cover 
          filter blur-[0.3px] brightness-110
          transition-all duration-300 
          group-hover:scale-105
          w-full h-full object-cover group-hover:scale-105 transition-transform duration-500
        " style="image-rendering: auto;"><div class="absolute inset-0 bg-gradient-to-br from-transparent via-transparent to-blue-500/3 pointer-events-none" style="background: linear-gradient(135deg, transparent 0%, rgba(59, 130, 246, 0.02) 25%, transparent 50%, rgba(59, 130, 246, 0.01) 75%, transparent 100%);"></div><div class="absolute inset-0 pointer-events-none opacity-5" style="background-image: radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.1) 1px, transparent 1px), radial-gradient(circle at 75% 75%, rgba(0, 0, 0, 0.1) 1px, transparent 1px); background-size: 4px 4px;"></div><div class="absolute top-0 left-0 w-0 h-0 overflow-hidden" aria-hidden="true"><span class="text-transparent text-xs">© The DAS Board - Proprietary Dashboard Interface - Contact for licensing</span></div></div><div class="absolute inset-0 bg-black/40 flex items-center justify-center group-hover:bg-black/30 transition-colors" aria-hidden="true"><div class="w-20 h-20 bg-blue-600 rounded-full flex items-center justify-center group-hover:scale-110 transition-transform shadow-xl"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-8 h-8 text-white ml-1" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg></div></div><figcaption class="sr-only">Click to explore the interactive demo of The DAS Board</figcaption></figure></div></div></div></section><section id="pricing" class="py-16 sm:py-24 px-4 sm:px-6 lg:px-8" aria-labelledby="pricing-heading"><div class="max-w-7xl mx-auto"><div class="transition-all duration-700 " style="opacity: 0; transform: translateY(30px); transition-delay: 0ms;"><header class="text-center mb-16"><h2 id="pricing-heading" class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">Simple, Transparent Pricing</h2><p class="text-lg sm:text-xl text-gray-300 max-w-2xl mx-auto">Choose the plan that fits your needs. No hidden fees, cancel anytime.</p></header></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6 sm:gap-8 max-w-5xl mx-auto"><div class="transition-all duration-700 " style="opacity: 0; transform: translateY(30px); transition-delay: 100ms;"><article class="bg-gray-800/50 backdrop-blur-sm rounded-2xl p-8 border border-gray-700 hover:border-blue-500/50 transition-all duration-300 h-full"><header class="flex items-center mb-4"><div class="w-12 h-12 bg-blue-600 rounded-xl flex items-center justify-center" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator w-6 h-6 text-white" aria-hidden="true"><rect width="16" height="20" x="4" y="2" rx="2"></rect><line x1="8" x2="16" y1="6" y2="6"></line><line x1="16" x2="16" y1="14" y2="18"></line><path d="M16 10h.01"></path><path d="M12 10h.01"></path><path d="M8 10h.01"></path><path d="M12 14h.01"></path><path d="M8 14h.01"></path><path d="M12 18h.01"></path><path d="M8 18h.01"></path></svg></div><div class="ml-4"><h3 class="text-xl font-bold text-white">Single Finance Manager</h3><p class="text-gray-400 text-sm">For individual finance professionals</p></div></header><div class="mb-6"><p class="flex items-baseline"><span class="text-4xl font-bold text-white">$5</span><span class="text-gray-400 ml-1">/month</span></p><p class="text-sm text-green-400 mt-1">Limited time offer - was $29.99</p></div><ul class="space-y-3 mb-8" aria-label="Plan features"><li class="flex items-start"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-blue-400 mr-3 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-300">Personal deal tracking</span></li><li class="flex items-start"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-blue-400 mr-3 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-300">PVR &amp; product analytics</span></li><li class="flex items-start"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-blue-400 mr-3 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-300">Pay calculator</span></li><li class="flex items-start"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-blue-400 mr-3 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-300">Performance metrics</span></li><li class="flex items-start"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-blue-400 mr-3 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-300">May be tax deductible</span></li></ul><button class="w-full bg-gray-700 hover:bg-blue-600 text-white py-4 rounded-xl font-semibold transition-all duration-300" aria-label="Start free trial for Single Finance Manager plan">Start Free Trial</button></article></div><div class="transition-all duration-700 " style="opacity: 0; transform: translateY(30px); transition-delay: 200ms;"><article class="bg-gradient-to-br from-blue-600/20 to-blue-700/20 backdrop-blur-sm rounded-2xl p-8 border-2 border-blue-500 relative h-full"><div class="absolute -top-4 left-1/2 -translate-x-1/2 bg-blue-600 text-white px-4 py-1 rounded-full text-sm font-semibold">Most Popular</div><header class="flex items-center mb-4"><div class="w-12 h-12 bg-blue-600 rounded-xl flex items-center justify-center" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building2 lucide-building-2 w-6 h-6 text-white" aria-hidden="true"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg></div><div class="ml-4"><h3 class="text-xl font-bold text-white">Dealership Package</h3><p class="text-gray-400 text-sm">Complete dealership solution</p></div></header><div class="mb-6"><p class="flex items-baseline"><span class="text-4xl font-bold text-white">$399</span><span class="text-gray-400 ml-1">/dealership/month</span></p><p class="text-sm text-gray-400 mt-1">Volume discounts available for dealer groups</p></div><ul class="space-y-3 mb-8" aria-label="Plan features"><li class="flex items-start"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-blue-400 mr-3 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-300">All single manager features</span></li><li class="flex items-start"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-blue-400 mr-3 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-300">Dashboards for all roles</span></li><li class="flex items-start"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-blue-400 mr-3 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-300">Multi-location analytics</span></li><li class="flex items-start"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-blue-400 mr-3 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-300">Advanced reporting</span></li><li class="flex items-start"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-blue-400 mr-3 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-300">Priority support</span></li></ul><button class="w-full bg-blue-600 hover:bg-blue-500 text-white py-4 rounded-xl font-semibold transition-all duration-300 hover:shadow-xl hover:shadow-blue-500/25" aria-label="Get started with Dealership Package">Get Started</button></article></div></div><div class="transition-all duration-700 " style="opacity: 0; transform: translateY(30px); transition-delay: 300ms;"><p class="text-center mt-12"><button class="text-blue-400 hover:text-blue-300 font-medium text-lg underline underline-offset-4" aria-label="View complete pricing information and plan comparison">View full pricing details →</button></p></div></div></section><section class="py-16 sm:py-24 px-4 sm:px-6 lg:px-8 bg-gradient-to-r from-blue-600 to-blue-700 relative overflow-hidden" aria-labelledby="cta-heading"><div class="absolute inset-0 opacity-10" aria-hidden="true"><div class="absolute inset-0" style="background-image: radial-gradient(circle at 2px 2px, white 1px, transparent 0px); background-size: 40px 40px;"></div></div><div class="max-w-4xl mx-auto text-center relative"><div class="transition-all duration-700 " style="opacity: 0; transform: translateY(30px); transition-delay: 0ms;"><h2 id="cta-heading" class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-6">Ready to Transform Your Dealership?</h2><p class="text-xl text-white/90 mb-8">Join dealerships using The DAS Board to increase sales and maximize profits.</p><div class="flex flex-col sm:flex-row gap-4 justify-center"><button class="bg-white text-blue-600 px-8 py-4 rounded-xl text-lg font-semibold hover:bg-gray-100 transition-colors flex items-center justify-center" aria-label="Start your free trial today">Start Free Trial<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 w-5 h-5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button><button class="border-2 border-white text-white px-8 py-4 rounded-xl text-lg font-semibold hover:bg-white/10 transition-colors" aria-label="Schedule a personalized demo">Schedule Demo</button></div><p class="text-white/70 mt-6 text-sm">Free trial • Cancel anytime</p></div></div></section></main><footer class="bg-gray-900 border-t border-gray-800 pt-14 pb-8 px-4 sm:px-6 lg:px-8" role="contentinfo"><div class="max-w-7xl mx-auto"><div class="grid grid-cols-2 lg:grid-cols-5 gap-8 lg:gap-10 mb-12"><div class="col-span-2 lg:col-span-2"><h3 class="text-xl font-bold text-white mb-3">The DAS Board</h3><p class="text-gray-400 text-sm leading-relaxed max-w-xs mb-5">Real-time performance dashboards for every dealership role. The DAS Board complements your DMS — it doesn't replace it.</p><a href="mailto:support@thedasboard.com" class="text-sm text-gray-400 hover:text-white transition-colors">support@thedasboard.com</a></div><nav aria-label="Product links"><h4 class="text-sm font-semibold text-white uppercase tracking-wider mb-4">Product</h4><ul class="space-y-0.5 text-base"><li><a href="/" class="text-gray-400 hover:text-white transition-colors">Home</a></li><li><a href="/pricing" class="text-gray-400 hover:text-white transition-colors">Pricing</a></li><li><a href="/dealer-demo" class="text-gray-400 hover:text-white transition-colors">Demo</a></li><li><a href="/screenshots" class="text-gray-400 hover:text-white transition-colors">Screenshots &amp; FAQ</a></li></ul></nav><nav aria-label="Solutions links"><h4 class="text-sm font-semibold text-white uppercase tracking-wider mb-4">Solutions</h4><ul class="space-y-0.5 text-base"><li><a href="/dealership-performance-dashboard" class="text-gray-400 hover:text-white transition-colors">Performance Dashboards</a></li><li><a href="/finance-manager-dashboard" class="text-gray-400 hover:text-white transition-colors">F&amp;I Dashboards</a></li><li><a href="/sales-tracking-dashboard" class="text-gray-400 hover:text-white transition-colors">Sales Tracking</a></li></ul></nav><nav aria-label="Company links"><h4 class="text-sm font-semibold text-white uppercase tracking-wider mb-4">Company</h4><ul class="space-y-0.5 text-base"><li><a href="/about" class="text-gray-400 hover:text-white transition-colors">About</a></li><li><a href="/blog" class="text-gray-400 hover:text-white transition-colors">Blog</a></li></ul></nav></div><div class="border-t border-gray-800 pt-6 flex flex-col sm:flex-row items-center justify-between gap-4"><p class="text-gray-500 text-sm order-2 sm:order-1">© 2026 The DAS Board. All rights reserved.</p><div class="flex items-center gap-5 text-sm order-1 sm:order-2"><a href="/legal/terms" class="text-gray-400 hover:text-white transition-colors">Terms</a><a href="/legal/privacy" class="text-gray-400 hover:text-white transition-colors">Privacy</a><a href="/legal/subscription" class="text-gray-400 hover:text-white transition-colors">Subscription</a></div></div></div></footer></div><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events: none;"><ol tabindex="-1" class="fixed top-16 sm:top-20 left-1/2 -translate-x-1/2 z-[100] flex max-h-screen w-[calc(100%-1rem)] sm:w-full flex-col p-2 sm:p-4 sm:max-w-[420px]"></ol></div><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events: none;"><ol tabindex="-1" class="fixed top-16 sm:top-20 left-1/2 -translate-x-1/2 z-[100] flex max-h-screen w-[calc(100%-1rem)] sm:w-full flex-col p-2 sm:p-4 sm:max-w-[420px]"></ol></div></div>
    
    <!-- Module script with mobile performance optimizations -->
    
    <!-- Mobile-specific JavaScript optimizations -->
    <script>
      // Remove loading spinner when app loads
      window.addEventListener('load', function() {
        document.body.classList.add('app-loaded');
        const spinner = document.getElementById('loading-spinner');
        if (spinner) {
          spinner.style.display = 'none';
        }
      });
      
      // Double-tap zoom prevention removed - was blocking button clicks
      
      // Mobile viewport height fix for iOS
      function setMobileVH() {
        let vh = window.innerHeight * 0.01;
        document.documentElement.style.setProperty('--vh', `${vh}px`);
      }
      
      // Set initial mobile viewport height
      setMobileVH();
      
      // Update on resize and orientation change
      window.addEventListener('resize', setMobileVH);
      window.addEventListener('orientationchange', function() {
        setTimeout(setMobileVH, 100);
      });
      
      // Performance optimization: Preload critical resources
      if ('connection' in navigator) {
        const connection = navigator.connection;
        // Only preload on fast connections
        if (connection.effectiveType === '4g') {
          // Add preload logic here if needed
        }
      }
      
      // Mobile-specific error handling
      window.addEventListener('error', function(e) {
        console.error('Mobile app error:', e.error);
        // Add mobile-specific error reporting here
      });
      
      // Service Worker registration disabled until sw.js is created
      // if ('serviceWorker' in navigator) {
      //   window.addEventListener('load', function() {
      //     navigator.serviceWorker.register('/sw.js')
      //       .then(function(registration) {
      //         console.log('SW registered: ', registration);
      //       })
      //       .catch(function(registrationError) {
      //         console.log('SW registration failed: ', registrationError);
      //       });
      //   });
      // }
      
      // Mobile app install prompt handling
      let deferredPrompt;
      window.addEventListener('beforeinstallprompt', (e) => {
        e.preventDefault();
        deferredPrompt = e;
        // Show install button or banner
      });
      
      // Handle app install
      window.addEventListener('appinstalled', (evt) => {
        console.log('App was installed.');
      });
      
      // Mobile keyboard handling
      if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
        // Handle virtual keyboard on mobile
        const viewport = document.querySelector('meta[name="viewport"]');
        
        function handleViewportChange() {
          if (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA') {
            viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0');
          } else {
            viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=0.5, user-scalable=yes, viewport-fit=cover');
          }
        }
        
        document.addEventListener('focusin', handleViewportChange);
        document.addEventListener('focusout', handleViewportChange);
      }
    </script>
  
</body></html>