@@ -11,23 +11,23 @@ defineOgImageComponent('Home')
11
11
<div >
12
12
<ULandingSection :ui =" { wrapper: 'pt-0 py-6 sm:py-14' }" >
13
13
<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" />
15
15
<h2 class =" text-xl xl:text-4xl font-bold mb-12 text-center" >
16
16
Watch the intro videos from the pros.
17
17
</h2 >
18
18
<div class =" lg:flex justify-between gap-10 items-center" >
19
19
<ScriptYouTubePlayer video-id =" sjMqUUvH9AE" class =" rounded-xl overflow-hidden group" >
20
20
<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 >
24
24
</template >
25
25
</ScriptYouTubePlayer >
26
26
<ScriptYouTubePlayer video-id =" jDQtxlRUf54" class =" rounded-xl overflow-hidden group" >
27
27
<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 >
31
31
</template >
32
32
</ScriptYouTubePlayer >
33
33
</div >
0 commit comments