1<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Grow Your Coaching Business with PocketClass</title><meta name="description" content="All-in-one scheduling, payments, marketing, and student retention tools â built for sport, music, and art instructors."/><link rel="icon" href="/pc_favicon.ico"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=640&q=75 640w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=750&q=75 750w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=828&q=75 828w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=1080&q=75 1080w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=1200&q=75 1200w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=1920&q=75 1920w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=2048&q=75 2048w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=3840&q=75 3840w" imageSizes="(min-width: 1280px) 1280px, (min-width: 1024px) 1024px, 100vw"/><meta name="next-head-count" content="6"/><link rel="preload" href="/_next/static/css/5b12d1b9734f1324.css" as="style"/><link rel="stylesheet" href="/_next/static/css/5b12d1b9734f1324.css" data-n-g=""/><link rel="preload" href="/_next/static/css/08d72d8b2ca83aaa.css" as="style"/><link rel="stylesheet" href="/_next/static/css/08d72d8b2ca83aaa.css" data-n-p=""/><noscript data-n-css=""></noscript>
1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script>
1<script src="/_next/static/chunks/webpack-24922a3038ee4d89.js" defer=""></script>
1<script src="/_next/static/chunks/framework-663f14bc8ac481eb.js" defer=""></script>
1<script src="/_next/static/chunks/main-6340c4c20abfdb01.js" defer=""></script>
1<script src="/_next/static/chunks/pages/_app-808caaf34d8803de.js" defer=""></script>
1<script src="/_next/static/chunks/61-6f863adcb24e9540.js" defer=""></script>
1<script src="/_next/static/chunks/pages/community/instructorguide-ea7aad2010b33bfe.js" defer=""></script>
1<script src="/_next/static/RZ4vZL4jueDkuRmtMM-86/_buildManifest.js" defer=""></script>
1<script src="/_next/static/RZ4vZL4jueDkuRmtMM-86/_ssgManifest.js" defer=""></script>
1<style id="__jsx-3448584199">.menu-dropdown{position:absolute;top:calc(100% + 10px);background:white;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.15);z-index:100;opacity:0;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);pointer-events:none;-webkit-transition:opacity 0.2s ease,-webkit-transform 0.2s ease;-webkit-transition:opacity 0.2s ease,transform 0.2s ease;transition:opacity 0.2s ease,transform 0.2s ease;}.menu-dropdown.active{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);pointer-events:auto;}</style></head><body><div id="__next"><link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet"/><div class="flex flex-col bg-white sticky top-0 w-full dm2:z-50 z-[900] transition-all duration-300 hide-x-scrollbar p-4 pb-0"><div class="dm2:z-50 z-[9000] relative top-0 box-border flex items-center flex-row section-spacing justify-between py-2 gap-4"><div class="flex items-center justify-start flex-[1]"><img src="/assets/image_5c0480a2.png" class="cursor-pointer h-12 object-contain w-[117px] dm2:w-36 lg:w-44 box-border block border-[none]" alt="Logo"/></div><div class="flex flex-1 justify-center px-2"><div class="w-full max-w-[600px] scale-[0.95] transition-transform duration-300"><div class="jsx-3448584199 menu-search-bar transition-all duration-500 mx-auto max-dm2:px-3 max-w-[440px] h-[54px]"><div class="jsx-3448584199 transition duration-500 h-full"><div class="jsx-3448584199 relative h-full"><div class="jsx-3448584199 absolute top-0 left-0 w-full h-full"><div class="jsx-3448584199 search-wrap-bg active-search block"></div><div class="jsx-3448584199 search-wrap-bg default"></div></div><div class="jsx-3448584199 search-bar-wrapper transition-transform"><div class="jsx-3448584199 search-bar-option group z-50 !pl-4 !pr-3 dm2:!pl-7"><div class="jsx-3448584199 search-hover initial bg-gray-200 group-hover:opacity-100"></div><div class="jsx-3448584199 search-hover active hidden group-hover:opacity-100 bg-gray-300"></div><div class="jsx-3448584199 text-xs dm2:text-sm text-gray-700 relative">Search</div><input type="text" placeholder="Explore your interests" class="jsx-3448584199 relative border-0 p-0 text-xs dm2:text-sm text-black bg-transparent font-semibold focus:ring-0 placeholder:text-black" value=""/><div class="clear-search-icon opacity-0"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true" role="presentation" focusable="false" style="display:block;fill:none;height:12px;width:12px;stroke:currentcolor;stroke-width:4;overflow:visible"><path d="m6 6 20 20M26 6 6 26"></path></svg></div></div><div class="jsx-3448584199 search-options-separator opacity-100"></div><div class="jsx-3448584199 search-bar-option group !px-4"><div class="jsx-3448584199 search-hover initial bg-gray-200 group-hover:opacity-100"></div><div class="jsx-3448584199 search-hover active hidden group-hover:opacity-100 bg-gray-300"></div><div class="jsx-3448584199 text-left text-xs dm2:text-sm relative"><p class="jsx-3448584199 text-gray-700">From - To</p><p class="jsx-3448584199 font-semibold">Add dates</p></div><div class="clear-search-icon !right-16 opacity-0"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true" role="presentation" focusable="false" style="display:block;fill:none;height:12px;width:12px;stroke:currentcolor;stroke-width:4;overflow:visible"><path d="m6 6 20 20M26 6 6 26"></path></svg></div></div><button type="button" class="jsx-3448584199 searchsearch absolute right-1 dm2:right-2 -translate-y-1/2 top-1/2 flex items-center justify-center z-30 rounded-full bg-red-500 hover:bg-red-600 text-white transition duration-500 size-11 right-1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="size-5"><path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd"></path></svg></button></div><div class="jsx-3448584199 menu-dropdown left-0 max-w-[400px] !pr-0 overflow-auto "><div class="jsx-3448584199 max-h-[calc(100vh_-_250px)]"><ul class="jsx-3448584199 flex flex-col dm2:gap-1 pr-5"><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/icons/summer.png" alt="Summer Sports" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Summer Sports</span>
1<p class="jsx-3448584199">Perfect for outdoor activity seekers</p></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/icons/kid_friendly.png" alt="Kid Friendly" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Kid Friendly</span><p class="jsx-3448584199">Great for ages 6â12</p></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/icons/adults.png" alt="Popular Amongst Adults" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Popular Amongst Adults</span><p class="jsx-3448584199">Top picks for busy adults</p></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/icons/creative.png" alt="Creative Flow" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Creative Flow</span><p class="jsx-3448584199">Let your artistic side shine</p></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/icons/recharge.png" alt="Relax & Recharge" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Relax & Recharge</span><p class="jsx-3448584199">Calm your mind and strengthen your body</p></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/icons/high_energy.png" alt="High Energy" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">High Energy</span><p class="jsx-3448584199">For those looking to break a sweat and feel the burn</p></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/sport.png" alt="Sport" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Sport</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Sport/golf_icon.png" alt="Golf" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Golf</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Sport/tennis_icon.png" alt="Tennis" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Tennis</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Sport/personal_training_icon.png" alt="Personal Training" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Personal Training</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Sport/pickleball_icon.png" alt="Pickleball" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Pickleball</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Sport/yoga_icon.png" alt="Yoga" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Yoga</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Sport/gymnastics_icon.png" alt="Gymnastics" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Gymnastics</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Sport/ice_hockey_icon.png" alt="Ice Hockey" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Ice Hockey</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Sport/Rugby_icon.png" alt="Rugby" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Rugby</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Sport/pilates_icon.png" alt="Pilates" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Pilates</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Sport/archery_icon.png" alt="Archery" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Archery</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Sport/soccer_icon.png" alt="Soccer" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">
1Soccer</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Sport/martial_arts.png" alt="Martial Arts" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Martial Arts</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Sport/badminton_icon.png" alt="Badminton" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Badminton</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Sport/basketball_icon.png" alt="Basketball" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Basketball</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/music.png" alt="Music" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Music</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Music/piano_icon.png" alt="Piano" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Piano</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Music/violin_icon.png" alt="Violin" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Violin</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Music/saxophone_icon.png" alt="Saxophone" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Saxophone</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Music/guitar_icon.png" alt="Fiddle" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Fiddle</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Music/trumpet_icon.png" alt="Trumpet" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Trumpet</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Music/clarinet_icon.png" alt="Clarinet" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Clarinet</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Music/cello_icon.png" alt="Cello" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Cello</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Music/clarinet_icon.png" alt="Clarinet" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Clarinet</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Music/dj_icon.png" alt="DJ" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">DJ</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/art.png" alt="Art" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Art</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Art/breakdancing_icon.png" alt="Dance" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Dance</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Art/drawing_icon.png" alt="Drawing" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Drawing</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50">
1<img src="/assets/Art/photography_icon.png" alt="Photography" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Photography</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Art/painting_icon.png" alt="Painting" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Painting</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Art/drawing_icon.png" alt="Mixed Media" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Mixed Media</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Art/ceramics_icon.png" alt="Ceramics" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Ceramics</span></div></li><li class="jsx-3448584199 flex gap-3 items-center rounded-lg hover:bg-gray-100 transition p-2"><div class="jsx-3448584199 size-12 shrink-0 rounded flex justify-center items-center bg-gray-50"><img src="/assets/Art/photography_icon.png" alt="Contemporary Art" class="jsx-3448584199 w-[80%] h-full object-contain"/></div><div class="jsx-3448584199"><span class="jsx-3448584199 font-medium">Contemporary Art</span></div></li></ul></div></div><div class="jsx-3448584199 menu-dropdown right-0 !w-fit z-50 "><div class="jsx-3448584199"><label class="jsx-3448584199 block text-sm font-medium text-gray-700 mb-1">Available Between</label><p>Loading date picker...</p></div></div></div></div></div></div></div><div class="flex justify-end items-center flex-row gap-4 flex-[1]"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2730%27%20height=%2730%27/%3e"/></span><img alt="Loading" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Loading" srcSet="/Rolling-1s-200px.svg 1x, /Rolling-1s-200px.svg 2x" src="/Rolling-1s-200px.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span></div></div></div><div class="flex"><div class="flex-1 min-w-0 pb-16 lg:pb-0"><div class="bg-white"><section class="relative overflow-hidden py-14 sm:py-20 bg-gradient-to-b from-gray-50 via-white to-white" style="opacity:0"><div class="pointer-events-none absolute inset-0 [background:radial-gradient(60%_40%_at_10%_10%,rgba(230,63,43,0.08),transparent_60%),radial-gradient(40%_30%_at_90%_20%,rgba(59,130,246,0.08),transparent_60%)]"></div><div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid lg:grid-cols-12 gap-8 lg:gap-12 items-start max-w-6xl mx-auto"><div class="lg:col-span-7" style="opacity:0;transform:translateY(30px) translateZ(0)"><h1 class="text-4xl sm:text-5xl lg:text-6xl font-bold text-gray-900 leading-tight max-w-3xl">Grow your <span class="text-logo-red">classes</span>. Keep your <span class="text-logo-red">time</span>.</h1></div><div class="lg:col-span-5 lg:ml-auto max-w-md" style="opacity:0;transform:translateY(30px) translateZ(0)"><p class="text-lg sm:text-xl text-gray-600 leading-relaxed">From real-time bookings to automated messaging and secure payments, PocketClass handles the admin so you can focus on teaching.</p><div class="mt-6 flex flex-col sm:flex-row gap-3 sm:gap-4"><button class="bg-logo-red text-white px-6 py-3 sm:py-3.5 rounded-xl text-base sm:text-lg font-semibold hover:bg-red-600 transition-all shadow-lg hover:shadow-xl" tabindex="0">Try it for free</button><button class="bg-white text-gray-800 px-6 py-3 sm:py-3.5 rounded-xl text-base sm:text-lg font-semibold border border-gray-200 hover:border-gray-300 hover:bg-gray-50 transition-all" tabindex="0">See how it works</button></div><div class="mt-6 flex flex-wrap items-center gap-x-6 gap-y-2 text-sm text-gray-500" style="opacity:0"><span class="flex items-center gap-2"><svg class="w-4 h-4 text-green-500" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg>
1Free to start</span><span class="flex items-center gap-2"><svg class="w-4 h-4 text-green-500" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg>Setup in 10 minutes</span><span class="flex items-center gap-2"><svg class="w-4 h-4 text-green-500" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg>No monthly fees</span></div></div></div><div class="mt-10 sm:mt-14 relative" style="opacity:0;transform:translateY(50px) translateZ(0)"><div class="absolute -top-20 -left-32 w-96 h-96 bg-gradient-to-br from-orange-200 via-orange-100 to-transparent opacity-40 rounded-full blur-3xl"></div><div class="absolute -bottom-16 -right-24 w-80 h-80 bg-gradient-to-tl from-amber-200 via-orange-50 to-transparent opacity-30 rounded-full blur-2xl"></div><div class="absolute top-32 -right-40 w-64 h-64 bg-gradient-to-bl from-orange-150 via-peach-50 to-transparent opacity-25 rounded-full blur-xl"></div><div class="relative mx-auto w-full max-w-7xl rounded-3xl border border-gray-300/70 shadow-2xl overflow-hidden bg-white"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;padding-top:62.5%"></span><img alt="PocketClass dashboard preview" sizes="(min-width: 1280px) 1280px, (min-width: 1024px) 1024px, 100vw" srcSet="/_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=640&q=75 640w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=750&q=75 750w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=828&q=75 828w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=1080&q=75 1080w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=1200&q=75 1200w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=1920&q=75 1920w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=2048&q=75 2048w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=3840&q=75 3840w" src="/_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=3840&q=75" decoding="async" data-nimg="responsive" class="w-full h-auto block" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;background-size:cover;background-position:0% 0%;filter:blur(20px);background-image:url("data:image/webp;base64,UklGRpoAAABXRUJQVlA4WAoAAAAQAAAADwAABwAAQUxQSDIAAAARL0AmbZurmr57yyIiqE8oiG0bejIYEQTgqiDA9vqnsUSI6H+oAERp2HZ65qP/VIAWAFZQOCBCAAAA8AEAnQEqEAAIAAVAfCWkAALp8sF8rgRgAP7o9FDvMCkMde9PK7euH5M1m6VWoDXf2FkP3BqV0ZYbO6NA/VFIAAAA")"/><noscript><img alt="PocketClass dashboard preview" sizes="(min-width: 1280px) 1280px, (min-width: 1024px) 1024px, 100vw" srcSet="/_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=640&q=75 640w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=750&q=75 750w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=828&q=75 828w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=1080&q=75 1080w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=1200&q=75 1200w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=1920&q=75 1920w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=2048&q=75 2048w, /_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=3840&q=75 3840w" src="/_next/image?url=%2Fassets%2Fdashboard%2Fdashboard_2.webp&w=3840&q=75" decoding="async" data-nimg="responsive" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class="w-full h-auto block"/></noscript></span></div></div></div></section><section id="features-section" class="py-7 bg-gray-50" style="opacity:0"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px) translateZ(0)"><div class="inline-flex items-center justify-center w-24 h-24 rounded-full bg-white shadow-lg m-6 overflow-hidden"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2770%27%20height=%2770%27/%3e"/></span><img alt="Illustration of a Teacher" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="object-contain" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Illustration of a Teacher" srcSet="/Teacher_icon_transparent_bg.svg 1x, /Teacher_icon_transparent_bg.svg 2x" src="/Teacher_icon_transparent_bg.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class="object-contain" loading="lazy"/></noscript></span></div><h2 class="text-4xl lg:text-5xl font-bold text-gray-900 mb-6">Native AI-powered teaching</h2><p class="text-xl text-gray-600 max-w-4xl mx-auto">Work with a co-pilot you can trust to manage your classes and interact with your students.</p></div><div class="hidden lg:block space-y-20"><div class="bg-gray-50"><div class="grid grid-cols-2 gap-12 items-center "><div class="order-1 flex justify-center"><div class="w-full h-auto flex items-center justify-center overflow-hidden bg-slate-200/70 rounded-2xl shadow-lg border-2 border-gray-200 transform transition duration-300 ease-out lg:hover:scale-[1.04] lg:hover:-translate-y-1 lg:hover:shadow-xl"><img src="/features/pc-upcoming-class-reminder-muted-bg.svg" alt="Message Automations" class="w-full h-full object-contain rounded" loading="lazy" style="image-rendering:crisp-edges"/></div></div><div class="order-2 space-y-6"><h3 class="text-3xl font-bold text-gray-900">Message Automations</h3><div class="space-y-4"><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 text-lg leading-relaxed">Keep students engaged with pre-class reminders and follow-ups</p></div><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 text-lg leading-relaxed">Send automatic cancellation notices and birthday vouchers</p></div><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 text-lg leading-relaxed">Customizable templates save 80% of admin work</p></div></div></div></div></div><div class="bg-gray-50"><div class="grid grid-cols-2 gap-12 items-center flex-row-reverse"><div class="order-2 flex justify-center"><div class="w-full h-auto flex items-center justify-center overflow-hidden bg-slate-200/70 rounded-2xl shadow-lg border-2 border-gray-200 transform transition duration-300 ease-out lg:hover:scale-[1.04] lg:hover:-translate-y-1 lg:hover:shadow-xl"><img src="/features/pocketclass_notes_hero_full.svg" alt="Notes & Progress Tracking" class="w-full h-full object-contain rounded" loading="lazy" style="image-rendering:crisp-edges"/></div></div>
1<div class="order-1 space-y-6"><h3 class="text-3xl font-bold text-gray-900">Notes & Progress Tracking</h3><div class="space-y-4"><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 text-lg leading-relaxed">Record and track every studentâs progress in one place</p></div><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 text-lg leading-relaxed">Use AI to refine and structure notes</p></div><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 text-lg leading-relaxed">Quickly review past lessons before each class</p></div></div></div></div></div><div class="bg-gray-50"><div class="grid grid-cols-2 gap-12 items-center "><div class="order-1 flex justify-center"><div class="w-full h-auto flex items-center justify-center overflow-hidden bg-slate-200/70 rounded-2xl shadow-lg border-2 border-gray-200 transform transition duration-300 ease-out lg:hover:scale-[1.04] lg:hover:-translate-y-1 lg:hover:shadow-xl"><img src="/features/pc-manage-schedule-flat-calendar.svg" alt="Smart Calendar & Integrations" class="w-full h-full object-contain rounded" loading="lazy" style="image-rendering:crisp-edges"/></div></div><div class="order-2 space-y-6"><h3 class="text-3xl font-bold text-gray-900">Smart Calendar & Integrations</h3><div class="space-y-4"><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 text-lg leading-relaxed">Accept real-time bookings 24/7 across platforms</p></div><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 text-lg leading-relaxed">Reduce scheduling headaches and last-minute changes</p></div><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 text-lg leading-relaxed">Set availability once - PocketClass syncs it everywhere</p></div></div></div></div></div><div class="bg-gray-50"><div class="grid grid-cols-2 gap-12 items-center flex-row-reverse"><div class="order-2 flex justify-center"><div class="w-full h-auto flex items-center justify-center overflow-hidden bg-slate-200/70 rounded-2xl shadow-lg border-2 border-gray-200 transform transition duration-300 ease-out lg:hover:scale-[1.04] lg:hover:-translate-y-1 lg:hover:shadow-xl"><img src="/features/pc-client-dashboard-hero.svg" alt="Client Management & Insights" class="w-full h-full object-contain rounded" loading="lazy" style="image-rendering:crisp-edges"/></div></div><div class="order-1 space-y-6"><h3 class="text-3xl font-bold text-gray-900">Client Management & Insights</h3><div class="space-y-4"><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 text-lg leading-relaxed">Use pre-built dashboards to plan your next steps and grow retention</p></div><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 text-lg leading-relaxed">View a full snapshot of your active and inactive clients</p></div><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 text-lg leading-relaxed">Identify students who havenât booked recently for targeted outreach</p></div></div></div></div></div></div><div class="lg:hidden"><div class="grid grid-cols-1 gap-8"><div class="group"><div class="bg-white rounded-3xl shadow-sm border border-gray-100 hover:shadow-xl transition-all duration-500 hover:-translate-y-2"><div class="w-full h-auto flex items-center justify-center overflow-hidden bg-slate-200/70 rounded-2xl shadow-lg border-2 border-gray-200 transform transition duration-300 ease-out lg:hover:scale-[1.04] lg:hover:-translate-y-1 lg:hover:shadow-xl"><img src="/features/pc-upcoming-class-reminder-muted-bg.svg" alt="Message Automations" class="w-full h-full object-contain rounded" loading="lazy" style="image-rendering:crisp-edges"/></div><div class="my-8 px-8"><h3 class="text-2xl font-bold text-gray-900 mb-4">Message Automations</h3><div class="space-y-4"><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 leading-relaxed text-lg">Keep students engaged with pre-class reminders and follow-ups</p></div><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 leading-relaxed text-lg">Send automatic cancellation notices and birthday vouchers</p></div><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 leading-relaxed text-lg">Customizable templates save 80% of admin work</p></div></div></div></div></div><div class="group"><div class="bg-white rounded-3xl shadow-sm border border-gray-100 hover:shadow-xl transition-all duration-500 hover:-translate-y-2"><div class="w-full h-auto flex items-center justify-center overflow-hidden bg-slate-200/70 rounded-2xl shadow-lg border-2 border-gray-200 transform transition duration-300 ease-out lg:hover:scale-[1.04] lg:hover:-translate-y-1 lg:hover:shadow-xl"><img src="/features/pocketclass_notes_hero_full.svg" alt="Notes & Progress Tracking" class="w-full h-full object-contain rounded" loading="lazy" style="image-rendering:crisp-edges"/></div><div class="my-8 px-8"><h3 class="text-2xl font-bold text-gray-900 mb-4">Notes & Progress Tracking</h3><div class="space-y-4"><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 leading-relaxed text-lg">Record and track every studentâs progress in one place</p></div><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 leading-relaxed text-lg">Use AI to refine and structure notes</p></div><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 leading-relaxed text-lg">Quickly review past lessons before each class</p></div></div></div></div></div><div class="group"><div class="bg-white rounded-3xl shadow-sm border border-gray-100 hover:shadow-xl transition-all duration-500 hover:-translate-y-2"><div class="w-full h-auto flex items-center justify-center overflow-hidden bg-slate-200/70 rounded-2xl shadow-lg border-2 border-gray-200 transform transition duration-300 ease-out lg:hover:scale-[1.04] lg:hover:-translate-y-1 lg:hover:shadow-xl"><img src="/features/pc-manage-schedule-flat-calendar.svg" alt="Smart Calendar & Integrations" class="w-full h-full object-contain rounded" loading="lazy" style="image-rendering:crisp-edges"/></div><div class="my-8 px-8"><h3 class="text-2xl font-bold text-gray-900 mb-4">Smart Calendar & Integrations</h3><div class="space-y-4"><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 leading-relaxed text-lg">Accept real-time bookings 24/7 across platforms</p></div><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 leading-relaxed text-lg">Reduce scheduling headaches and last-minute changes</p></div><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 leading-relaxed text-lg">Set availability once - PocketClass syncs it everywhere</p></div></div></div></div></div><div class="group"><div class="bg-white rounded-3xl shadow-sm border border-gray-100 hover:shadow-xl transition-all duration-500 hover:-translate-y-2"><div class="w-full h-auto flex items-center justify-center overflow-hidden bg-slate-200/70 rounded-2xl shadow-lg border-2 border-gray-200 transform transition duration-300 ease-out lg:hover:scale-[1.04] lg:hover:-translate-y-1 lg:hover:shadow-xl"><img src="/features/pc-client-dashboard-hero.svg" alt="Client Management & Insights" class="w-full h-full object-contain rounded" loading="lazy" style="image-rendering:crisp-edges"/></div><div class="my-8 px-8"><h3 class="text-2xl font-bold text-gray-900 mb-4">
1Client Management & Insights</h3><div class="space-y-4"><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 leading-relaxed text-lg">Use pre-built dashboards to plan your next steps and grow retention</p></div><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 leading-relaxed text-lg">View a full snapshot of your active and inactive clients</p></div><div class="flex items-start space-x-3"><svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><p class="text-gray-600 leading-relaxed text-lg">Identify students who havenât booked recently for targeted outreach</p></div></div></div></div></div></div></div></div></section><section class="py-20 sm:py-24 bg-gradient-to-br from-red-50/30 via-white to-red-50/20" style="opacity:0"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px) translateZ(0)"><div class="inline-flex items-center justify-center w-24 h-24 rounded-full bg-white shadow-lg m-6 overflow-hidden"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2770%27%20height=%2770%27/%3e"/></span><img alt="Payment Icon" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="object-contain" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Payment Icon" srcSet="/PaymentIcon.svg 1x, /PaymentIcon.svg 2x" src="/PaymentIcon.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class="object-contain" loading="lazy"/></noscript></span></div><h2 class="text-4xl lg:text-5xl font-bold text-gray-900 mb-6 tracking-tight">Choose your plan</h2><p class="text-xl text-gray-600 max-w-2xl mx-auto leading-relaxed">Start teaching for free and unlock powerful features as you grow</p></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-8 max-w-4xl mx-auto items-stretch"><div class="group relative" style="opacity:0;transform:translateY(30px) translateZ(0)"><div class="absolute inset-0 bg-gradient-to-r from-gray-100 to-gray-200 rounded-3xl blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="relative bg-white rounded-3xl p-8 border border-gray-200/60 shadow-sm hover:shadow-xl hover:shadow-gray-200/50 transition-all duration-500 hover:-translate-y-1 h-full flex flex-col"><div class="text-center mb-8 flex-shrink-0"><div class="w-16 h-16 bg-gradient-to-br from-gray-100 to-gray-200 rounded-2xl flex items-center justify-center mx-auto mb-4 group-hover:scale-110 transition-transform duration-300"><svg class="w-8 h-8 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path></svg></div><h3 class="text-2xl font-bold text-gray-900 mb-2">Free</h3><p class="text-gray-500 text-sm mb-4">Launch your teaching journey with zero upfront cost</p><div class="mb-6"><span class="text-5xl font-bold text-gray-900">$0</span><span class="text-gray-500 text-lg">/month</span></div></div><div class="space-y-3 mb-6 flex-grow"><div class="flex items-center space-x-3"><svg class="w-4 h-4 text-green-500 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-gray-700 text-sm">Create and manage unlimited classes with ease</span></div><div class="flex items-center space-x-3"><svg class="w-4 h-4 text-green-500 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-gray-700 text-sm">Keep track of every student with built-in client management</span></div><div class="flex items-center space-x-3"><svg class="w-4 h-4 text-green-500 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-gray-700 text-sm">Jot down student progress with our smart note-taking features</span></div><div class="flex items-center space-x-3"><svg class="w-4 h-4 text-green-500 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-gray-700 text-sm">Stay organized with your schedule and bookings all in one place</span></div><div class="flex items-center space-x-3"><svg class="w-4 h-4 text-green-500 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-gray-700 text-sm">Communicate directly with your students through in-app messaging</span></div><div class="flex items-center space-x-3"><svg class="w-4 h-4 text-green-500 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-gray-700 text-sm">Securely manage payments with your PocketClass wallet</span></div><div class="flex items-center space-x-3"><svg class="w-4 h-4 text-green-500 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-gray-700 text-sm">Send up to 2 automated messages (like reminders or follow-ups)</span></div><div class="flex items-center space-x-3"><svg class="w-4 h-4 text-green-500 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-gray-700 text-sm">Create and sell class packages to keep students coming back</span></div></div><div class="mb-6 p-4 bg-gray-50 rounded-xl flex-shrink-0"><p class="text-sm text-gray-600"><span class="font-medium text-gray-700">ð Best for:</span> New instructors who want to test the waters, save time on admin, and start booking students right away.</p></div><div class="mt-auto"><button class="w-full bg-gray-900 text-white py-3 px-6 rounded-2xl font-semibold hover:bg-gray-800 transition-all duration-300 hover:scale-[1.02] active:scale-[0.98] shadow-lg hover:shadow-xl">Start Free Today</button></div></div></div><div class="group relative"><div class="absolute inset-0 bg-gradient-to-r from-red-100 to-orange-200 rounded-3xl blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="relative bg-gradient-to-br from-white to-red-50/30 rounded-3xl p-8 border-2 border-red-200/60 shadow-lg hover:shadow-2xl hover:shadow-red-200/30 transition-all duration-500 hover:-translate-y-1 h-full flex flex-col"><div class="absolute -top-3 left-1/2 transform -translate-x-1/2"><div class="bg-gradient-to-r from-logo-red to-red-600 text-white px-4 py-1.5 rounded-full text-sm font-semibold shadow-lg">Most Popular</div></div><div class="text-center mb-8 flex-shrink-0"><div class="w-16 h-16 bg-gradient-to-br from-logo-red to-red-600 rounded-2xl flex items-center justify-center mx-auto mb-4 group-hover:scale-110 transition-transform duration-300"><svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"></path></svg></div><h3 class="text-2xl font-bold text-gray-900 mb-2">Premium</h3><p class="text-gray-500 text-sm mb-4">Unlock advanced automation, analytics, and client engagement</p><div class="mb-6"><span class="text-5xl font-bold text-gray-900">$5</span><span class="text-gray-500 text-lg">/month</span></div></div><div class="space-y-3 mb-6 flex-grow"><div class="flex items-center space-x-3"><svg class="w-4 h-4 text-logo-red flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-gray-700 text-sm">Everything in Free â plus much more</span></div><div class="flex items-center space-x-3"><svg class="w-4 h-4 text-logo-red flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-gray-700 text-sm">Unlimited customized message automations (never forget a reminder again)</span></div><div class="flex items-center space-x-3"><svg class="w-4 h-4 text-logo-red flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-gray-700 text-sm">Run customer retention campaigns to keep students booking regularly</span></div><div class="flex items-center space-x-3"><svg class="w-4 h-4 text-logo-red flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-gray-700 text-sm">Create and share exclusive vouchers to attract and reward students</span></div><div class="flex items-center space-x-3"><svg class="w-4 h-4 text-logo-red flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-gray-700 text-sm">Send automatic birthday vouchers â let your students feel valued</span></div><div class="flex items-center space-x-3"><svg class="w-4 h-4 text-logo-red flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-gray-700 text-sm">Track your growth with email & message analytics</span></div><div class="flex items-center space-x-3"><svg class="w-4 h-4 text-logo-red flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-gray-700 text-sm">Connect seamlessly to Google Calendar & Mindbody to sync your schedule everywhere</span></div></div><div class="mb-6 p-4 bg-gray-50 rounded-xl flex-shrink-0"><p class="text-sm text-gray-600"><span class="font-medium text-gray-700">ð Best for:</span> Instructors ready to scale their business, fill more spots, and turn one-time students into loyal clients.</p></div><div class="mt-auto"><button class="w-full bg-gradient-to-r from-logo-red to-red-600 text-white py-3 px-6 rounded-2xl font-semibold hover:from-red-600 hover:to-red-700 transition-all duration-300 hover:scale-[1.02] active:scale-[0.98] shadow-lg hover:shadow-xl shadow-red-500/25">Try Premium Free for 30 Days</button></div></div></div></div><div class="text-center mt-16"><div class="hidden md:inline-flex items-center justify-center space-x-8 text-sm text-gray-500"><div class="flex items-center space-x-2"><div class="w-1.5 h-1.5 bg-logo-red rounded-full"></div><span>No setup fees</span></div><div class="w-px h-4 bg-gray-300"></div><div class="flex items-center space-x-2"><div class="w-1.5 h-1.5 bg-logo-red rounded-full"></div><span>Cancel anytime</span></div><div class="w-px h-4 bg-gray-300"></div><div class="flex items-center space-x-2"><div class="w-1.5 h-1.5 bg-logo-red rounded-full"></div><span>Start earning immediately</span></div></div><div class="md:hidden space-y-3"><div class="flex items-center justify-center space-x-2"><div class="w-1.5 h-1.5 bg-logo-red rounded-full"></div><span class="text-sm text-gray-500">No setup fees</span></div><div class="flex items-center justify-center space-x-2"><div class="w-1.5 h-1.5 bg-logo-red rounded-full"></div><span class="text-sm text-gray-500">Cancel anytime</span></div><div class="flex items-center justify-center space-x-2"><div class="w-1.5 h-1.5 bg-logo-red rounded-full"></div><span class="text-sm text-gray-500">Start earning immediately</span></div></div></div></div></section><section class="py-16 sm:py-20 lg:py-24 bg-gray-50"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-12 sm:mb-16"><h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-gray-900 mb-3 sm:mb-4">Instructor Verification Process</h2><p class="text-lg sm:text-xl text-gray-600 max-w-3xl mx-auto">We want to make sure our platform contains respected, verified, and trust-worthy instructors to provide the safest, most valuable, greatest experience for our students.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 sm:gap-8"><div class="bg-white rounded-2xl p-6 sm:p-8 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1 border border-gray-100"><div class="w-14 h-14 sm:w-16 sm:h-16 bg-blue-100 rounded-xl flex items-center justify-center mb-4 sm:mb-6"><svg class="w-6 h-6 sm:w-8 sm:h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"></path></svg></div><h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-3 sm:mb-4">Skill Verification</h3><p class="text-sm sm:text-base text-gray-600 leading-relaxed">We verify that you have adept skill and knowledge to teach your chosen subject. Certifications or licenses will accelerate this process.</p></div><div class="bg-white rounded-2xl p-6 sm:p-8 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1 border border-gray-100"><div class="w-14 h-14 sm:w-16 sm:h-16 bg-purple-100 rounded-xl flex items-center justify-center mb-4 sm:mb-6"><svg class="w-6 h-6 sm:w-8 sm:h-8 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div><h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-3 sm:mb-4">Experience Review</h3><p class="text-sm sm:text-base text-gray-600 leading-relaxed">We verify your proficient experience in teaching through video calls, portfolio review, and one required reference from a previous student or colleague.</p></div><div class="bg-white rounded-2xl p-6 sm:p-8 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1 border border-gray-100"><div class="w-14 h-14 sm:w-16 sm:h-16 bg-green-100 rounded-xl flex items-center justify-center mb-4 sm:mb-6"><svg class="w-6 h-6 sm:w-8 sm:h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path></svg></div><h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-3 sm:mb-4">
1Infrastructure Check</h3><p class="text-sm sm:text-base text-gray-600 leading-relaxed">You must provide information on planned equipment and proposed locations for your teaching to ensure quality learning experiences.</p></div><div class="bg-white rounded-2xl p-6 sm:p-8 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1 border border-gray-100"><div class="w-14 h-14 sm:w-16 sm:h-16 bg-red-100 rounded-xl flex items-center justify-center mb-4 sm:mb-6"><svg class="w-6 h-6 sm:w-8 sm:h-8 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg></div><h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-3 sm:mb-4">Safety & Background</h3><p class="text-sm sm:text-base text-gray-600 leading-relaxed">We conduct a standard background check and require valid government issued identification to ensure student safety and platform integrity.</p></div></div><div class="mt-20 bg-white rounded-3xl p-8 lg:p-12 shadow-sm border border-gray-100"><h3 class="text-2xl font-bold text-gray-900 text-center mb-12">Verification Methodology & Process</h3><p class="text-center text-gray-600 mb-12 text-lg">Before we help you connect with passionate and curious students in your area, we'd love to know more about you!</p><div class="flex flex-col lg:flex-row items-center justify-between space-y-8 lg:space-y-0 lg:space-x-8"><div class="flex-1 text-center"><div class="w-12 h-12 bg-logo-red text-white rounded-full flex items-center justify-center text-lg font-bold mx-auto mb-4">1</div><h4 class="text-lg font-semibold text-gray-900 mb-2">Submit Application</h4><p class="text-gray-600 text-sm">Complete your instructor profile with credentials and experience</p></div><div class="hidden lg:block"><svg class="w-8 h-8 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div><div class="flex-1 text-center"><div class="w-12 h-12 bg-logo-red text-white rounded-full flex items-center justify-center text-lg font-bold mx-auto mb-4">2</div><h4 class="text-lg font-semibold text-gray-900 mb-2">Review Process</h4><p class="text-gray-600 text-sm">We verify your skills, experience, and conduct background checks</p></div><div class="hidden lg:block"><svg class="w-8 h-8 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div><div class="flex-1 text-center"><div class="w-12 h-12 bg-logo-red text-white rounded-full flex items-center justify-center text-lg font-bold mx-auto mb-4">3</div><h4 class="text-lg font-semibold text-gray-900 mb-2">Start Teaching</h4><p class="text-gray-600 text-sm">Get approved and begin connecting with students in your area</p></div></div><div class="mt-12 text-center"><button class="bg-logo-red text-white px-8 py-3 rounded-xl font-semibold hover:bg-red-600 transition-colors duration-200">Begin Verification Process</button></div></div></div></section><section class="py-16 sm:py-20 lg:py-24 bg-gray-50"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><h1 class="text-2xl sm:text-3xl lg:text-4xl font-semibold mb-3 sm:mb-4">Instructor Onboarding Guides</h1><p class="text-sm sm:text-base text-gray-700 mb-6">Watch these quick walkthroughs to learn how to set up your PocketClass profile, schedule classes, and stand out to more students.</p><div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-4 sm:gap-6"><div class="space-y-2"><h3 class="text-base sm:text-lg font-semibold text-[#E63F2B]">Set Up Your Instructor Profile</h3><div class="relative"><video src="/tutorials/Step1.mp4" preload="metadata" class="hidden" muted=""></video><div class="relative pb-[62.5%] h-0 undefined group"><div class="absolute top-0 left-0 w-full h-full rounded-md shadow-md overflow-hidden"><div class="w-full h-full bg-gradient-to-br from-[#E63F2B] to-[#FF6B5A] group-hover:from-[#D63426] group-hover:to-[#FF5A47] transition-all duration-300"></div><div class="absolute inset-0 flex items-center justify-center text-white"><div class="text-center"><div class="w-16 h-16 rounded-full bg-white/20 flex items-center justify-center mb-3 mx-auto group-hover:bg-white/30 group-hover:scale-110 transition-all duration-300"><svg class="w-8 h-8 text-white ml-1" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z" clip-rule="evenodd"></path></svg></div><p class="text-sm font-medium drop-shadow-md">Click to watch</p></div></div></div></div><p class="text-sm text-gray-600 mt-2">Learn how to create and optimize your instructor profile on PocketClass</p></div></div><div class="space-y-2"><h3 class="text-base sm:text-lg font-semibold text-[#E63F2B]">Create Your Class</h3><div class="relative"><video src="/tutorials/Step2.mp4" preload="metadata" class="hidden" muted=""></video><div class="relative pb-[62.5%] h-0 undefined group"><div class="absolute top-0 left-0 w-full h-full rounded-md shadow-md overflow-hidden"><div class="w-full h-full bg-gradient-to-br from-[#E63F2B] to-[#FF6B5A] group-hover:from-[#D63426] group-hover:to-[#FF5A47] transition-all duration-300"></div><div class="absolute inset-0 flex items-center justify-center text-white"><div class="text-center"><div class="w-16 h-16 rounded-full bg-white/20 flex items-center justify-center mb-3 mx-auto group-hover:bg-white/30 group-hover:scale-110 transition-all duration-300"><svg class="w-8 h-8 text-white ml-1" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z" clip-rule="evenodd"></path></svg></div><p class="text-sm font-medium drop-shadow-md">Click to watch</p></div></div></div></div><p class="text-sm text-gray-600 mt-2">Step-by-step guide to creating and publishing your first class</p></div></div><div class="space-y-2"><h3 class="text-base sm:text-lg font-semibold text-[#E63F2B]">Manage Your Schedule</h3><div class="relative"><video src="/tutorials/Step3.mp4" preload="metadata" class="hidden" muted=""></video><div class="relative pb-[62.5%] h-0 undefined group"><div class="absolute top-0 left-0 w-full h-full rounded-md shadow-md overflow-hidden"><div class="w-full h-full bg-gradient-to-br from-[#E63F2B] to-[#FF6B5A] group-hover:from-[#D63426] group-hover:to-[#FF5A47] transition-all duration-300"></div><div class="absolute inset-0 flex items-center justify-center text-white"><div class="text-center"><div class="w-16 h-16 rounded-full bg-white/20 flex items-center justify-center mb-3 mx-auto group-hover:bg-white/30 group-hover:scale-110 transition-all duration-300"><svg class="w-8 h-8 text-white ml-1" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z" clip-rule="evenodd"></path></svg></div><p class="text-sm font-medium drop-shadow-md">Click to watch</p></div></div></div></div><p class="text-sm text-gray-600 mt-2">How to set your availability and manage your class schedule</p></div></div><div class="space-y-2"><h3 class="text-base sm:text-lg font-semibold text-[#E63F2B]">Receive Payments through Stripe</h3><div class="relative"><video src="/tutorials/Step4.mp4" preload="metadata" class="hidden" muted=""></video><div class="relative pb-[62.5%] h-0 undefined group"><div class="absolute top-0 left-0 w-full h-full rounded-md shadow-md overflow-hidden"><div class="w-full h-full bg-gradient-to-br from-[#E63F2B] to-[#FF6B5A] group-hover:from-[#D63426] group-hover:to-[#FF5A47] transition-all duration-300"></div><div class="absolute inset-0 flex items-center justify-center text-white"><div class="text-center"><div class="w-16 h-16 rounded-full bg-white/20 flex items-center justify-center mb-3 mx-auto group-hover:bg-white/30 group-hover:scale-110 transition-all duration-300"><svg class="w-8 h-8 text-white ml-1" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z" clip-rule="evenodd"></path></svg></div><p class="text-sm font-medium drop-shadow-md">Click to watch</p></div></div></div></div><p class="text-sm text-gray-600 mt-2">Learn how to set up secure payments and get paid through Stripe</p></div></div></div></div></section><section class="py-16 lg:py-24 bg-white"><div class=" w-full max-w-7xl mx-auto"><div class="text-center mb-12 lg:mb-16"><h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 mb-4 leading-tight">Hear what our customers have to say about us</h2></div><div class="hidden md:flex items-stretch gap-6 bg-white rounded-2xl shadow-lg overflow-hidden p-6 h-[480px]" role="region" aria-label="Customer testimonials"><div class="relative flex-none h-full rounded-lg overflow-hidden cursor-pointer shadow-2xl" aria-label="Show testimonial for Ethan Williams" tabindex="0" style="width:768px;transition:width 0.9s cubic-bezier(0.22, 0.8, 0.2, 1)"><div class="h-full w-full flex"><div class="w-56 h-full flex-none overflow-hidden"><img src="/EthanTestimonial.webp" alt="Ethan Williams" class="w-full h-full object-cover block" loading="lazy"/></div><div class="h-full flex-none bg-white border-l border-gray-100" style="width:520px;margin-left:12px;padding-left:12px"><div class="h-full p-6 flex flex-col transition-opacity duration-300" style="opacity:1"><blockquote class="text-2xl lg:text-3xl leading-tight font-semibold text-gray-900 mb-4">â<!-- -->PocketClass lets me track every clientâs progress and keep notes organized. Itâs saved me hours each week and made my sessions feel more personalized.<!-- -->â</blockquote><div class="mt-auto pt-4 border-t border-gray-100"><div class="font-semibold text-gray-900">Ethan Williams</div><div class="text-gray-500 text-sm">
1Fitness Instructor</div></div></div></div></div></div><div class="relative flex-none h-full rounded-lg overflow-hidden cursor-pointer shadow" aria-label="Show testimonial for DJ Sean Gunn" tabindex="0" style="width:224px;transition:width 0.9s cubic-bezier(0.22, 0.8, 0.2, 1)"><div class="h-full w-full flex"><div class="w-56 h-full flex-none overflow-hidden"><img src="/SeanTestimonial.webp" alt="DJ Sean Gunn" class="w-full h-full object-cover block" loading="lazy"/></div><div class="h-full flex-none bg-white border-l border-gray-100" style="width:520px;margin-left:12px;padding-left:12px"><div class="h-full p-6 flex flex-col transition-opacity duration-300" style="opacity:0"><blockquote class="text-2xl lg:text-3xl leading-tight font-semibold text-gray-900 mb-4">â<!-- -->Students can book me instantly based on my real-time availability. Automated messages on PocketClass also helps me reduce cancellations and retain students.<!-- -->â</blockquote><div class="mt-auto pt-4 border-t border-gray-100"><div class="font-semibold text-gray-900">DJ Sean Gunn</div><div class="text-gray-500 text-sm">DJ Instructor</div></div></div></div></div></div><div class="relative flex-none h-full rounded-lg overflow-hidden cursor-pointer shadow" aria-label="Show testimonial for Coach Wit" tabindex="0" style="width:224px;transition:width 0.9s cubic-bezier(0.22, 0.8, 0.2, 1)"><div class="h-full w-full flex"><div class="w-56 h-full flex-none overflow-hidden"><img src="/WitTestimonial.webp" alt="Coach Wit" class="w-full h-full object-cover block" loading="lazy"/></div><div class="h-full flex-none bg-white border-l border-gray-100" style="width:520px;margin-left:12px;padding-left:12px"><div class="h-full p-6 flex flex-col transition-opacity duration-300" style="opacity:0"><blockquote class="text-2xl lg:text-3xl leading-tight font-semibold text-gray-900 mb-4">â<!-- -->Easy payments and extra visibility brought me more students than I expected. PocketClass makes running my business effortless.<!-- -->â</blockquote><div class="mt-auto pt-4 border-t border-gray-100"><div class="font-semibold text-gray-900">
1Coach Wit</div><div class="text-gray-500 text-sm">Golf Instructor</div></div></div></div></div></div></div><div class="md:hidden"><div class="flex overflow-x-auto snap-x snap-mandatory mx-4 space-x-4 pb-4"><div class="snap-start shrink-0 w-[85%] max-w-sm bg-white rounded-2xl shadow-lg overflow-hidden"><div class="relative w-full aspect-[5/6]"><img src="/EthanTestimonial.webp" alt="Ethan Williams" class="w-full h-full object-cover object-center" loading="lazy"/></div><div class="p-6"><blockquote class="text-lg font-semibold text-gray-900 leading-relaxed mb-4">"<!-- -->PocketClass lets me track every clientâs progress and keep notes organized. Itâs saved me hours each week and made my sessions feel more personalized.<!-- -->"</blockquote><div class="space-y-1 border-t border-gray-200 pt-4"><div class="font-bold text-gray-900">Ethan Williams</div><div class="text-gray-600 text-sm font-medium">Fitness Instructor</div></div></div></div><div class="snap-start shrink-0 w-[85%] max-w-sm bg-white rounded-2xl shadow-lg overflow-hidden"><div class="relative w-full aspect-[5/6]"><img src="/SeanTestimonial.webp" alt="DJ Sean Gunn" class="w-full h-full object-cover object-center" loading="lazy"/></div><div class="p-6"><blockquote class="text-lg font-semibold text-gray-900 leading-relaxed mb-4">"<!-- -->Students can book me instantly based on my real-time availability. Automated messages on PocketClass also helps me reduce cancellations and retain students.<!-- -->"</blockquote><div class="space-y-1 border-t border-gray-200 pt-4"><div class="font-bold text-gray-900">DJ Sean Gunn</div><div class="text-gray-600 text-sm font-medium">DJ Instructor</div></div></div></div><div class="snap-start shrink-0 w-[85%] max-w-sm bg-white rounded-2xl shadow-lg overflow-hidden"><div class="relative w-full aspect-[5/6]"><img src="/WitTestimonial.webp" alt="Coach Wit" class="w-full h-full object-cover object-center" loading="lazy"/></div><div class="p-6"><blockquote class="text-lg font-semibold text-gray-900 leading-relaxed mb-4">"<!-- -->Easy payments and extra visibility brought me more students than I expected. PocketClass makes running my business effortless.<!-- -->"</blockquote><div class="space-y-1 border-t border-gray-200 pt-4"><div class="font-bold text-gray-900">
1Coach Wit</div><div class="text-gray-600 text-sm font-medium">Golf Instructor</div></div></div></div></div></div></div></section><section class="py-16 sm:py-20 lg:py-24 bg-gradient-to-br from-logo-red to-red-600 text-white relative overflow-hidden"><div class="absolute inset-0 bg-[linear-gradient(45deg,transparent_25%,rgba(255,255,255,.1)_50%,transparent_75%,transparent_100%)]"></div><div class="relative max-w-4xl mx-auto text-center px-4 sm:px-6 lg:px-8"><h2 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold mb-4 sm:mb-6 leading-tight">Your students are waiting â start teaching on PocketClass today</h2><p class="text-lg sm:text-xl mb-6 sm:mb-8 text-red-100 max-w-2xl mx-auto">Join thousands of instructors who've already transformed their teaching business</p><button class="bg-white text-logo-red px-8 sm:px-10 py-3 sm:py-4 rounded-xl text-base sm:text-lg font-semibold hover:bg-gray-50 transform hover:scale-105 transition-all duration-200 shadow-lg hover:shadow-xl touch-manipulation">Sign Up Free</button><p class="mt-3 sm:mt-4 text-red-100 text-xs sm:text-sm">No setup fees ⢠Cancel anytime ⢠Start earning immediately</p></div></section><div class="grid grid-cols-1 md:grid-cols-3 gap-y-10 px-32 py-14 bg-gray-100 text-gray-600" style="position:relative;z-index:100"><div class="text-center space-y-4 text-xs text-gray-800"><h5 class="font-bold">ABOUT</h5><p class="hover:text-logo-red hover:scale-105 transform transition duration-150 ease-out active:scale-90"><a href="/community/about">About</a></p><p class="hover:text-logo-red hover:scale-105 transform transition duration-150 ease-out active:scale-90"><a target="_blank" href="https://medium.com/@pocketclass">Blog</a></p></div><div class="text-center space-y-4 text-xs text-gray-800"><h5 class="font-bold">COMMUNITY</h5><p class="hover:text-logo-red hover:scale-105 transform transition duration-150 ease-out active:scale-90"><a href="/community/instructorguide">Instructor Guide</a></p><p class="hover:text-logo-red hover:scale-105 transform transition duration-150 ease-out active:scale-90"><a href="/community/termsandconditions">Terms and Conditions</a></p></div><div class="text-center space-y-4 text-xs text-gray-800"><h5 class="font-bold">SUPPORT</h5><p class="hover:text-logo-red hover:scale-105 transform transition duration-150 ease-out active:scale-90"><a href="/support">Help Center</a></p><p class="hover:text-logo-red hover:scale-105 transform transition duration-150 ease-out active:scale-90"><a href="/community/cancellationpolicy">Cancellation Policy</a></p></div></div></div></div></div><div class="Toastify"></div></div>
1<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/community/instructorguide","query":{},"buildId":"RZ4vZL4jueDkuRmtMM-86","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script>
1</body></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.