1<!DOCTYPE html> 2<html lang="en" data-bs-theme="dark"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width"> 6 <meta name="description" content="Discover Snaggle.ai's family-focused custom GPT solutions - from educational tools for kids to smart wedding planning and family task management assistants."> 7 <title>Snaggle.ai - Custom GPTs for Families</title> 8 9 <!-- Preload critical resources --> 10 <link rel="preload" href="https://cdn.replit.com/agent/bootstrap-agent-dark-theme.min.css" as="style"> 11 <link rel="preload" href="/static/css/custom.css" as="style"> 12 13 <!-- Critical CSS --> 14 <link href="https://cdn.replit.com/agent/bootstrap-agent-dark-theme.min.css" rel="stylesheet"> 15 <link rel="stylesheet" href="/static/css/custom.css"> 16 17 <!-- Non-critical CSS loaded asynchronously --> 18 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" media="print" onload="this.media='all'"> 19 <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet" media="print" onload="this.media='all'"> 20 21 <!-- Favicon --> 22 <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> 23</head> 24<body class="d-flex flex-column min-vh-100"> 25 <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> 26 <div class="container"> 27 <a class="navbar-brand" href="/">Snaggle.ai</a> 28 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> 29 <span class="navbar-toggler-icon"></span> 30 </button> 31 <div class="collapse navbar-collapse" id="navbarNav"> 32 <ul class="navbar-nav me-auto"> 33 <li class="nav-item"> 34 <a class="nav-link" href="/">Home</a> 35 </li> 36 <li class="nav-item"> 37 <a class="nav-link" href="/about">About</a> 38 </li> 39 <li class="nav-item"> 40 <a class="nav-link" href="/privacy">Privacy</a> 41 </li> 42 <li class="nav-item"> 43 <a class="nav-link" href="/christmas-lister">Christmas Lister</a> 44 </li> 45 </ul> 46 <ul class="navbar-nav"> 47 <li class="nav-item"> 48 <a class="nav-link" href="https://oauth.snaggle.ai/login">Login</a> 49 </li> 50 <li class="nav-item"> 51 <a class="nav-link" href="https://oauth.snaggle.ai/register">Register</a> 52 </li> 53 </ul> 54 </div> 55 </div> 56 </nav> 57 58 59 60 61 62 <main class="flex-grow-1"> 63 <div class="content-background hero-background"></div> 64 65<div class="content-wrapper"> 66 <div class="hero-section screen-section d-flex align-items-center"> 67 68 <div class="hero-content text-center"> 69 <h1 class="display-4 fw-bold mb-4">Simple, time saving AI tools</h1> 70 </div> 71 72 <div class="scroll-indicator"> 73 <i class="bi bi-chevron-down"></i> 74 </div> 75 </div> 76 <div id="services" class="screen-section d-flex align-items-center"> 77 <div class="container py-5"> 78 <h2 class="text-center mb-5" data-aos="fade-up">Our Custom GPTs</h2> 79 80 <div class="row g-4"> 81 <div class="col-md-6 col-lg-3"> 82 <div class="card gpt-card h-100" data-aos="fade-up" data-aos-delay="100"> 83 <picture class="image-wrapper"> 84 <source data-srcset="/static/images/kids-learning-gpt.webp" type="image/webp"> 85 <img data-src="/static/images/kids-learning-gpt.png" class="card-img-top progressive-image" alt="Kids Learning GPT" width="300" height="300"> 86 </picture> 87 <div class="card-body"> 88 <h5 class="card-title">GPT for Kids</h5> 89 <p class="card-text">Safe, educational AI interactions with parental controls</p> 90 <div class="button-wrapper"> 91 <a href="#" class="btn btn-outline-primary" aria-label="Learn more about Kids Learning GPT - Coming Soon">Coming Soon</a> 92 </div> 93 </div> 94 </div> 95 </div> 96 97 <div class="col-md-6 col-lg-3"> 98 <div class="card gpt-card h-100" data-aos="fade-up" data-aos-delay="100"> 99 <picture class="image-wrapper"> 100 <source data-srcset="/static/images/wedding-planner.webp" type="image/webp"> 101 <img data-src="/static/images/wedding-planner.png" class="card-img-top progressive-image" alt="Wedding Planning GPT" width="300" height="300"> 102 </picture> 103 <div class="card-body"> 104 <h5 class="card-title">Wedding Planner</h5> 105 <p class="card-text">Organize your perfect wedding with AI assistance</p> 106 <div class="button-wrapper"> 107 <a href="#" class="btn btn-outline-primary" aria-label="Learn more about Wedding Planning GPT - Coming Soon">Coming Soon</a> 108 </div> 109 </div> 110 </div> 111 </div> 112 113 <div class="col-md-6 col-lg-3"> 114 <div class="card gpt-card h-100" data-aos="fade-up" data-aos-delay="100"> 115 <picture class="image-wrapper"> 116 <source data-srcset="/static/images/christmas-planning-gpt.webp" type="image/webp"> 117 <img data-src="/static/images/christmas-planning-gpt.png" class="card-img-top progressive-image" alt="Christmas Planning GPT" width="300" height="300"> 118 </picture> 119 <div class="card-body"> 120 <h5 class="card-title">
120Christmas List GPT</h5> 121 <p class="card-text">Make holiday planning magical and stress-free</p> 122 <div class="button-wrapper"> 123 <a href="https://chatgpt.com/g/g-6746d0dff57881918850991053e49343-christmas-lister" class="btn btn-outline-primary">Open in ChatGPT</a> 124 <a href="/christmas-lister" class="btn btn-outline-primary">Learn more</a> 125 </div> 126 </div> 127 </div> 128 </div> 129 130 <div class="col-md-6 col-lg-3"> 131 <div class="card gpt-card h-100" data-aos="fade-up" data-aos-delay="100"> 132 <picture class="image-wrapper"> 133 <source data-srcset="/static/images/family-todo.webp" type="image/webp"> 134 <img data-src="/static/images/family-todo.png" class="card-img-top progressive-image" alt="Family ToDo List" width="300" height="300"> 135 </picture> 136 <div class="card-body"> 137 <h5 class="card-title">ToDo GPT</h5> 138 <p class="card-text">Smart task management for busy families</p> 139 <div class="button-wrapper"> 140 <a href="#" class="btn btn-outline-primary" aria-label="Learn more about Family ToDo GPT - Coming Soon">Coming Soon</a> 141 </div> 142 </div> 143 </div> 144 </div> 145 </div> 146 </div> 147 148 </div> 149</div> 150 151 </main> 152 153 <footer class="bg-dark py-4"> 154 <div class="container"> 155 <div class="row"> 156 <div class="col-md-6"> 157 <h5>Snaggle.ai</h5> 158 <p>Making AI accessible for families</p> 159 </div> 160 <div class="col-md-6 text-md-end"> 161 <a href="/privacy" class="text-decoration-none text-light me-3">Privacy Policy</a> 162 <a href="/about" class="text-decoration-none text-light">About Us</a> 163 </div> 164 </div> 165 </div> 166 </footer> 167 168 <!-- Defer non-critical JavaScript --> 169
169<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" defer></script>
169 170
170<script src="https://unpkg.com/[email protected]/dist/aos.js" defer></script>
170 171
171<script src="/static/js/main.js" defer></script>
171 172
172<script src="/static/js/progressive-loading.js" defer></script>
172 173
173<script> 174 if ('serviceWorker' in navigator) { 175 window.addEventListener('load', async () => { 176 try { 177 const registration = await navigator.serviceWorker.register('/static/js/service-worker.js', { 178 scope: '/' 179 }); 180 console.log('ServiceWorker registration successful:', registration); 181 } catch (err) { 182 console.error('ServiceWorker registration failed:', err); 183 } 184 }); 185 } 186 </script>
186 187</body> 188</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.