@prosistemas/sca-web-kit 1.0.0

package/README.md

@@ -0,0 +1,33 @@
+# SCA Web Kit
+
+Componentes reutilizáveis para projetos de desenvolvimento web do Sistema SCA que utilizam a framework [NextJS](https://nextjs.org/).
+
+## Uso
+
+1. Em seu projeto com NextJS (versão >= 15.0), adicione o pacote através do seu gerenciador de pacotes:
+
+    via HTTPS:
+
+    ```sh
+    pnpm install git+https://github.com/ezboy4life/sca-web-kit.git
+    ```
+
+    ou via SSH:
+
+    ```sh
+    pnpm install git+git@github.com:ezboy4life/sca-web-kit.git
+    ```
+
+2. Se o pacote foi instalado com sucesso, basta usar importar os componentes e usá-los em seu código:
+
+    ```typescript
+    import { Button } from 'sca-web-kit';
+
+    export default function Home() {
+        return (
+            <div>
+                <Button label='Cadastrar' />
+            </div>
+        )
+    }
+    ```

package/assets/icons/newsletter-success.svg

@@ -0,0 +1,85 @@
+<svg width="190" height="178" viewBox="0 0 190 178" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M95.066 126.5C127.866 126.5 154.466 100.1 154.466 67.4995C154.466 34.8995 127.866 8.49951 95.066 8.49951C62.266 8.49951 35.666 34.8995 35.666 67.4995C35.666 100.1 62.266 126.5 95.066 126.5Z" fill="url(#paint0_linear_8215_22978)"/>
+<path d="M152.948 39.2996C155.212 39.2996 157.048 37.464 157.048 35.1996C157.048 32.9352 155.212 31.0996 152.948 31.0996C150.683 31.0996 148.848 32.9352 148.848 35.1996C148.848 37.464 150.683 39.2996 152.948 39.2996Z" fill="#BDE8FF"/>
+<path d="M148.851 25.9994C150.397 25.9994 151.651 24.7458 151.651 23.1994C151.651 21.653 150.397 20.3994 148.851 20.3994C147.304 20.3994 146.051 21.653 146.051 23.1994C146.051 24.7458 147.304 25.9994 148.851 25.9994Z" fill="#BDE8FF"/>
+<path d="M35.4484 35.1996C36.9948 35.1996 38.2484 33.946 38.2484 32.3996C38.2484 30.8532 36.9948 29.5996 35.4484 29.5996C33.902 29.5996 32.6484 30.8532 32.6484 32.3996C32.6484 33.946 33.902 35.1996 35.4484 35.1996Z" fill="#BDE8FF"/>
+<path d="M29.1492 96.7994C32.0211 96.7994 34.3492 94.4713 34.3492 91.5994C34.3492 88.7275 32.0211 86.3994 29.1492 86.3994C26.2773 86.3994 23.9492 88.7275 23.9492 91.5994C23.9492 94.4713 26.2773 96.7994 29.1492 96.7994Z" fill="#BDE8FF"/>
+<g filter="url(#filter0_d_8215_22978)">
+<path d="M149.792 52.8925V107.033C149.792 107.256 149.792 107.368 149.792 107.591C149.68 110.717 148.229 113.396 145.996 115.294C144.099 116.968 141.531 118.085 138.74 118.085H51.334C49.4363 118.085 47.6502 117.638 46.0874 116.745C45.4176 116.41 44.7478 115.964 44.1897 115.405C42.9617 114.401 41.8454 112.95 41.2873 111.387C40.8407 110.27 40.5059 109.043 40.5059 107.815V52.8925C40.5059 52.8925 45.0827 48.9855 51.6689 43.6272C58.4783 37.9341 67.4087 30.5665 75.2229 24.0919C79.6881 20.2965 79.2415 20.743 86.1626 14.9383C91.4092 10.4731 99.1117 10.4731 104.358 14.9383C105.698 16.0546 107.149 17.3941 108.489 18.5104C111.391 20.8547 114.517 23.5338 117.866 26.3245C124.898 32.1293 132.601 38.6039 138.629 43.6272C144.768 48.6506 149.234 52.446 149.792 52.8925Z" fill="url(#paint1_linear_8215_22978)"/>
+</g>
+<path d="M138.628 43.5155V62.9391L119.54 74.437L113.847 77.8976L101.791 85.1535L96.0974 88.6141L93.6415 90.0652L91.2973 88.6141L85.939 85.1535L74.4411 77.8976L69.0829 74.437L51.4453 63.3856V43.6271C58.2548 37.9339 67.1852 30.5663 74.9993 24.0918L117.754 26.2128C124.898 32.1292 132.6 38.4921 138.628 43.5155Z" fill="#002ACC"/>
+<path d="M134.834 28.1106V62.2695L117.42 72.6511L112.285 75.7767L101.234 82.2513L96.0985 85.3769L93.8659 86.6048L91.745 85.3769L86.8332 82.2513L76.34 75.7767L71.4283 72.6511L55.3535 62.6043V28.1106C55.3535 24.5384 58.2559 21.6361 61.9397 21.6361H128.248C131.82 21.5244 134.834 24.5384 134.834 28.1106Z" fill="white"/>
+<path opacity="0.5" d="M40.9531 52.6694L93.4193 56.13L149.011 52.6694L146.89 62.6045C146.89 62.6045 94.6472 89.8423 94.9821 89.8423C95.317 89.8423 41.0648 57.5812 41.0648 57.5812L40.9531 52.6694Z" fill="url(#paint2_linear_8215_22978)"/>
+<path d="M149.792 52.8926V107.591C149.68 110.717 148.229 113.396 145.996 115.294C144.099 116.968 141.531 118.085 138.74 118.085H51.334C49.4363 118.085 47.6502 117.638 46.0874 116.745C45.4176 116.41 44.7478 115.964 44.1897 115.405C42.9617 114.401 41.8454 112.95 41.2873 111.387C40.8407 110.27 40.5059 109.043 40.5059 107.815V107.703V52.8926L89.3999 83.4793L93.6418 86.1584L95.093 85.2653L96.4326 84.4839L149.792 52.8926Z" fill="#738DFF"/>
+<g filter="url(#filter1_d_8215_22978)">
+<path d="M146.108 115.294C144.21 116.968 141.643 118.085 138.852 118.085H51.334C49.4363 118.085 47.6502 117.638 46.0874 116.745C45.4176 116.41 44.7478 115.964 44.1897 115.405C42.9617 114.401 41.8454 112.95 41.2873 111.387C40.8407 110.27 40.5059 109.043 40.5059 107.815V107.703V52.8926L46.199 56.3531L95.093 85.2653L96.4326 86.0467L96.5442 86.1584L140.415 112.057L146.108 115.294Z" fill="url(#paint3_linear_8215_22978)"/>
+</g>
+<path d="M96.4324 84.3724V88.1678L46.0872 116.745C45.4174 116.41 44.7476 115.964 44.1895 115.406C42.9616 114.401 41.8453 112.95 41.2871 111.387L90.2928 82.363L94.5347 85.0422L95.0929 85.2654L96.4324 84.3724Z" fill="url(#paint4_linear_8215_22978)"/>
+<path d="M40.5059 52.8926L95.093 85.2653" stroke="white" stroke-miterlimit="10"/>
+<g filter="url(#filter2_d_8215_22978)">
+<path d="M149.792 52.8926V107.591C149.68 110.717 148.229 113.396 145.996 115.294C144.098 116.968 141.531 118.085 138.74 118.085H51.3338C49.4361 118.085 47.65 117.638 46.0872 116.745C45.4174 116.41 44.7476 115.964 44.1895 115.405L49.771 112.057L93.6416 86.1584L95.0928 85.2653L96.4324 84.4839L143.987 56.2415L149.792 52.8926Z" fill="url(#paint5_linear_8215_22978)"/>
+</g>
+<path d="M149.792 52.8926L96.4324 84.3723L95.0928 85.2653L93.6416 86.1584L44.1895 115.294" stroke="white" stroke-miterlimit="10"/>
+<path d="M136.619 91.1817H107.595C106.925 91.1817 106.367 90.6235 106.367 89.9538C106.367 89.284 106.925 88.7258 107.595 88.7258H136.619C137.289 88.7258 137.847 89.284 137.847 89.9538C137.959 90.6235 137.4 91.1817 136.619 91.1817Z" fill="#BDE8FF"/>
+<path d="M136.619 99.554H107.595C106.925 99.554 106.367 98.9959 106.367 98.3261C106.367 97.6563 106.925 97.0981 107.595 97.0981H136.619C137.289 97.0981 137.847 97.6563 137.847 98.3261C137.959 98.9959 137.4 99.554 136.619 99.554Z" fill="#BDE8FF"/>
+<path d="M142.648 116.968L146.221 115.182C146.109 115.294 146.109 115.294 145.997 115.405C145.997 115.405 145.997 115.405 145.886 115.405L142.648 116.968Z" fill="#526DFF"/>
+<path d="M92.3007 64.3149C91.4355 64.3149 90.6212 63.9969 89.9595 63.308L78.7121 51.5959C77.4397 50.2711 77.4397 48.0452 78.7121 46.7204C79.9844 45.3955 82.1219 45.3955 83.3943 46.7204L92.3007 55.9946L113.269 34.2134C114.541 32.8885 116.679 32.8885 117.951 34.2134C119.223 35.5383 119.223 37.7641 117.951 39.089L94.6418 63.308C94.031 63.9969 93.1658 64.3149 92.3007 64.3149Z" fill="url(#paint6_linear_8215_22978)"/>
+<defs>
+<filter id="filter0_d_8215_22978" x="18.5059" y="0.589355" width="153.287" height="150.495" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="11"/>
+<feGaussianBlur stdDeviation="11"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.397708 0 0 0 0 0.47749 0 0 0 0 0.575 0 0 0 0.27 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8215_22978"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8215_22978" result="shape"/>
+</filter>
+<filter id="filter1_d_8215_22978" x="0.723473" y="33.0014" width="185.168" height="144.757" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="19.8912"/>
+<feGaussianBlur stdDeviation="19.8912"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.397708 0 0 0 0 0.47749 0 0 0 0 0.575 0 0 0 0.27 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8215_22978"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8215_22978" result="shape"/>
+</filter>
+<filter id="filter2_d_8215_22978" x="4.40707" y="33.0014" width="185.168" height="144.757" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="19.8912"/>
+<feGaussianBlur stdDeviation="19.8912"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.397708 0 0 0 0 0.47749 0 0 0 0 0.575 0 0 0 0.27 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8215_22978"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8215_22978" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_8215_22978" x1="134.821" y1="-15.1252" x2="76.6051" y2="151.292" gradientUnits="userSpaceOnUse">
+<stop stop-color="#448CEE"/>
+<stop offset="0.386754" stop-color="#B5D1F8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8215_22978" x1="95.1051" y1="12.8377" x2="95.1051" y2="92.3286" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0038F9"/>
+<stop offset="1" stop-color="#1986F0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_8215_22978" x1="94.9341" y1="101.627" x2="94.9341" y2="55.1744" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5CC4FE"/>
+<stop offset="1" stop-color="#5CC4FE" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_8215_22978" x1="93.2725" y1="51.3846" x2="93.2725" y2="118.787" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDFEFF"/>
+<stop offset="0.9964" stop-color="#E0F2FE"/>
+</linearGradient>
+<linearGradient id="paint4_linear_8215_22978" x1="72.0087" y1="102.703" x2="67.7283" y2="96.4377" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D5D8E4"/>
+<stop offset="1" stop-color="#E1E4F0" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_8215_22978" x1="96.9561" y1="51.3846" x2="96.9561" y2="118.787" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDFEFF"/>
+<stop offset="0.9964" stop-color="#E0F2FE"/>
+</linearGradient>
+<linearGradient id="paint6_linear_8215_22978" x1="98.3348" y1="34.2999" x2="98.3348" y2="51.7533" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30E482"/>
+<stop offset="1" stop-color="#15C164"/>
+</linearGradient>
+</defs>
+</svg>

package/assets/icons/not-found.svg

@@ -0,0 +1,36 @@
+<svg width="255" height="223" viewBox="0 0 255 223" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M127.247 191.135C177.879 191.135 218.927 150.087 218.927 99.2742C218.927 48.4613 177.698 7.41309 127.247 7.41309C76.6146 7.41309 35.5664 48.4613 35.5664 99.2742C35.5664 150.087 76.6146 191.135 127.247 191.135Z" fill="url(#paint0_linear_8215_22946)"/>
+<path d="M223.809 10.1264C226.606 10.1264 228.873 7.85955 228.873 5.06321C228.873 2.26688 226.606 0 223.809 0C221.013 0 218.746 2.26688 218.746 5.06321C218.746 7.85955 221.013 10.1264 223.809 10.1264Z" fill="#BDE8FF"/>
+<path d="M40.4499 38.8789C43.2463 38.8789 45.5131 36.612 45.5131 33.8157C45.5131 31.0193 43.2463 28.7524 40.4499 28.7524C37.6536 28.7524 35.3867 31.0193 35.3867 33.8157C35.3867 36.612 37.6536 38.8789 40.4499 38.8789Z" fill="#BDE8FF"/>
+<path d="M9.52811 136.529C14.7213 136.529 18.9312 132.319 18.9312 127.126C18.9312 121.933 14.7213 117.723 9.52811 117.723C4.33491 117.723 0.125 121.933 0.125 127.126C0.125 132.319 4.33491 136.529 9.52811 136.529Z" fill="#BDE8FF"/>
+<g filter="url(#filter0_d_8215_22946)">
+<path d="M214.609 51.0213V157.417C214.609 160.539 212.007 163.14 208.886 163.14H47.2113C44.0896 163.27 41.4883 160.669 41.4883 157.547V51.0213C41.4883 47.7696 44.0896 45.2983 47.2113 45.2983H208.886C212.137 45.2983 214.609 47.8997 214.609 51.0213Z" fill="url(#paint1_linear_8215_22946)"/>
+</g>
+<path d="M214.609 51.0213V59.2156H41.4883V51.0213C41.4883 47.7696 44.0896 45.2983 47.2113 45.2983H208.886C212.137 45.2983 214.609 47.8997 214.609 51.0213Z" fill="#0038F9"/>
+<path d="M104.18 100.448C106.838 100.448 108.992 98.2936 108.992 95.6358C108.992 92.9779 106.838 90.8232 104.18 90.8232C101.522 90.8232 99.3672 92.9779 99.3672 95.6358C99.3672 98.2936 101.522 100.448 104.18 100.448Z" fill="#1986F0"/>
+<path d="M152.047 100.448C154.705 100.448 156.859 98.2936 156.859 95.6358C156.859 92.9779 154.705 90.8232 152.047 90.8232C149.389 90.8232 147.234 92.9779 147.234 95.6358C147.234 98.2936 149.389 100.448 152.047 100.448Z" fill="#1986F0"/>
+<path d="M135.919 132.056H120.831C118.49 132.056 116.539 130.105 116.539 127.764C116.539 125.423 118.49 123.472 120.831 123.472H135.789C138.13 123.472 140.081 125.423 140.081 127.764C140.211 130.105 138.26 132.056 135.919 132.056Z" fill="#1986F0"/>
+<path d="M49.162 54.6677C50.2395 54.6677 51.113 53.7942 51.113 52.7166C51.113 51.6391 50.2395 50.7656 49.162 50.7656C48.0844 50.7656 47.2109 51.6391 47.2109 52.7166C47.2109 53.7942 48.0844 54.6677 49.162 54.6677Z" fill="#F9FAFB"/>
+<path d="M55.2752 54.6677C56.3528 54.6677 57.2263 53.7942 57.2263 52.7166C57.2263 51.6391 56.3528 50.7656 55.2752 50.7656C54.1977 50.7656 53.3242 51.6391 53.3242 52.7166C53.3242 53.7942 54.1977 54.6677 55.2752 54.6677Z" fill="#F9FAFB"/>
+<path d="M61.5174 54.6677C62.5949 54.6677 63.4684 53.7942 63.4684 52.7166C63.4684 51.6391 62.5949 50.7656 61.5174 50.7656C60.4399 50.7656 59.5664 51.6391 59.5664 52.7166C59.5664 53.7942 60.4399 54.6677 61.5174 54.6677Z" fill="#F9FAFB"/>
+<defs>
+<filter id="filter0_d_8215_22946" x="1.70589" y="25.4071" width="252.686" height="197.411" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="19.8912"/>
+<feGaussianBlur stdDeviation="19.8912"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.397708 0 0 0 0 0.47749 0 0 0 0 0.575 0 0 0 0.27 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8215_22946"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8215_22946" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_8215_22946" x1="188.606" y1="-29.3699" x2="97.3465" y2="229.24" gradientUnits="userSpaceOnUse">
+<stop stop-color="#448CEE"/>
+<stop offset="0.386754" stop-color="#B5D1F8"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8215_22946" x1="127.992" y1="42.5724" x2="127.992" y2="164.415" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDFEFF"/>
+<stop offset="0.9964" stop-color="#E0F2FE"/>
+</linearGradient>
+</defs>
+</svg>

package/assets/logos/sca/sca-s-gradient.svg

@@ -0,0 +1,9 @@
+<svg width="248" height="343" viewBox="0 0 248 343" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M169.941 34.6277C169.941 54.2897 154.442 69.9651 134.496 69.9651C115.227 69.9651 99.3465 54.3106 99.3465 34.6486C99.3465 15.6545 115.227 2.08485e-05 134.496 2.08485e-05C154.442 -0.0208518 169.941 15.6336 169.941 34.6277ZM224.063 141.621C224.05 141.646 224.023 141.663 223.995 141.663H132.992C121.389 141.621 102.988 140.473 92.3378 144.835C77.2406 151.807 78.3628 167.753 94.2435 175.935C104.026 181.195 117.069 182.406 133.628 186.205C168.417 193.51 191.645 203.654 205.323 231.624C220.696 263.893 212.861 293.741 193.106 313.862C172.355 335.006 140.594 343 111.458 343C83.1906 343 54.2878 336.07 28.667 325.363C21.5793 322.387 14.73 319.085 8.24584 315.558C0.694709 311.451 -1.54929 301.87 2.81476 294.464L16.3723 271.458C20.9162 263.748 30.9096 261.272 38.9475 265.208C43.0339 267.209 47.4372 269.208 52.0857 271.156C72.4976 279.714 131.912 295.431 148.725 274.913C154.548 265.896 151.901 257.714 144.066 251.432C136.02 245.024 120.605 242.749 105.042 239.701C65.3195 232.187 31.6525 215.406 23.2252 180.903C17.6352 158.089 20.0491 136.069 35.0192 117.868C54.2243 92.1527 87.743 81.7581 123.612 81.7581C159.541 81.7084 195.389 81.7376 231.136 81.7518C243.487 81.7567 251.18 95.1566 244.955 105.823L224.063 141.621Z" fill="url(#paint0_linear_2805_8601)"/>
+<defs>
+<linearGradient id="paint0_linear_2805_8601" x1="259" y1="-23.5577" x2="-150.404" y2="395.368" gradientUnits="userSpaceOnUse">
+<stop stop-color="#002FE6"/>
+<stop offset="1" stop-color="#002FE6" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/components/layout/footer/footer.d.ts

@@ -0,0 +1 @@
+export default function Footer(): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/footer/footer.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from './footer.module.scss';
+import Image from 'next/image';
+import Link from 'next/link';
+import Button from '../../ui/button/button';
+import IconWithBackground from '../../ui/icon-with-background/icon-with-background';
+import { EnvelopeIcon, FacebookLogoIcon, InstagramLogoIcon, PhoneIncomingIcon, YoutubeLogoIcon } from '@phosphor-icons/react/dist/ssr';
+export default function Footer() {
+    const currentYear = new Date().getFullYear();
+    return (_jsxs("footer", { className: styles['footer'], children: [_jsxs("div", { className: styles['top'], children: [_jsxs("div", { className: styles['top-row'], children: [_jsxs("div", { className: styles['sca'], children: [_jsx(Image, { src: '/logos/sca/sca-white.svg', alt: 'Logo do Sistema SCA', width: 100, height: 50 }), _jsxs("p", { children: ["O SCA \u00E9 um sistema de gest\u00E3o e automa\u00E7\u00E3o feito para revolucionar o seu neg\u00F3cio Fitness.", _jsx("br", {}), _jsx("br", {}), "Estamos no mercado desde 2004."] })] }), _jsx("hr", { className: styles['mobile-separator'] }), _jsxs("div", { className: styles['etc'], children: [_jsxs("div", { className: styles['etc-sca'], children: [_jsx("p", { className: styles['title'], children: "O SCA" }), _jsx("p", { children: "Funcionalidades" }), _jsx("p", { children: "Cases de sucesso" }), _jsx("p", { children: "Pre\u00E7os" }), _jsx(Link, { href: '/equipamentos', children: _jsx("p", { children: "Equipamentos" }) })] }), _jsxs("div", { className: styles['content-transparency-wrapper'], children: [_jsxs("div", { className: styles['etc-content'], children: [_jsx("p", { className: styles['title'], children: "Conte\u00FAdo" }), _jsx("a", { href: 'TODO', target: '_blank', children: "Blog" }), _jsx("a", { href: 'https://app.sistemasca.com/ajuda/', target: '_blank', children: "Central de Ajuda" })] }), _jsxs("div", { className: styles['etc-transparency'], children: [_jsx("p", { className: styles['title'], children: "Transpar\u00EAncia" }), _jsx(Link, { href: '/quem-somos', children: "Sobre n\u00F3s" }), _jsx(Link, { href: '/politica-de-privacidade', children: "Pol\u00EDticas e Privacidade" })] })] })] })] }), _jsx("hr", { className: styles['separator'] }), _jsxs("div", { className: styles['bottom-row'], children: [_jsx("a", { href: 'https://app.sistemasca.com/cadastro', target: '_blank', children: _jsx(Button, { label: 'Teste agora', className: styles['button'] }) }), _jsxs("div", { className: styles['contact'], children: [_jsxs("div", { children: [_jsx(PhoneIncomingIcon, { size: 24 }), _jsx("p", { children: "(35) 3294-1066" })] }), _jsxs("div", { children: [_jsx(EnvelopeIcon, { size: 24 }), _jsx("p", { children: "contato@sistemasca.com" })] }), _jsxs("div", { className: styles['social'], children: [_jsx("a", { href: 'https://www.instagram.com/sistemasca/', target: '_blank', children: _jsx(IconWithBackground, { icon: InstagramLogoIcon, className: styles['icons'], iconSize: 25 }) }), _jsx("a", { href: 'https://www.facebook.com/sistemasca', target: '_blank', children: _jsx(IconWithBackground, { icon: FacebookLogoIcon, className: styles['icons'], iconSize: 25, weight: 'fill' }) }), _jsx("a", { href: 'https://www.youtube.com/channel/UCZ8KRjnlnuw7XwJWTtnfliA', target: '_blank', children: _jsx(IconWithBackground, { icon: YoutubeLogoIcon, className: styles['icons'], iconSize: 25, weight: 'fill' }) })] })] })] })] }), _jsx("div", { className: styles['bottom'], children: _jsxs("p", { children: ["Copyright \u00A9 2004 - ", currentYear, " Sistema SCA | ProSistemas - Todos os direitos reservados."] }) })] }));
+}

package/dist/components/layout/footer/footer.module.scss

@@ -0,0 +1,198 @@
+.footer {
+  display: flex;
+  flex-direction: column;
+  color: white;
+  font-size: 14px;
+
+  @media (max-width: 1024px) {
+    font-size: 12px;
+  }
+
+  .top {
+    width: 100%;
+    padding: 112px;
+    background: var(--primary);
+
+    display: flex;
+    flex-direction: column;
+    gap: 64px;
+
+    @media (max-width: 1330px) {
+      padding: 64px;
+      gap: 32px;
+    }
+
+    @media (max-width: 768px) {
+      padding: 64px 24px 24px 24px;
+    }
+
+    .top-row,
+    .bottom-row {
+      display: flex;
+      flex-wrap: nowrap;
+      justify-content: space-between;
+      gap: 64px;
+    }
+
+    .top-row {
+      @media (max-width: 1024px) {
+        flex-direction: column;
+        gap: 32px;
+      }
+
+      .sca {
+        display: flex;
+        flex-direction: column;
+        width: 365px;
+        gap: 24px;
+
+        font-weight: 400;
+
+        @media (max-width: 900px) {
+          width: 100%;
+        }
+      }
+
+      .mobile-separator {
+        display: none;
+
+        @media (max-width: 1024px) {
+          display: inline;
+        }
+      }
+
+      .etc {
+        display: flex;
+        flex-wrap: nowrap;
+        gap: 64px;
+
+        @media (max-width: 1330px) {
+          gap: 32px;
+        }
+
+        @media (max-width: 1024px) {
+          gap: 16px;
+        }
+
+        .content-transparency-wrapper {
+          display: flex;
+          gap: 64px;
+
+          @media (max-width: 1330px) {
+            gap: 32px;
+          }
+
+          @media (max-width: 1024px) {
+            gap: 16px;
+          }
+
+          @media (max-width: 768px) {
+            flex-direction: column;
+          }
+        }
+      }
+
+      .etc-sca,
+      .etc-content,
+      .etc-transparency {
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+        min-width: 200px;
+
+        @media (max-width: 436px) {
+          min-width: 150px;
+        }
+
+        @media (max-width: 320px) {
+          min-width: 125px;
+        }
+
+        .title {
+          margin-bottom: 4px;
+          font-weight: 600;
+        }
+      }
+    }
+
+    .separator,
+    .mobile-separator {
+      opacity: 0.2;
+    }
+
+    .bottom-row {
+      align-items: center;
+
+
+      @media (max-width: 900px) {
+        flex-direction: column-reverse;
+        align-items: flex-start;
+        gap: 16px;
+      }
+
+      .button {
+        padding: 16px 42px;
+
+        @media (max-width: 900px) {
+          padding: 16px;
+          width: 175px;
+        }
+      }
+
+      .contact {
+        display: flex;
+        flex-wrap: nowrap;
+        gap: 64px;
+
+        @media (max-width: 1330px) {
+          gap: 32px;
+        }
+
+
+        @media (max-width: 768px) {
+          flex-direction: column-reverse;
+        }
+      }
+
+      .contact>* {
+        display: flex;
+        align-items: center;
+        width: 200px;
+        gap: 8px;
+
+        @media (max-width: 1024px) {
+          width: fit-content;
+          min-width: fit-content;
+        }
+      }
+
+      .social {
+        gap: 16px;
+
+        .icons {
+          width: 40px;
+          height: 40px;
+
+          background: var(--dark800);
+          border-radius: 50%;
+
+        }
+      }
+    }
+  }
+
+  .bottom {
+    width: 100%;
+    height: 88px;
+
+    padding: 0 112px;
+    background: var(--dark800);
+
+    display: flex;
+    align-items: center;
+
+    @media (max-width: 1330px) {
+      padding: 0 64px;
+    }
+  }
+}

package/dist/components/shared/autoplayer/autoplayer-row/autoplayer-row.d.ts

@@ -0,0 +1,8 @@
+import { IconProps } from '@phosphor-icons/react';
+export default function AutoplayerRow({ icon: Icon, title, subtitle, index, activeIndex, }: {
+    icon: React.ComponentType<IconProps>;
+    title: string;
+    subtitle: string;
+    index: number;
+    activeIndex: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/autoplayer/autoplayer-row/autoplayer-row.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from './autoplayer-row.module.scss';
+export default function AutoplayerRow({ icon: Icon, title, subtitle, index, activeIndex, }) {
+    return (_jsxs("div", { className: styles['autoplayer-row'], children: [_jsxs("div", { className: `
+          ${styles['autoplayer-title']} 
+          ${activeIndex == index ? styles['autoplayer-title-on'] : ''}
+        `, children: [_jsx(Icon, { size: 32, weight: 'light' }), _jsx("p", { children: title })] }), _jsx("p", { className: `
+          ${styles['autoplayer-subtitle']} 
+          ${activeIndex == index ? styles['autoplayer-subtitle-on'] : ''}
+        `, children: subtitle })] }));
+}

package/dist/components/shared/autoplayer/autoplayer-row/autoplayer-row.module.scss

@@ -0,0 +1,43 @@
+.autoplayer-row {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  position: relative;
+
+  .autoplayer-title {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+
+    color: #FFF;
+    font-size: 16px;
+    font-weight: 600;
+    height: 32px;
+
+    transition: opacity 0.3s, height 0.3s, margin-top 0.3s;
+    opacity: 0.5;
+  }
+
+  .autoplayer-title-on {
+    opacity: 1;
+  }
+
+  .autoplayer-subtitle {
+    margin-left: 48px;
+    color: #FFF;
+    font-size: 14px;
+    font-weight: 400;
+    opacity: 0;
+    transition: opacity 0.3s, height 0.3s, margin 0.3s;
+    height: 0px;
+
+    @media (max-width: 1024px) {
+      margin-left: 0;
+    }
+  }
+
+  .autoplayer-subtitle-on {
+    opacity: 1;
+    margin: 24px 0;
+  }
+}

package/dist/components/shared/autoplayer/autoplayer.d.ts

@@ -0,0 +1 @@
+export default function Autoplayer(): import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/autoplayer/autoplayer.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from './autoplayer.module.scss';
+import { useState, useEffect } from 'react';
+import AutoplayerRow from './autoplayer-row/autoplayer-row';
+import { CurrencyCircleDollarIcon, HeadsetIcon, UsersFourIcon } from '@phosphor-icons/react';
+export default function Autoplayer() {
+    const [activeIndex, setActiveIndex] = useState(0);
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setActiveIndex(prev => (prev + 1) % 3);
+        }, 5000);
+        return () => clearInterval(interval);
+    }, []);
+    return (_jsxs("div", { className: styles['autoplayer'], children: [_jsx(AutoplayerRow, { icon: CurrencyCircleDollarIcon, title: 'Pague apenas uma vez por ano', subtitle: 'Assine o anual com 20% OFF, sai por menos de R$6,00 por dia. R$2.141,00 no total.', index: 0, activeIndex: activeIndex }), _jsx("div", { className: `${styles['separator']} ${activeIndex == 0 ? styles['separator-on'] : ''}` }), _jsx(AutoplayerRow, { icon: UsersFourIcon, title: 'Cadastros ilimitados', subtitle: 'Tenha quantos alunos e alunas voc\u00EA quiser, sem pagar nenhuma taxa extra.', index: 1, activeIndex: activeIndex }), _jsx("div", { className: `${styles['separator']} ${activeIndex == 1 ? styles['separator-on'] : ''}` }), _jsx(AutoplayerRow, { icon: HeadsetIcon, title: 'Suporte para sempre', subtitle: 'Equipe dedicada que vai te ajudar desde o inicio at\u00E9 o uso mais avan\u00E7ado do sistema.', index: 2, activeIndex: activeIndex }), _jsx("div", { className: `${styles['separator']} ${activeIndex == 2 ? styles['separator-on'] : ''}` })] }));
+}

package/dist/components/shared/autoplayer/autoplayer.module.scss

@@ -0,0 +1,20 @@
+.autoplayer {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  gap: 32px;
+  height: 100%;
+  justify-content: space-between;
+
+  .separator {
+    width: 100%;
+    height: 1px;
+    background: var(--light600);
+    opacity: 0.5;
+    transition: opacity 0.3s;
+  }
+
+  .separator-on {
+    opacity: 1;
+  }
+}

package/dist/components/shared/footer-banner/footer-banner.d.ts

@@ -0,0 +1 @@
+export default function FooterBanner(): import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/footer-banner/footer-banner.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from './footer-banner.module.scss';
+import { montserrat } from '../../../fonts';
+import Image from 'next/image';
+import InfoHeader from '../info-header/info-header';
+import { BrowsersIcon, CreditCardIcon, TimerIcon } from '@phosphor-icons/react/dist/ssr';
+export default function FooterBanner() {
+    return (_jsxs("div", { className: styles['footer-banner'], children: [_jsx(InfoHeader, { tagLabel: 'ILIMITADO', title: 'Não importa quantos alunos e alunas você vai ter, o preço não muda.', buttonLabel: 'Conhe\u00E7a agora!', buttonHref: 'https://app.sistemasca.com/cadastro', buttonTarget: '_blank', className: styles['footer-banner-info-header'], dark: true }), _jsxs("div", { className: styles['image-person-wrapper'], children: [_jsx(Image, { src: '/gym/stock-gym-blurred.webp', alt: 'Foto borrada de uma academia', className: styles['image'], fill: true }), _jsx(Image, { src: '/people/person_03.webp', alt: 'Foto de uma pessoa', className: styles['person'], width: 420, height: 420 })] }), _jsxs("div", { className: styles['bullet-list-wrapper'], children: [_jsx("p", { className: `${styles['title']} ${montserrat.className}`, children: "Teste gr\u00E1tis o SCA!" }), _jsxs("div", { className: styles['bullet-list'], children: [_jsxs("div", { className: styles['list-item'], children: [_jsx(CreditCardIcon, { size: 40, color: 'var(--neutral000)', weight: 'thin' }), _jsx("p", { className: styles['text'], children: "Voc\u00EA n\u00E3o precisa adicionar cart\u00E3o de cr\u00E9dito." })] }), _jsx("div", { className: styles['separator'] }), _jsxs("div", { className: styles['list-item'], children: [_jsx(BrowsersIcon, { size: 40, color: 'var(--neutral000)', weight: 'thin' }), _jsx("p", { className: styles['text'], children: "Tenha acesso a todas das funcionalidades." })] }), _jsx("div", { className: styles['separator'] }), _jsxs("div", { className: styles['list-item'], children: [_jsx(TimerIcon, { size: 40, color: 'var(--neutral000)', weight: 'thin' }), _jsx("p", { className: styles['text'], children: "Cadastre-se em segundos." })] })] })] })] }));
+}

package/dist/components/shared/footer-banner/footer-banner.module.scss

@@ -0,0 +1,103 @@
+.footer-banner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 32px;
+
+  width: 100%;
+  height: 100%;
+
+  background: var(--dark900);
+
+  border-radius: 24px 24px 0 0;
+  padding: var(--global-padding);
+
+  @media(max-width: 1024px) {
+    flex-direction: column;
+    gap: 64px;
+  }
+
+  .footer-banner-info-header {
+    align-items: flex-start;
+    text-align: start;
+    max-width: 33%;
+
+    @media(max-width: 1024px) {
+      max-width: 75%;
+      align-items: center;
+      text-align: center;
+    }
+  }
+
+  .image-person-wrapper {
+    width: 33%;
+    height: 330px;
+    position: relative;
+    z-index: 0;
+
+    @media(max-width: 1024px) {
+      max-width: 75%;
+      width: 75%;
+    }
+
+    .image {
+      border-radius: 24px;
+      z-index: -1;
+      position: relative;
+    }
+
+    .person {
+      z-index: 1;
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      transform: translateX(-50%);
+    }
+  }
+
+  .bullet-list-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 32px;
+
+    @media(max-width: 1024px) {
+      max-width: 75%;
+      width: 75%;
+    }
+
+    .title {
+      color: #FFF;
+      font-size: 32px;
+      font-weight: 600;
+    }
+
+    .bullet-list {
+      display: flex;
+      flex-direction: column;
+      gap: 24px;
+
+      .list-item {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+
+        .text {
+          color: var(--neutral000);
+          font-size: 16px;
+          font-weight: 400;
+          line-height: 150%;
+        }
+      }
+
+      .separator {
+        width: 100%;
+        height: 1px;
+
+        opacity: 0.5;
+        background: var(--light600);
+      }
+    }
+
+
+  }
+}

package/dist/components/shared/footer-banner-autoplayer/footer-banner-autoplayer.d.ts

@@ -0,0 +1,3 @@
+export default function FooterBannerAutoplayer({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/footer-banner-autoplayer/footer-banner-autoplayer.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from './footer-banner-autoplayer.module.scss';
+import { montserrat } from '../../../fonts';
+import Image from 'next/image';
+import InfoHeader from '../info-header/info-header';
+import Autoplayer from '../autoplayer/autoplayer';
+import Button from '../../ui/button/button';
+export default function FooterBannerAutoplayer({ className = '' }) {
+    return (_jsxs("div", { className: `${styles['footer-banner-autoplayer']} ${className}`, children: [_jsxs("div", { className: styles['left'], children: [_jsx(InfoHeader, { tagLabel: 'SISTEMA COMPLETO', title: 'Plano ideal para o seu negócio', className: styles['info-header'], dark: true }), _jsxs("p", { className: `${styles['monthly-fee']} ${montserrat.className}`, children: ["R$", _jsx("span", { className: `${styles['price']}`, children: "178,00" }), "/m\u00EAs"] }), _jsxs("p", { children: ["Menos de R$6,00 por dia ou em at\u00E9 6x sem juros no anual com ", _jsx("b", { children: "20% de desconto" }), "!"] }), _jsx("a", { href: 'https://app.sistemasca.com/cadastro', target: '_blank', style: { marginTop: `12px` }, children: _jsx(Button, { label: 'Teste agora', className: styles['button'] }) })] }), _jsxs("div", { className: styles['middle'], children: [_jsx(Image, { src: '/gym/stock-gym-blurred.webp', alt: 'Foto borrada de uma academia.', className: styles['image'], fill: true }), _jsx(Image, { src: '/people/person_15.webp', alt: 'Imagem de uma pessoa segurando um celular.', width: 400, height: 400, className: styles['person'] })] }), _jsx("div", { className: styles['right'], children: _jsx(Autoplayer, {}) })] }));
+}