@@ -11,23 +11,23 @@ defineOgImageComponent('Home')
1111 <div >
1212 <ULandingSection :ui =" { wrapper: 'pt-0 py-6 sm:py-14' }" >
1313 <div class =" text-center" >
14- <UIcon name =" i-ph-book-bookmark-duotone" class =" h-[50px] w-[50px] text-primary" />
14+ <UIcon name =" i-ph-book-bookmark-duotone" class =" h-[50px] w-[50px] text-primary" />
1515 <h2 class =" text-xl xl:text-4xl font-bold mb-12 text-center" >
1616 Watch the intro videos from the pros.
1717 </h2 >
1818 <div class =" lg:flex justify-between gap-10 items-center" >
1919 <ScriptYouTubePlayer video-id =" sjMqUUvH9AE" class =" rounded-xl overflow-hidden group" >
2020 <template #awaitingLoad >
21- <div class =" absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 h-[48px] w-[68px] group-hover:opacity-80 transition" >
22- <svg height =" 100%" version =" 1.1" viewBox =" 0 0 68 48" width =" 100%" ><path d =" M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill =" #f00" /><path d =" M 45,24 27,14 27,34" fill =" #fff" /></svg >
23- </div >
21+ <div class =" absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 h-[48px] w-[68px] group-hover:opacity-80 transition" >
22+ <svg height =" 100%" version =" 1.1" viewBox =" 0 0 68 48" width =" 100%" ><path d =" M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill =" #f00" /><path d =" M 45,24 27,14 27,34" fill =" #fff" /></svg >
23+ </div >
2424 </template >
2525 </ScriptYouTubePlayer >
2626 <ScriptYouTubePlayer video-id =" jDQtxlRUf54" class =" rounded-xl overflow-hidden group" >
2727 <template #awaitingLoad >
28- <div class =" absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 h-[48px] w-[68px] group-hover:opacity-80 transition" >
29- <svg height =" 100%" version =" 1.1" viewBox =" 0 0 68 48" width =" 100%" ><path d =" M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill =" #f00" /><path d =" M 45,24 27,14 27,34" fill =" #fff" /></svg >
30- </div >
28+ <div class =" absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 h-[48px] w-[68px] group-hover:opacity-80 transition" >
29+ <svg height =" 100%" version =" 1.1" viewBox =" 0 0 68 48" width =" 100%" ><path d =" M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill =" #f00" /><path d =" M 45,24 27,14 27,34" fill =" #fff" /></svg >
30+ </div >
3131 </template >
3232 </ScriptYouTubePlayer >
3333 </div >
0 commit comments