Merge pull request 'bugfix/center-aligned-with-a-form' (#9) from bugfix/centerAlignedWithAForm into main

Reviewed-on: mrwyndham/fastpocket#9
Reviewed-by: mrwyndham <sam@biz365.com.au>

Documentation/docs/components/announcement banners/AButtonOnGradientBackground.md

@@ -15,7 +15,7 @@ sidebar_position: 2
           <div className="grid justify-center md:grid-cols-2 md:justify-between md:items-center gap-2">
             <div className="text-center md:text-start">
               <p className="text-xs text-base-100/[.8] uppercase tracking-wider">
-                Preview of Preline
+                Preview of FastPocket
               </p>
               <p className="mt-1 text-base-100 font-medium">
                 Sign up to get unlimited updates. No credit card required.

Documentation/docs/components/blog articles/CenterAlignedInSmallSize.md

@@ -55,7 +55,7 @@ sidebar_position: 2
                               </div>
                             </div>
                             <p className="text-sm text-base-300">
-                              Leyla is a Customer Success Specialist at Preline
+                              Leyla is a Customer Success Specialist at FastPocket
                               and spends her time speaking to in-house
                               recruiters all over the world.
                             </p>
@@ -153,7 +153,7 @@ sidebar_position: 2
               </h2>
 
               <p className="text-lg text-secondary-content">
-                At preline, our mission has always been focused on bringing
+                At FastPocket, our mission has always been focused on bringing
                 openness and transparency to the design process. We've always
                 believed that by providing a space where designers can share
                 ongoing work not only empowers them to make better products, it
@@ -178,7 +178,7 @@ sidebar_position: 2
             </figure>
 
             <p className="text-lg text-secondary-content">
-              As we've grown, we've seen how Preline has helped companies such
+              As we've grown, we've seen how FastPocket has helped companies such
               as Spotify, Microsoft, Airbnb, Facebook, and Intercom bring their
               designers closer together to create amazing things. We've also
               learned that when the culture of sharing is brought in earlier,
@@ -191,7 +191,7 @@ sidebar_position: 2
                 className="text-primary decoration-2 hover:underline font-medium"
                 href="#"
               >
-                free version of Preline
+                free version of FastPocket
               </a>
               , which will allow individual designers, startups and other small
               teams a chance to create a culture of openness early on.
@@ -199,7 +199,7 @@ sidebar_position: 2
 
             <blockquote className="text-center p-4 sm:px-7">
               <p className="text-xl font-medium text-secondary-content md:text-2xl md:leading-normal xl:text-2xl xl:leading-normal">
-                To say that switching to Preline has been life-changing is an
+                To say that switching to FastPocket has been life-changing is an
                 understatement. My business has tripled and I got my life back.
               </p>
               <p className="mt-5 text-secondary-content">Nicole Grazioso</p>
@@ -223,7 +223,7 @@ sidebar_position: 2
 
               <p className="text-lg text-secondary-content">
                 We know the power of sharing is real, and we want to create an
-                opportunity for everyone to try Preline and explore how
+                opportunity for everyone to try FastPocket and explore how
                 transformative open communication can be. Now you can have a
                 team of one or two designers and unlimited spectators (think
                 PMs, management, marketing, etc.) share work and explore the
@@ -233,7 +233,7 @@ sidebar_position: 2
 
             <ul className="list-disc list-outside space-y-5 ps-5 text-lg text-secondary-content">
               <li className="ps-2">
-                Preline allows us to collaborate in real time and is a really
+                FastPocket allows us to collaborate in real time and is a really
                 great way for leadership on the team to stay up-to-date with
                 what everybody is working on,"{" "}
                 <a
@@ -245,7 +245,7 @@ sidebar_position: 2
                 Stewart Scott-Curran, Intercom's Director of Brand Design.
               </li>
               <li className="ps-2">
-                Preline opened a new way of sharing. It's a persistent way for
+                FastPocket opened a new way of sharing. It's a persistent way for
                 everyone to see and absorb each other's work," said David Scott,
                 Creative Director at{" "}
                 <a
@@ -262,7 +262,7 @@ sidebar_position: 2
               Small teams and individual designers need a space where they can
               watch the design process unfold, both for themselves and for the
               people they work with – no matter if it's a fellow designer,
-              product manager, developer or client. Preline allows you to invite
+              product manager, developer or client. FastPocket allows you to invite
               more people into the process, creating a central place for
               conversation around design. As those teams grow, transparency and
               collaboration becomes integrated in how they communicate and work

Documentation/docs/components/card sections/ImageAndContentWithStretchedButtons.md

@@ -148,7 +148,7 @@ sidebar_position: 2
 
           {/* <!-- Card --> */}
           <div className="group flex flex-col h-full bg-base-100 border border-base-200 shadow-sm rounded-xl">
-            <div className="h-52 flex flex-col justify-center items-center bg-amber-500 rounded-t-xl">
+            <div className="h-52 flex flex-col justify-center items-center bg-secondary rounded-t-xl">
               <svg
                 className="size-28"
                 width="56"
@@ -185,7 +185,7 @@ sidebar_position: 2
               </svg>
             </div>
             <div className="p-4 md:p-6">
-              <span className="block mb-1 text-xs font-semibold uppercase text-amber-500">
+              <span className="block mb-1 text-xs font-semibold uppercase text-secondary">
                 Slack API
               </span>
               <h3 className="text-xl font-semibold text-secondary-content">

Documentation/docs/components/card sections/SimpleCardLinkWithIconTitleAndDescription.md

@@ -42,7 +42,7 @@ sidebar_position: 2
                     Ask our community
                   </h3>
                   <p className="text-sm text-secondary-content">
-                    Get help from 40k+ Preline users
+                    Get help from 40k+ FastPocket users
                   </p>
                 </div>
               </div>

Documentation/docs/components/features general/ContainerSizeImageWithIconBlocks.md

@@ -89,7 +89,7 @@ sidebar_position: 2
                   </h3>
                   <p className="mt-1 text-secondary-content">
                     From boarding passes to movie tickets, there's pretty much
-                    nothing you can't store with Preline.
+                    nothing you can't store with FastPocket.
                   </p>
                 </div>
               </div>

Documentation/docs/components/features/ContainerImageIconBlocksFeature.md

@@ -94,7 +94,7 @@ sidebar_position: 2
                   <p className="mt-1 text-base-content/80 ">
                     FastPocket includes components to help you get styling your
                     codebase really quickly. We use TailwindCSS, DaisyUI and
-                    Modified Preline components in order to fit the look and
+                    Modified FastPocket components in order to fit the look and
                     feel of your brand
                   </p>
                 </div>

Documentation/docs/components/hero forms/CenterAlignedSearchWithTags.md

@@ -62,7 +62,7 @@ sidebar_position: 2
               {/* <!-- SVG Element --> */}
               <div className="hidden md:block absolute top-0 end-0 -translate-y-12 translate-x-20">
                 <svg
-                  className="w-16 h-auto text-orange-500"
+                  className="w-16 h-auto text-accent"
                   width="121"
                   height="135"
                   viewBox="0 0 121 135"
@@ -94,7 +94,7 @@ sidebar_position: 2
               {/* <!-- SVG Element --> */}
               <div className="hidden md:block absolute bottom-0 start-0 translate-y-10 -translate-x-32">
                 <svg
-                  className="w-40 h-auto text-cyan-500"
+                  className="w-40 h-auto text-secondary"
                   width="347"
                   height="188"
                   viewBox="0 0 347 188"

Documentation/docs/components/hero forms/CenterAlignedWithAForm.md

@@ -130,17 +130,17 @@ sidebar_position: 2
                 <path
                   d="M170.176 228.357C177.176 230.924 184.932 227.329 187.498 220.329C190.064 213.329 186.47 205.574 179.47 203.007L170.176 228.357ZM98.6819 71.4156L85.9724 66.8638L85.8472 67.2136L85.7413 67.5698L98.6819 71.4156ZM336.169 77.9736L328.106 88.801L328.288 88.9365L328.475 89.0659L336.169 77.9736ZM616.192 128.685C620.658 122.715 619.439 114.254 613.469 109.788L516.183 37.0035C510.213 32.5371 501.753 33.756 497.286 39.726C492.82 45.696 494.039 54.1563 500.009 58.6227L586.485 123.32L521.788 209.797C517.322 215.767 518.541 224.227 524.511 228.694C530.481 233.16 538.941 231.941 543.407 225.971L616.192 128.685ZM174.823 215.682C179.47 203.007 179.475 203.009 179.48 203.011C179.482 203.012 179.486 203.013 179.489 203.014C179.493 203.016 179.496 203.017 179.498 203.018C179.501 203.019 179.498 203.018 179.488 203.014C179.469 203.007 179.425 202.99 179.357 202.964C179.222 202.912 178.991 202.822 178.673 202.694C178.035 202.437 177.047 202.026 175.768 201.456C173.206 200.314 169.498 198.543 165.106 196.099C156.27 191.182 144.942 183.693 134.609 173.352C114.397 153.124 97.7311 122.004 111.623 75.2614L85.7413 67.5698C68.4512 125.748 89.856 166.762 115.51 192.436C128.11 205.047 141.663 213.953 151.976 219.692C157.158 222.575 161.591 224.698 164.777 226.118C166.371 226.828 167.659 227.365 168.578 227.736C169.038 227.921 169.406 228.065 169.675 228.168C169.809 228.22 169.919 228.261 170.002 228.293C170.044 228.309 170.08 228.322 170.109 228.333C170.123 228.338 170.136 228.343 170.147 228.347C170.153 228.349 170.16 228.352 170.163 228.353C170.17 228.355 170.176 228.357 174.823 215.682ZM111.391 75.9674C118.596 55.8511 137.372 33.9214 170.517 28.6833C204.135 23.3705 255.531 34.7533 328.106 88.801L344.233 67.1462C268.876 11.0269 210.14 -4.91361 166.303 2.01428C121.993 9.01681 95.9904 38.8917 85.9724 66.8638L111.391 75.9674ZM328.475 89.0659C398.364 137.549 474.018 153.163 607.307 133.96L603.457 107.236C474.34 125.837 406.316 110.204 343.864 66.8813L328.475 89.0659Z"
                   fill="currentColor"
-                  className="fill-secondary-content"
+                  className="fill-secondary"
                 />
                 <path
                   d="M17.863 238.22C10.4785 237.191 3.6581 242.344 2.62917 249.728C1.60024 257.113 6.75246 263.933 14.137 264.962L17.863 238.22ZM117.548 265.74L119.421 252.371L119.411 252.37L117.548 265.74ZM120.011 466.653L132.605 471.516L132.747 471.147L132.868 470.771L120.011 466.653ZM285.991 553.767C291.813 549.109 292.756 540.613 288.098 534.792L212.193 439.92C207.536 434.098 199.04 433.154 193.218 437.812C187.396 442.47 186.453 450.965 191.111 456.787L258.582 541.118L174.251 608.589C168.429 613.247 167.486 621.742 172.143 627.564C176.801 633.386 185.297 634.329 191.119 629.672L285.991 553.767ZM14.137 264.962L115.685 279.111L119.411 252.37L17.863 238.22L14.137 264.962ZM115.675 279.11C124.838 280.393 137.255 284.582 145.467 291.97C149.386 295.495 152.093 299.505 153.39 304.121C154.673 308.691 154.864 314.873 152.117 323.271L177.779 331.665C181.924 318.993 182.328 307.301 179.383 296.818C176.451 286.381 170.485 278.159 163.524 271.897C149.977 259.71 131.801 254.105 119.421 252.371L115.675 279.11ZM152.117 323.271C138.318 365.454 116.39 433.697 107.154 462.535L132.868 470.771C142.103 441.936 164.009 373.762 177.779 331.665L152.117 323.271ZM107.417 461.79C103.048 473.105 100.107 491.199 107.229 508.197C114.878 526.454 132.585 539.935 162.404 543.488L165.599 516.678C143.043 513.99 135.175 505.027 132.132 497.764C128.562 489.244 129.814 478.743 132.605 471.516L107.417 461.79ZM162.404 543.488C214.816 549.734 260.003 554.859 276.067 556.643L279.047 529.808C263.054 528.032 217.939 522.915 165.599 516.678L162.404 543.488Z"
                   fill="currentColor"
-                  className="fill-secondary"
+                  className="fill-secondary-content"
                 />
                 <path
                   d="M229.298 165.61C225.217 159.371 216.85 157.621 210.61 161.702C204.371 165.783 202.621 174.15 206.702 180.39L229.298 165.61ZM703.921 410.871C711.364 410.433 717.042 404.045 716.605 396.602L709.47 275.311C709.032 267.868 702.643 262.189 695.2 262.627C687.757 263.065 682.079 269.454 682.516 276.897L688.858 384.71L581.045 391.052C573.602 391.49 567.923 397.879 568.361 405.322C568.799 412.765 575.187 418.444 582.63 418.006L703.921 410.871ZM206.702 180.39C239.898 231.14 343.567 329.577 496.595 322.758L495.394 295.785C354.802 302.049 259.09 211.158 229.298 165.61L206.702 180.39ZM496.595 322.758C567.523 319.598 610.272 335.61 637.959 353.957C651.944 363.225 662.493 373.355 671.17 382.695C675.584 387.447 679.351 391.81 683.115 396.047C686.719 400.103 690.432 404.172 694.159 407.484L712.097 387.304C709.691 385.166 706.92 382.189 703.298 378.113C699.837 374.217 695.636 369.362 690.951 364.319C681.43 354.07 669.255 342.306 652.874 331.451C619.829 309.553 571.276 292.404 495.394 295.785L496.595 322.758Z"
                   fill="currentColor"
-                  className="fill-accent"
+                  className="fill-primary"
                 />
               </svg>
             </div>
@@ -162,12 +162,12 @@ sidebar_position: 2
                 <path
                   d="M0.990203 279.321C-1.11035 287.334 3.68307 295.534 11.6966 297.634L142.285 331.865C150.298 333.965 158.497 329.172 160.598 321.158C162.699 313.145 157.905 304.946 149.892 302.845L33.8132 272.418L64.2403 156.339C66.3409 148.326 61.5475 140.127 53.5339 138.026C45.5204 135.926 37.3213 140.719 35.2207 148.733L0.990203 279.321ZM424.31 252.289C431.581 256.26 440.694 253.585 444.664 246.314C448.635 239.044 445.961 229.931 438.69 225.96L424.31 252.289ZM23.0706 296.074C72.7581 267.025 123.056 230.059 187.043 212.864C249.583 196.057 325.63 198.393 424.31 252.289L438.69 225.96C333.77 168.656 249.817 164.929 179.257 183.892C110.144 202.465 54.2419 243.099 7.92943 270.175L23.0706 296.074Z"
                   fill="currentColor"
-                  className="fill-secondary"
+                  className="fill-primary"
                 />
                 <path
                   d="M451.609 382.417C446.219 388.708 446.95 398.178 453.241 403.567L555.763 491.398C562.054 496.788 571.524 496.057 576.913 489.766C582.303 483.474 581.572 474.005 575.281 468.615L484.15 390.544L562.222 299.413C567.612 293.122 566.881 283.652 560.59 278.263C554.299 272.873 544.829 273.604 539.44 279.895L451.609 382.417ZM837.202 559.655C841.706 566.608 850.994 568.593 857.947 564.09C864.9 559.586 866.885 550.298 862.381 543.345L837.202 559.655ZM464.154 407.131C508.387 403.718 570.802 395.25 638.136 410.928C704.591 426.401 776.318 465.66 837.202 559.655L862.381 543.345C797.144 442.631 718.724 398.89 644.939 381.709C572.033 364.734 504.114 373.958 461.846 377.22L464.154 407.131Z"
                   fill="currentColor"
-                  className="fill-accent"
+                  className="fill-secondary"
                 />
                 <path
                   d="M447.448 0.194357C439.203 -0.605554 431.87 5.43034 431.07 13.6759L418.035 148.045C417.235 156.291 423.271 163.623 431.516 164.423C439.762 165.223 447.095 159.187 447.895 150.942L459.482 31.5025L578.921 43.0895C587.166 43.8894 594.499 37.8535 595.299 29.6079C596.099 21.3624 590.063 14.0296 581.818 13.2297L447.448 0.194357ZM1086.03 431.727C1089.68 439.166 1098.66 442.239 1106.1 438.593C1113.54 434.946 1116.62 425.96 1112.97 418.521L1086.03 431.727ZM434.419 24.6572C449.463 42.934 474.586 81.0463 521.375 116.908C568.556 153.07 637.546 187.063 742.018 200.993L745.982 171.256C646.454 157.985 582.444 125.917 539.625 93.0974C496.414 59.978 474.537 26.1903 457.581 5.59138L434.419 24.6572ZM742.018 200.993C939.862 227.372 1054.15 366.703 1086.03 431.727L1112.97 418.521C1077.85 346.879 956.138 199.277 745.982 171.256L742.018 200.993Z"

Documentation/docs/components/hero sections/GradientBackground.md

@@ -24,7 +24,7 @@ sidebar_position: 2
           <div className="max-w-[85rem] mx-auto px-4 sm:px-6 lg:px-8 py-10 lg:py-16">
             <div className="max-w-2xl text-center mx-auto">
               <p className="inline-block text-sm font-medium bg-clip-text bg-gradient-to-l from-secondary-content to-neutral text-transparent">
-                Preline: A vision for 2023
+                FastPocket: A vision for 2024
               </p>
 
               {/* <!-- Title --> */}
@@ -37,7 +37,7 @@ sidebar_position: 2
 
               <div className="mt-5 max-w-3xl">
                 <p className="text-lg text-secondary-content">
-                  Preline UI is an open-source set of prebuilt UI components,
+                  FastPocket UI is an open-source set of prebuilt UI components,
                   ready-to-use examples and Figma design system based on the
                   utility-first Tailwind CSS framework.
                 </p>
@@ -98,7 +98,7 @@ sidebar_position: 2
                       fill="#1ABCFE"
                     ></path>
                   </svg>
-                  Preline Figma
+                  FastPocket Figma
                 </a>
               </div>
               {/* <!-- End Buttons --> */}

Documentation/docs/components/hero sections/SquaredBackgroundElement.md

@@ -44,14 +44,14 @@ sidebar_position: 2
           {/* <!-- Title --> */}
           <div className="mt-5 max-w-xl text-center mx-auto">
             <h1 className="block font-bold text-secondary-content text-4xl md:text-5xl lg:text-6xl">
-              Supercharged Preline Experience
+              Supercharged FastPocket Experience
             </h1>
           </div>
           {/* <!-- End Title --> */}
 
           <div className="mt-5 max-w-3xl text-center mx-auto">
             <p className="text-lg text-base-content">
-              Preline is a large open-source project, crafted with Tailwind CSS
+              FastPocket is a large open-source project, crafted with Tailwind CSS
               framework by Hmlstream.
             </p>
           </div>

Documentation/docs/components/mansury sections/CardsOnImages.md

@@ -96,7 +96,7 @@ sidebar_position: 2
               </div>
               <div className="absolute bottom-0 start-0 end-0 p-2 sm:p-4">
                 <div className="text-sm font-bold text-secondary-content rounded-lg bg-base-100 p-4 md:text-xl">
-                  Data at Preline
+                  Data at FastPocket
                 </div>
               </div>
             </a>

Documentation/docs/components/testemonials/BigImage.md

@@ -110,7 +110,7 @@ sidebar_position: 2
                 </p>
 
                 <p className="text-xl font-medium italic text-secondary-content md:text-2xl md:leading-normal xl:text-3xl xl:leading-normal">
-                  To say that switching to Preline has been life-changing is an
+                  To say that switching to FastPocket has been life-changing is an
                   understatement. My business has tripled and I got my life
                   back.
                 </p>

Documentation/docs/components/testemonials/CardsWithStatsInADarkBackground.md

@@ -188,17 +188,17 @@ sidebar_position: 2
               <path
                 d="M0.990203 279.321C-1.11035 287.334 3.68307 295.534 11.6966 297.634L142.285 331.865C150.298 333.965 158.497 329.172 160.598 321.158C162.699 313.145 157.905 304.946 149.892 302.845L33.8132 272.418L64.2403 156.339C66.3409 148.326 61.5475 140.127 53.5339 138.026C45.5204 135.926 37.3213 140.719 35.2207 148.733L0.990203 279.321ZM424.31 252.289C431.581 256.26 440.694 253.585 444.664 246.314C448.635 239.044 445.961 229.931 438.69 225.96L424.31 252.289ZM23.0706 296.074C72.7581 267.025 123.056 230.059 187.043 212.864C249.583 196.057 325.63 198.393 424.31 252.289L438.69 225.96C333.77 168.656 249.817 164.929 179.257 183.892C110.144 202.465 54.2419 243.099 7.92943 270.175L23.0706 296.074Z"
                 fill="currentColor"
-                className="fill-orange-500"
+                className="fill-primary"
               />
               <path
                 d="M451.609 382.417C446.219 388.708 446.95 398.178 453.241 403.567L555.763 491.398C562.054 496.788 571.524 496.057 576.913 489.766C582.303 483.474 581.572 474.005 575.281 468.615L484.15 390.544L562.222 299.413C567.612 293.122 566.881 283.652 560.59 278.263C554.299 272.873 544.829 273.604 539.44 279.895L451.609 382.417ZM837.202 559.655C841.706 566.608 850.994 568.593 857.947 564.09C864.9 559.586 866.885 550.298 862.381 543.345L837.202 559.655ZM464.154 407.131C508.387 403.718 570.802 395.25 638.136 410.928C704.591 426.401 776.318 465.66 837.202 559.655L862.381 543.345C797.144 442.631 718.724 398.89 644.939 381.709C572.033 364.734 504.114 373.958 461.846 377.22L464.154 407.131Z"
                 fill="currentColor"
-                className="fill-cyan-500"
+                className="fill-secondary-content"
               />
               <path
                 d="M447.448 0.194357C439.203 -0.605554 431.87 5.43034 431.07 13.6759L418.035 148.045C417.235 156.291 423.271 163.623 431.516 164.423C439.762 165.223 447.095 159.187 447.895 150.942L459.482 31.5025L578.921 43.0895C587.166 43.8894 594.499 37.8535 595.299 29.6079C596.099 21.3624 590.063 14.0296 581.818 13.2297L447.448 0.194357ZM1086.03 431.727C1089.68 439.166 1098.66 442.239 1106.1 438.593C1113.54 434.946 1116.62 425.96 1112.97 418.521L1086.03 431.727ZM434.419 24.6572C449.463 42.934 474.586 81.0463 521.375 116.908C568.556 153.07 637.546 187.063 742.018 200.993L745.982 171.256C646.454 157.985 582.444 125.917 539.625 93.0974C496.414 59.978 474.537 26.1903 457.581 5.59138L434.419 24.6572ZM742.018 200.993C939.862 227.372 1054.15 366.703 1086.03 431.727L1112.97 418.521C1077.85 346.879 956.138 199.277 745.982 171.256L742.018 200.993Z"
                 fill="currentColor"
-                className="fill-white"
+                className="fill-secondary"
               />
             </svg>
           </div>

Documentation/docs/components/testemonials/SmallImage.md

@@ -45,7 +45,7 @@ sidebar_position: 2
                 </svg>
 
                 <p className="text-xl font-medium text-secondary-content lg:text-2xl lg:leading-normal">
-                  To say that switching to Preline has been life-changing is an
+                  To say that switching to FastPocket has been life-changing is an
                   understatement. My business has tripled and I got my life
                   back.
                 </p>

Frontend/app/page.tsx

@@ -14,6 +14,7 @@ import VerticalTabsFeature from "@/sections/Features/VerticalTabsFeature";
 
 import { Metadata } from "next";
 import Head from "next/head";
+import Teste from "@/sections/Testing/Teste";
 
 export const metadata: Metadata = {
   title: "Pocketbase, Stripe, Next.js, Boilerplate | FastPocket",
@@ -67,6 +68,11 @@ export default function Home() {
   return (
     <>
       <PageWrapper>
+        <SquaredBackgroundHero />
+
+        <Teste/>
+
+
         <SquaredBackgroundHero />
         <VerticalTabsFeature />
         <div className="bg-primary/2">

Frontend/components/PriceCard.tsx

@@ -69,7 +69,7 @@ export default function PriceCard({
           {!loading && (
             <p className="absolute top-[-10px] left-[50%] -translate-x-1/2 font-architects-daughter text-sm text-primary text-center">
               $30 off for the first 5 customers{" "}
-              <span className="text-secondary">(4 left)</span>
+              <span className="text-secondary">(3 left)</span>
             </p>
           )}
 

Frontend/sections/Features/ContainerImageIconBlocksFeature.tsx

@@ -90,7 +90,7 @@ function ContainerImageIconBlocksFeature() {
                   <p className="mt-1 text-base-content/80 ">
                     FastPocket includes components to help you get styling your
                     codebase really quickly. We use TailwindCSS, DaisyUI and
-                    Modified Preline components in order to fit the look and
+                    Modified FastPocket components in order to fit the look and
                     feel of your brand
                   </p>
                 </div>

Frontend/sections/Testing/Teste.tsx

@@ -0,0 +1,216 @@
+function Teste() {
+    return (
+        
+<>
+      {/* <!-- Card Blog --> */}
+      <div className="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
+        {/* <!-- Grid --> */}
+        <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
+          {/* <!-- Card --> */}
+          <div className="group flex flex-col h-full bg-base-100 border border-base-200 shadow-sm rounded-xl">
+            <div className="h-52 flex flex-col justify-center items-center bg-primary rounded-t-xl">
+              <svg
+                className="size-28"
+                width="56"
+                height="56"
+                viewBox="0 0 56 56"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <rect width="56" height="56" rx="10" fill="base-100" />
+                <path
+                  d="M20.2819 26.7478C20.1304 26.5495 19.9068 26.4194 19.6599 26.386C19.4131 26.3527 19.1631 26.4188 18.9647 26.5698C18.848 26.6622 18.7538 26.78 18.6894 26.9144L10.6019 43.1439C10.4874 43.3739 10.4686 43.6401 10.5496 43.884C10.6307 44.1279 10.805 44.3295 11.0342 44.4446C11.1681 44.5126 11.3163 44.5478 11.4664 44.5473H22.7343C22.9148 44.5519 23.0927 44.5037 23.2462 44.4084C23.3998 44.3132 23.5223 44.1751 23.5988 44.011C26.0307 38.9724 24.5566 31.3118 20.2819 26.7478Z"
+                  fill="url(#paint0_linear_2204_541)"
+                />
+                <path
+                  d="M28.2171 11.9791C26.201 15.0912 25.026 18.6755 24.8074 22.3805C24.5889 26.0854 25.3342 29.7837 26.9704 33.1126L32.403 44.0113C32.4833 44.1724 32.6067 44.3079 32.7593 44.4026C32.912 44.4973 33.088 44.5475 33.2675 44.5476H44.5331C44.6602 44.5479 44.7861 44.523 44.9035 44.4743C45.0209 44.4257 45.1276 44.3543 45.2175 44.2642C45.3073 44.1741 45.3785 44.067 45.427 43.9492C45.4755 43.8314 45.5003 43.7052 45.5 43.5777C45.5001 43.4274 45.4659 43.2791 45.3999 43.1441L29.8619 11.9746C29.7881 11.8184 29.6717 11.6864 29.5261 11.594C29.3805 11.5016 29.2118 11.4525 29.0395 11.4525C28.8672 11.4525 28.6984 11.5016 28.5529 11.594C28.4073 11.6864 28.2908 11.8184 28.2171 11.9746V11.9791Z"
+                  fill="#2684FF"
+                />
+                <defs>
+                  <linearGradient
+                    id="paint0_linear_2204_541"
+                    x1="24.734"
+                    y1="29.2284"
+                    x2="16.1543"
+                    y2="44.0429"
+                    gradientUnits="userSpaceOnUse"
+                  >
+                    <stop stop-color="#0052CC" />
+                    <stop offset="0.92" stop-color="#2684FF" />
+                  </linearGradient>
+                </defs>
+              </svg>
+            </div>
+            <div className="p-4 md:p-6">
+              <span className="block mb-1 text-xs font-semibold uppercase text-primary dark:text-primary">
+                Atlassian API
+              </span>
+              <h3 className="text-xl font-semibold text-secondary-content">
+                Atlassian
+              </h3>
+              <p className="mt-3 text-secondary-content">
+                A software that develops products for software developers and
+                developments.
+              </p>
+            </div>
+            <div className="mt-auto flex border-t border-base-200 divide-x divide-base-200">
+              <a
+                className="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-es-xl bg-base-100 text-secondary-content shadow-sm hover:bg-base-300 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1"
+                href="#"
+              >
+                View sample
+              </a>
+              <a
+                className="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-ee-xl bg-base-100 text-secondary-content shadow-sm hover:bg-base-300 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1"
+                href="#"
+              >
+                View API
+              </a>
+            </div>
+          </div>
+          {/* <!-- End Card --> */}
+
+          {/* <!-- Card --> */}
+          <div className="group flex flex-col h-full bg-base-100 border border-base-200 shadow-sm rounded-xl">
+            <div className="h-52 flex flex-col justify-center items-center bg-rose-500 rounded-t-xl">
+              <svg
+                className="size-28"
+                width="56"
+                height="56"
+                viewBox="0 0 56 56"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <rect width="56" height="56" rx="10" fill="base-100" />
+                <g clip-path="url(#clip0_2204_541)">
+                  <path
+                    d="M37.0409 28.8697C33.1968 28.8697 30.0811 31.9854 30.0811 35.8288C30.0811 39.6726 33.1968 42.789 37.0409 42.789C40.8843 42.789 44 39.6726 44 35.8288C44 31.9854 40.8843 28.8697 37.0409 28.8697ZM18.9594 28.8701C15.116 28.8704 12 31.9854 12 35.8292C12 39.6726 15.116 42.7886 18.9594 42.7886C22.8032 42.7886 25.9192 39.6726 25.9192 35.8292C25.9192 31.9854 22.8032 28.8701 18.9591 28.8701H18.9594ZM34.9595 20.1704C34.9595 24.0138 31.8438 27.1305 28.0004 27.1305C24.1563 27.1305 21.0406 24.0138 21.0406 20.1704C21.0406 16.3269 24.1563 13.2109 28.0003 13.2109C31.8438 13.2109 34.9591 16.3269 34.9591 20.1704H34.9595Z"
+                    fill="url(#paint0_radial_2204_541)"
+                  />
+                </g>
+                <defs>
+                  <radialGradient
+                    id="paint0_radial_2204_541"
+                    cx="0"
+                    cy="0"
+                    r="1"
+                    gradientUnits="userSpaceOnUse"
+                    gradientTransform="translate(28.0043 29.3944) scale(21.216 19.6102)"
+                  >
+                    <stop stop-color="#FFB900" />
+                    <stop offset="0.6" stop-color="#F95D8F" />
+                    <stop offset="0.999" stop-color="#F95353" />
+                  </radialGradient>
+                  <clipPath id="clip0_2204_541">
+                    <rect
+                      width="32"
+                      height="29.5808"
+                      fill="base-100"
+                      transform="translate(12 13.2096)"
+                    />
+                  </clipPath>
+                </defs>
+              </svg>
+            </div>
+            <div className="p-4 md:p-6">
+              <span className="block mb-1 text-xs font-semibold uppercase text-rose-600 dark:text-rose-500">
+                Asana API
+              </span>
+              <h3 className="text-xl font-semibold text-secondary-content">
+                Asana
+              </h3>
+              <p className="mt-3 text-secondary-content">
+                Track tasks and projects, use agile boards, measure progress.
+              </p>
+            </div>
+            <div className="mt-auto flex border-t border-base-200 divide-x divide-base-200">
+              <a
+                className="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-es-xl bg-base-100 text-secondary-content shadow-sm hover:bg-base-300 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1"
+                href="#"
+              >
+                View sample
+              </a>
+              <a
+                className="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-ee-xl bg-base-100 text-secondary-content shadow-sm hover:bg-base-300 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1"
+                href="#"
+              >
+                View API
+              </a>
+            </div>
+          </div>
+          {/* <!-- End Card --> */}
+
+          {/* <!-- Card --> */}
+          <div className="group flex flex-col h-full bg-base-100 border border-base-200 shadow-sm rounded-xl">
+            <div className="h-52 flex flex-col justify-center items-center bg-secondary rounded-t-xl">
+              <svg
+                className="size-28"
+                width="56"
+                height="56"
+                viewBox="0 0 56 56"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <rect width="56" height="56" rx="10" fill="base-100" />
+                <path
+                  fill-rule="evenodd"
+                  clip-rule="evenodd"
+                  d="M23.7326 11.968C21.9637 11.9693 20.5321 13.4049 20.5334 15.1738C20.5321 16.9427 21.965 18.3782 23.7339 18.3795H26.9345V15.1751C26.9358 13.4062 25.5029 11.9706 23.7326 11.968C23.7339 11.968 23.7339 11.968 23.7326 11.968M23.7326 20.5184H15.2005C13.4316 20.5197 11.9987 21.9553 12 23.7242C11.9974 25.4931 13.4303 26.9286 15.1992 26.9312H23.7326C25.5016 26.9299 26.9345 25.4944 26.9332 23.7255C26.9345 21.9553 25.5016 20.5197 23.7326 20.5184V20.5184Z"
+                  fill="#36C5F0"
+                />
+                <path
+                  fill-rule="evenodd"
+                  clip-rule="evenodd"
+                  d="M44.0001 23.7242C44.0014 21.9553 42.5684 20.5197 40.7995 20.5184C39.0306 20.5197 37.5977 21.9553 37.599 23.7242V26.9312H40.7995C42.5684 26.9299 44.0014 25.4944 44.0001 23.7242ZM35.4666 23.7242V15.1738C35.4679 13.4062 34.0363 11.9706 32.2674 11.968C30.4985 11.9693 29.0656 13.4049 29.0669 15.1738V23.7242C29.0643 25.4931 30.4972 26.9286 32.2661 26.9312C34.035 26.9299 35.4679 25.4944 35.4666 23.7242Z"
+                  fill="#2EB67D"
+                />
+                <path
+                  fill-rule="evenodd"
+                  clip-rule="evenodd"
+                  d="M32.2661 44.0322C34.035 44.0309 35.4679 42.5953 35.4666 40.8264C35.4679 39.0575 34.035 37.622 32.2661 37.6207H29.0656V40.8264C29.0642 42.594 30.4972 44.0295 32.2661 44.0322ZM32.2661 35.4804H40.7995C42.5684 35.4791 44.0013 34.0436 44 32.2747C44.0026 30.5058 42.5697 29.0702 40.8008 29.0676H32.2674C30.4985 29.0689 29.0656 30.5045 29.0669 32.2734C29.0656 34.0436 30.4972 35.4791 32.2661 35.4804V35.4804Z"
+                  fill="#ECB22E"
+                />
+                <path
+                  fill-rule="evenodd"
+                  clip-rule="evenodd"
+                  d="M12 32.2746C11.9987 34.0435 13.4316 35.479 15.2005 35.4804C16.9694 35.479 18.4024 34.0435 18.401 32.2746V29.0688H15.2005C13.4316 29.0702 11.9987 30.5057 12 32.2746ZM20.5334 32.2746V40.825C20.5308 42.5939 21.9637 44.0295 23.7326 44.0321C25.5016 44.0308 26.9345 42.5952 26.9332 40.8263V32.2772C26.9358 30.5083 25.5029 29.0728 23.7339 29.0702C21.9637 29.0702 20.5321 30.5057 20.5334 32.2746C20.5334 32.2759 20.5334 32.2746 20.5334 32.2746Z"
+                  fill="#E01E5A"
+                />
+              </svg>
+            </div>
+            <div className="p-4 md:p-6">
+              <span className="block mb-1 text-xs font-semibold uppercase text-secondary">
+                Slack API
+              </span>
+              <h3 className="text-xl font-semibold text-secondary-content">
+                Slack
+              </h3>
+              <p className="mt-3 text-secondary-content">
+                Email collaboration and email service desk made easy.
+              </p>
+            </div>
+            <div className="mt-auto flex border-t border-base-200 divide-x divide-base-200">
+              <a
+                className="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-es-xl bg-base-100 text-secondary-content shadow-sm hover:bg-base-300 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1"
+                href="#"
+              >
+                View sample
+              </a>
+              <a
+                className="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-ee-xl bg-base-100 text-secondary-content shadow-sm hover:bg-base-300 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1"
+                href="#"
+              >
+                View API
+              </a>
+            </div>
+          </div>
+          {/* <!-- End Card --> */}
+        </div>
+        {/* <!-- End Grid --> */}
+      </div>
+      {/* <!-- End Card Blog --> */}
+    </>
+    )
+}
+
+export default Teste

node_modules/.yarn-integrity

@@ -0,0 +1,10 @@
+{
+  "systemParams": "win32-x64-115",
+  "modulesFolders": [],
+  "flags": [],
+  "linkedModules": [],
+  "topLevelPatterns": [],
+  "lockfileEntries": {},
+  "files": [],
+  "artifacts": {}
+}

yarn.lock

@@ -0,0 +1,4 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+