add about link

adjust styling
add cloud cards

components/about-link.tsx

@@ -0,0 +1,18 @@
+import Link from "next/link";
+import { IoPeopleCircleOutline } from "react-icons/io5";
+import CloudCard3 from "./cloud-card3";
+
+export default function AboutLink() {
+    return (
+        <div className="cursor-pointer">
+            <Link href="/team">
+                <CloudCard3>
+                    <article className="flex flex-col cursor-pointer w-full h-full items-center">
+                        <IoPeopleCircleOutline size="10vw" />
+                        <a className="text-4xl m-2 font-bold text-center">Das Team</a>
+                    </article>
+                </CloudCard3>
+            </Link >
+        </div >
+    )
+}

components/cloud-card.tsx

@@ -0,0 +1,98 @@
+import * as React from "react";
+
+function CloudCard1(props) {
+  return (
+    <div className="mx-auto">
+      <svg
+        style={{ width: '100%', height: 'auto' }}
+        viewBox="52.188 209.683 900.385 840.133"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+
+        <path
+          d="M901.61 378.46c-11.301-3.573-23.18.782-29.688 9.946-3.563-6.73-9.652-12.144-17.492-14.629-15.825-5.02-32.723 3.754-37.739 19.582a29.987 29.987 0 00-1.343 10.532c-16.797-1.512-32.993 8.75-38.301 25.496-6.125 19.37 4.594 40.039 23.945 46.18 3.031.964 6.09 1.456 9.125 1.624a34.945 34.945 0 00-9.07 14.641c-5.848 18.465 4.355 38.18 22.824 44.027 18.04 5.727 37.234-3.941 43.55-21.632a28.12 28.12 0 0010.2 5.816c14.871 4.715 30.73-3.52 35.434-18.387 2.687-8.469 1.164-17.25-3.383-24.129 17.426 4.793 35.656-4.976 41.168-22.363 5.644-17.812-4.223-36.824-22.02-42.469a33.563 33.563 0 00-9.742-1.578c3.965-13.781-3.726-28.3-17.469-32.656"
+          fill="#f4f4f4"
+        />
+        <path
+          d="M804.563 460.52c-3.036-.168-6.09-.672-9.125-1.633-8.782-2.782-15.758-8.57-20.215-15.856.918 12.985 8.734 24.817 20.863 30.586 1.89-5.097 4.793-9.547 8.476-13.097M945.285 438.484c-5.512 17.387-23.742 27.157-41.168 22.36 4.547 6.879 6.07 15.664 3.395 24.144-4.715 14.856-20.582 23.09-35.446 18.371a27.91 27.91 0 01-10.187-5.812c-6.317 17.687-25.524 27.355-43.563 21.633-8.222-2.61-14.785-7.965-19.039-14.723.84 14.063 10.133 26.82 24.368 31.336 18.043 5.715 37.246-3.953 43.562-21.633a28.094 28.094 0 0010.191 5.813c14.872 4.707 30.73-3.516 35.442-18.383 2.691-8.469 1.156-17.25-3.39-24.13 17.425 4.794 35.655-4.987 41.163-22.374 3.172-10.004 1.446-20.375-3.828-28.555.211 3.934-.234 7.977-1.5 11.953"
+          fill="#d3d2d2"
+        />
+        <path
+          d="M901.61 373.082c-11.981-2.746-21.794.504-29.688 9.95 1.523-1.817-9.094-10.364-10.27-11.227-5.195-3.864-11.937-4.774-18.187-4.75-11.242.023-20.403 8.078-25.418 17.41-1.098 2.05-2.195 14.058-6.563 13.902-6.363-.234-12.476 2.184-17.996 5.051-15.453 8.035-18.3 24.75-18.21 40.332.124 20.938 13.964 36.465 34.84 38.816v-10.753c-10.684 11.64-11.47 25.164-10.481 39.96 1.781 26.696 32.62 37.508 53.672 25.579 4.457-2.536 7.738-6.602 10.664-10.68a35.433 35.433 0 003.449-7.067c-.594 1.434 9.36 5.477 10.2 5.813 12.093 4.816 25.05-1.938 32.206-11.527 7.762-10.407 5.746-31.246-.156-41.743v10.754c50.695 10.926 59.734-72.828 9.406-77.164v10.754c3.617-17.117.64-36.195-17.469-43.41 1.153.461-1.308 10.238 0 10.754 11.278 4.492 17.57 13.008 18.512 25.14-.012-3.53-.012-7.046-.023-10.566-.336 2.445-.684 4.887-1.02 7.328-.223 1.008-.144 10.742 0 10.754 18.57 1.602 31.582 13.871 33.328 32.578-.011-3.336-.023-6.675-.023-10.027-.457 23.07-20.625 37.867-42.711 33.105.683.145-.637 9.625 0 10.754 2.969 5.29 4.234 9.086 4.691 15.45.012-3.528.012-7.047.024-10.563-1.176 15.156-10.547 25.676-25.621 28.086-7.828 1.242-15.368-2.387-21.344-7.023 3.121 2.418-12.387 16.5-14.113 17.742-13.036 9.355-30.606 6.015-42.305-3.461-14.293-11.582-12.356-28.074-.887-40.567.617-.671-.133-10.765 0-10.753-15.062-1.704-36.765-14.778-34.066-33.16 2.777-18.966 21.5-30.036 39.297-29.387l.011-.188c.782-21.398 18.22-35.133 39.07-29.926 3.9.989 7.2 3.387 10.348 5.727 4.75 3.527 5.008 11.46 9.82 5.703 6.61-7.91 17.75-8.875 27.012-6.746-.707-.168.852-10.563 0-10.754M803.434 385.191s-26.465-13.878-44.305-36.351l17.348-12.258s7.793 34.102 26.957 48.61M805.258 384.328s-15.063-23.504-19.14-49.984l19.745-1.918s-9.453 31.281-.605 51.902M809.457 382.816s.672-19.336 8.77-36.039l12.003 6.688s-17.695 14.105-20.773 29.351"
+          fill="#231f20"
+        />
+        <path
+          d="M873.32 530.863s-18.297 23.649-25.172 51.5l20.875 3.922s-7.101-34.258 4.297-55.422M875.336 530.898s-3.906 27.637 3.383 53.414l18.746-6.488s-21.59-24.488-22.13-46.926M879.785 530.516s8.656 17.297 22.957 29.129l8.14-11.082s-21.96-5.465-31.097-18.047"
+          fill="#231f20"
+        />
+        <path
+          d="M753.375 642.008c23.203-11.336 39.215-35.11 39.215-62.668 0-31.168-20.414-57.528-48.59-66.5 11.02-10.442 17.93-25.188 17.93-41.567 0-28.836-21.332-52.628-49.07-56.605 6.28-9.992 9.964-21.79 9.964-34.461 0-35.883-29.082-64.965-64.953-64.965-3.695 0-7.3.38-10.84.973a92.19 92.19 0 00.426-8.668c0-50.012-40.539-90.555-90.527-90.555-27.383 0-51.895 12.168-68.492 31.38-12.094-20.02-33.989-33.442-59.07-33.442-36.7 0-66.622 28.648-68.84 64.797-12.317-21.407-35.364-35.848-61.825-35.848-39.387 0-71.324 31.941-71.324 71.363 0 3.348.312 6.61.75 9.836-8.32-6.16-18.59-9.836-29.746-9.836-27.692 0-50.145 22.461-50.145 50.176 0 6.8 1.367 13.277 3.817 19.191-3.785-.605-7.637-1.007-11.578-1.007-40.012 0-72.442 32.445-72.442 72.472 0 25.82 13.54 48.43 33.863 61.266-10.293 7.453-17.023 19.527-17.023 33.219 0 13.254 6.316 25.004 16.07 32.5-28.668 12.289-48.757 40.754-48.757 73.937 0 44.399 35.98 80.402 80.359 80.402 6.406 0 12.633-.77 18.601-2.195-11.367 9.668-18.601 24.055-18.601 40.152 0 29.094 23.586 52.688 52.668 52.688 5.23 0 10.258-.785 15.02-2.207-1.169 5.164-1.84 10.52-1.84 16.031 0 39.973 32.386 72.383 72.343 72.383 27.18 0 50.82-15 63.196-37.148.828 27.007 22.921 48.664 50.132 48.664 17 0 31.997-8.47 41.079-21.41 10.93 23.75 34.87 40.265 62.71 40.265 38.157 0 69.075-30.933 69.075-69.09l-.035-.715c9.117 10.293 22.386 16.825 37.214 16.825 27.48 0 49.766-22.282 49.766-49.774 0-1.906-.133-3.777-.336-5.637 5.25 1.313 10.727 2.086 16.383 2.086 37.371 0 67.66-30.293 67.66-67.675 0-8.63-1.68-16.852-4.625-24.446 29.621-2.879 52.77-27.851 52.77-58.234 0-18.652-8.758-35.23-22.352-45.953"
+          fill="#f4f4f4"
+        />
+        <path
+          d="M593.438 880.371c-27.84 0-51.774-16.523-62.704-40.273-9.082 12.937-24.086 21.406-41.086 21.406-27.203 0-49.296-21.652-50.136-48.664C427.137 835 403.496 850 376.328 850c-39.953 0-72.351-32.41-72.351-72.383 0-5.523.671-10.867 1.847-16.031a52.722 52.722 0 01-15.02 2.195c-29.081 0-52.663-23.582-52.663-52.687 0-16.086 7.234-30.48 18.59-40.137a80.741 80.741 0 01-18.602 2.184c-44.379 0-80.363-35.996-80.363-80.391 0-33.184 20.093-61.664 48.773-73.941-9.754-7.504-16.07-19.258-16.07-32.512 0-13.676 6.719-25.766 17.008-33.215-20.325-12.84-33.864-35.445-33.864-61.27 0-32.421 21.29-59.855 50.64-69.109-7.558-4.582-16.382-7.27-25.87-7.27-27.692 0-50.145 22.462-50.145 50.176 0 6.801 1.367 13.278 3.817 19.204-3.785-.618-7.637-1.02-11.578-1.02-40.012 0-72.442 32.441-72.442 72.469 0 25.824 13.54 48.433 33.863 61.27-10.293 7.448-17.023 19.538-17.023 33.218 0 13.25 6.316 25.016 16.07 32.508-28.668 12.281-48.757 40.758-48.757 73.93 0 44.406 35.98 80.402 80.359 80.402 6.406 0 12.633-.774 18.601-2.184-11.367 9.668-18.601 24.043-18.601 40.14 0 29.106 23.586 52.7 52.668 52.7 5.23 0 10.258-.797 15.02-2.207-1.169 5.164-1.84 10.508-1.84 16.031 0 39.97 32.386 72.38 72.343 72.38 27.18 0 50.82-15 63.196-37.16.828 27.01 22.921 48.667 50.132 48.667 17 0 31.997-8.469 41.079-21.41 10.93 23.75 34.87 40.273 62.71 40.273 38.157 0 69.075-30.93 69.075-69.097l-.035-.707c9.117 10.297 22.386 16.816 37.214 16.816 20.043 0 37.278-11.875 45.164-28.96-12.207 10.855-28.222 17.5-45.836 17.5"
+          fill="#d3d2d2"
+        />
+        <path
+          d="M753.375 647.387C809.805 617.73 804.82 528.789 744 507.46v10.754c34.133-34.719 19.027-99.942-31.14-108.926v10.754c10.515-18.047 12.44-40.328 8.117-60.64-7.168-33.798-41.356-52.9-73.946-48.563 0 3.515.012 7.047.012 10.562 3.418-46.547-16.227-89.859-62.969-105.64-29.945-10.117-62.945-1.614-86.699 18.238a90.103 90.103 0 00-6.102 5.867c-4.804 4.828-4.12.965-7.503-3.652-4.872-6.653-11.41-11.875-18.23-16.387-12.993-8.594-28.974-11.137-44.216-9.816-27.535 2.398-49.687 23.37-58.05 48.836a68.518 68.518 0 00-1.805 7.605c-.793 3.832 1.312 11.563-3.09 4.39-4.3-7-10.313-12.757-16.652-17.866-12.153-9.793-27.684-14.016-43.024-14.477-28.055-.852-53.07 17.367-64.976 41.89-7.356 15.133-7.434 33.598-5.598 50.063V319.7c-26.285-17.722-59.8-9.656-74.797 18.274-7.77 14.46-6.664 37.035-1.277 52.015V379.23c-41.29-5.765-78.008 22.31-83.594 63.567-4.223 31.168 6.773 62.043 33.437 79.922v-10.754c-22.902 18.418-23.347 57.426-.953 76.469V577.68c-37.558 17.23-51.265 53.472-48.386 92.48 3.617 49.024 52.507 80.012 98.59 70.422v-10.754c-15.544 14.27-20.715 34.336-18.454 54.836 3.762 33.922 34.649 54.695 67.54 46.55v-10.757c-7.594 39.793 7.097 80.785 47.636 95.484 25.902 9.387 54.66.864 74.09-17.613 1.309-1.23 12.129-13.488 12.219-12.223.347 5.043 1.949 9.86 3.75 14.532 4.379 11.418 13.875 20.02 24.445 25.578 10.45 5.5 22.71 5.77 34 3.406 6.55-1.379 12.441-4.82 17.863-8.594a50.458 50.458 0 005.89-5.222c3.517-3.36 3.626-8.871 6.75-2.563 12.04 24.297 38.583 37.383 64.9 36.656 42.968-1.199 67.042-41.117 65.128-80.27 0 3.517-.011 7.048-.011 10.563 21.613 22.496 55.636 21.801 76.039-1.812 11.254-13.02 12.027-31.203 10.605-47.524v10.754c31.602 6.98 62.106-7.148 77.168-35.828 9.754-18.574 9.004-45.582 2.25-64.965v10.754c55.11-7.203 71-80.672 30.418-114.941 1.71 1.457-1.816 9.223 0 10.758 17.469 14.754 26.227 35.535 17.918 57.57-7.66 20.32-27.492 33.137-48.336 35.86-.121.023-.336 9.804 0 10.753 17.023 48.89-33.293 89.47-79.418 79.285.313.079-.101 9.645 0 10.754 1.555 17.848-16.406 34.641-30.91 41.094-19.45 8.66-41.633 1.41-55.734-13.265 1.156 1.199-.11 8.66-.012 10.562-.403-3.324-.703-2.742-.918 1.738-.524 3.742-1.668 7.371-2.797 10.957-1.86 5.903-4.961 11.313-8.3 16.47-6.684 10.339-16.731 18.034-27.595 23.523-23.941 12.09-52.82 6.8-73.347-9.274-5.098-3.988-9.23-9.062-13.016-14.273a70.118 70.118 0 01-4.031-6.657c-3.246-5.722-3.281-1.308-6.75 2.567-9.152 10.238-22.734 14.789-36.063 15.336-27.324 1.133-48.355-22.684-50.125-48.473l-.007-.191c-17.27 29.004-49.602 42.66-82.422 34.562-31.985-7.887-57.575-42.07-51.278-75.07.223-1.168-.449-10.645 0-10.758-21.972 5.445-42.78-1.129-57.082-18.773-16.28-20.09-9.855-44.711 7.996-61.102.997-.918-.882-10.566 0-10.754-37.773 7.863-74.359-9.656-91.492-44.32-18.89-38.203 5.13-80.48 41.29-97.074.324-.145.515-10.317 0-10.754-19.329-16.434-18.778-39.086.952-54.961.504-.403.457-10.453 0-10.754-28.523-19.125-41.156-52.172-25.78-83.82 13.73-28.278 45.714-42.38 75.937-38.157-.39-.058.394-9.668 0-10.758-7.11-19.738 1.715-37.73 17.906-49.785 17.383-12.937 41-10.562 58.168 1.008-.996-.672.18-9.16 0-10.754-2.598-23.367 13.125-46.031 31.457-58.77 19.953-13.859 46.082-14.562 68.008-5.554 11.469 4.691 20.898 13.238 28.445 22.863a72.967 72.967 0 014.488 6.867c.157-2.656.473-5.289.942-7.898.953-6.406 3.328-12.492 6.004-18.34 9.785-21.351 31.187-34.805 53.851-38.101 25.512-3.707 50.082 9.324 64.875 29.523 1.332 4.512 3.024 4.625 5.074.336a90.161 90.161 0 016.102-5.871c5.219-4.785 11.277-8.559 17.438-12 11.5-6.406 24.57-9.309 37.582-10.274 47.199-3.503 98.253 39.02 94.617 88.547-.07 1.02.176 10.543.02 10.567 23.405-3.114 44.738 4.457 60.519 22.125 17.156 19.226 17.937 43.894 5.308 65.57-.472.82-.09 10.734 0 10.754 18.555 3.316 33.168 13.625 42.52 30.004 11.5 20.152 3.918 41.851-11.379 57.414-.535.547-.234 10.676 0 10.754 24.816 8.707 42.063 28.3 47.484 54.055 5.575 26.484-16.328 52.91-38.109 64.359-1.535.808 1.41 10.016 0 10.758"
+          fill="#231f20"
+        />
+        <path
+          d="M315.098 471.7c-28.727-1.255-37.485-32.231-15.243-49.516 8.622-6.7 20.036-12.434 30.965-9.465 10.75 2.922 24.254 12.949 24.895 24.902-.137-2.52.2-7.137.031-10.363-.738-13.723-15.754-22.809-27.703-26.055-14.121-3.832-36.566 12.746-40.54 25.652-2.284 7.418-1.66 17.23-1.288 24.915.887 18.238 9.922 29.855 28.883 30.687v-10.758"
+          fill="#231f20"
+        />
+        <path
+          d="M421.066 421.871c8.235-20.582 6.754-43.312-13.132-56.238-15.02-9.758-34.551-7.293-49.332.875-15.922 8.793-22.442 19.547-22.82 37.37-.048 2.153.042 9.825.054 9.286.516-24.285 20.66-41.203 44.594-43.105 20.168-1.602 42.98 10.82 45.015 32.183 0-3.515 0-7.035-.007-10.562-.204 7.113-1.762 12.925-4.372 19.437-1.242 3.125 1.235 7.695 0 10.754M577.254 665.793c5.734 21.227 20.148 35.23 42.777 31.95 22.434-3.25 32.32-18.97 35.356-40.016 1.187-8.215.851-17.614-.36-25.801-2.875-19.395-27.347-24.324-42.52-16.942-1.48.72 1.345 10.106 0 10.758 12.161-5.926 27.09-4.09 36.966 5.297 10.965 10.418 4.347 29.05-1.7 40.152-6.976 12.793-25.086 16.332-38.257 16.739-17.368.515-28.387-18.555-32.262-32.895.894 3.328-.906 7.406 0 10.758"
+          fill="#231f20"
+        />
+        <path
+          d="M527.05 729.164c8.837 11.16 17.079 21.86 32.208 23.047 16.117 1.266 28.566-9.668 35.219-23.3 6.406-13.134 4.043-37.497-3.48-49.364 1.6 2.523-1.65 8.168 0 10.758 11.51 18.136 2.831 38.367-15.544 48.16-20.629 10.988-36.7-5.278-48.402-20.055 1.703 2.164-1.781 8.516 0 10.754M273.059 652.648c-19.13 8.516-20.352 29.532-19.52 47.536.559 12.402 4.961 23.46 17.48 26.953 13.762 3.843 29.91 2.937 37.301-10.52 1.344-2.465-1.734-8.781 0-10.754-6.652 7.586-6.898 18.899-5.98 28.614.976 10.238 4.324 19.101 15.387 20.77 11.648 1.757 17.066-6.622 20.472-15.907.895-2.465-1.601-8.965 0-10.758-5.836 6.543-4.414 18.496-4.336 26.867.16 15.785 14.559 31.59 30.035 32.914 19.364 1.645 24.774-21.476 26.454-36.14.714-6.22 1.296-15.832-1.95-21.254 1.555 2.601-1.601 8.09 0 10.754 1.5 2.511 1.813 4.394 2.059 7.316-.008-3.527-.008-7.047-.008-10.562-.496 14.25-4.504 32.332-19.039 38.09-18.41 7.304-35.277-14.465-37.516-30.294.012 3.516.012 7.047.024 10.563.133-5.711.27-13.004 4.277-17.496v-10.758c-3.875 10.598-8.465 15.773-20.472 15.91-11.075.133-14.547-11.922-15.387-20.77.012 3.06.023 6.118.047 9.173.043-6.395 1.734-11.504 5.933-16.278v-10.754c-8.433 15.36-31.757 15.563-45.61 6.957-8.3-5.14-9.843-20.277-7.581-28.488 2.406-8.727 9.773-17.297 17.93-20.926 1.398-.629-1.258-10.195 0-10.758M543.781 457.754c-4.511-6.676-4.523-15.606-5.734-23.426v10.754c1.223-14.07 14.973-20.691 27.785-18.09 6.652 1.344 12.832 5.645 17.996 9.824a19.607 19.607 0 014.77 6.543c1.109 1.903 3.035 14.653 2.242 2.407 0 3.52-.012 7.046-.012 10.566 2.64-9.422 16.203-8.727 24.067-8.75 15.308-.047 24.714 21.238 25.988 33.777 0-3.52-.008-7.035-.008-10.566-.695 23.258-16.855 34.305-38.523 34.785v10.754c21.968-.492 37.859-11.965 38.543-35.164.28-9.2-.266-17.188-4.332-25.746-8.008-16.89-22.633-21.91-39.778-16.344-8.164 2.656-6.238 12.985-5.8 19.672-.157-2.32.09-6.8.03-9.836-.21-12.164-2.874-20.344-13.437-27.437-12.07-8.11-25.16-8.032-35.578 2.253-8.79 8.684-3.45 37.024 1.781 44.778-1.633-2.418 1.692-8.258 0-10.754M144.574 599.438c-11.601 6.968-21.535 17.992-21.566 32.05-.047 15.875 6.36 23.793 17.972 34.305v-10.758c-22.128 12.828 2.477 54.852 21.512 57.395-.379-.059.563-10.676 0-10.754-14.883-1.985-28.14-21.008-28.8-35.203-.012 3.52-.012 7.039-.012 10.566.515-5.398 2.62-8.527 7.3-11.246.426-.25.516-10.285 0-10.758-9.261-8.379-16.773-14.172-17.93-27.492v10.758c1.907-12.293 11.177-21.903 21.524-28.11 1.637-.976-1.523-9.836 0-10.754M465.492 821.242c2.746 14.711 23.695 28.805 37.649 30.485 10.593 1.277 18.613.078 25.109-8.739 2.082-2.847 3.125-6.488 4.176-9.793-.918 2.914 12.351 6.844 14 7.328 9.965 2.922 17.972 5.075 27.57.145 7.379-3.785 13.672-9.848 16.227-17.79 1.535-4.75.547-12.358-.426-17.175.695 3.43-.707 7.293 0 10.754.223 1.078.437 2.164.66 3.238-.012-3.515-.012-7.047-.012-10.562-.93 12.894-14.894 22.281-26.64 24.199-6.528 1.063-15.04-2.879-21.223-4.695-4.121-1.2-7.031-3.383-10.156-6.196.976.875-3.696 8.907-4.176 9.793-13.64 24.711-58.883-.941-62.758-21.746.64 3.438-.648 7.27 0 10.754M463.11 545.629c10.097-11.55 25.89-9.524 35.327 1.805 5.422 6.472 6.52 19.671 5.297 27.492-1.183 7.64-10.93 14.976-16.73 19.133-1.746 1.254 1.648 9.578 0 10.754 9.34-6.688 16.742-14.383 17.48-26.157.383-5.918.102-11.965-.21-17.883-.606-11.402-1.872-22.023-11.313-29.418-9.473-7.414-22.316-5.097-29.852 3.52-1.816 2.07 1.735 8.77 0 10.754M507.344 339.777c1.43-19.988 20.312-18.375 34.566-21.187 11.516-2.262 22.086 11.844 20.395 22.586v10.754c1.511-13.418 18.32-13.766 28.32-10.418 11.926 4.011 19.61 21.183 20.473 32.488-.012-3.516-.012-7.047-.024-10.563-.402 5.579-1.511 11.043-2.148 16.59-.406 3.54.402 7.227 0 10.754 1.41-12.312 3.883-24.254.59-36.453-2.922-10.844-11.914-21.219-22.485-24.77-9.406-3.16-23.496.72-24.726 11.618-.39 3.52.547 7.27 0 10.754 1.644-10.461 1.355-22.485-2.32-32.375-5.7-15.336-19.06-10.43-31.735-10.364-10.965.055-20.168 9.547-20.93 20.211-.234 3.227.2 7.852.024 10.375M299.957 519.93c-18.242.515-23.945 26.023-23.898 40.52.023 8.804 1.039 15.874 4.402 24.245 6.617 16.535 16.047 19.883 32.64 19.524v-10.754c-8.968.191-16.91 1.086-23.906-5.375-8.21-7.598-12.957-22.04-13.047-32.871l-.035 9.176c1.211-12.614 8.5-33.274 23.844-33.711V519.93"
+          fill="#231f20"
+        />
+        <path
+          d="M312.402 658.378l-80.263-4.04-52.378 131.237 46.842-2.763-55.49 150.523L311.37 747.707l-59.343-2.817 60.375-86.512"
+          fill="#fdda28"
+        />
+        <path
+          d="M174.442 928.91l85.91-158.984-46.842 2.754c-21.644 22.414 46.039-116.28 46.666-116.929l-28.037-1.414-52.378 131.24 46.842-2.764-55.49 150.523 3.329-4.426"
+          fill="#f9a72b"
+        />
+        <path
+          d="M315.85 658.306c-26.747-1.345-53.504-2.684-80.263-4.04-.786-.03-6.84-.35-7.034.134-17.465 43.748-34.919 87.502-52.377 131.238.16-.393 6.254-.062 7.034-.11 15.615-.921 31.242-1.843 46.858-2.768-2.356.041-4.696.074-7.046.115-18.499 50.174-36.997 100.349-55.492 150.522.32-.876 6.476.786 7.167-.125 46.752-61.88 93.508-123.747 140.259-185.628l-.137.003c-14.373-.688-28.75-1.366-43.129-2.057-1.602-.073-15.281-1.917-16.024-.842 2.352-3.377 4.711-6.758 7.074-10.136 17.738-25.431 35.493-50.862 53.243-76.296-.774 1.111-6.347-1.054-7.167.125-20.125 28.836-40.25 57.68-60.374 86.512l.125.01c12.637.596 25.275 1.203 37.912 1.803 6.303.292 12.582.597 18.886.89 2.69.132 2.584-.1 1.084 1.887-13.95 18.453-27.891 36.91-41.834 55.363-32.362 42.834-64.726 85.66-97.085 128.491l7.167-.125c18.5-50.173 36.993-100.348 55.492-150.522-.127.37-6.262.062-7.035.11-15.627.923-31.238 1.843-46.853 2.769 2.351-.034 4.694-.075 7.046-.116 17.454-43.737 34.908-87.49 52.373-131.238-2.35.052-4.69.093-7.042.134 26.755 1.346 53.502 2.695 80.26 4.042 2.153.106 5.23-.225 6.912-.145"
+          fill="#231f20"
+        />
+        <path
+          d="M550.547 777.754l-79.969-7.617-58.168 128.82 46.914-.672-62.144 147.945 148.347-179.246-59.136-5.468 64.156-83.762"
+          fill="#fdda28"
+        />
+        <path
+          d="M400.71 1041.96l92.88-155.058-46.899.672 51.817-114.773-27.93-2.664-58.168 128.82 46.914-.672-62.144 147.945 3.53-4.27"
+          fill="#f9a72b"
+        />
+        <path
+          d="M550.547 774.168c-20.024-1.906-40.047-3.809-60.059-5.715-6.64-.637-13.27-1.265-19.91-1.902-.797-.067-5.789 12.828-6.207 13.734-17.324 38.36-34.637 76.727-51.96 115.086-.29.652.136 7.172 0 7.172 15.632-.227 31.276-.45 46.913-.672V894.7c-20.719 49.317-41.426 98.633-62.144 147.946-.715 1.714 1.11 5.835 0 7.171 49.453-59.746 98.894-119.492 148.347-179.246.407-.484-.097-7.183 0-7.172-19.707-1.812-39.43-3.64-59.136-5.464v7.168c21.386-27.918 42.765-55.836 64.156-83.766 1.164-1.524-1.133-5.688 0-7.168-21.39 27.93-42.77 55.848-64.156 83.766-.395.504.09 7.18 0 7.168 19.707 1.828 39.43 3.652 59.136 5.468v-7.172c-49.453 59.758-98.894 119.5-148.347 179.247v7.171c20.718-49.316 41.425-98.632 62.144-147.945.266-.664-.125-7.172 0-7.172-15.637.227-31.281.45-46.914.672v7.172c17.059-37.79 34.125-75.574 51.18-113.352 2.293-5.062 4.578-10.129 6.863-15.191.606-1.355 16.016 1.23 17.629 1.39 20.816 1.981 41.633 3.965 62.465 5.946-.18-.008.277-7.133 0-7.168"
+          fill="#231f20"
+        />
+        <path
+          d="M636.238 588.188c19.149-12.649 31.782-34.36 31.782-59.028 0-39.043-31.637-70.691-70.665-70.691-.625 0-1.253.035-1.882.058 1.187-4.64 1.882-9.468 1.882-14.464 0-32.262-26.148-58.41-58.39-58.41-7.625 0-14.871 1.5-21.543 4.144-1.602-25.723-22.914-46.102-49.04-46.102-18.007 0-33.695 9.703-42.273 24.157-11.625-14.7-29.59-24.157-49.78-24.157-26.317 0-48.892 16.012-58.524 38.82a66.264 66.264 0 00-25.352-5.007c-36.742 0-66.531 29.789-66.531 66.555 0 15.46 5.285 29.675 14.133 40.98-19.688 8.695-33.45 28.367-33.45 51.289 0 14.719 5.723 28.074 14.993 38.078-24.188 9.219-41.399 32.59-41.399 60.024 0 35.504 28.781 64.293 64.27 64.293 4.937 0 9.73-.606 14.344-1.668a57.732 57.732 0 00-.325 6.129c0 31.714 25.7 57.425 57.403 57.425 1.043 0 2.05-.101 3.07-.156a83.061 83.061 0 00-.258 6.25c0 44.723 36.238 80.973 80.93 80.973 32.445 0 60.406-19.098 73.316-46.649 10.305 13.39 26.43 22.047 44.63 22.047 31.109 0 56.35-25.238 56.35-56.371 0-2.34-.19-4.637-.472-6.902 23.953-3.762 42.309-24.446 42.309-49.461 0-6.149-1.153-12.02-3.192-17.465 25.992-6.754 45.219-30.324 45.219-58.445 0-18.575-8.387-35.164-21.555-46.246"
+          fill="#f4f4f4"
+        />
+        <path
+          d="M569.738 763.258c-18.195 0-34.32-8.672-44.625-22.047-12.91 27.547-40.875 46.648-73.316 46.648-44.692 0-80.934-36.254-80.934-80.976 0-2.106.102-4.18.258-6.25-1.02.054-2.016.156-3.066.156-31.703 0-57.407-25.71-57.407-57.437 0-2.075.114-4.11.336-6.118-4.625 1.055-9.418 1.668-14.355 1.668-35.488 0-64.27-28.789-64.27-64.293 0-27.445 17.227-50.804 41.414-60.035-9.285-10.004-14.996-23.36-14.996-38.078 0-22.91 13.754-42.582 33.453-51.285-8.859-11.293-14.132-25.512-14.132-40.98 0-1.75.09-3.485.222-5.211-29.957 6.496-52.398 33.136-52.398 65.043 0 15.46 5.285 29.675 14.133 40.98-19.688 8.695-33.45 28.367-33.45 51.289 0 14.719 5.723 28.074 14.993 38.078-24.188 9.219-41.399 32.59-41.399 60.024 0 35.504 28.781 64.293 64.27 64.293 4.937 0 9.73-.606 14.344-1.668a57.732 57.732 0 00-.325 6.129c0 31.714 25.7 57.425 57.403 57.425 1.043 0 2.05-.101 3.07-.156a83.061 83.061 0 00-.258 6.25c0 44.723 36.238 80.973 80.93 80.973 32.445 0 60.406-19.098 73.316-46.649 10.305 13.39 26.43 22.047 44.63 22.047 31.109 0 56.35-25.238 56.35-56.371 0-1.223-.07-2.453-.156-3.664-1.336.102-2.668.215-4.035.215"
+          fill="#d3d2d2"
+        />
+        <path
+          d="M636.238 593.566c56.54-39.714 34.157-142.5-40.765-140.418v10.754c3.082-14.28 3.004-30.437-1.344-44.406-8.477-27.258-37.067-41.707-64.121-38.527a58.974 58.974 0 00-8.524 2.004c-6.449 1.78-4.086-.325-5.129-6.094-1.097-6.082-3.996-11.672-7.222-16.86-6.551-10.542-17.703-17.14-29.371-20.378-12.867-3.586-26.489-.211-37.707 6.34-5.578 3.261-9.97 8.167-13.844 13.242-3.84 5.02-3.695 1.21-7.469-2.723-2.777-2.898-6.07-5.254-9.328-7.582-22.8-16.258-53.851-12.727-75.242 3.707-5.117 3.934-9.184 9.02-12.867 14.25a62.447 62.447 0 00-3.875 6.723c-3.024 5.644-5.633 2.004-11.332.379-14.907-4.211-31.098-1.387-44.907 4.91-41.222 18.832-48.054 77.5-23.136 111.535v-10.754c-36.922 17.922-44.684 69.715-18.457 100.117v-10.754c-29.922 12.457-42.34 39.625-41.41 70.59 1.242 41.652 37.773 70.711 78.625 62.817V691.68c-.965 11.976-.75 24.21 2.832 35.75 7.515 24.152 32.68 39.656 57.316 38.402 0-3.516-.012-7.047-.012-10.562-1.715 27.636 3.684 53.382 23.45 74.074 27.984 29.281 74.167 30.3 106.038 7.336 7.458-5.38 13.497-12.457 18.711-19.953 3.184-4.559 3.653-12.907 8.493-7.067 3.613 4.344 8.261 7.66 12.945 10.742 17.289 11.348 39.887 9.891 57.426.36 24.402-13.254 29.933-41.04 27.445-66.332v10.754c36.395-7.137 49.688-45.215 39.117-77.68v10.754c49.543-14.574 60.766-81.906 23.664-115.446 1.746 1.567-1.828 9.094 0 10.754 16.989 15.36 25.32 36.094 17.133 58.188-6.64 17.969-22.902 30.496-40.797 35.75-.379.121-.312 9.777 0 10.754 8.801 27.031-13.46 51.14-39.117 56.172-.402.078-.102 9.68 0 10.754 2.766 28.097-27.48 49.898-52.027 52.382-15.957 1.625-31.223-5.207-42.867-15.636-3.754-3.364-4.188-9.133-7.38-2.735-1.769 3.528-4.035 6.778-6.285 10.004-4.5 6.465-10.336 11.852-16.46 16.727-24.18 19.258-58.11 20.703-85.344 7.683-23.953-11.468-45.781-41.18-44.114-67.968.06-.996-.02-10.563-.02-10.563-27.065 1.379-62.624-21.855-60.147-52.64.09-1.098-.27-10.711 0-10.758-30.743 5.949-59.723-8.367-73.196-36.742-14.558-30.641 7.438-63.266 35.98-75.153.329-.133.528-10.148 0-10.754-10.816-12.547-16.94-27.289-12.53-43.781 4.21-15.797 16.699-27.895 30.988-34.828.425-.203.515-10.063 0-10.754-14.493-19.797-17.121-40.938-5.657-62.762 9.946-18.93 29.633-30.57 50.293-33.574 6.094-.883 12.25-.336 18.309.383 6.16.738 13.563 6.887 16.43.637 4.87-10.622 13.472-19.032 23.004-25.485 19.597-13.242 45.34-12.168 65.554-1.324 4.739 2.543 8.836 6.094 12.754 9.715 6.207 5.722 4.403 6.73 9.813-.348 7.222-9.445 18.351-14.789 29.695-17.176 21.727-4.546 42.703 8.63 52.5 27.38 2.32 4.437 3.406 9.378 4.277 14.25-.793 4.406.684 5.187 4.457 2.366a58.475 58.475 0 018.524-2.007c11.914-2.34 24.3.484 35.117 5.48 20.383 9.422 35.14 33.652 30.348 55.945-.223 1.032.07 10.747 0 10.754 28.336-.793 53.238 15.575 65.84 40.524 14.625 29.004-.125 60.851-25.075 78.387-1.738 1.218 1.633 9.601 0 10.753M696.85 575.726c19.067-6.163 24.646 11.95 32.593 24.112 6.41 9.83-2.708 24.915-13.302 27.37l-9.971 4.028c13.007-3.624 19.627 11.83 20.269 22.356.747 12.56-12.295 26.117-22.454 31.152 3.256-1.327 6.53-2.65 9.784-3.978-5.322 1.717-10.805 2.735-16.185 4.223-3.435.949-6.55 3.08-9.971 4.028 11.944-3.305 23.942-5.486 34.02-13.11 8.96-6.77 15.21-18.994 14.542-30.125-.594-9.904-9.468-21.516-20.034-18.574-3.409.956-6.535 3.23-9.971 4.028 10.315-2.393 21.356-7.166 29.148-14.279 12.085-11.029 2.532-21.577-2.279-33.305-4.158-10.146-16.406-15.123-26.579-11.835-3.08.992-7.206 3.126-9.61 3.909"
+          fill="#231f20"
+        />
+        <foreignObject x="330" y="500" height="60vw" width="100%">
+          {props.children}
+        </foreignObject>
+
+      </svg>
+    </div>
+  );
+}
+
+export default CloudCard1;
+

components/cloud-card2.tsx

@@ -0,0 +1,69 @@
+import * as React from "react";
+
+function CloudCard2(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      style={{ width: '100%', height: 'auto' }}
+      viewBox="70.603 338.183 783.813 589.462"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <g>
+        <path
+          d="M545.867 742.22l24.796-75.896 141.159-1.537-19.252 42.457 160.269 2.489-223.213 63.553 18.492-56.054-102.251 24.988"
+          fill="#fdda28"
+        />
+        <path
+          d="M847.523 711.234L668.527 733.93l19.244-42.46c28.628-12.042-124.939 1.019-125.768 1.368l8.66-26.513 141.16-1.537-19.252 42.458 160.269 2.488-5.317 1.501"
+          fill="#f9a72b"
+        />
+        <path
+          d="M544.572 745.393c8.264-25.291 16.539-50.59 24.796-75.896.252-.74 2.108-6.47 2.63-6.476 47.057-.517 94.115-1.022 141.158-1.538-.424.01-2.284 5.779-2.607 6.485-6.417 14.154-12.84 28.319-19.261 42.471.876-2.17 1.74-4.328 2.615-6.494 53.424.828 106.848 1.656 160.27 2.487-.933-.017-1.572 6.288-2.668 6.603-74.408 21.183-148.806 42.373-223.214 63.554l.051-.126c4.474-13.578 8.959-27.157 13.431-40.741.502-1.513 3.65-14.862 4.918-15.165-3.99.97-7.986 1.947-11.98 2.928-30.055 7.336-60.115 14.689-90.177 22.035 1.313-.32 1.276-6.265 2.668-6.603 34.083-8.33 68.172-16.656 102.251-24.988l-.035.12c-3.942 11.935-7.873 23.875-11.81 35.812-1.972 5.95-3.922 11.884-5.892 17.836-.835 2.543-1.014 2.361 1.376 1.682 22.192-6.324 44.384-12.639 66.573-18.956 51.506-14.663 103.004-29.33 154.508-43.99l-2.668 6.602c-53.424-.827-106.846-1.659-160.27-2.487.39.015 2.287-5.786 2.607-6.485 6.423-14.165 12.839-28.315 19.261-42.467-.869 2.17-1.74 4.327-2.616 6.494-47.042.511-94.1 1.017-141.157 1.534.885-2.162 1.756-4.317 2.631-6.484-8.266 25.299-16.526 50.592-24.793 75.893-.668 2.036-2.072 4.772-2.596 6.36"
+          fill="#231f20"
+        />
+      </g>
+      <path
+        d="M315.098 471.7c-28.727-1.255-37.485-32.231-15.243-49.516 8.622-6.7 20.036-12.434 30.965-9.465 10.75 2.922 24.254 12.949 24.895 24.902-.137-2.52.2-7.137.031-10.363-.738-13.723-15.754-22.809-27.703-26.055-14.121-3.832-36.566 12.746-40.54 25.652-2.284 7.418-1.66 17.23-1.288 24.915.887 18.238 9.922 29.855 28.883 30.687v-10.758"
+        fill="#231f20"
+      />
+      <path
+        d="M421.066 421.871c8.235-20.582 6.754-43.312-13.132-56.238-15.02-9.758-34.551-7.293-49.332.875-15.922 8.793-22.442 19.547-22.82 37.37-.048 2.153.042 9.825.054 9.286.516-24.285 20.66-41.203 44.594-43.105 20.168-1.602 42.98 10.82 45.015 32.183 0-3.515 0-7.035-.007-10.562-.204 7.113-1.762 12.925-4.372 19.437-1.242 3.125 1.235 7.695 0 10.754M577.254 665.793c5.734 21.227 20.148 35.23 42.777 31.95 22.434-3.25 32.32-18.97 35.356-40.016 1.187-8.215.851-17.614-.36-25.801-2.875-19.395-27.347-24.324-42.52-16.942-1.48.72 1.345 10.106 0 10.758 12.161-5.926 27.09-4.09 36.966 5.297 10.965 10.418 4.347 29.05-1.7 40.152-6.976 12.793-25.086 16.332-38.257 16.739-17.368.515-28.387-18.555-32.262-32.895.894 3.328-.906 7.406 0 10.758"
+        fill="#231f20"
+      />
+      <path
+        d="M527.05 729.164c8.837 11.16 17.079 21.86 32.208 23.047 16.117 1.266 28.566-9.668 35.219-23.3 6.406-13.134 4.043-37.497-3.48-49.364 1.6 2.523-1.65 8.168 0 10.758 11.51 18.136 2.831 38.367-15.544 48.16-20.629 10.988-36.7-5.278-48.402-20.055 1.703 2.164-1.781 8.516 0 10.754M273.059 652.648c-19.13 8.516-20.352 29.532-19.52 47.536.559 12.402 4.961 23.46 17.48 26.953 13.762 3.843 29.91 2.937 37.301-10.52 1.344-2.465-1.734-8.781 0-10.754-6.652 7.586-6.898 18.899-5.98 28.614.976 10.238 4.324 19.101 15.387 20.77 11.648 1.757 17.066-6.622 20.472-15.907.895-2.465-1.601-8.965 0-10.758-5.836 6.543-4.414 18.496-4.336 26.867.16 15.785 14.559 31.59 30.035 32.914 19.364 1.645 24.774-21.476 26.454-36.14.714-6.22 1.296-15.832-1.95-21.254 1.555 2.601-1.601 8.09 0 10.754 1.5 2.511 1.813 4.394 2.059 7.316-.008-3.527-.008-7.047-.008-10.562-.496 14.25-4.504 32.332-19.039 38.09-18.41 7.304-35.277-14.465-37.516-30.294.012 3.516.012 7.047.024 10.563.133-5.711.27-13.004 4.277-17.496v-10.758c-3.875 10.598-8.465 15.773-20.472 15.91-11.075.133-14.547-11.922-15.387-20.77.012 3.06.023 6.118.047 9.173.043-6.395 1.734-11.504 5.933-16.278v-10.754c-8.433 15.36-31.757 15.563-45.61 6.957-8.3-5.14-9.843-20.277-7.581-28.488 2.406-8.727 9.773-17.297 17.93-20.926 1.398-.629-1.258-10.195 0-10.758M463.11 545.629c10.097-11.55 25.89-9.524 35.327 1.805 5.422 6.472 6.52 19.671 5.297 27.492-1.183 7.64-10.93 14.976-16.73 19.133-1.746 1.254 1.648 9.578 0 10.754 9.34-6.688 16.742-14.383 17.48-26.157.383-5.918.102-11.965-.21-17.883-.606-11.402-1.872-22.023-11.313-29.418-9.473-7.414-22.316-5.097-29.852 3.52-1.816 2.07 1.735 8.77 0 10.754M299.957 519.93c-18.242.515-23.945 26.023-23.898 40.52.023 8.804 1.039 15.874 4.402 24.245 6.617 16.535 16.047 19.883 32.64 19.524v-10.754c-8.968.191-16.91 1.086-23.906-5.375-8.21-7.598-12.957-22.04-13.047-32.871l-.035 9.176c1.211-12.614 8.5-33.274 23.844-33.711V519.93"
+        fill="#231f20"
+      />
+      <path
+        d="M349.609 702.198l-62.559-50.446-119.514 75.387 39.52 25.298-133.368 89.158 222.58-67.735-46.353-37.16 99.694-34.502"
+        fill="#fdda28"
+      />
+      <path
+        d="M78.983 839.972l162.951-78.124-39.515-25.304c-30.685 5.41 105.594-67.012 106.483-67.169l-21.852-17.623-119.515 75.388 39.52 25.297-133.367 89.159 5.295-1.624"
+        fill="#f9a72b"
+      />
+      <path
+        d="M352.441 704.167c-20.847-16.81-41.708-33.62-62.559-50.447-.618-.485-5.327-4.303-5.77-4.025-39.844 25.127-79.682 50.265-119.513 75.387.36-.223 5.096 3.626 5.755 4.045a183768.1 183768.1 0 0039.536 25.304c-1.93-1.352-3.842-2.7-5.768-4.049-44.457 29.72-88.915 59.438-133.369 89.158.775-.52 4.777 4.442 5.872 4.111 74.195-22.58 148.386-45.151 222.581-67.734l-.112-.078c-11.224-9.005-22.457-18.004-33.683-27.014-1.253-1.002-11.237-10.533-12.469-10.1 3.888-1.35 7.783-2.699 11.68-4.042 29.3-10.148 58.611-20.286 87.921-30.43-1.28.444-4.516-4.583-5.871-4.112-33.232 11.5-66.467 23.007-99.695 34.503l.096.081c9.873 7.91 19.74 15.83 29.611 23.744 4.928 3.94 9.829 7.878 14.756 11.82 2.1 1.688 2.15 1.438-.232 2.164-22.133 6.73-44.26 13.467-66.386 20.201-51.358 15.63-102.713 31.254-154.069 46.886l5.872 4.111c44.457-29.717 88.911-59.439 133.368-89.158-.319.225-5.102-3.63-5.755-4.045-13.185-8.44-26.356-16.87-39.533-25.3 1.923 1.355 3.842 2.699 5.768 4.048 39.829-25.124 79.667-50.262 119.511-75.39-1.932-1.34-3.849-2.681-5.775-4.03 20.853 16.815 41.699 33.628 62.555 50.445 1.68 1.352 4.363 2.893 5.677 3.946"
+        fill="#231f20"
+      />
+      <path
+        d="M636.238 588.188c19.149-12.649 31.782-34.36 31.782-59.028 0-39.043-31.637-70.691-70.665-70.691-.625 0-1.253.035-1.882.058 1.187-4.64 1.882-9.468 1.882-14.464 0-32.262-26.148-58.41-58.39-58.41-7.625 0-14.871 1.5-21.543 4.144-1.602-25.723-22.914-46.102-49.04-46.102-18.007 0-33.695 9.703-42.273 24.157-11.625-14.7-29.59-24.157-49.78-24.157-26.317 0-48.892 16.012-58.524 38.82a66.264 66.264 0 00-25.352-5.007c-36.742 0-66.531 29.789-66.531 66.555 0 15.46 5.285 29.675 14.133 40.98-19.688 8.695-33.45 28.367-33.45 51.289 0 14.719 5.723 28.074 14.993 38.078-24.188 9.219-41.399 32.59-41.399 60.024 0 35.504 28.781 64.293 64.27 64.293 4.937 0 9.73-.606 14.344-1.668a57.732 57.732 0 00-.325 6.129c0 31.714 25.7 57.425 57.403 57.425 1.043 0 2.05-.101 3.07-.156a83.061 83.061 0 00-.258 6.25c0 44.723 36.238 80.973 80.93 80.973 32.445 0 60.406-19.098 73.316-46.649 10.305 13.39 26.43 22.047 44.63 22.047 31.109 0 56.35-25.238 56.35-56.371 0-2.34-.19-4.637-.472-6.902 23.953-3.762 42.309-24.446 42.309-49.461 0-6.149-1.153-12.02-3.192-17.465 25.992-6.754 45.219-30.324 45.219-58.445 0-18.575-8.387-35.164-21.555-46.246"
+        fill="#f4f4f4"
+      />
+      <path
+        d="M569.738 763.258c-18.195 0-34.32-8.672-44.625-22.047-12.91 27.547-40.875 46.648-73.316 46.648-44.692 0-80.934-36.254-80.934-80.976 0-2.106.102-4.18.258-6.25-1.02.054-2.016.156-3.066.156-31.703 0-57.407-25.71-57.407-57.437 0-2.075.114-4.11.336-6.118-4.625 1.055-9.418 1.668-14.355 1.668-35.488 0-64.27-28.789-64.27-64.293 0-27.445 17.227-50.804 41.414-60.035-9.285-10.004-14.996-23.36-14.996-38.078 0-22.91 13.754-42.582 33.453-51.285-8.859-11.293-14.132-25.512-14.132-40.98 0-1.75.09-3.485.222-5.211-29.957 6.496-52.398 33.136-52.398 65.043 0 15.46 5.285 29.675 14.133 40.98-19.688 8.695-33.45 28.367-33.45 51.289 0 14.719 5.723 28.074 14.993 38.078-24.188 9.219-41.399 32.59-41.399 60.024 0 35.504 28.781 64.293 64.27 64.293 4.937 0 9.73-.606 14.344-1.668a57.732 57.732 0 00-.325 6.129c0 31.714 25.7 57.425 57.403 57.425 1.043 0 2.05-.101 3.07-.156a83.061 83.061 0 00-.258 6.25c0 44.723 36.238 80.973 80.93 80.973 32.445 0 60.406-19.098 73.316-46.649 10.305 13.39 26.43 22.047 44.63 22.047 31.109 0 56.35-25.238 56.35-56.371 0-1.223-.07-2.453-.156-3.664-1.336.102-2.668.215-4.035.215"
+        fill="#d3d2d2"
+      />
+      <path
+        d="M636.238 593.566c56.54-39.714 34.157-142.5-40.765-140.418v10.754c3.082-14.28 3.004-30.437-1.344-44.406-8.477-27.258-37.067-41.707-64.121-38.527a58.974 58.974 0 00-8.524 2.004c-6.449 1.78-4.086-.325-5.129-6.094-1.097-6.082-3.996-11.672-7.222-16.86-6.551-10.542-17.703-17.14-29.371-20.378-12.867-3.586-26.489-.211-37.707 6.34-5.578 3.261-9.97 8.167-13.844 13.242-3.84 5.02-3.695 1.21-7.469-2.723-2.777-2.898-6.07-5.254-9.328-7.582-22.8-16.258-53.851-12.727-75.242 3.707-5.117 3.934-9.184 9.02-12.867 14.25a62.447 62.447 0 00-3.875 6.723c-3.024 5.644-5.633 2.004-11.332.379-14.907-4.211-31.098-1.387-44.907 4.91-41.222 18.832-48.054 77.5-23.136 111.535v-10.754c-36.922 17.922-44.684 69.715-18.457 100.117v-10.754c-29.922 12.457-42.34 39.625-41.41 70.59 1.242 41.652 37.773 70.711 78.625 62.817V691.68c-.965 11.976-.75 24.21 2.832 35.75 7.515 24.152 32.68 39.656 57.316 38.402 0-3.516-.012-7.047-.012-10.562-1.715 27.636 3.684 53.382 23.45 74.074 27.984 29.281 74.167 30.3 106.038 7.336 7.458-5.38 13.497-12.457 18.711-19.953 3.184-4.559 3.653-12.907 8.493-7.067 3.613 4.344 8.261 7.66 12.945 10.742 17.289 11.348 39.887 9.891 57.426.36 24.402-13.254 29.933-41.04 27.445-66.332v10.754c36.395-7.137 49.688-45.215 39.117-77.68v10.754c49.543-14.574 60.766-81.906 23.664-115.446 1.746 1.567-1.828 9.094 0 10.754 16.989 15.36 25.32 36.094 17.133 58.188-6.64 17.969-22.902 30.496-40.797 35.75-.379.121-.312 9.777 0 10.754 8.801 27.031-13.46 51.14-39.117 56.172-.402.078-.102 9.68 0 10.754 2.766 28.097-27.48 49.898-52.027 52.382-15.957 1.625-31.223-5.207-42.867-15.636-3.754-3.364-4.188-9.133-7.38-2.735-1.769 3.528-4.035 6.778-6.285 10.004-4.5 6.465-10.336 11.852-16.46 16.727-24.18 19.258-58.11 20.703-85.344 7.683-23.953-11.468-45.781-41.18-44.114-67.968.06-.996-.02-10.563-.02-10.563-27.065 1.379-62.624-21.855-60.147-52.64.09-1.098-.27-10.711 0-10.758-30.743 5.949-59.723-8.367-73.196-36.742-14.558-30.641 7.438-63.266 35.98-75.153.329-.133.528-10.148 0-10.754-10.816-12.547-16.94-27.289-12.53-43.781 4.21-15.797 16.699-27.895 30.988-34.828.425-.203.515-10.063 0-10.754-14.493-19.797-17.121-40.938-5.657-62.762 9.946-18.93 29.633-30.57 50.293-33.574 6.094-.883 12.25-.336 18.309.383 6.16.738 13.563 6.887 16.43.637 4.87-10.622 13.472-19.032 23.004-25.485 19.597-13.242 45.34-12.168 65.554-1.324 4.739 2.543 8.836 6.094 12.754 9.715 6.207 5.722 4.403 6.73 9.813-.348 7.222-9.445 18.351-14.789 29.695-17.176 21.727-4.546 42.703 8.63 52.5 27.38 2.32 4.437 3.406 9.378 4.277 14.25-.793 4.406.684 5.187 4.457 2.366a58.475 58.475 0 018.524-2.007c11.914-2.34 24.3.484 35.117 5.48 20.383 9.422 35.14 33.652 30.348 55.945-.223 1.032.07 10.747 0 10.754 28.336-.793 53.238 15.575 65.84 40.524 14.625 29.004-.125 60.851-25.075 78.387-1.738 1.218 1.633 9.601 0 10.753"
+        fill="#231f20"
+      />
+      <foreignObject x="330" y="500" height="400px" width="300px">
+        {props.children}
+      </foreignObject>
+    </svg>
+  );
+}
+
+export default CloudCard2;
+

components/cloud-card3.tsx

@@ -0,0 +1,43 @@
+import * as React from "react";
+
+function CloudCard3(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      style={{ width: '100%', height: 'auto' }}
+      viewBox="180.139 338.183 487.88 514.547"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M315.098 471.7c-28.727-1.255-37.485-32.231-15.243-49.516 8.622-6.7 20.036-12.434 30.965-9.465 10.75 2.922 24.254 12.949 24.895 24.902-.137-2.52.2-7.137.031-10.363-.738-13.723-15.754-22.809-27.703-26.055-14.121-3.832-36.566 12.746-40.54 25.652-2.284 7.418-1.66 17.23-1.288 24.915.887 18.238 9.922 29.855 28.883 30.687v-10.758"
+        fill="#231f20"
+      />
+      <path
+        d="M421.066 421.871c8.235-20.582 6.754-43.312-13.132-56.238-15.02-9.758-34.551-7.293-49.332.875-15.922 8.793-22.442 19.547-22.82 37.37-.048 2.153.042 9.825.054 9.286.516-24.285 20.66-41.203 44.594-43.105 20.168-1.602 42.98 10.82 45.015 32.183 0-3.515 0-7.035-.007-10.562-.204 7.113-1.762 12.925-4.372 19.437-1.242 3.125 1.235 7.695 0 10.754M577.254 665.793c5.734 21.227 20.148 35.23 42.777 31.95 22.434-3.25 32.32-18.97 35.356-40.016 1.187-8.215.851-17.614-.36-25.801-2.875-19.395-27.347-24.324-42.52-16.942-1.48.72 1.345 10.106 0 10.758 12.161-5.926 27.09-4.09 36.966 5.297 10.965 10.418 4.347 29.05-1.7 40.152-6.976 12.793-25.086 16.332-38.257 16.739-17.368.515-28.387-18.555-32.262-32.895.894 3.328-.906 7.406 0 10.758"
+        fill="#231f20"
+      />
+      <path
+        d="M527.05 729.164c8.837 11.16 17.079 21.86 32.208 23.047 16.117 1.266 28.566-9.668 35.219-23.3 6.406-13.134 4.043-37.497-3.48-49.364 1.6 2.523-1.65 8.168 0 10.758 11.51 18.136 2.831 38.367-15.544 48.16-20.629 10.988-36.7-5.278-48.402-20.055 1.703 2.164-1.781 8.516 0 10.754M273.059 652.648c-19.13 8.516-20.352 29.532-19.52 47.536.559 12.402 4.961 23.46 17.48 26.953 13.762 3.843 29.91 2.937 37.301-10.52 1.344-2.465-1.734-8.781 0-10.754-6.652 7.586-6.898 18.899-5.98 28.614.976 10.238 4.324 19.101 15.387 20.77 11.648 1.757 17.066-6.622 20.472-15.907.895-2.465-1.601-8.965 0-10.758-5.836 6.543-4.414 18.496-4.336 26.867.16 15.785 14.559 31.59 30.035 32.914 19.364 1.645 24.774-21.476 26.454-36.14.714-6.22 1.296-15.832-1.95-21.254 1.555 2.601-1.601 8.09 0 10.754 1.5 2.511 1.813 4.394 2.059 7.316-.008-3.527-.008-7.047-.008-10.562-.496 14.25-4.504 32.332-19.039 38.09-18.41 7.304-35.277-14.465-37.516-30.294.012 3.516.012 7.047.024 10.563.133-5.711.27-13.004 4.277-17.496v-10.758c-3.875 10.598-8.465 15.773-20.472 15.91-11.075.133-14.547-11.922-15.387-20.77.012 3.06.023 6.118.047 9.173.043-6.395 1.734-11.504 5.933-16.278v-10.754c-8.433 15.36-31.757 15.563-45.61 6.957-8.3-5.14-9.843-20.277-7.581-28.488 2.406-8.727 9.773-17.297 17.93-20.926 1.398-.629-1.258-10.195 0-10.758M463.11 545.629c10.097-11.55 25.89-9.524 35.327 1.805 5.422 6.472 6.52 19.671 5.297 27.492-1.183 7.64-10.93 14.976-16.73 19.133-1.746 1.254 1.648 9.578 0 10.754 9.34-6.688 16.742-14.383 17.48-26.157.383-5.918.102-11.965-.21-17.883-.606-11.402-1.872-22.023-11.313-29.418-9.473-7.414-22.316-5.097-29.852 3.52-1.816 2.07 1.735 8.77 0 10.754M299.957 519.93c-18.242.515-23.945 26.023-23.898 40.52.023 8.804 1.039 15.874 4.402 24.245 6.617 16.535 16.047 19.883 32.64 19.524v-10.754c-8.968.191-16.91 1.086-23.906-5.375-8.21-7.598-12.957-22.04-13.047-32.871l-.035 9.176c1.211-12.614 8.5-33.274 23.844-33.711V519.93"
+        fill="#231f20"
+      />
+      <path
+        d="M636.238 588.188c19.149-12.649 31.782-34.36 31.782-59.028 0-39.043-31.637-70.691-70.665-70.691-.625 0-1.253.035-1.882.058 1.187-4.64 1.882-9.468 1.882-14.464 0-32.262-26.148-58.41-58.39-58.41-7.625 0-14.871 1.5-21.543 4.144-1.602-25.723-22.914-46.102-49.04-46.102-18.007 0-33.695 9.703-42.273 24.157-11.625-14.7-29.59-24.157-49.78-24.157-26.317 0-48.892 16.012-58.524 38.82a66.264 66.264 0 00-25.352-5.007c-36.742 0-66.531 29.789-66.531 66.555 0 15.46 5.285 29.675 14.133 40.98-19.688 8.695-33.45 28.367-33.45 51.289 0 14.719 5.723 28.074 14.993 38.078-24.188 9.219-41.399 32.59-41.399 60.024 0 35.504 28.781 64.293 64.27 64.293 4.937 0 9.73-.606 14.344-1.668a57.732 57.732 0 00-.325 6.129c0 31.714 25.7 57.425 57.403 57.425 1.043 0 2.05-.101 3.07-.156a83.061 83.061 0 00-.258 6.25c0 44.723 36.238 80.973 80.93 80.973 32.445 0 60.406-19.098 73.316-46.649 10.305 13.39 26.43 22.047 44.63 22.047 31.109 0 56.35-25.238 56.35-56.371 0-2.34-.19-4.637-.472-6.902 23.953-3.762 42.309-24.446 42.309-49.461 0-6.149-1.153-12.02-3.192-17.465 25.992-6.754 45.219-30.324 45.219-58.445 0-18.575-8.387-35.164-21.555-46.246"
+        fill="#f4f4f4"
+      />
+      <path
+        d="M569.738 763.258c-18.195 0-34.32-8.672-44.625-22.047-12.91 27.547-40.875 46.648-73.316 46.648-44.692 0-80.934-36.254-80.934-80.976 0-2.106.102-4.18.258-6.25-1.02.054-2.016.156-3.066.156-31.703 0-57.407-25.71-57.407-57.437 0-2.075.114-4.11.336-6.118-4.625 1.055-9.418 1.668-14.355 1.668-35.488 0-64.27-28.789-64.27-64.293 0-27.445 17.227-50.804 41.414-60.035-9.285-10.004-14.996-23.36-14.996-38.078 0-22.91 13.754-42.582 33.453-51.285-8.859-11.293-14.132-25.512-14.132-40.98 0-1.75.09-3.485.222-5.211-29.957 6.496-52.398 33.136-52.398 65.043 0 15.46 5.285 29.675 14.133 40.98-19.688 8.695-33.45 28.367-33.45 51.289 0 14.719 5.723 28.074 14.993 38.078-24.188 9.219-41.399 32.59-41.399 60.024 0 35.504 28.781 64.293 64.27 64.293 4.937 0 9.73-.606 14.344-1.668a57.732 57.732 0 00-.325 6.129c0 31.714 25.7 57.425 57.403 57.425 1.043 0 2.05-.101 3.07-.156a83.061 83.061 0 00-.258 6.25c0 44.723 36.238 80.973 80.93 80.973 32.445 0 60.406-19.098 73.316-46.649 10.305 13.39 26.43 22.047 44.63 22.047 31.109 0 56.35-25.238 56.35-56.371 0-1.223-.07-2.453-.156-3.664-1.336.102-2.668.215-4.035.215"
+        fill="#d3d2d2"
+      />
+      <path
+        d="M636.238 593.566c56.54-39.714 34.157-142.5-40.765-140.418v10.754c3.082-14.28 3.004-30.437-1.344-44.406-8.477-27.258-37.067-41.707-64.121-38.527a58.974 58.974 0 00-8.524 2.004c-6.449 1.78-4.086-.325-5.129-6.094-1.097-6.082-3.996-11.672-7.222-16.86-6.551-10.542-17.703-17.14-29.371-20.378-12.867-3.586-26.489-.211-37.707 6.34-5.578 3.261-9.97 8.167-13.844 13.242-3.84 5.02-3.695 1.21-7.469-2.723-2.777-2.898-6.07-5.254-9.328-7.582-22.8-16.258-53.851-12.727-75.242 3.707-5.117 3.934-9.184 9.02-12.867 14.25a62.447 62.447 0 00-3.875 6.723c-3.024 5.644-5.633 2.004-11.332.379-14.907-4.211-31.098-1.387-44.907 4.91-41.222 18.832-48.054 77.5-23.136 111.535v-10.754c-36.922 17.922-44.684 69.715-18.457 100.117v-10.754c-29.922 12.457-42.34 39.625-41.41 70.59 1.242 41.652 37.773 70.711 78.625 62.817V691.68c-.965 11.976-.75 24.21 2.832 35.75 7.515 24.152 32.68 39.656 57.316 38.402 0-3.516-.012-7.047-.012-10.562-1.715 27.636 3.684 53.382 23.45 74.074 27.984 29.281 74.167 30.3 106.038 7.336 7.458-5.38 13.497-12.457 18.711-19.953 3.184-4.559 3.653-12.907 8.493-7.067 3.613 4.344 8.261 7.66 12.945 10.742 17.289 11.348 39.887 9.891 57.426.36 24.402-13.254 29.933-41.04 27.445-66.332v10.754c36.395-7.137 49.688-45.215 39.117-77.68v10.754c49.543-14.574 60.766-81.906 23.664-115.446 1.746 1.567-1.828 9.094 0 10.754 16.989 15.36 25.32 36.094 17.133 58.188-6.64 17.969-22.902 30.496-40.797 35.75-.379.121-.312 9.777 0 10.754 8.801 27.031-13.46 51.14-39.117 56.172-.402.078-.102 9.68 0 10.754 2.766 28.097-27.48 49.898-52.027 52.382-15.957 1.625-31.223-5.207-42.867-15.636-3.754-3.364-4.188-9.133-7.38-2.735-1.769 3.528-4.035 6.778-6.285 10.004-4.5 6.465-10.336 11.852-16.46 16.727-24.18 19.258-58.11 20.703-85.344 7.683-23.953-11.468-45.781-41.18-44.114-67.968.06-.996-.02-10.563-.02-10.563-27.065 1.379-62.624-21.855-60.147-52.64.09-1.098-.27-10.711 0-10.758-30.743 5.949-59.723-8.367-73.196-36.742-14.558-30.641 7.438-63.266 35.98-75.153.329-.133.528-10.148 0-10.754-10.816-12.547-16.94-27.289-12.53-43.781 4.21-15.797 16.699-27.895 30.988-34.828.425-.203.515-10.063 0-10.754-14.493-19.797-17.121-40.938-5.657-62.762 9.946-18.93 29.633-30.57 50.293-33.574 6.094-.883 12.25-.336 18.309.383 6.16.738 13.563 6.887 16.43.637 4.87-10.622 13.472-19.032 23.004-25.485 19.597-13.242 45.34-12.168 65.554-1.324 4.739 2.543 8.836 6.094 12.754 9.715 6.207 5.722 4.403 6.73 9.813-.348 7.222-9.445 18.351-14.789 29.695-17.176 21.727-4.546 42.703 8.63 52.5 27.38 2.32 4.437 3.406 9.378 4.277 14.25-.793 4.406.684 5.187 4.457 2.366a58.475 58.475 0 018.524-2.007c11.914-2.34 24.3.484 35.117 5.48 20.383 9.422 35.14 33.652 30.348 55.945-.223 1.032.07 10.747 0 10.754 28.336-.793 53.238 15.575 65.84 40.524 14.625 29.004-.125 60.851-25.075 78.387-1.738 1.218 1.633 9.601 0 10.753"
+        fill="#231f20"
+      />
+      <foreignObject x="180" y="435" className="flex justify-center items-center self-center md:w-8/12 w-full h-full">
+        {props.children}
+      </foreignObject>
+    </svg>
+  );
+}
+
+export default CloudCard3;
+

components/footer.tsx

@@ -1,7 +1,19 @@
+import Link from 'next/link'
+import { FaHeart } from 'react-icons/fa'
+
+
 export default function Footer() {
     return (
-        <footer className="flex flex-row justify-around">
-            Footer
+        <footer className="flex justify-around">
+            <Link href="/legal">
+                <a >Impressum</a>
+            </Link>
+            <div className="inline-flex justify-around">
+                <p className="mx-px"> Created with </p>
+                <FaHeart className="mx-px " />
+                <p className="mx-px"> by </p>
+                <a className="mx-px" href="https://ziermach.de">Ziermach</a>
+            </div>
         </footer>
     )
 }

components/link-list.tsx

@@ -1,11 +1,13 @@
 import { FaItunes, FaSpotify, FaTwitter } from 'react-icons/fa';
+import { RiMailSendLine } from 'react-icons/ri';
 
 export default function LinkList() {
     return (
-        <span className="flex flex-row justify-evenly w-1/3 bg-blue-900 bg-gradient-to-t top-1 bottom-1 rounded">
-            <FaTwitter color="#1DA1F2" />
-            <FaSpotify color="#1DB954" />
-            <FaItunes color="white" />
+        <span className="flex flex-row justify-evenly w-1/3 bg-font-special top-1 bottom-1 rounded">
+            <a href="https://twitter.com/nerdbrawl1" target="_blank"> <FaTwitter color="#1DA1F2" /></a>
+            <a> <FaSpotify color="#1DB954" /></a>
+            <a> <FaItunes color="white" /></a>
+            <a href="mailto:podcast@nerdbrawl.de" target="_blank"> <RiMailSendLine color="green" /></a>
         </span>
 
     )

components/next-episode.tsx

@@ -0,0 +1,44 @@
+
+import CloudCard3 from "./cloud-card3";
+import CloudCard2 from "./cloud-card2";
+
+export default function NextEpisode() {
+    const nextEpisode = {
+        date: new Date(),
+        genre: 'film fights',
+        judge: 'Christian Ziermann',
+        player: [
+            'Johannes',
+            'Lui',
+            'Daniel'
+        ]
+    };
+
+    return (
+
+        <CloudCard3>
+            <article className="flex flex-col items-center content-evenly">
+                <h1 className="text-2xl font-bold underline flex-none mb-2.5 ">Nächste Episode</h1>
+                <h2 className="text-xl text-gray ml-3">{nextEpisode.date.toDateString}</h2>
+                <p className="text-sm text-center text-gray ml-3 ">
+                    <label className="text-lg font-bold">Genre:</label>
+                    <div className="capitalize p-3">
+                        {nextEpisode.genre}
+                    </div>
+                </p>
+                <p className="text-sm text-center ml-3">
+                    <label className="text-lg font-bold">Judge:</label>
+                    <div className="capitalize p-3">
+                        {nextEpisode.judge}
+                    </div>
+                </p>
+                <p className=" text-sm text-center ml-3">
+                    <label className="text-lg font-bold">Spieler:</label>
+                    <div className="capitalize p-3">
+                        {nextEpisode.player.join(' & ')}
+                    </div>
+                </p>
+            </article>
+        </CloudCard3>
+    )
+}

package-lock.json

@@ -5784,6 +5784,11 @@
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz",
       "integrity": "sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg=="
     },
+    "react-spotify-player": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/react-spotify-player/-/react-spotify-player-1.0.4.tgz",
+      "integrity": "sha512-9iF9vgWqJC+SUaNxUWkD/DCKQ5BJZoeX31mh4KZdb60xhaVq9yaH+Lvq9HLNAUbS5BhhjLJLyGRo45A5qkzH3w=="
+    },
     "readable-stream": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",

package.json

@@ -16,6 +16,7 @@
     "react": "17.0.1",
     "react-dom": "17.0.1",
     "react-icons": "^4.1.0",
+    "react-spotify-player": "^1.0.4",
     "tailwindcss": "^2.0.2"
   },
   "devDependencies": {

pages/_app.tsx

@@ -29,8 +29,8 @@ function MyApp({ Component, pageProps }) {
 
       <main className="h-screen w-screen">
         <Header />
-        <Component  {...pageProps} />
       </main>
+      <Component  {...pageProps} />
       <Footer />
 
 

pages/index.tsx

@@ -1,8 +1,27 @@
-import Head from 'next/head'
+import SpotifyPlayer from 'react-spotify-player';
+import AboutLink from '../components/about-link';
+import NextEpisode from '../components/next-episode';
+
 export default function Home() {
   return (
-    <div className="grid grid-flow-row gap-3">
-      <article></article>
+    <div className="flex flex-col content-around justify-around md:grid md:grid-flow-col md:grid-cols-2 ">
+      <article className="p-1">
+        <SpotifyPlayer
+          uri="spotify:episode:0nzzRPNa4j01gl0limItJG"
+          size={{
+            height: '100%',
+            width: '100%'
+          }}
+          view='coverart'
+          theme='black'
+        />
+      </article>
+      <article className="p-1">
+        <NextEpisode />
+      </article>
+      <article className="p-1">
+        <AboutLink />
+      </article>
     </div>
   )
 }

pages/legal/index.tsx

@@ -0,0 +1,7 @@
+export default function Legal () {
+    return (
+        <div>
+            comming soon!
+        </div>
+    )
+}

pages/team/index.tsx

@@ -0,0 +1,7 @@
+export default function Team () {
+    return (
+        <div>
+            comming soon!
+        </div>
+    )
+}

public/sw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sw.js","sources":["../../../../tmp/d0164319e6b61d0970d3669d4d54acf4/sw.js"],"sourcesContent":["import {registerRoute as workbox_routing_registerRoute} from '/home/cziermann/Projects/nerdbrawl.de/node_modules/workbox-routing/registerRoute.mjs';\nimport {NetworkOnly as workbox_strategies_NetworkOnly} from '/home/cziermann/Projects/nerdbrawl.de/node_modules/workbox-strategies/NetworkOnly.mjs';\nimport {clientsClaim as workbox_core_clientsClaim} from '/home/cziermann/Projects/nerdbrawl.de/node_modules/workbox-core/clientsClaim.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\nimportScripts(\n  \n);\n\n\n\n\n\n\n\nself.skipWaiting();\n\nworkbox_core_clientsClaim();\n\n\n\nworkbox_routing_registerRoute(/.*/i, new workbox_strategies_NetworkOnly({ \"cacheName\":\"dev\", plugins: [] }), 'GET');\n\n\n\n\n"],"names":["importScripts","self","skipWaiting","workbox_core_clientsClaim","workbox_routing_registerRoute","workbox_strategies_NetworkOnly","plugins"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAE2I;EAC3I;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;EAGAA,aAAa;EAUbC,IAAI,CAACC,WAAL;AAEAC,sBAAyB;AAIzBC,uBAA6B,CAAC,KAAD,EAAQ,IAAIC,mBAAJ,CAAmC;EAAE,eAAY,KAAd;EAAqBC,EAAAA,OAAO,EAAE;EAA9B,CAAnC,CAAR,EAAgF,KAAhF,CAA7B;;"}

tailwind.config.js

@@ -6,10 +6,12 @@ module.exports = {
       backgroundColor: theme => ({
         ...theme('colors'),
         'primary': '#ad4932',
+        'font-special': '#264acb'
       }),
       backgroundImage: theme => ({
         'film-background': "url('/img/background.png')",
         'mb-film-background': "url('/img/background-mobile.png')",
+        'cloud': "url('/img/cloud/cloud1.svg')",
       }),
     },
     fontFamily: {