go/sonr
1
0
Fork 0
mirror of https://github.com/sonr-io/sonr.git synced 2026-08-05 02:41:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: update marketing section architecture

Browse Source
This commit is contained in:
Prad Nukala
2024-11-05 08:14:26 -05:00
parent 075b54883b
commit e76c4a5902
16 changed files with 286 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pkg/nebula/components/marketing/sections/mission.templ
+21 -18
View File
@@ -150,13 +150,14 @@ templ Mission() {
x-transition:leave-end="opacity-0 -translate-x-8"
>
<div>
<img
<iframe
class="lg:max-w-none mx-auto rounded-lg shadow-2xl"
src="./images/carousel-illustration-01.jpg"
width="800"
height="620"
alt="Carousel 01"
/>
src="https://customer-rexp70scd8jht8wt.cloudflarestream.com/cc55547777cec7e044cedda239a89aaa/iframe?muted=true&preload=true&loop=true&autoplay=true&poster=https%3A%2F%2Fcustomer-rexp70scd8jht8wt.cloudflarestream.com%2Fcc55547777cec7e044cedda239a89aaa%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&controls=false"
loading="lazy"
style="border: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%;"
allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;"
allowfullscreen="true"
></iframe>
</div>
</div>
<!-- Item 2 -->
@@ -171,13 +172,14 @@ templ Mission() {
x-transition:leave-end="opacity-0 -translate-x-8"
>
<div>
<img
<iframe
class="lg:max-w-none mx-auto rounded-lg shadow-2xl"
src="./images/carousel-illustration-01.jpg"
width="800"
height="620"
alt="Carousel 02"
/>
src="https://customer-rexp70scd8jht8wt.cloudflarestream.com/c1b8fc6a34e9cf0541c13751ab26c1fa/iframe?muted=true&preload=true&loop=true&autoplay=true&poster=https%3A%2F%2Fcustomer-rexp70scd8jht8wt.cloudflarestream.com%2Fc1b8fc6a34e9cf0541c13751ab26c1fa%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&controls=false"
loading="lazy"
style="border: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%;"
allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;"
allowfullscreen="true"
></iframe>
</div>
</div>
<!-- Item 3 -->
@@ -192,13 +194,14 @@ templ Mission() {
x-transition:leave-end="opacity-0 -translate-x-8"
>
<div>
<img
<iframe
class="lg:max-w-none mx-auto rounded-lg shadow-2xl"
src="./images/carousel-illustration-01.jpg"
width="800"
height="620"
alt="Carousel 03"
/>
src="https://customer-rexp70scd8jht8wt.cloudflarestream.com/ff33ff3ee922f5826a0392bb3cda66ca/iframe?muted=true&preload=true&loop=true&autoplay=true&poster=https%3A%2F%2Fcustomer-rexp70scd8jht8wt.cloudflarestream.com%2Fff33ff3ee922f5826a0392bb3cda66ca%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&controls=false"
loading="lazy"
style="border: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%;"
allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;"
allowfullscreen="true"
></iframe>
</div>
</div>
</div>