diff --git a/CONTRIBUTE.md b/CONTRIBUTE.md
new file mode 100644
index 000000000..872b990ac
--- /dev/null
+++ b/CONTRIBUTE.md
@@ -0,0 +1,141 @@
+# Contribute
+
+Tailwind Elements is a community-driven, open source project. We welcome your support & contributions.
+
+---
+
+- [Start here](#start-here)
+  - [Start with sharing your feedback](#start-with-sharing-your-feedback)
+  - [Vote on the roadmap](#vote-on-the-roadmap)
+  - [Spread the word](#spread-the-word)
+- [Help us improve](#help-us-improve)
+  - [Propose new features](#propose-new-features)
+  - [Report bugs](#report-bugs)
+  - [Ask questions](#ask-questions)
+  - [Help others](#help-others)
+- [Open a Pull Request](#open-a-pull-request)
+  - [Package contributions](#package-contributions)
+  - [Documentation contributions](#documentation-contributions)
+
+---
+
+## Start here
+
+There is a few very basic ways you can support the project, even if you don't have the time to contribute code.
+
+### Start with sharing your feedback
+
+The easiest way to contribute is to simply share your thoughts on the project :)
+
+**[GIVE FEEDBACK ❤️](https://github.com/mdbootstrap/Tailwind-Elements/discussions/categories/kind-words-general-feedback)**
+
+### Vote on the roadmap
+
+Help the core team make **crucial decisions** regarding Tailwind Elements development.
+
+You can have a real impact on the future of this project!
+
+**[VOTE NOW 🗳](https://github.com/mdbootstrap/Tailwind-Elements/discussions/categories/vote-in-polls)**
+
+### Spread the word
+
+Another great way to support the project is to **share it with your friends** & work colleagues. Every share counts, thank you!
+
+- [Share via Dev.to](<https://dev.to/new?prefill=---%0Atitle%3A%20500+%20open-source%20components%20for%20TailwindCSS%20%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20[![Tailwind%20components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)%20%20%20%20%20%20%20%20\n%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20I%27d%20like%20to%20share%20my%20latest%20discovery%20with%20you.%20\n%20%20%20%20%20%20%20%20[Tailwind%20Elements](https://tailwind-elements.com/)%20is%20currently,%20the%20most%20popular%203rd%20party%20UI%20kit%20for%20TailwindCSS%20with%20over%2010k%20Github%20stars.%20%20%20%20%20%20%20%20[![GitHub%20Repo%20stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)%20%20%20%20%20%20%20%20It%27s%20a%20**huge%20collection%20of%20stunning%20components**%20made%20with%20attention%20to%20the%20smallest%20detail.%20%20%20%20%20%20%20%20%20Forms,%20cards,%20buttons,%20and%20hundreds%20of%20others.%20%20%20%20%20%20%20%20%20All%20components%20have%20**dark%20mode**%20and%20very%20intuitive%20**theming%20options**.%20%20%20%20%20%20%20%20The%20project%20is%20supported%20by%20an%20[engaged%20community%20on%20GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions),%20I%20recommend%20you%20check%20it%20out%20and%20join%20one%20of%20the%20many%20discussions.%20%20%20%20%20%20%20%20\n%20%20%20%20%20%20%20%20You%20will%20find%20installation%20instructions%20[here](https://tailwind-elements.com/docs/getting-started/installation),%20and%20you%20can%20track%20the%20progress%20of%20the%20project%20live%20%20%20%20%20%20%20%20%20[here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).%20%20%20%20%20%20%20%20\n%20%20%20%20%20%20%20%20The%20project%20was%20kickstarted%20by%20@MDBootstrap,%20a%20group%20of%20open-source%20developers%20behind%20[MDB%20UI%20Kit](https://github.com/mdbootstrap/mdb-ui-kit)%20-%20a%20high-quality%20UI%20kit%20for%20Bootstrap,%20and%20also%20behind%20[MDB%20GO](https://mdbgo.com/)%20-%20hosting%20and%20deployment%20platform.%20%20%20%20%20%20%20%20\n%20%20%20%20%20%20%20%20I%20highly%20recommend%20you%20to%20check%20it%20out!%20%20%20%20%20%20%20%20\n%20%20%20%20%20%20%20%20%7B%25%20link%20mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh%20%25%7D%20%20%20%20%20%20%20%20\n>)
+- [Share via Twitter](https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20)
+- [Share via Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com)
+- [Share via LinkedIn](http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS)
+- [Share via Pinterest](https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements)
+- [Share via Reddit](https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS)
+- [Share via StumbleUpon](https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS)
+- [Share via Vkontakte](https://vk.com/share.php?url=https://tailwind-elements.com/)
+- [Share via Weibo](https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS)
+- [Share via Hackernews](https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS)
+- [Share via Gmail](https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI%27m%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt%27s%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D)
+- [Share via email](mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C)
+
+---
+
+## Help us improve
+
+Here is a few ways you could help us make the project better.
+
+### Propose new features
+
+To propose a new feature or some other cool idea, post it on our feature request board.
+
+It allows users to upvote the best ideas & helps the core team prioritize the requests.
+
+**[REQUEST A FEATURE 💡](https://github.com/mdbootstrap/Tailwind-Elements/discussions/categories/share-ideas-request-features)**
+
+### Report bugs
+
+If you found a bug & don't know how to fix it, let us know!
+
+The best way to do this is by creating an issue in our repository and describing wrong behavior of component (or whatever buggy you saw).
+
+**[CREATE ISSUE 🐛](https://github.com/mdbootstrap/Tailwind-Elements/issues)**
+
+### Ask questions
+
+Not sure how to achieve something specific? Or maybe you need someone to explain something in more detail?
+
+If you just can't figure something out, but it's not exactly a bug, make sure to ask for help from our community.
+
+**[ASK COMMUNITY 🙋](https://github.com/mdbootstrap/Tailwind-Elements/discussions/categories/support-from-community)**
+
+### Help others
+
+One of the best ways to support the project is to **find an issue or a question that you are able to help with**.
+
+Important: if someone is assigned to an issue, it means that they are already working on it, find another one ;)
+
+**[SEE SUPPORT QUESTIONS 🙋](https://github.com/mdbootstrap/Tailwind-Elements/discussions/categories/support-from-community)**
+
+**[SEE ISSUES 🐛](https://github.com/mdbootstrap/Tailwind-Elements/issues)**
+
+---
+
+## Open a Pull Request
+
+**Ask first** before starting work on any significant new features. It's never a fun experience to have your pull request declined after investing a lot of time and effort. To avoid this from happening, we ask you to **create an issue or a feature request first**, to discuss any significant new features.
+
+**Keep your pull requests small** to give a PR the best chance of getting accepted. Don't bundle more than one feature or bug fix per pull request. It's always best to create two smaller PRs than one big one.
+
+### Package contributions
+
+- Fork our repository
+- The latest dev version of the package is always published on the active branch, named after the version, i.e. `v1.0.0-beta2`.
+- In most cases you should start by switching to the active branch, and creating your own branch from it.
+- Open the forked repo and run `npm install` in the root of the project
+- Run `npm start` in the root of the project to start a demo for testing
+- Prepare your changes. You should add them in one of the following directories:
+  - `./src/js/` - source JavaScript
+  - `./src/scss/` - source SCSS
+  - `./src/js/plugin.js` - plugin customization options
+  - `./demo/` - demo HTML pages
+- After making changes, issue a Pull Request to the active branch.
+- We work on feature branches, so it's **1 branch per feature** / per fix, which also means **1 PR per feature** / per fix.
+- The name of the branch should be a descriptive name of the feature that it introduces, in **kebab case**. For example: `fix-input-dark-mode`.
+- Name of the Pull Request consistent with the name of the branch. For example: `Fix input dark mode`.
+
+**[SUMBIT A PULL REQUEST 💪](https://github.com/mdbootstrap/Tailwind-Elements/pulls)**
+
+### Documentation contributions
+
+- Fork our repository
+- The latest docs version is always published on the docs branch, simply named `docs`.
+- In most cases you should start by switching to the docs branch, and creating your own branch from it.
+- Open the forked repo and run `npm run docs:install` in the root of the project
+- Run `npm run docs:start` in the root of the project to start a demo for testing
+- Prepare your changes. You should add them in one of the following directories:
+  - `./site/content/docs/standard/` - documentation pages
+  - `./site/layouts/docs/` - documentation templates
+- After making changes, create a Pull Request to the `docs` branch.
+- We work on feature branches, so it's **1 branch per feature\* / per fix, which also means **1 PR per feature\*\* / per fix.
+- The name of the branch should be a descriptive name of the feature that it introduces, in kebab case. For example: `fix-typo-in-datepicker`.
+- Name of the Pull Request consistent with the name of the branch. For example: `Fix typo in Datepicker documentation`.
+
+**[SUMBIT A PULL REQUEST 💪](https://github.com/mdbootstrap/Tailwind-Elements/pulls)**
+
+In case you have any questions about contributions you can ask at tailwind@mdbootstrap.com
diff --git a/README.md b/README.md
index 63020da81..1d660ae92 100644
--- a/README.md
+++ b/README.md
@@ -685,7 +685,7 @@ module.exports = {
 Alternatively, you can import it in the following way (bundler version):
 
 ```
-import 'tw-elements';
+import * as te from 'tw-elements';
 ```
 
 ##### MDB GO / CLI
@@ -740,14 +740,18 @@ Add the stylesheet files below in the _head_ section:
 <script src="https://cdn.tailwindcss.com"></script>
 <script>
   tailwind.config = {
+    darkMode: "class",
     theme: {
-      extend: {
-        fontFamily: {
-          sans: ['Roboto', 'sans-serif'],
-        },
-      }
-    }
-  }
+      fontFamily: {
+        sans: ["Roboto", "sans-serif"],
+        body: ["Roboto", "sans-serif"],
+        mono: ["ui-monospace", "monospace"],
+      },
+    },
+    corePlugins: {
+      preflight: false,
+    },
+  };
 </script>
 ```
 
diff --git a/demo/sites/components/stepper.html b/demo/sites/components/stepper.html
index 9b2ff6435..1e9729233 100644
--- a/demo/sites/components/stepper.html
+++ b/demo/sites/components/stepper.html
@@ -40,7 +40,7 @@
           class="w-[4.5rem] flex-auto">
           <div
             data-te-stepper-head-ref
-            class="after:w-100 flex cursor-pointer items-center pl-2 leading-[1.3rem] no-underline after:ml-2 after:h-px after:flex-1 after:bg-[#0000001a] after:content-[''] hover:bg-[#dbdbdb] focus:outline-none dark:hover:bg-neutral-600">
+            class="flex cursor-pointer items-center pl-2 leading-[1.3rem] no-underline after:ml-2 after:h-px after:w-full after:flex-1 after:bg-[#0000001a] after:content-[''] hover:bg-[#dbdbdb] focus:outline-none dark:hover:bg-neutral-600">
             <span
               data-te-stepper-head-icon-ref
               class="my-6 mx-2 flex h-6 w-6 items-center justify-center rounded-full bg-neutral-500 text-sm text-white">
@@ -54,7 +54,7 @@
           </div>
           <div
             data-te-stepper-content-ref
-            class="w-100 absolute p-4 transition-all duration-500 ease-in-out">
+            class="absolute w-full p-4 transition-all duration-500 ease-in-out">
             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
             eiusmod tempor incididunt ut labore et dolore magna aliqua.
           </div>
@@ -62,7 +62,7 @@
         <li data-te-stepper-step-ref class="w-[4.5rem] flex-auto">
           <div
             data-te-stepper-head-ref
-            class="before:w-100 after:w-100 flex cursor-pointer items-center leading-[1.3rem] no-underline before:mr-2 before:h-px before:flex-1 before:bg-[#0000001a] before:content-[''] after:ml-2 after:h-px after:flex-1 after:bg-[#0000001a] after:content-[''] hover:bg-[#dbdbdb] focus:outline-none dark:hover:bg-neutral-600">
+            class="flex cursor-pointer items-center leading-[1.3rem] no-underline before:mr-2 before:h-px before:w-full before:flex-1 before:bg-[#0000001a] before:content-[''] after:ml-2 after:h-px after:w-full after:flex-1 after:bg-[#0000001a] after:content-[''] hover:bg-[#dbdbdb] focus:outline-none dark:hover:bg-neutral-600">
             <span
               data-te-stepper-head-icon-ref
               class="my-6 mx-2 flex h-6 w-6 items-center justify-center rounded-full bg-neutral-500 text-sm text-white">
@@ -76,7 +76,7 @@
           </div>
           <div
             data-te-stepper-content-ref
-            class="w-100 absolute left-0 translate-x-[150%] p-4 transition-all duration-500 ease-in-out">
+            class="absolute left-0 w-full translate-x-[150%] p-4 transition-all duration-500 ease-in-out">
             Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
             nisi ut aliquip ex ea commodo consequat.
           </div>
@@ -84,7 +84,7 @@
         <li data-te-stepper-step-ref class="w-[4.5rem] flex-auto">
           <div
             data-te-stepper-head-ref
-            class="before:w-100 flex cursor-pointer items-center pr-2 leading-[1.3rem] no-underline before:mr-2 before:h-px before:flex-1 before:bg-[#0000001a] before:content-[''] hover:bg-[#dbdbdb] focus:outline-none dark:hover:bg-neutral-600">
+            class="flex cursor-pointer items-center pr-2 leading-[1.3rem] no-underline before:mr-2 before:h-px before:w-full before:flex-1 before:bg-[#0000001a] before:content-[''] hover:bg-[#dbdbdb] focus:outline-none dark:hover:bg-neutral-600">
             <span
               data-te-stepper-head-icon-ref
               class="my-6 mx-2 flex h-6 w-6 items-center justify-center rounded-full bg-neutral-500 text-sm text-white">
@@ -98,7 +98,7 @@
           </div>
           <div
             data-te-stepper-content-ref
-            class="w-100 absolute left-0 translate-x-[150%] p-4 transition-all duration-500 ease-in-out">
+            class="absolute left-0 w-full translate-x-[150%] p-4 transition-all duration-500 ease-in-out">
             Duis aute irure dolor in reprehenderit in voluptate velit esse
             cillum dolore eu fugiat nulla pariatur.
           </div>
diff --git a/demo/sites/forms/checkbox.html b/demo/sites/forms/checkbox.html
index 3cce74744..67bf1dedc 100644
--- a/demo/sites/forms/checkbox.html
+++ b/demo/sites/forms/checkbox.html
@@ -33,7 +33,7 @@ <h3 class="mb-4 text-3xl font-medium leading-tight text-red-600">
 
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 dark:border-neutral-600 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary dark:checked:border-primary checked:bg-primary dark:checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
           type="checkbox"
           value=""
           id="checkboxDefault" />
@@ -45,7 +45,7 @@ <h3 class="mb-4 text-3xl font-medium leading-tight text-red-600">
       </div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 dark:border-neutral-600 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary dark:checked:border-primary checked:bg-primary dark:checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
           type="checkbox"
           value=""
           id="checkboxChecked"
@@ -63,7 +63,7 @@ <h3 class="mt-12 mb-4 text-3xl font-medium leading-tight text-red-600">
 
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] indeterminate:border-primary indeterminate:bg-primary indeterminate:after:absolute indeterminate:after:ml-[0.2rem] indeterminate:after:mt-[6px] indeterminate:after:w-[0.5rem] indeterminate:after:border-[0.125rem] indeterminate:after:border-t-0 indeterminate:after:border-l-0 indeterminate:after:border-solid indeterminate:after:border-white hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 dark:border-neutral-600 outline-none before:pointer-events-none cursor-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary dark:checked:border-primary checked:bg-primary dark:checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] indeterminate:border-primary dark:indeterminate:border-primary indeterminate:bg-primary dark:indeterminate:bg-primary indeterminate:after:absolute indeterminate:after:ml-[0.2rem] indeterminate:after:mt-[6px] indeterminate:after:w-[0.5rem] indeterminate:after:border-[0.125rem] indeterminate:after:border-t-0 indeterminate:after:border-l-0 indeterminate:after:border-solid indeterminate:after:border-white hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
           type="checkbox"
           value=""
           id="flexCheckIndeterminate" />
@@ -80,7 +80,7 @@ <h3 class="mt-12 mb-4 text-3xl font-medium leading-tight text-red-600">
 
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60"
+          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 dark:border-neutral-600 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary dark:checked:border-primary checked:bg-primary dark:checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60"
           type="checkbox"
           value=""
           id="flexCheckDisabled"
@@ -93,7 +93,7 @@ <h3 class="mt-12 mb-4 text-3xl font-medium leading-tight text-red-600">
       </div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60"
+          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 dark:border-neutral-600 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary dark:checked:border-primary checked:bg-primary dark:checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60"
           type="checkbox"
           value=""
           id="flexCheckCheckedDisabled"
@@ -112,7 +112,7 @@ <h3 class="mt-12 mb-4 text-3xl font-medium leading-tight text-red-600">
 
       <div class="mb-[0.125rem] mr-4 inline-block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 dark:border-neutral-600 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary dark:checked:border-primary checked:bg-primary dark:checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
           type="checkbox"
           id="inlineCheckbox1"
           value="option1" />
@@ -124,7 +124,7 @@ <h3 class="mt-12 mb-4 text-3xl font-medium leading-tight text-red-600">
       </div>
       <div class="mb-[0.125rem] mr-4 inline-block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 dark:border-neutral-600 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary dark:checked:border-primary checked:bg-primary dark:checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
           type="checkbox"
           id="inlineCheckbox2"
           value="option2" />
@@ -136,7 +136,7 @@ <h3 class="mt-12 mb-4 text-3xl font-medium leading-tight text-red-600">
       </div>
       <div class="mb-[0.125rem] mr-4 inline-block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60"
+          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 dark:border-neutral-600 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary dark:checked:border-primary checked:bg-primary dark:checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60"
           type="checkbox"
           id="inlineCheckbox3"
           value="option3"
@@ -154,7 +154,7 @@ <h3 class="mt-12 mb-4 text-3xl font-medium leading-tight text-red-600">
 
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 dark:border-neutral-600 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary dark:checked:border-primary checked:bg-primary dark:checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
           type="checkbox"
           id="checkboxNoLabel"
           value=""
@@ -162,7 +162,7 @@ <h3 class="mt-12 mb-4 text-3xl font-medium leading-tight text-red-600">
       </div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 dark:border-neutral-600 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary dark:checked:border-primary checked:bg-primary dark:checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
           type="checkbox"
           id="checkboxCheckedNoLabel"
           value=""
diff --git a/demo/sites/forms/file-input.html b/demo/sites/forms/file-input.html
index ae94e7bc5..b7e1c8b78 100644
--- a/demo/sites/forms/file-input.html
+++ b/demo/sites/forms/file-input.html
@@ -38,7 +38,7 @@ <h3 class="mb-4 text-3xl font-medium leading-tight text-red-600">
           >Default file input example</label
         >
         <input
-          class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 bg-white bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 transition duration-300 ease-in-out file:-mx-3 file:-my-1.5 file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-1.5 file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:bg-white focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:bg-transparent dark:text-neutral-200 dark:focus:bg-transparent"
+          class="relative m-0 block w-full min-w-0 flex-auto rounded border border-solid border-neutral-300 dark:border-neutral-600 bg-clip-padding py-[0.32rem] px-3 text-base font-normal text-neutral-700 dark:text-neutral-200 transition duration-300 ease-in-out file:-mx-3 file:-my-[0.32rem] file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 dark:file:bg-neutral-700 file:px-3 file:py-[0.32rem] file:text-neutral-700 dark:file:text-neutral-100 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none"
           type="file"
           id="formFile" />
       </div>
@@ -54,7 +54,7 @@ <h3 class="mb-4 text-3xl font-medium leading-tight text-red-600">
           >Multiple files input example</label
         >
         <input
-          class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 bg-white bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 transition duration-300 ease-in-out file:-mx-3 file:-my-1.5 file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-1.5 file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:bg-white focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:bg-transparent dark:text-neutral-200 dark:focus:bg-transparent"
+          class="relative m-0 block w-full min-w-0 flex-auto rounded border border-solid border-neutral-300 dark:border-neutral-600 bg-clip-padding py-[0.32rem] px-3 text-base font-normal text-neutral-700 dark:text-neutral-200 transition duration-300 ease-in-out file:-mx-3 file:-my-[0.32rem] file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 dark:file:bg-neutral-700 file:px-3 file:py-[0.32rem] file:text-neutral-700 dark:file:text-neutral-100 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none"
           type="file"
           id="formFileMultiple"
           multiple />
@@ -71,7 +71,7 @@ <h3 class="mb-4 text-3xl font-medium leading-tight text-red-600">
           >Disabled file input example</label
         >
         <input
-          class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 bg-white bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 transition duration-300 ease-in-out file:-mx-3 file:-my-1.5 file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-1.5 file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:bg-white focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:bg-transparent dark:text-neutral-200 dark:focus:bg-transparent"
+          class="relative m-0 block w-full min-w-0 flex-auto rounded border border-solid border-neutral-300 dark:border-neutral-600 bg-clip-padding py-[0.32rem] px-3 text-base font-normal text-neutral-700 dark:text-neutral-200 transition duration-300 ease-in-out file:-mx-3 file:-my-[0.32rem] file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 dark:file:bg-neutral-700 file:px-3 file:py-[0.32rem] file:text-neutral-700 dark:file:text-neutral-100 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none disabled:opacity-60"
           type="file"
           id="formFileDisabled"
           disabled />
@@ -88,7 +88,7 @@ <h3 class="mb-4 text-3xl font-medium leading-tight text-red-600">
           >Small file input example</label
         >
         <input
-          class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 bg-white bg-clip-padding px-3 py-1 text-sm font-normal text-neutral-700 transition duration-300 ease-in-out file:-mx-3 file:-my-1.5 file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-1.5 file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:bg-white focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:bg-transparent dark:text-neutral-200 dark:focus:bg-transparent"
+          class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 dark:border-neutral-600 bg-clip-padding py-[0.32rem] px-3 text-xs font-normal text-neutral-700 dark:text-neutral-200 transition duration-300 ease-in-out file:-mx-3 file:-my-[0.32rem] file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 dark:file:bg-neutral-700 file:px-3 file:py-[0.32rem] file:text-neutral-700 dark:file:text-neutral-100 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none"
           id="formFileSm"
           type="file" />
       </div>
@@ -104,7 +104,8 @@ <h3 class="mb-4 text-3xl font-medium leading-tight text-red-600">
           >Large file input example</label
         >
         <input
-          class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 bg-white bg-clip-padding px-3 py-1.5 text-xl font-normal text-neutral-700 transition duration-300 ease-in-out file:-mx-3 file:-my-1.5 file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-1.5 file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:bg-white focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:bg-transparent dark:text-neutral-200 dark:focus:bg-transparent"
+          class="
+          relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 dark:border-neutral-600 bg-clip-padding py-[0.32rem] px-3 leading-[2.15] font-normal text-neutral-700 dark:text-neutral-200 transition duration-300 ease-in-out file:-mx-3 file:-my-[0.32rem] file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 dark:file:bg-neutral-700 file:px-3 file:py-[0.32rem] file:text-neutral-700 dark:file:text-neutral-100 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none"
           id="formFileLg"
           type="file" />
       </div>
diff --git a/demo/sites/forms/radio.html b/demo/sites/forms/radio.html
index c27117a93..f55d61e00 100644
--- a/demo/sites/forms/radio.html
+++ b/demo/sites/forms/radio.html
@@ -33,7 +33,7 @@ <h3 class="mb-4 text-3xl font-medium leading-tight text-red-600">
 
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 dark:border-neutral-600 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary dark:checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary dark:checked:after:border-primary dark:checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary dark:checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
           type="radio"
           name="flexRadioDefault"
           id="radioDefault01" />
@@ -45,7 +45,7 @@ <h3 class="mb-4 text-3xl font-medium leading-tight text-red-600">
       </div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 dark:border-neutral-600 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary dark:checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary dark:checked:after:border-primary dark:checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary dark:checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
           type="radio"
           name="flexRadioDefault"
           id="radioDefault02"
@@ -63,7 +63,7 @@ <h3 class="mt-12 mb-4 text-3xl font-medium leading-tight text-red-600">
 
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
+          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 dark:border-neutral-600 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary dark:checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary dark:checked:after:border-primary dark:checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary dark:checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
           type="radio"
           name="flexRadioDisabled"
           id="flexRadioDisabled"
@@ -76,7 +76,7 @@ <h3 class="mt-12 mb-4 text-3xl font-medium leading-tight text-red-600">
       </div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
+          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 dark:border-neutral-600 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary dark:checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary dark:checked:after:border-primary dark:checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary dark:checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
           type="radio"
           name="flexRadioDisabled"
           id="flexRadioCheckedDisabled"
@@ -95,7 +95,7 @@ <h3 class="mt-12 mb-4 text-3xl font-medium leading-tight text-red-600">
 
       <div class="mb-[0.125rem] mr-4 inline-block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 dark:border-neutral-600 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary dark:checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary dark:checked:after:border-primary dark:checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary dark:checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
           type="radio"
           name="inlineRadioOptions"
           id="inlineRadio1"
@@ -108,7 +108,7 @@ <h3 class="mt-12 mb-4 text-3xl font-medium leading-tight text-red-600">
       </div>
       <div class="mb-[0.125rem] mr-4 inline-block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 dark:border-neutral-600 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary dark:checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary dark:checked:after:border-primary dark:checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary dark:checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
           type="radio"
           name="inlineRadioOptions"
           id="inlineRadio2"
@@ -121,7 +121,7 @@ <h3 class="mt-12 mb-4 text-3xl font-medium leading-tight text-red-600">
       </div>
       <div class="mb-[0.125rem] mr-4 inline-block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
+          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 dark:border-neutral-600 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary dark:checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary dark:checked:after:border-primary dark:checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary dark:checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
           type="radio"
           name="inlineRadioOptions"
           id="inlineRadio3"
@@ -140,14 +140,14 @@ <h3 class="mt-12 mb-4 text-3xl font-medium leading-tight text-red-600">
 
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 dark:border-neutral-600 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary dark:checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary dark:checked:after:border-primary dark:checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary dark:checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
           type="radio"
           name="flexRadioNoLabel"
           id="radioNoLabel01" />
       </div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 dark:border-neutral-600 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary dark:checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary dark:checked:after:border-primary dark:checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary dark:checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
           type="radio"
           name="flexRadioNoLabel"
           id="radioNoLabel02"
diff --git a/demo/sites/forms/search.html b/demo/sites/forms/search.html
index f14c49841..b7d2b5e63 100644
--- a/demo/sites/forms/search.html
+++ b/demo/sites/forms/search.html
@@ -35,7 +35,7 @@ <h3 class="mb-4 text-3xl font-medium leading-tight text-red-600">
         <div class="relative mb-4 flex w-full flex-wrap items-stretch">
           <input
             type="search"
-            class="relative m-0 -mr-px block w-[1%] min-w-0 flex-auto rounded-l border border-solid border-neutral-300 bg-transparent bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 transition duration-300 ease-in-out focus:border-primary focus:text-neutral-700 focus:shadow-te-primary focus:outline-none dark:text-neutral-200 dark:placeholder:text-neutral-200"
+            class="relative m-0 -mr-px block w-[1%] min-w-0 flex-auto rounded-l border border-solid border-neutral-300 dark:border-neutral-600 bg-transparent bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 transition duration-300 ease-in-out focus:border-primary focus:text-neutral-700 focus:shadow-te-primary focus:outline-none placeholder:text-neutral-500 dark:text-neutral-200 dark:placeholder:text-neutral-300"
             placeholder="Search"
             aria-label="Search"
             aria-describedby="button-addon1" />
@@ -68,12 +68,12 @@ <h3 class="mb-4 text-3xl font-medium leading-tight text-red-600">
         <div class="relative mb-4 flex w-full flex-wrap items-stretch">
           <input
             type="search"
-            class="relative m-0 block w-[1%] min-w-0 flex-auto rounded border border-solid border-neutral-300 bg-transparent bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 transition duration-300 ease-in-out focus:border-primary focus:text-neutral-700 focus:shadow-te-primary focus:outline-none dark:text-neutral-200 dark:placeholder:text-neutral-200"
+            class="relative m-0 block w-[1%] min-w-0 flex-auto rounded border border-solid border-neutral-300 dark:border-neutral-600 bg-transparent bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 transition duration-300 ease-in-out focus:border-primary focus:text-neutral-700 focus:shadow-te-primary focus:outline-none placeholder:text-neutral-500 dark:text-neutral-200 dark:placeholder:text-neutral-200"
             placeholder="Search"
             aria-label="Search"
             aria-describedby="button-addon2" />
           <span
-            class="flex items-center whitespace-nowrap rounded px-3 py-1.5 text-center text-base font-normal text-neutral-700 dark:text-neutral-200"
+            class="flex items-center whitespace-nowrap rounded px-3 py-1.5 text-center text-base font-normal text-neutral-700 dark:text-neutral-300"
             id="basic-addon2">
             <svg
               aria-hidden="true"
@@ -100,7 +100,7 @@ <h3 class="mb-4 text-3xl font-medium leading-tight text-red-600">
         <div class="relative mb-4 flex w-full flex-wrap items-stretch">
           <input
             type="search"
-            class="relative m-0 -mr-px block w-[1%] min-w-0 flex-auto rounded-l border border-solid border-neutral-300 bg-transparent bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 transition duration-300 ease-in-out focus:border-primary focus:text-neutral-700 focus:shadow-te-primary focus:outline-none dark:text-neutral-200 dark:placeholder:text-neutral-200"
+            class="relative m-0 -mr-px block w-[1%] min-w-0 flex-auto rounded-l border border-solid border-neutral-300 dark:border-neutral-600 bg-transparent bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 transition duration-300 ease-in-out focus:border-primary focus:text-neutral-700 focus:shadow-te-primary focus:outline-none placeholder:text-neutral-500 dark:text-neutral-200 dark:placeholder:text-neutral-300"
             placeholder="Search"
             aria-label="Search"
             aria-describedby="button-addon3" />
@@ -120,7 +120,7 @@ <h3 class="mb-4 text-3xl font-medium leading-tight text-red-600">
       <div class="mb-12 xl:w-96">
         <input
           type="search"
-          class="relative m-0 block w-full min-w-0 flex-auto rounded border border-solid border-neutral-300 bg-transparent bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 transition duration-300 ease-in-out focus:border-primary focus:text-neutral-700 focus:shadow-te-primary focus:outline-none dark:text-neutral-200 dark:placeholder:text-neutral-200"
+          class="relative m-0 block w-full min-w-0 flex-auto rounded border border-solid border-neutral-300 dark:border-neutral-600 bg-transparent bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 transition duration-300 ease-in-out focus:border-primary focus:text-neutral-700 focus:shadow-te-primary focus:outline-none placeholder:text-neutral-500 dark:text-neutral-200 dark:placeholder:text-neutral-300"
           id="exampleSearch"
           placeholder="Type query" />
       </div>
@@ -137,7 +137,7 @@ <h3 class="mb-4 text-3xl font-medium leading-tight text-red-600">
         >
         <input
           type="search"
-          class="relative m-0 block w-full min-w-0 flex-auto rounded border border-solid border-neutral-300 bg-transparent bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 transition duration-300 ease-in-out focus:border-primary focus:text-neutral-700 focus:shadow-te-primary focus:outline-none dark:text-neutral-200 dark:placeholder:text-neutral-200"
+          class="relative m-0 block w-full min-w-0 flex-auto rounded border border-solid border-neutral-300 dark:border-neutral-600 bg-transparent bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 transition duration-300 ease-in-out focus:border-primary focus:text-neutral-700 focus:shadow-te-primary focus:outline-none placeholder:text-neutral-500 dark:text-neutral-200 dark:placeholder:text-neutral-300"
           id="exampleSearch2"
           placeholder="Type query" />
       </div>
diff --git a/demo/sites/forms/switch.html b/demo/sites/forms/switch.html
index e0b509ac0..49d080a2b 100644
--- a/demo/sites/forms/switch.html
+++ b/demo/sites/forms/switch.html
@@ -33,7 +33,7 @@ <h3 class="mb-4 text-3xl font-medium leading-tight text-red-600">
 
       <div>
         <input
-          class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-[rgba(0,0,0,0.25)] before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-white after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+          class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-neutral-300 dark:bg-neutral-600 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-neutral-100 dark:after:bg-neutral-400 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary dark:checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary dark:checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
           type="checkbox"
           role="switch"
           id="flexSwitchCheckDefault" />
@@ -50,7 +50,7 @@ <h3 class="mt-12 mb-4 text-3xl font-medium leading-tight text-red-600">
 
       <div>
         <input
-          class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-[rgba(0,0,0,0.25)] before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-white after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+          class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-neutral-300 dark:bg-neutral-600 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-neutral-100 dark:after:bg-neutral-400 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary dark:checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary dark:checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
           type="checkbox"
           role="switch"
           id="flexSwitchCheckDefault"
@@ -68,7 +68,7 @@ <h3 class="mt-12 mb-4 text-3xl font-medium leading-tight text-red-600">
 
       <div>
         <input
-          class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-[rgba(0,0,0,0.25)] before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-white after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:pointer-events-none focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
+          class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-neutral-300 dark:bg-neutral-600 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-neutral-100 dark:after:bg-neutral-400 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary dark:checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary dark:checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
           type="checkbox"
           role="switch"
           id="flexSwitchCheckDisabled"
@@ -86,7 +86,7 @@ <h3 class="mt-12 mb-4 text-3xl font-medium leading-tight text-red-600">
 
       <div>
         <input
-          class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-[rgba(0,0,0,0.25)] before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-white after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:pointer-events-none focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
+          class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-neutral-300 dark:bg-neutral-600 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-neutral-100 dark:after:bg-neutral-400 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary dark:checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary dark:checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
           type="checkbox"
           role="switch"
           id="flexSwitchCheckCheckedDisabled"
diff --git a/demo/sites/navigation/scrollspy.html b/demo/sites/navigation/scrollspy.html
index 0a97748a2..d946097e7 100644
--- a/demo/sites/navigation/scrollspy.html
+++ b/demo/sites/navigation/scrollspy.html
@@ -135,7 +135,7 @@ <h3 class="pt-5 pb-3 text-xl font-semibold">Section 4</h3>
               <a
                 data-te-nav-link-ref
                 data-te-nav-link-active
-                class="bg-transparent px-[5px] text-[#4b5563] shadow-none dark:text-neutral-200"
+                class="bg-transparent px-[5px] text-[#4b5563] shadow-none transition-all dark:text-neutral-200"
                 href="#example-1"
                 >Section 1</a
               >
@@ -143,7 +143,7 @@ <h3 class="pt-5 pb-3 text-xl font-semibold">Section 4</h3>
             <li class="py-1">
               <a
                 data-te-nav-link-ref
-                class="bg-transparent px-[5px] text-[#4b5563] shadow-none dark:text-neutral-200"
+                class="bg-transparent px-[5px] text-[#4b5563] shadow-none transition-all dark:text-neutral-200"
                 href="#example-2"
                 >Section 2</a
               >
@@ -151,7 +151,7 @@ <h3 class="pt-5 pb-3 text-xl font-semibold">Section 4</h3>
             <li class="py-1">
               <a
                 data-te-nav-link-ref
-                class="bg-transparent px-[5px] text-[#4b5563] shadow-none dark:text-neutral-200"
+                class="bg-transparent px-[5px] text-[#4b5563] shadow-none transition-all dark:text-neutral-200"
                 href="#example-3"
                 >Section 3</a
               >
@@ -159,7 +159,7 @@ <h3 class="pt-5 pb-3 text-xl font-semibold">Section 4</h3>
                 <li class="py-1">
                   <a
                     data-te-nav-link-ref
-                    class="bg-transparent px-[5px] text-[#4b5563] shadow-none dark:text-neutral-200"
+                    class="bg-transparent px-[5px] text-[#4b5563] shadow-none transition-all dark:text-neutral-200"
                     href="#example-sub-A"
                     >Subsection A</a
                   >
@@ -167,7 +167,7 @@ <h3 class="pt-5 pb-3 text-xl font-semibold">Section 4</h3>
                 <li>
                   <a
                     data-te-nav-link-ref
-                    class="bg-transparent px-[5px] text-[#4b5563] shadow-none dark:text-neutral-200"
+                    class="bg-transparent px-[5px] text-[#4b5563] shadow-none transition-all dark:text-neutral-200"
                     href="#example-sub-B"
                     >Subsection B</a
                   >
@@ -177,7 +177,7 @@ <h3 class="pt-5 pb-3 text-xl font-semibold">Section 4</h3>
             <li class="py-1">
               <a
                 data-te-nav-link-ref
-                class="bg-transparent px-[5px] text-[#4b5563] shadow-none dark:text-neutral-200"
+                class="bg-transparent px-[5px] text-[#4b5563] shadow-none transition-all dark:text-neutral-200"
                 href="#example-4"
                 >Section 4</a
               >
diff --git a/site/content/_index.html b/site/content/_index.html
index a2c3bd507..3cb8c1ef3 100644
--- a/site/content/_index.html
+++ b/site/content/_index.html
@@ -1,12 +1,12 @@
 ---
 title: "Tailwind Elements"
-date: 2023-02-20T08:00:00+02:00
+date: 2023-02-28T08:00:00+02:00
 draft: false
 main_title: "Tailwind Elements"
 subheading: "Top quality open-source UI Kit"
-seo_title: "Tailwind Elements - 500+ TailwindCSS components, free for commercial use"
-description: "Tailwind Elements is the most popular open-source library of UI for Tailwind. Download free templates, plugins & component examples."
-image: "img/home/main.png"
+seo_title: "Tailwind Elements - 500+ free Tailwind CSS components"
+description: "A free collection of open source UI components, templates, sections & plugins for Tailwind CSS. Features dark mode and theming customization options."
+image: "/img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=LvWh9o5sJmI"
 url: "/"
 ---
@@ -24,11 +24,55 @@ <h1 class="mb-8 mt-0 text-4xl font-bold">
           >
         </h1>
 
-        <p class="mb-8 text-sm font-medium text-gray-600 dark:text-gray-400">
+        <p class="mb-4 text-sm font-medium text-gray-600 dark:text-gray-400">
           Bootstrap components recreated with Tailwind CSS, but with better
           design and more functionalities
         </p>
 
+        <div class="mb-6">
+          <div class="flex items-center justify-center lg:justify-start">
+            <h3 class="text-sm text-gray-400">Coming soon ...</h3>
+            <a
+              href="/angular"
+              class="group ml-4 mr-1 flex h-8 w-8 items-center justify-center rounded-[50%] shadow-none transition-all duration-300 ease-in-out hover:shadow-[0_2px_15px_-3px_rgba(0,0,0,0.16),_0_10px_20px_-2px_rgba(0,0,0,0.1)] motion-reduce:transition-none dark:hover:shadow-[0_2px_15px_-3px_rgba(0,0,0,0.66),_0_10px_20px_-2px_rgba(0,0,0,0.6)]">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                class="h-4 w-[14px] fill-[hsl(217,15.7%,48%)] grayscale transition-all duration-300 ease-in-out group-hover:fill-[hsl(348,91.1%,39.8%)] group-hover:grayscale-0 motion-reduce:transition-none dark:fill-[hsl(217,15.7%,78%)]"
+                viewBox="0 0 448 512">
+                <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+                <path
+                  d="M185.7 268.1h76.2l-38.1-91.6-38.1 91.6zM223.8 32L16 106.4l31.8 275.7 176 97.9 176-97.9 31.8-275.7zM354 373.8h-48.6l-26.2-65.4H168.6l-26.2 65.4H93.7L223.8 81.5z" />
+              </svg>
+            </a>
+
+            <a
+              href="/react"
+              class="group mr-1 flex h-8 w-8 items-center justify-center rounded-[50%] shadow-none transition-all duration-300 ease-in-out hover:shadow-[0_2px_15px_-3px_rgba(0,0,0,0.16),_0_10px_20px_-2px_rgba(0,0,0,0.1)] motion-reduce:transition-none dark:hover:shadow-[0_2px_15px_-3px_rgba(0,0,0,0.66),_0_10px_20px_-2px_rgba(0,0,0,0.6)]">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                class="h-4 w-[14px] fill-[hsl(217,15.7%,48%)] grayscale transition-all duration-300 ease-in-out group-hover:fill-[hsl(194,92.6%,43.5%)] group-hover:grayscale-0 motion-reduce:transition-none dark:fill-[hsl(217,15.7%,78%)]"
+                viewBox="0 0 512 512">
+                <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+                <path
+                  d="M418.2 177.2c-5.4-1.8-10.8-3.5-16.2-5.1.9-3.7 1.7-7.4 2.5-11.1 12.3-59.6 4.2-107.5-23.1-123.3-26.3-15.1-69.2.6-112.6 38.4-4.3 3.7-8.5 7.6-12.5 11.5-2.7-2.6-5.5-5.2-8.3-7.7-45.5-40.4-91.1-57.4-118.4-41.5-26.2 15.2-34 60.3-23 116.7 1.1 5.6 2.3 11.1 3.7 16.7-6.4 1.8-12.7 3.8-18.6 5.9C38.3 196.2 0 225.4 0 255.6c0 31.2 40.8 62.5 96.3 81.5 4.5 1.5 9 3 13.6 4.3-1.5 6-2.8 11.9-4 18-10.5 55.5-2.3 99.5 23.9 114.6 27 15.6 72.4-.4 116.6-39.1 3.5-3.1 7-6.3 10.5-9.7 4.4 4.3 9 8.4 13.6 12.4 42.8 36.8 85.1 51.7 111.2 36.6 27-15.6 35.8-62.9 24.4-120.5-.9-4.4-1.9-8.9-3-13.5 3.2-.9 6.3-1.9 9.4-2.9 57.7-19.1 99.5-50 99.5-81.7 0-30.3-39.4-59.7-93.8-78.4zM282.9 92.3c37.2-32.4 71.9-45.1 87.7-36 16.9 9.7 23.4 48.9 12.8 100.4-.7 3.4-1.4 6.7-2.3 10-22.2-5-44.7-8.6-67.3-10.6-13-18.6-27.2-36.4-42.6-53.1 3.9-3.7 7.7-7.2 11.7-10.7zM167.2 307.5c5.1 8.7 10.3 17.4 15.8 25.9-15.6-1.7-31.1-4.2-46.4-7.5 4.4-14.4 9.9-29.3 16.3-44.5 4.6 8.8 9.3 17.5 14.3 26.1zm-30.3-120.3c14.4-3.2 29.7-5.8 45.6-7.8-5.3 8.3-10.5 16.8-15.4 25.4-4.9 8.5-9.7 17.2-14.2 26-6.3-14.9-11.6-29.5-16-43.6zm27.4 68.9c6.6-13.8 13.8-27.3 21.4-40.6s15.8-26.2 24.4-38.9c15-1.1 30.3-1.7 45.9-1.7s31 .6 45.9 1.7c8.5 12.6 16.6 25.5 24.3 38.7s14.9 26.7 21.7 40.4c-6.7 13.8-13.9 27.4-21.6 40.8-7.6 13.3-15.7 26.2-24.2 39-14.9 1.1-30.4 1.6-46.1 1.6s-30.9-.5-45.6-1.4c-8.7-12.7-16.9-25.7-24.6-39s-14.8-26.8-21.5-40.6zm180.6 51.2c5.1-8.8 9.9-17.7 14.6-26.7 6.4 14.5 12 29.2 16.9 44.3-15.5 3.5-31.2 6.2-47 8 5.4-8.4 10.5-17 15.5-25.6zm14.4-76.5c-4.7-8.8-9.5-17.6-14.5-26.2-4.9-8.5-10-16.9-15.3-25.2 16.1 2 31.5 4.7 45.9 8-4.6 14.8-10 29.2-16.1 43.4zM256.2 118.3c10.5 11.4 20.4 23.4 29.6 35.8-19.8-.9-39.7-.9-59.5 0 9.8-12.9 19.9-24.9 29.9-35.8zM140.2 57c16.8-9.8 54.1 4.2 93.4 39 2.5 2.2 5 4.6 7.6 7-15.5 16.7-29.8 34.5-42.9 53.1-22.6 2-45 5.5-67.2 10.4-1.3-5.1-2.4-10.3-3.5-15.5-9.4-48.4-3.2-84.9 12.6-94zm-24.5 263.6c-4.2-1.2-8.3-2.5-12.4-3.9-21.3-6.7-45.5-17.3-63-31.2-10.1-7-16.9-17.8-18.8-29.9 0-18.3 31.6-41.7 77.2-57.6 5.7-2 11.5-3.8 17.3-5.5 6.8 21.7 15 43 24.5 63.6-9.6 20.9-17.9 42.5-24.8 64.5zm116.6 98c-16.5 15.1-35.6 27.1-56.4 35.3-11.1 5.3-23.9 5.8-35.3 1.3-15.9-9.2-22.5-44.5-13.5-92 1.1-5.6 2.3-11.2 3.7-16.7 22.4 4.8 45 8.1 67.9 9.8 13.2 18.7 27.7 36.6 43.2 53.4-3.2 3.1-6.4 6.1-9.6 8.9zm24.5-24.3c-10.2-11-20.4-23.2-30.3-36.3 9.6.4 19.5.6 29.5.6 10.3 0 20.4-.2 30.4-.7-9.2 12.7-19.1 24.8-29.6 36.4zm130.7 30c-.9 12.2-6.9 23.6-16.5 31.3-15.9 9.2-49.8-2.8-86.4-34.2-4.2-3.6-8.4-7.5-12.7-11.5 15.3-16.9 29.4-34.8 42.2-53.6 22.9-1.9 45.7-5.4 68.2-10.5 1 4.1 1.9 8.2 2.7 12.2 4.9 21.6 5.7 44.1 2.5 66.3zm18.2-107.5c-2.8.9-5.6 1.8-8.5 2.6-7-21.8-15.6-43.1-25.5-63.8 9.6-20.4 17.7-41.4 24.5-62.9 5.2 1.5 10.2 3.1 15 4.7 46.6 16 79.3 39.8 79.3 58 0 19.6-34.9 44.9-84.8 61.4zm-149.7-15c25.3 0 45.8-20.5 45.8-45.8s-20.5-45.8-45.8-45.8c-25.3 0-45.8 20.5-45.8 45.8s20.5 45.8 45.8 45.8z" />
+              </svg>
+            </a>
+
+            <a
+              href="/vue"
+              class="group mr-1 flex h-8 w-8 items-center justify-center rounded-[50%] shadow-none transition-all duration-300 ease-in-out hover:shadow-[0_2px_15px_-3px_rgba(0,0,0,0.16),_0_10px_20px_-2px_rgba(0,0,0,0.1)] motion-reduce:transition-none dark:fill-[hsl(217,15.7%,78%)] dark:hover:shadow-[0_2px_15px_-3px_rgba(0,0,0,0.66),_0_10px_20px_-2px_rgba(0,0,0,0.6)]">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                class="h-4 w-[14px] fill-[hsl(217,15.7%,48%)] grayscale transition-all duration-300 ease-in-out group-hover:fill-[hsl(154,64.9%,33.7%)] group-hover:grayscale-0 motion-reduce:transition-none"
+                viewBox="0 0 448 512">
+                <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+                <path
+                  d="M356.9 64.3H280l-56 88.6-48-88.6H0L224 448 448 64.3h-91.1zm-301.2 32h53.8L224 294.5 338.4 96.3h53.8L224 384.5 55.7 96.3z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+
         <div class="">
           <ol class="text-md mb-10 text-gray-600 dark:text-gray-400">
             <li class="mb-4">
diff --git a/site/content/angular/index.html b/site/content/angular/index.html
new file mode 100644
index 000000000..af98cc744
--- /dev/null
+++ b/site/content/angular/index.html
@@ -0,0 +1,200 @@
+---
+title: "Tailwind Elements Angular Waiting List"
+date: 2023-02-28T08:00:00+02:00
+draft: false
+main_title: "Tailwind Elements Angular Waiting List"
+subheading: "Top quality open-source UI Kit"
+seo_title: "Tailwind Elements - 500+ free Tailwind CSS components"
+description: "A free collection of open source UI components, templates, sections & plugins for Tailwind CSS. Features dark mode and theming customization options."
+image: "/img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=LvWh9o5sJmI"
+url: "/angular"
+layout: product
+hidden_sidenav: true
+menu:
+  comingsoon:
+    name: "Angular"
+---
+
+<!-- Section: Intro -->
+<section
+  class="mx-auto mt-24 mb-[64px] pb-[64px] min-[576px]:max-w-[540px] min-[768px]:max-w-[720px] min-[992px]:max-w-[960px] min-[1200px]:max-w-[1140px] min-[1400px]:max-w-[1320px]">
+  <div class="grid grid-cols-1 items-center pt-6 lg:grid-cols-12">
+    <div class="relative mx-3 text-center lg:col-span-5 lg:text-left">
+      <div>
+        <div class="flex items-center md:justify-center lg:justify-start">
+          <svg
+            aria-hidden="true"
+            focusable="false"
+            data-prefix="fas"
+            data-icon="fa-angular"
+            class="ml-1 mr-1 h-20 w-20"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 448 512">
+            <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+            <path
+              fill="currentColor"
+              d="M185.7 268.1h76.2l-38.1-91.6-38.1 91.6zM223.8 32L16 106.4l31.8 275.7 176 97.9 176-97.9 31.8-275.7zM354 373.8h-48.6l-26.2-65.4H168.6l-26.2 65.4H93.7L223.8 81.5z" />
+          </svg>
+          <h1 class="mb-8 mt-6 text-4xl font-bold">
+            Tailwind CSS<br />
+            <span class="text-primary dark:text-primary-400">with Angular</span>
+          </h1>
+        </div>
+        <p class="mb-8 text-sm font-medium text-gray-600 dark:text-gray-400">
+          We're planning to integrate Tailwind Elements with Angular. Sign up
+          for waiting list to get notified!
+        </p>
+
+        <div class="">
+          <ol class="text-md mb-10 text-gray-600 dark:text-gray-400">
+            <li class="mb-4">
+              <span
+                class="mr-2 inline-block pb-1 align-middle text-primary dark:text-primary-400">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke-width="3"
+                  stroke="currentColor"
+                  class="h-5 w-5">
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    d="M4.5 12.75l6 6 9-13.5" />
+                </svg> </span
+              >Tailwind Elements + Angular integration guide
+            </li>
+            <li class="mb-4">
+              <span
+                class="mr-2 inline-block pb-1 align-middle text-primary dark:text-primary-400">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke-width="3"
+                  stroke="currentColor"
+                  class="h-5 w-5">
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    d="M4.5 12.75l6 6 9-13.5" />
+                </svg> </span
+              >A dedicated UI Kit for Tailwind CSS + Angular
+            </li>
+            <li class="mb-4">
+              <span
+                class="mr-2 inline-block pb-1 align-middle text-primary dark:text-primary-400">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke-width="3"
+                  stroke="currentColor"
+                  class="h-5 w-5">
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    d="M4.5 12.75l6 6 9-13.5" />
+                </svg> </span
+              >Themes & templates for Tailwind CSS + Angular
+            </li>
+            <li class="mb-4">
+              <span
+                class="mr-2 inline-block pb-1 align-middle text-primary dark:text-primary-400">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke-width="3"
+                  stroke="currentColor"
+                  class="h-5 w-5">
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    d="M4.5 12.75l6 6 9-13.5" />
+                </svg> </span
+              >& more open source resources
+            </li>
+          </ol>
+
+          <div class="">
+            <!--ConvertKit script-->
+            <script src="https://f.convertkit.com/ckjs/ck.5.js"></script>
+
+            <!--ConvertKit form-->
+            <form
+              action="https://app.convertkit.com/forms/4897459/subscriptions"
+              method="post"
+              data-sv-form="4897459"
+              data-uid="641c833c58"
+              data-format="inline"
+              data-version="5"
+              data-options='{"settings":{"after_subscribe":{"action":"message","success_message":"Success! \nNow check your email to confirm your subscription and enjoy Angular news.","redirect_url":""},"analytics":{"google":null,"fathom":null,"facebook":null,"segment":null,"pinterest":null,"sparkloop":null,"googletagmanager":null},"modal":{"trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"powered_by":{"show":false,"url":"https://convertkit.com/features/forms?utm_campaign=poweredby&amp;utm_content=form&amp;utm_medium=referral&amp;utm_source=dynamic"},"recaptcha":{"enabled":true},"return_visitor":{"action":"show","custom_content":""},"slide_in":{"display_in":"bottom_right","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"sticky_bar":{"display_in":"top","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15}},"version":"5"}'>
+              <div class="mb-4 flex gap-2 md:justify-center lg:justify-start">
+                <!--ConvertKit alerts-->
+                <ul
+                  class="formkit-alert formkit-alert-error"
+                  data-element="errors"
+                  data-group="alert"></ul>
+
+                <div
+                  class="relative w-full max-w-[400px]"
+                  data-te-input-wrapper-init>
+                  <input
+                    type="email"
+                    required=""
+                    id="email"
+                    name="email_address"
+                    placeholder="Enter your email"
+                    class="peer block min-h-[auto] w-full rounded border-0 bg-transparent py-[0.32rem] px-3 leading-[1.6] outline-none transition-all duration-200 ease-linear focus:placeholder:opacity-100 data-[te-input-state-active]:placeholder:opacity-100 motion-reduce:transition-none dark:text-gray-200 dark:placeholder:text-gray-200 [&:not([data-te-input-placeholder-active])]:placeholder:opacity-0"
+                    required />
+                  <label
+                    for="tailwind-updates-form"
+                    class="pointer-events-none absolute top-0 left-3 mb-0 max-w-[90%] origin-[0_0] truncate pt-[0.37rem] leading-[1.6] text-gray-500 transition-all duration-200 ease-out peer-focus:-translate-y-[0.9rem] peer-focus:scale-[0.8] peer-focus:text-blue-600 peer-data-[te-input-state-active]:-translate-y-[0.9rem] peer-data-[te-input-state-active]:scale-[0.8] motion-reduce:transition-none dark:text-gray-200 dark:peer-focus:text-gray-200">
+                    Your email address
+                  </label>
+                </div>
+                <div>
+                  <button
+                    type="submit"
+                    data-te-ripple-init
+                    data-te-ripple-color="light"
+                    class="inline-block min-w-[90px] rounded bg-blue-600 py-2.5 text-xs font-medium uppercase leading-tight text-white shadow-md transition duration-150 ease-in-out hover:bg-blue-700 hover:shadow-lg focus:bg-blue-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg">
+                    Join now
+                  </button>
+                </div>
+              </div>
+            </form>
+
+            <script src="https://cdn.jsdelivr.net/npm/tw-elements/dist/js/index.min.js"></script>
+          </div>
+          <p class="ml-2 text-sm text-gray-500 dark:text-gray-400">
+            By subscribing you agree to receive the newsletter & commercial
+            information from the data administrator StartupFlow s.c. Kijowska 7,
+            Warsaw.
+            <a
+              href="https://mdbootstrap.com/general/privacy-policy/"
+              class="text-blue-400 dark:text-blue-300"
+              target="_blank">
+              Policy
+            </a>
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="mx-3 mt-5 flex justify-center lg:col-span-7 lg:mt-0">
+      <picture>
+        <source
+          srcset="https://tecdn.b-cdn.net/img/home/main.webp"
+          type="image/webp" />
+        <img
+          src="https://tecdn.b-cdn.net/img/home/main.png"
+          class="w-100"
+          alt="" />
+      </picture>
+    </div>
+  </div>
+</section>
+<!-- Section: Intro -->
diff --git a/site/content/docs/standard/builder/index.html b/site/content/docs/standard/builder/index.html
index 159b20593..3ae6733b6 100644
--- a/site/content/docs/standard/builder/index.html
+++ b/site/content/docs/standard/builder/index.html
@@ -1,10 +1,10 @@
 ---
-title: "Tailwind Builder Coming Soon"
+title: "Builder"
 date: 2021-04-29T16:00:58+02:00
 draft: false
 main_title: "Drag & Drop Builder Coming Soon"
-seo_title: "Subscribe to the Tailwind Elements Newsletter"
-description: ""
+seo_title: "Tailwind Builder - Free Tailwind CSS theme & page generator"
+description: "Start generating your Tailwind CSS pages with an open source drag & drop theme builder, with grid support, color generator, visual layout builder & more"
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/builder/"
diff --git a/site/content/docs/standard/components/accordion/index.html b/site/content/docs/standard/components/accordion/index.html
index a70a585b7..d47bcd678 100644
--- a/site/content/docs/standard/components/accordion/index.html
+++ b/site/content/docs/standard/components/accordion/index.html
@@ -5,7 +5,8 @@
 main_title: "Tailwind Accordion component"
 subheading: ""
 seo_title: "Tailwind CSS Accordion - Free Examples & Tutorial"
-description: "Responsive accordion built with Tailwind CSS. Accordion is a vertically collapsing element to show and hide content via class changes. Free download."
+description: "Responsive accordion built with Tailwind CSS. Accordion is a vertically collapsing element to show and
+hide content via class changes. Free download."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/accordion/"
@@ -346,87 +347,269 @@ <h2 class="accordion-header mb-0" id="headingThree">
 <!-- Section: Basic Example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
         href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/components/alerts/index.html b/site/content/docs/standard/components/alerts/index.html
index 1c08e0cb9..883b97fde 100644
--- a/site/content/docs/standard/components/alerts/index.html
+++ b/site/content/docs/standard/components/alerts/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Alerts"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Alerts component"
-subheading: ""
+main_title: "Alerts"
+subheading: "Tailwind CSS Alerts"
 seo_title: "Tailwind CSS Alert - Free Examples & Tutorial"
-description: "Responsive Alerts built with the Tailwind CSS.Alerts deliver appropriate feedback messages for common user behaviors  with a handful and flexible alert boxes."
+description: "Use responsive alert component with helper examples for alert box, alert dismiss, alert message, alert animations & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/alerts/"
@@ -129,87 +129,269 @@
 <!-- Section: Basic Example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/alerts/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/components/avatar/index.html b/site/content/docs/standard/components/avatar/index.html
index 5ea855a01..6a38bba8f 100644
--- a/site/content/docs/standard/components/avatar/index.html
+++ b/site/content/docs/standard/components/avatar/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Avatar"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: "false"
-main_title: "Tailwind Avatar component"
-subheading: ""
-seo_title: "Tailwind CSS avatar - Free Examples & Tutorial"
-description: "Responsive avatar built with Tailwind CSS. Plenty of templates like a circle avatar, square, profile and many more. Download for free without registration."
+main_title: "Avatars"
+subheading: "Tailwind CSS Avatars"
+seo_title: "Tailwind CSS Avatars - Free Examples & Tutorial"
+description: "Use responsive avatar component with helper examples for avatar dropdown, avatar image, avatar shadow & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/avatar/"
@@ -53,6 +53,275 @@
   </section>
   <!-- Section: Basic Example -->
 
+  <!-- Section: Sharing request-->
+  <section class="mb-12 pt-14">
+    <div
+      class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+      role="alert">
+      <p class="">
+        <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+        community-driven project. It's <strong> open source and free</strong>,
+        and we would like it to stay that way. If you enjoy it,
+        <strong>help the project grow by sharing it</strong> with your peers.
+        <strong>Every share counts</strong>, thank you!
+      </p>
+
+      <p
+        class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+        <!--Share on DEV-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Dev.to"
+          href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 448 512">
+            <title>Share via Dev.to</title>
+            <path
+              d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+          </svg>
+        </a>
+
+        <!--Share on Twitter-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Twitter"
+          href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <title>Share via Twitter</title>
+            <path
+              d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+          </svg>
+        </a>
+
+        <!--Share on Facebook-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Facebook"
+          href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/avatar/"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <title>Share via Facebook</title>
+            <path
+              d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+          </svg>
+        </a>
+
+        <!--Share on LinkedIn-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via LinkedIn"
+          href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <path
+              d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+          </svg>
+        </a>
+
+        <!--Share on Pinterest-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Pinterest"
+          href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <title>Share via Pinterest</title>
+            <path
+              d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+              fill-rule="evenodd"
+              clip-rule="evenodd" />
+          </svg>
+        </a>
+
+        <!--Share on Reddit-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Reddit"
+          href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+          target="_blank"
+          class="mx-2 flex items-center"
+          style="font-size: 2rem;">
+          <title>Share via Reddit</title>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <path
+              d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+          </svg>
+        </a>
+
+        <!--Share on StumbleUpon-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Stumbleupon"
+          href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <title>Share via StumbleUpon</title>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <path
+              d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+          </svg>
+        </a>
+
+        <!--Share on Vkontakte-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Vkontakte"
+          href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <title>Share via Vkontakte</title>
+            <path
+              class="st0"
+              d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+          </svg>
+        </a>
+
+        <!--Share on Weibo-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Weibo"
+          href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 512 512">
+            <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+            <title>Share via Weibo</title>
+            <path
+              d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+          </svg>
+        </a>
+
+        <!--Share on HackerNews-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Hackernews"
+          href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 448 512">
+            <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+            <title>Share via HackerNews</title>
+            <path
+              d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+          </svg>
+        </a>
+
+        <!--Share on Gmail-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Gmail"
+          href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <title>Share via Gmail</title>
+            <path
+              d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+          </svg>
+        </a>
+
+        <!--Share on Emial (other)-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Email"
+          href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <title>Share via Email</title>
+            <path
+              d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+          </svg>
+        </a>
+      </p>
+    </div>
+  </section>
+  <!-- Section: Sharing request-->
+
   <!-- Section: With shadow -->
   <section>
     <!-- Title -->
diff --git a/site/content/docs/standard/components/badges/index.html b/site/content/docs/standard/components/badges/index.html
index 28a07a1d6..ca23d0e97 100644
--- a/site/content/docs/standard/components/badges/index.html
+++ b/site/content/docs/standard/components/badges/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Badges"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Badges component"
-subheading: ""
-seo_title: "Tailwind CSS Badge - Free Examples & Tutorial"
-description: "Responsive Badges built with Tailwind CSS. Badges add extra information like count or label to any content. Free for commercial use, no registration required."
+main_title: "Badges"
+subheading: "Tailwind CSS Badges"
+seo_title: "Tailwind CSS Badges - Free Examples & Tutorial"
+description: "Use responsive badges component with helper examples for sizing, colors, pill badges, variations of ui badges & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/badges/"
@@ -65,92 +65,274 @@ <h2 class="text-4xl font-medium leading-tight">
 </section>
 <!-- Section: Basic Example -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/badges/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: Sizes -->
 <section>
diff --git a/site/content/docs/standard/components/button-group/index.html b/site/content/docs/standard/components/button-group/index.html
index 14d6ea27c..737ae2597 100644
--- a/site/content/docs/standard/components/button-group/index.html
+++ b/site/content/docs/standard/components/button-group/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Button group"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Button group component"
-subheading: ""
+main_title: "Button group"
+subheading: "Tailwind CSS Button Group"
 seo_title: "Tailwind CSS Button Group - Free Examples & Tutorial"
-description: "Responsive button group built with Tailwind CSS. Group a series of buttons together on a single line or stack them in a vertical column. Free download."
+description: "Use responsive button group component with helper examples for radio button group, toolbars, outline styles, colors & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/button-group/"
@@ -106,92 +106,274 @@
 </section>
 <!-- Section: Basic Example -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Button Group Component!](https://tailwind-elements.com/docs/standard/components/button-group/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Button%20Group%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/button-group/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
         href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/button-group/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/button-group/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/button-group/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Button%20Group%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: Active state -->
 <section>
diff --git a/site/content/docs/standard/components/buttons/index.html b/site/content/docs/standard/components/buttons/index.html
index 28a06958d..7f4b57cf8 100644
--- a/site/content/docs/standard/components/buttons/index.html
+++ b/site/content/docs/standard/components/buttons/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Buttons"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Buttons component"
-subheading: ""
-seo_title: "Tailwind CSS Button - Free Examples & Tutorial"
-description: "Responsive buttons built with Tailwind CSS. Buttons provide predefined styles for multiple button types: outline, rounded, social, floating, fixed, and more."
+main_title: "Buttons"
+subheading: "Tailwind CSS Buttons"
+seo_title: "Tailwind CSS Buttons - Free Examples & Tutorial"
+description: "Use responsive buttons component with helper examples for links, disabled state, block buttons, sizing, outlines  & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/buttons/"
@@ -60,92 +60,274 @@
 </section>
 <!-- Section: Basic Example -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
         href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: With ripple -->
 <section>
diff --git a/site/content/docs/standard/components/cards/index.html b/site/content/docs/standard/components/cards/index.html
index ea5fabcf3..086311623 100644
--- a/site/content/docs/standard/components/cards/index.html
+++ b/site/content/docs/standard/components/cards/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Cards"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Cards component"
-subheading: ""
-seo_title: "Tailwind CSS Card - Free Examples & Tutorial"
-description: "Responsive cards built with Tailwind CSS. Card is a content containers with an extensible option for headers, footers, images, and a wide variety of content."
+main_title: "Cards"
+subheading: "Tailwind CSS Cards"
+seo_title: "Tailwind CSS Cards - Free Examples & Tutorial"
+description: "Use responsive cards component with helper examples for cards ui, horizontal cards, card height, cards with image & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/cards/"
@@ -85,92 +85,274 @@
 </section>
 <!-- Section: Simple card -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/cards/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: Card with image -->
 <section>
diff --git a/site/content/docs/standard/components/carousel/index.html b/site/content/docs/standard/components/carousel/index.html
index f95b34aaa..a29dab40d 100644
--- a/site/content/docs/standard/components/carousel/index.html
+++ b/site/content/docs/standard/components/carousel/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Carousel"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Carousel component"
-subheading: ""
+main_title: "Carousel"
+subheading: "Tailwind CSS Carousel"
 seo_title: "Tailwind CSS Carousel - Free Examples & Tutorial"
-description: "Responsive carousel built with Tailwind CSS. Carousel is a slideshow cycling through different elements such as photos, videos, or text. Free download."
+description: "Use responsive carousel component with helper examples for image carousel, carousel slider, autoplay, indicators & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/carousel/"
@@ -301,92 +301,274 @@ <h5 class="text-xl">Third slide label</h5>
 </section>
 <!-- Section: Basic example -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/carousel/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: Slides only -->
 <section>
diff --git a/site/content/docs/standard/components/chips/index.html b/site/content/docs/standard/components/chips/index.html
index 64e6f8c5b..a1068a246 100644
--- a/site/content/docs/standard/components/chips/index.html
+++ b/site/content/docs/standard/components/chips/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Chips"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Chips component"
-subheading: ""
-seo_title: "Tailwind CSS Chip - Free Examples & Tutorial"
-description: "Responsive chips built with Tailwind CSS. Chips (aka tags) make it simpler to organize and view material, such as different articles from the same category."
+main_title: "Chips"
+subheading: "Tailwind CSS Chips"
+seo_title: "Tailwind CSS Chips - Free Examples & Tutorial"
+description: "Use responsive chips component with helper examples for tailwind tags chips, outline, placeholders, initial value & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/chips/"
@@ -228,92 +228,274 @@
 </section>
 <!-- Section: Basic example -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/chips/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: Outline -->
 <section id="section-outline">
diff --git a/site/content/docs/standard/components/collapse/index.html b/site/content/docs/standard/components/collapse/index.html
index 7bb92ab41..ce43e00ba 100644
--- a/site/content/docs/standard/components/collapse/index.html
+++ b/site/content/docs/standard/components/collapse/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Collapse"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: "false"
-main_title: "Tailwind Collapse component"
-subheading: ""
+main_title: "Collapse"
+subheading: "Tailwind CSS Collapse"
 seo_title: "Tailwind CSS Collapse - Free Examples & Tutorial"
-description: "Responsive Collapse built with Tailwind CSS. Collapse is a vertically collapsing element that allows you to show and hide information. Free download."
+description: "Use responsive collapse component with helper examples for expand collapse, collappse toggle, collapse animation & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/collapse/"
@@ -114,92 +114,274 @@
 </section>
 <!-- Section: Basic example -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/collapse/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: Basic example -->
 <section>
diff --git a/site/content/docs/standard/components/dropdown/index.html b/site/content/docs/standard/components/dropdown/index.html
index 874f60fc8..d294c3a0a 100644
--- a/site/content/docs/standard/components/dropdown/index.html
+++ b/site/content/docs/standard/components/dropdown/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Dropdown"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Dropdown component"
-subheading: ""
+main_title: "Dropdown"
+subheading: "Tailwind CSS Dropdown"
 seo_title: "Tailwind CSS Dropdown - Free Examples & Tutorial"
-description: "Responsive dropdowns built with Tailwind. Dropdowns are responsible for displaying a list of links in a toggleable (collapsible) manner. Free download."
+description: "Use responsive dropdown component with helper examples for dropdown menu, select dropdown, dropdown nav & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/dropdown/"
@@ -160,92 +160,274 @@
 </section>
 <!-- Section: Basic example -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/dropdown/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: Link button -->
 <section>
diff --git a/site/content/docs/standard/components/gallery/index.html b/site/content/docs/standard/components/gallery/index.html
index 6d3792849..4f7c14ca4 100644
--- a/site/content/docs/standard/components/gallery/index.html
+++ b/site/content/docs/standard/components/gallery/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Gallery"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Gallery component"
-subheading: ""
+main_title: "Gallery"
+subheading: "Tailwind CSS Gallery"
 seo_title: "Tailwind CSS Gallery - Free Examples & Tutorial"
-description: "Responsive gallery built with Tailwind CSS. Responsive galleries variations like gallery with captions, on hover and much more. Free download, AGPL license."
+description: "Use responsive gallery component with helper examples for image gallery, photo gallery, gallery grid, carousel & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/gallery/"
@@ -160,92 +160,274 @@
 </section>
 <!-- Section: Basic example -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/gallery/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: Mix -->
 <section>
diff --git a/site/content/docs/standard/components/jumbotron/index.html b/site/content/docs/standard/components/jumbotron/index.html
index 7c149989d..9c62508ac 100644
--- a/site/content/docs/standard/components/jumbotron/index.html
+++ b/site/content/docs/standard/components/jumbotron/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Jumbotron"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: "false"
-main_title: "Tailwind Jumbotron component"
-subheading: ""
+main_title: "Jumbotron"
+subheading: "Tailwind CSS Jumbotron"
 seo_title: "Tailwind CSS Jumbotron - Free Examples & Tutorial"
-description: "Responsive jumbotron built with Tailwind CSS. Examples of classic hero component, with background image, with navbar and many other combinations. Free download."
+description: "Use responsive jumbotron component with helper examples for background image, jumbotron with navbar, fixed navbar & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/jumbotron/"
@@ -93,92 +93,274 @@ <h2 class="mb-5 text-3xl font-semibold">Hello world!</h2>
 </section>
 <!-- Section: Basic example -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/jumbotron/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: Background image -->
 <section>
diff --git a/site/content/docs/standard/components/link/index.html b/site/content/docs/standard/components/link/index.html
index 1098c9be7..d2abc34c0 100644
--- a/site/content/docs/standard/components/link/index.html
+++ b/site/content/docs/standard/components/link/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Link"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: "false"
-main_title: "Tailwind Link component"
-subheading: ""
+main_title: "Link"
+subheading: "Tailwind CSS Link"
 seo_title: "Tailwind CSS Link - Free Examples & Tutorial"
-description: "Responsive link built with Tailwind CSS. The link component is an element built with colors and various typography classes. Free download, AGPL license."
+description: "Use responsive link component with helper examples for button link, link color, underline, hover, link style & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/link/"
@@ -155,87 +155,269 @@
 <!-- Section: Colored links -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/link/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/components/listgroup/index.html b/site/content/docs/standard/components/listgroup/index.html
index 63e30b8af..589766b8c 100644
--- a/site/content/docs/standard/components/listgroup/index.html
+++ b/site/content/docs/standard/components/listgroup/index.html
@@ -1,11 +1,11 @@
 ---
 title: "List group"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind List groups component"
-subheading: ""
+main_title: "List group"
+subheading: "Tailwind CSS List Group"
 seo_title: "Tailwind List Group - Free Examples & Tutorial"
-description: "Responsive list groups built with Tailwind CSS. List groups are used to displaying a series of content and they are a beautiful alternative to unordered lists."
+description: "Use responsive listgroup component with helper examples for active link, disabled link, links styling, nav links & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/listgroup/"
@@ -94,87 +94,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/listgroup/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/components/modal/index.html b/site/content/docs/standard/components/modal/index.html
index c8d84a596..7659861c4 100644
--- a/site/content/docs/standard/components/modal/index.html
+++ b/site/content/docs/standard/components/modal/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Modal"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Modal / Dialog component"
-subheading: ""
+main_title: "Modal"
+subheading: "Tailwind CSS Modal / Dialog"
 seo_title: "Tailwind CSS Modal / Dialog - Free Examples & Tutorial"
-description: "Responsive modal built with Tailwind CSS. Use Modal to add dialogs to your site for lightboxes, user notifications, or completely custom content. Free download."
+description: "Use responsive modal component with helper examples for modal ui, popup, open modal, full screen modal, center position & more. Open source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/modal/"
@@ -206,92 +206,274 @@
 </section>
 <!-- Section: Simple notification -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/modal/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: Static backdrop -->
 <section>
diff --git a/site/content/docs/standard/components/notifications/index.html b/site/content/docs/standard/components/notifications/index.html
index e9a6102b2..8022578ea 100644
--- a/site/content/docs/standard/components/notifications/index.html
+++ b/site/content/docs/standard/components/notifications/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Notifications"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Notifications component"
-subheading: ""
+main_title: "Notifications"
+subheading: "Tailwind CSS Notifications"
 seo_title: "Tailwind CSS Notification - Free Examples & Tutorial"
-description: "Responsive notifications built with Tailwind CSS. Notifications provide quick, timely information about the application when it is not in use, such as the number of emails, a new photo notification and much more."
+description: "Use responsive notification component with helper examples for notification badge, within button, within avatar  & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/notifications/"
@@ -90,92 +90,274 @@
 </section>
 <!-- Section: Simple notification -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/notifications/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: Classic badge notification -->
 <section>
diff --git a/site/content/docs/standard/components/paragraphs/index.html b/site/content/docs/standard/components/paragraphs/index.html
index 9fa259136..50306b200 100644
--- a/site/content/docs/standard/components/paragraphs/index.html
+++ b/site/content/docs/standard/components/paragraphs/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Paragraphs"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Paragraphs component"
-subheading: ""
-seo_title: "Tailwind CSS Paragraph - Free Examples & Tutorial"
-description: "Responsive paragraphs built with Tailwind. Use different typography classes to change the size, weight and appearance of the text. Free download, AGPL license."
+main_title: "Paragraphs"
+subheading: "Tailwind CSS Paragraphs"
+seo_title: "Tailwind CSS Paragraphs - Free Examples & Tutorial"
+description: "Use responsive paragraphs component with helper examples for lead, quote, small, inline text elements & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/paragraphs/"
@@ -67,87 +67,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/paragraphs/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/components/placeholders/index.html b/site/content/docs/standard/components/placeholders/index.html
index 49f6d0c16..b016edb47 100644
--- a/site/content/docs/standard/components/placeholders/index.html
+++ b/site/content/docs/standard/components/placeholders/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Placeholders"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Placeholders component"
-subheading: ""
+main_title: "Placeholders"
+subheading: "Tailwind CSS Placeholders"
 seo_title: "Tailwind CSS Placeholder - Free Examples & Tutorial"
-description: "Responsive placeholders built with Tailwind CSS."
+description: "Use responsive placeholders component with helper examples for width, color, sizing, placeholder animations & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/placeholders/"
@@ -161,87 +161,269 @@
 <!-- Section: Basic Example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/placeholders/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/components/popover/index.html b/site/content/docs/standard/components/popover/index.html
index 136302aca..60bf23b25 100644
--- a/site/content/docs/standard/components/popover/index.html
+++ b/site/content/docs/standard/components/popover/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Popover"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Popover component"
-subheading: ""
+main_title: "Popover"
+subheading: "Tailwind CSS Popover"
 seo_title: "Tailwind CSS Popover - Free Examples & Tutorial"
-description: "Responsive popovers built with Tailwind CSS. Popover allows displaying more content on hover then tooltip including header & footer. Free download, AGPL license."
+description: "Use responsive placeholders component with helper examples for width, color, sizing, placeholder animations & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/popover/"
@@ -49,7 +49,7 @@
 
   <section class="!visible hidden" data-te-collapse-item id="example1">
     <div class="pt-4">
-      {{< twsnippet/wrapper "HTML" >}}
+      {{< twsnippet/wrapper "HTML,javascript" >}}
       {{< twsnippet/code active=true lang="HTML" >}}
       <div class="flex flex-wrap justify-center">
         <button
@@ -64,98 +64,285 @@
         </button>
       </div>
       {{< /twsnippet/code >}}
+      <!-- prettier-ignore -->
+      {{< twsnippet/code lang="js" >}}
+      const popoverTriggerList = [].slice.call(document.querySelectorAll('[data-te-toggle="popover"]'));
+      popoverTriggerList.map((popoverTriggerEl) => new te.Popover(popoverTriggerEl));
+      {{< /twsnippet/code >}}
       {{< /twsnippet/wrapper >}}
     </div>
   </section>
 </section>
 <!-- Section: Basic example -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/popover/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: Four directions -->
 <section>
@@ -223,7 +410,7 @@
 
   <section class="!visible hidden" data-te-collapse-item id="example2">
     <div class="pt-4">
-      {{< twsnippet/wrapper "HTML" >}}
+      {{< twsnippet/wrapper "HTML,javascript" >}}
       {{< twsnippet/code active=true lang="HTML" >}}
       <div class="flex flex-wrap justify-center space-x-2">
         <button
@@ -268,6 +455,11 @@
         </button>
       </div>
       {{< /twsnippet/code >}}
+      <!-- prettier-ignore -->
+      {{< twsnippet/code lang="js" >}}
+      const popoverTriggerList = [].slice.call(document.querySelectorAll('[data-te-toggle="popover"]'));
+      popoverTriggerList.map((popoverTriggerEl) => new te.Popover(popoverTriggerEl));
+      {{< /twsnippet/code >}}
       {{< /twsnippet/wrapper >}}
     </div>
   </section>
@@ -311,7 +503,7 @@
 
   <section class="!visible hidden" data-te-collapse-item id="example3">
     <div class="pt-4">
-      {{< twsnippet/wrapper "HTML" >}}
+      {{< twsnippet/wrapper "HTML,javascript" >}}
       {{< twsnippet/code active=true lang="HTML" >}}
       <div class="flex flex-wrap justify-center">
         <a
@@ -328,6 +520,11 @@
         >
       </div>
       {{< /twsnippet/code >}}
+      <!-- prettier-ignore -->
+      {{< twsnippet/code lang="js" >}}
+      const popoverTriggerList = [].slice.call(document.querySelectorAll('[data-te-toggle="popover"]'));
+      popoverTriggerList.map((popoverTriggerEl) => new te.Popover(popoverTriggerEl));
+      {{< /twsnippet/code >}}
       {{< /twsnippet/wrapper >}}
     </div>
   </section>
@@ -372,7 +569,7 @@
 
   <section class="!visible hidden" data-te-collapse-item id="example4">
     <div class="pt-4">
-      {{< twsnippet/wrapper "HTML" >}}
+      {{< twsnippet/wrapper "HTML,javascript" >}}
       {{< twsnippet/code active=true lang="HTML" >}}
       <div class="flex flex-wrap justify-center">
         <span
@@ -390,6 +587,11 @@
         </span>
       </div>
       {{< /twsnippet/code >}}
+      <!-- prettier-ignore -->
+      {{< twsnippet/code lang="js" >}}
+      const popoverTriggerList = [].slice.call(document.querySelectorAll('[data-te-toggle="popover"]'));
+      popoverTriggerList.map((popoverTriggerEl) => new te.Popover(popoverTriggerEl));
+      {{< /twsnippet/code >}}
       {{< /twsnippet/wrapper >}}
     </div>
   </section>
diff --git a/site/content/docs/standard/components/progress/index.html b/site/content/docs/standard/components/progress/index.html
index a4d642863..18c09f0d9 100644
--- a/site/content/docs/standard/components/progress/index.html
+++ b/site/content/docs/standard/components/progress/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Progress"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Progress bars component"
-subheading: ""
+main_title: "Progress bar"
+subheading: "Tailwind CSS Progress Bar"
 seo_title: "Tailwind CSS Progress Bar - Free Examples & Tutorial"
-description: "Responsive progress bars built with Tailwind CSS. Progress bar is an indicator showing the progress, you can use it with percents, steps & other options."
+description: "Use responsive progress component with helper examples for progress ui, progress bar, progress bar steps, colors & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/progress/"
@@ -57,92 +57,274 @@
 </section>
 <!-- Section: Basic example -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/progress/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: Width -->
 <section>
diff --git a/site/content/docs/standard/components/rating/index.html b/site/content/docs/standard/components/rating/index.html
index 3deb40b96..74c7ba3bf 100644
--- a/site/content/docs/standard/components/rating/index.html
+++ b/site/content/docs/standard/components/rating/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Rating"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Rating component"
-subheading: ""
+main_title: "Rating"
+subheading: "Tailwind CSS Rating"
 seo_title: "Tailwind CSS rating - Free Examples & Tutorial"
-description: "Responsive rating built with Tailwind CSS. Rating shows the opinion of others experience with the product, you can use stars or other custom icons in it."
+description: "Use responsive rating component with helper examples for star rating, emoji rating, custom icons & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/rating/"
@@ -195,87 +195,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/rating/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/components/scroll-back-to-top-button/index.html b/site/content/docs/standard/components/scroll-back-to-top-button/index.html
index d7ad86c2b..02106d8e1 100644
--- a/site/content/docs/standard/components/scroll-back-to-top-button/index.html
+++ b/site/content/docs/standard/components/scroll-back-to-top-button/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Scroll back to top button"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: "false"
-main_title: "Tailwind Scroll back to top button component"
-subheading: ""
+main_title: "Scroll back to top button"
+subheading: "Tailwind CSS Scroll Back To Top Button"
 seo_title: "Tailwind CSS Scroll back to top button - Free Examples"
-description: "Responsive Scroll back to top button built with Tailwind CSS. It appears when you start scrolling and, when clicked, takes you to the top of the page."
+description: "Use responsive scroll back to top component with helper examples for scroll back to top button animation, appear after scroll & more. Open source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/scroll-back-to-top-button/"
@@ -109,87 +109,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/scroll-back-to-top-button/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/components/social-buttons/index.html b/site/content/docs/standard/components/social-buttons/index.html
index 58c501988..512168b67 100644
--- a/site/content/docs/standard/components/social-buttons/index.html
+++ b/site/content/docs/standard/components/social-buttons/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Social Media icons & buttons"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: "false"
-main_title: "Tailwind Social Media icons & buttons component"
-subheading: ""
+main_title: "Social Media icons & buttons"
+subheading: "Tailwind CSS Social Media Icons & Buttons"
 seo_title: "Tailwind CSS Social Media Icons & Buttons - Free Examples"
-description: "Responsive Social Media icons & buttons built with Tailwind CSS. Facebook, Twitter, Google, Instagram, LinkedIn, YouTube, GitHub, Slack, Reddit & more."
+description: "Use responsive social buttons component with helper examples for brand icons, facebook, twitter, youtube, instagram, github & more. Open source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/social-buttons/"
@@ -156,8 +156,6 @@
     </svg>
 
     <!-- Telegram -->
-    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
     <svg
       class="h-5 w-5"
       fill="currentColor"
@@ -397,8 +395,6 @@
         </svg>
 
         <!-- Telegram -->
-        <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-        <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
         <svg
           class="h-5 w-5"
           fill="currentColor"
@@ -517,87 +513,269 @@
 <!-- Section: Icons -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/social-buttons/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
@@ -739,8 +917,6 @@
     </svg>
 
     <!-- Telegram -->
-    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
     <svg
       class="h-7 w-7"
       fill="currentColor"
@@ -1000,8 +1176,6 @@
         </svg>
 
         <!-- Telegram -->
-        <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-        <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
         <svg
           class="h-7 w-7"
           fill="currentColor"
@@ -1409,8 +1583,6 @@
       data-te-ripple-color="light"
       class="mb-2 inline-block rounded px-6 py-2.5 text-xs font-medium uppercase leading-normal text-white shadow-md transition duration-150 ease-in-out hover:shadow-lg focus:shadow-lg focus:outline-none focus:ring-0 active:shadow-lg"
       style="background-color: #0088cc">
-      <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-      <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
       <svg
         class="h-4 w-4"
         fill="currentColor"
@@ -1795,8 +1967,6 @@
           data-te-ripple-color="light"
           class="mb-2 inline-block rounded px-6 py-2.5 text-xs font-medium uppercase leading-normal text-white shadow-md transition duration-150 ease-in-out hover:shadow-lg focus:shadow-lg focus:outline-none focus:ring-0 active:shadow-lg"
           style="background-color: #0088cc">
-          <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-          <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
           <svg
             class="h-4 w-4"
             fill="currentColor"
diff --git a/site/content/docs/standard/components/spinners/index.html b/site/content/docs/standard/components/spinners/index.html
index 0b122e461..93280eb6a 100644
--- a/site/content/docs/standard/components/spinners/index.html
+++ b/site/content/docs/standard/components/spinners/index.html
@@ -1,12 +1,11 @@
 ---
 title: "Spinners"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Spinner / Loader component"
-subheading: ""
+main_title: "Spinner / Loader"
+subheading: "Tailwind CSS Spinner / Loader"
 seo_title: "Tailwind CSS Spinner / Loader - Free Examples & Tutorial"
-description: "Responsive spinner/ loader build with Tailwind CSS. Spinners are used while loading content or performing
-another process that the user needs to wait on."
+description: "Use responsive spinners component with helper examples for loaders and loading animations, spinning circle animation & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/spinners/"
@@ -75,87 +74,269 @@
 </section>
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/spinners/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/components/stepper/index.html b/site/content/docs/standard/components/stepper/index.html
index b865b03ea..e7413d92d 100644
--- a/site/content/docs/standard/components/stepper/index.html
+++ b/site/content/docs/standard/components/stepper/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Stepper"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Stepper component"
-subheading: ""
+main_title: "Stepper"
+subheading: "Tailwind CSS Stepper"
 seo_title: "Tailwind CSS Stepper - Free Examples & Tutorial"
-description: "Responsive stepper built with the latest Tailwind CSS. Steppers display progress through a sequence of logical and numbered steps. Free download, AGPL license."
+description: "Use responsive stepper component with helper examples for stepper ui, stepper form, vertical stepper, progress steps & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/stepper/"
@@ -40,7 +40,7 @@
       class="w-[4.5rem] flex-auto">
       <div
         data-te-stepper-head-ref
-        class="after:w-100 flex cursor-pointer items-center pl-2 leading-[1.3rem] no-underline after:ml-2 after:h-px after:flex-1 after:bg-[#e0e0e0] after:content-[''] hover:bg-[#f9f9f9] focus:outline-none dark:after:bg-neutral-600 dark:hover:bg-[#3b3b3b]">
+        class="flex cursor-pointer items-center pl-2 leading-[1.3rem] no-underline after:ml-2 after:h-px after:w-full after:flex-1 after:bg-[#e0e0e0] after:content-[''] hover:bg-[#f9f9f9] focus:outline-none dark:after:bg-neutral-600 dark:hover:bg-[#3b3b3b]">
         <span
           data-te-stepper-head-icon-ref
           class="my-6 mr-2 flex h-[1.938rem] w-[1.938rem] items-center justify-center rounded-full bg-[#ebedef] text-sm font-medium text-[#40464f]">
@@ -54,7 +54,7 @@
       </div>
       <div
         data-te-stepper-content-ref
-        class="w-100 absolute p-4 transition-all duration-500 ease-in-out">
+        class="absolute w-full p-4 transition-all duration-500 ease-in-out">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
         tempor incididunt ut labore et dolore magna aliqua.
       </div>
@@ -62,7 +62,7 @@
     <li data-te-stepper-step-ref class="w-[4.5rem] flex-auto">
       <div
         data-te-stepper-head-ref
-        class="before:w-100 after:w-100 flex cursor-pointer items-center leading-[1.3rem] no-underline before:mr-2 before:h-px before:flex-1 before:bg-[#e0e0e0] before:content-[''] after:ml-2 after:h-px after:flex-1 after:bg-[#e0e0e0] after:content-[''] hover:bg-[#f9f9f9] focus:outline-none dark:before:bg-neutral-600 dark:after:bg-neutral-600 dark:hover:bg-[#3b3b3b]">
+        class="flex cursor-pointer items-center leading-[1.3rem] no-underline before:mr-2 before:h-px before:w-full before:flex-1 before:bg-[#e0e0e0] before:content-[''] after:ml-2 after:h-px after:w-full after:flex-1 after:bg-[#e0e0e0] after:content-[''] hover:bg-[#f9f9f9] focus:outline-none dark:before:bg-neutral-600 dark:after:bg-neutral-600 dark:hover:bg-[#3b3b3b]">
         <span
           data-te-stepper-head-icon-ref
           class="my-6 mr-2 flex h-[1.938rem] w-[1.938rem] items-center justify-center rounded-full bg-[#ebedef] text-sm font-medium text-[#40464f]">
@@ -76,7 +76,7 @@
       </div>
       <div
         data-te-stepper-content-ref
-        class="w-100 absolute left-0 translate-x-[150%] p-4 transition-all duration-500 ease-in-out">
+        class="absolute left-0 w-full translate-x-[150%] p-4 transition-all duration-500 ease-in-out">
         Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
         ut aliquip ex ea commodo consequat.
       </div>
@@ -84,7 +84,7 @@
     <li data-te-stepper-step-ref class="w-[4.5rem] flex-auto">
       <div
         data-te-stepper-head-ref
-        class="before:w-100 flex cursor-pointer items-center pr-2 leading-[1.3rem] no-underline before:mr-2 before:h-px before:flex-1 before:bg-[#e0e0e0] before:content-[''] hover:bg-[#f9f9f9] focus:outline-none dark:before:bg-neutral-600 dark:after:bg-neutral-600 dark:hover:bg-[#3b3b3b]">
+        class="flex cursor-pointer items-center pr-2 leading-[1.3rem] no-underline before:mr-2 before:h-px before:w-full before:flex-1 before:bg-[#e0e0e0] before:content-[''] hover:bg-[#f9f9f9] focus:outline-none dark:before:bg-neutral-600 dark:after:bg-neutral-600 dark:hover:bg-[#3b3b3b]">
         <span
           data-te-stepper-head-icon-ref
           class="my-6 mr-2 flex h-[1.938rem] w-[1.938rem] items-center justify-center rounded-full bg-[#ebedef] text-sm font-medium text-[#40464f]">
@@ -98,7 +98,7 @@
       </div>
       <div
         data-te-stepper-content-ref
-        class="w-100 absolute left-0 translate-x-[150%] p-4 transition-all duration-500 ease-in-out">
+        class="absolute left-0 w-full translate-x-[150%] p-4 transition-all duration-500 ease-in-out">
         Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
         dolore eu fugiat nulla pariatur.
       </div>
@@ -120,7 +120,7 @@
           class="w-[4.5rem] flex-auto">
           <div
             data-te-stepper-head-ref
-            class="after:w-100 flex cursor-pointer items-center pl-2 leading-[1.3rem] no-underline after:ml-2 after:h-px after:flex-1 after:bg-[#e0e0e0] after:content-[''] hover:bg-[#f9f9f9] focus:outline-none dark:after:bg-neutral-600 dark:hover:bg-[#3b3b3b]">
+            class="flex cursor-pointer items-center pl-2 leading-[1.3rem] no-underline after:ml-2 after:h-px after:w-full after:flex-1 after:bg-[#e0e0e0] after:content-[''] hover:bg-[#f9f9f9] focus:outline-none dark:after:bg-neutral-600 dark:hover:bg-[#3b3b3b]">
             <span
               data-te-stepper-head-icon-ref
               class="my-6 mr-2 flex h-[1.938rem] w-[1.938rem] items-center justify-center rounded-full bg-[#ebedef] text-sm font-medium text-[#40464f]">
@@ -134,7 +134,7 @@
           </div>
           <div
             data-te-stepper-content-ref
-            class="w-100 absolute p-4 transition-all duration-500 ease-in-out">
+            class="absolute w-full p-4 transition-all duration-500 ease-in-out">
             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
             eiusmod tempor incididunt ut labore et dolore magna aliqua.
           </div>
@@ -142,7 +142,7 @@
         <li data-te-stepper-step-ref class="w-[4.5rem] flex-auto">
           <div
             data-te-stepper-head-ref
-            class="before:w-100 after:w-100 flex cursor-pointer items-center leading-[1.3rem] no-underline before:mr-2 before:h-px before:flex-1 before:bg-[#e0e0e0] before:content-[''] after:ml-2 after:h-px after:flex-1 after:bg-[#e0e0e0] after:content-[''] hover:bg-[#f9f9f9] focus:outline-none dark:before:bg-neutral-600 dark:after:bg-neutral-600 dark:hover:bg-[#3b3b3b]">
+            class="flex cursor-pointer items-center leading-[1.3rem] no-underline before:mr-2 before:h-px before:w-full before:flex-1 before:bg-[#e0e0e0] before:content-[''] after:ml-2 after:h-px after:w-full after:flex-1 after:bg-[#e0e0e0] after:content-[''] hover:bg-[#f9f9f9] focus:outline-none dark:before:bg-neutral-600 dark:after:bg-neutral-600 dark:hover:bg-[#3b3b3b]">
             <span
               data-te-stepper-head-icon-ref
               class="my-6 mr-2 flex h-[1.938rem] w-[1.938rem] items-center justify-center rounded-full bg-[#ebedef] text-sm font-medium text-[#40464f]">
@@ -156,7 +156,7 @@
           </div>
           <div
             data-te-stepper-content-ref
-            class="w-100 absolute left-0 translate-x-[150%] p-4 transition-all duration-500 ease-in-out">
+            class="absolute left-0 w-full translate-x-[150%] p-4 transition-all duration-500 ease-in-out">
             Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
             nisi ut aliquip ex ea commodo consequat.
           </div>
@@ -164,7 +164,7 @@
         <li data-te-stepper-step-ref class="w-[4.5rem] flex-auto">
           <div
             data-te-stepper-head-ref
-            class="before:w-100 flex cursor-pointer items-center pr-2 leading-[1.3rem] no-underline before:mr-2 before:h-px before:flex-1 before:bg-[#e0e0e0] before:content-[''] hover:bg-[#f9f9f9] focus:outline-none dark:before:bg-neutral-600 dark:after:bg-neutral-600 dark:hover:bg-[#3b3b3b]">
+            class="flex cursor-pointer items-center pr-2 leading-[1.3rem] no-underline before:mr-2 before:h-px before:w-full before:flex-1 before:bg-[#e0e0e0] before:content-[''] hover:bg-[#f9f9f9] focus:outline-none dark:before:bg-neutral-600 dark:after:bg-neutral-600 dark:hover:bg-[#3b3b3b]">
             <span
               data-te-stepper-head-icon-ref
               class="my-6 mr-2 flex h-[1.938rem] w-[1.938rem] items-center justify-center rounded-full bg-[#ebedef] text-sm font-medium text-[#40464f]">
@@ -178,7 +178,7 @@
           </div>
           <div
             data-te-stepper-content-ref
-            class="w-100 absolute left-0 translate-x-[150%] p-4 transition-all duration-500 ease-in-out">
+            class="absolute left-0 w-full translate-x-[150%] p-4 transition-all duration-500 ease-in-out">
             Duis aute irure dolor in reprehenderit in voluptate velit esse
             cillum dolore eu fugiat nulla pariatur.
           </div>
@@ -192,87 +192,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/stepper/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
@@ -297,7 +479,7 @@
   <!-- prettier-ignore -->
   {{< twsnippet/demo id="example2">}}
   <ul
-    class="w-100 relative m-0 list-none overflow-hidden p-0 transition-[height] duration-200 ease-in-out"
+    class="relative m-0 w-full list-none overflow-hidden p-0 transition-[height] duration-200 ease-in-out"
     data-te-stepper-init
     data-te-stepper-type="vertical">
     <li
@@ -379,7 +561,7 @@
       {{< twsnippet/wrapper "HTML" >}}
       {{< twsnippet/code active=true lang="HTML" >}}
       <ul
-        class="w-100 relative m-0 list-none overflow-hidden p-0 transition-[height] duration-200 ease-in-out"
+        class="relative m-0 w-full list-none overflow-hidden p-0 transition-[height] duration-200 ease-in-out"
         data-te-stepper-init
         data-te-stepper-type="vertical">
         <li
@@ -470,7 +652,7 @@ <h2 class="mt-0 mb-5 text-3xl font-semibold leading-normal">
   </h2>
 
   <!-- Resources -->
-  <div class="justify-content-start w-100 my-5 text-start">
+  <div class="justify-content-start my-5 w-full text-start">
     <!-- Extended docs -->
     <a
       href="https://mdbootstrap.com/docs/standard/extended/timeline/"
diff --git a/site/content/docs/standard/components/testimonials/index.html b/site/content/docs/standard/components/testimonials/index.html
index 0ccb877b3..24f07d82e 100644
--- a/site/content/docs/standard/components/testimonials/index.html
+++ b/site/content/docs/standard/components/testimonials/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Testimonials"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: "false"
-main_title: "Tailwind testimonials / Reviews component"
-subheading: ""
+main_title: "Testimonials / Reviews"
+subheading: "Tailwind CSS Testimonials / Reviews"
 seo_title: "Tailwind CSS Testimonials / Reviews - Free Examples"
-description: "Responsive Testimonials / Reviews built with Tailwind CSS. Testimonials slider & carousel, testimonials with star ratings, with avatars & many more examples."
+description: "Use responsive testimonials component with helper examples for reviews, star ratings, customer testimonial & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/testimonials/"
@@ -628,87 +628,269 @@ <h6 class="mb-4 font-semibold text-primary dark:text-primary-400">
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Testimonials Component!](https://tailwind-elements.com/docs/standard/components/testimonials/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Testimonials%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/testimonials/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
         href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/testimonials/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/testimonials/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/testimonials/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Testimonials%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/components/timeline/index.html b/site/content/docs/standard/components/timeline/index.html
index 9bd1eb59f..a26e85e55 100644
--- a/site/content/docs/standard/components/timeline/index.html
+++ b/site/content/docs/standard/components/timeline/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Timeline"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Timeline"
-subheading: ""
+main_title: "Timeline"
+subheading: "Tailwind CSS Timeline"
 seo_title: "Tailwind CSS Timeline - Free Examples & Tutorial"
-description: "Responsive Timeline built with Tailwind. Horizontal and vertical examples. Easy to use and customize. Free for commercial use, no registration required."
+description: "Use responsive timeline component with helper examples for timeline ui, vertical timeline, horizontal timeline,  & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/timeline/"
@@ -150,87 +150,269 @@ <h4 class="mb-1.5 text-xl font-semibold">Title of section 3</h4>
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/timeline/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/components/toast/index.html b/site/content/docs/standard/components/toast/index.html
index 4d2443e6e..4dd281b15 100644
--- a/site/content/docs/standard/components/toast/index.html
+++ b/site/content/docs/standard/components/toast/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Toast"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Toasts component"
-subheading: ""
+main_title: "Toasts"
+subheading: "Tailwind CSS Toasts"
 seo_title: "Tailwind CSS Toast - Free Examples & Tutorial"
-description: "Responsive Tailwind Toast built with Tailwind CSS. Toasts are a non-disruptive message in the corner of the interface. It provides quick 'at-a-glance' feedback."
+description: "Use responsive toast component with helper examples for notification popup, notification toast, toast message & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/toast/"
@@ -142,92 +142,273 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/toast/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
 <!-- Section: Sharing request-->
-
 <!-- Section: Colors -->
 <section>
   <!-- Title -->
diff --git a/site/content/docs/standard/components/tooltip/index-js.html b/site/content/docs/standard/components/tooltip/index-js.html
deleted file mode 100644
index df24ad8fa..000000000
--- a/site/content/docs/standard/components/tooltip/index-js.html
+++ /dev/null
@@ -1,12 +0,0 @@
----
----
-
-<script>
-  var tooltipTriggerList = [].slice.call(
-    document.querySelectorAll('[data-te-toggle="tooltip"]')
-  );
-
-  var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
-    return new te.Tooltip(tooltipTriggerEl);
-  });
-</script>
diff --git a/site/content/docs/standard/components/tooltip/index.html b/site/content/docs/standard/components/tooltip/index.html
index bb7f4e101..03e2dd4ad 100644
--- a/site/content/docs/standard/components/tooltip/index.html
+++ b/site/content/docs/standard/components/tooltip/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Tooltip"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Tooltip component"
-subheading: ""
+main_title: "Tooltip"
+subheading: "Tailwind CSS Tooltip"
 seo_title: "Tailwind CSS Tooltip - Free Examples & Tutorial"
-description: "Responsive tooltips built with Tailwind. Tooltip displays information when users hover, focus, or tap an element. Download for free without registration."
+description: "Use responsive tooltip component with helper examples for tooltip ui, tooltip on hover, disabled tooltip, direction & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/tooltip/"
@@ -50,7 +50,7 @@
 
   <section class="!visible hidden" data-te-collapse-item id="example1">
     <div class="pt-4">
-      {{< twsnippet/wrapper "HTML" >}}
+      {{< twsnippet/wrapper "HTML,javascript" >}}
       {{< twsnippet/code active=true lang="HTML" >}}
       <div class="text-center">
         <p>
@@ -65,6 +65,11 @@
         </p>
       </div>
       {{< /twsnippet/code >}}
+      <!-- prettier-ignore -->
+      {{< twsnippet/code lang="js" >}}
+      const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-te-toggle="tooltip"]'));
+      tooltipTriggerList.map((tooltipTriggerEl) => new te.Tooltip(tooltipTriggerEl));
+      {{< /twsnippet/code >}}
       {{< /twsnippet/wrapper >}}
     </div>
   </section>
@@ -72,92 +77,273 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/tooltip/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
 <!-- Section: Sharing request-->
-
 <!-- Section: Four directions -->
 <section>
   <!-- Title -->
@@ -221,7 +407,7 @@
 
   <section class="!visible hidden" data-te-collapse-item id="example2">
     <div class="pt-4">
-      {{< twsnippet/wrapper "HTML" >}}
+      {{< twsnippet/wrapper "HTML,javascript" >}}
       {{< twsnippet/code active=true lang="HTML" >}}
       <div class="flex flex-wrap justify-center space-x-2">
         <div class="space-y-2">
@@ -268,6 +454,11 @@
         </div>
       </div>
       {{< /twsnippet/code >}}
+      <!-- prettier-ignore -->
+      {{< twsnippet/code lang="js" >}}
+      const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-te-toggle="tooltip"]'));
+      tooltipTriggerList.map((tooltipTriggerEl) => new te.Tooltip(tooltipTriggerEl));
+      {{< /twsnippet/code >}}
       {{< /twsnippet/wrapper >}}
     </div>
   </section>
@@ -305,7 +496,7 @@
 
   <section class="!visible hidden" data-te-collapse-item id="example3">
     <div class="pt-4">
-      {{< twsnippet/wrapper "HTML" >}}
+      {{< twsnippet/wrapper "HTML,javascript" >}}
       {{< twsnippet/code active=true lang="HTML" >}}
       <div class="flex flex-wrap justify-center">
         <button
@@ -320,6 +511,11 @@
         </button>
       </div>
       {{< /twsnippet/code >}}
+      <!-- prettier-ignore -->
+      {{< twsnippet/code lang="js" >}}
+      const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-te-toggle="tooltip"]'));
+      tooltipTriggerList.map((tooltipTriggerEl) => new te.Tooltip(tooltipTriggerEl));
+      {{< /twsnippet/code >}}
       {{< /twsnippet/wrapper >}}
     </div>
   </section>
@@ -359,7 +555,7 @@
 
   <section class="!visible hidden" data-te-collapse-item id="example4">
     <div class="pt-4">
-      {{< twsnippet/wrapper "HTML" >}}
+      {{< twsnippet/wrapper "HTML,javascript" >}}
       {{< twsnippet/code active=true lang="HTML" >}}
       <div class="flex flex-wrap justify-center">
         <span
@@ -376,6 +572,11 @@
         </span>
       </div>
       {{< /twsnippet/code >}}
+      <!-- prettier-ignore -->
+      {{< twsnippet/code lang="js" >}}
+      const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-te-toggle="tooltip"]'));
+      tooltipTriggerList.map((tooltipTriggerEl) => new te.Tooltip(tooltipTriggerEl));
+      {{< /twsnippet/code >}}
       {{< /twsnippet/wrapper >}}
     </div>
   </section>
diff --git a/site/content/docs/standard/components/video-carousel/index.html b/site/content/docs/standard/components/video-carousel/index.html
index 5afdb6f5b..f855f46b3 100644
--- a/site/content/docs/standard/components/video-carousel/index.html
+++ b/site/content/docs/standard/components/video-carousel/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Video carousel"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: "false"
-main_title: "Tailwind video carousel / gallery component"
-subheading: ""
+main_title: "Video Carousel / Gallery"
+subheading: "Tailwind CSS Video Carousel / Gallery"
 seo_title: "Tailwind CSS Video Carousel / Gallery - Free Examples"
-description: "Responsive video carousel built with Tailwind CSS. An example of responsive carousel with videos instead of images. Download for free without registration."
+description: "Use responsive video carousel component with helper examples for video carousel, video slider gallery, full page video carousel & more. Open source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/video-carousel/"
@@ -316,87 +316,269 @@ <h5 class="text-xl">Third slide label</h5>
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/video-carousel/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/components/video/index.html b/site/content/docs/standard/components/video/index.html
index eed2409eb..6f5c8ca93 100644
--- a/site/content/docs/standard/components/video/index.html
+++ b/site/content/docs/standard/components/video/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Video"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: "false"
-main_title: "Tailwind Video component"
-subheading: ""
+main_title: "Video"
+subheading: "Tailwind CSS Video"
 seo_title: "Tailwind CSS Video - Free Examples & Tutorial"
-description: "Responsive video built with Tailwind CSS. Video gallery compiles a number of media into interactive collection presented in a basic or a more advanced lightbox."
+description: "Use responsive video component with helper examples for video backgrounds, embeds, responsive videos, aspect ratios & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/video/"
@@ -72,87 +72,269 @@
 <!-- Section: Responsive video 21:9 -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/video/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/content-styles/animations/index.html b/site/content/docs/standard/content-styles/animations/index.html
index f3a7a692e..ffc491b64 100644
--- a/site/content/docs/standard/content-styles/animations/index.html
+++ b/site/content/docs/standard/content-styles/animations/index.html
@@ -1,12 +1,13 @@
 ---
 title: "Animations"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-01T16:00:58+02:00
 draft: false
-main_title: "Tailwind Animations"
-subheading: ""
+main_title: "Animations"
+subheading: "Tailwind CSS Animations"
 seo_title: "Tailwind CSS Animations - Free Examples & Tutorial"
-description: "Subtle and smooth TE animations provide the user with a unique experience when interacting with UI. There are several dozen animations at your disposal along with many customization and implementation options. Tailwind animations imitate motions for web elements. +70 animations generated by CSS only, work on every browser. Free download, AGPL license."
+description: "Use Tailwind CSS animations with helper examples for delay, duration, loading, on hover, on scroll, rotate, fade in and out, button click animations & more."
 image: "img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/content-styles/animations/"
 menu:
   contentstyles:
@@ -543,87 +544,269 @@
   </section>
 
   <!-- Section: Sharing request-->
-  <section class="pt-7">
+  <section class="mb-12 pt-14">
     <div
-      class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+      class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
       role="alert">
-      <p>
-        <strong>Important!</strong> Tailwind Elements is 100% free and relies
-        fully on community support for getting reach & new users. If you like
-        what we do, consider sharing our work with your community.
-        <strong>Link this component on your blog</strong> and share Tailwind
-        Elements via social media:
+      <p class="">
+        <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+        community-driven project. It's <strong> open source and free</strong>,
+        and we would like it to stay that way. If you enjoy it,
+        <strong>help the project grow by sharing it</strong> with your peers.
+        <strong>Every share counts</strong>, thank you!
       </p>
-      <p class="mt-5 flex justify-center">
+
+      <p
+        class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
         <!--Share on DEV-->
         <a
-          href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/animations/)"
+          data-te-toggle="tooltip"
+          title="Share via Dev.to"
+          href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
           target="_blank"
           class="mx-2 flex items-center">
           <svg
-            class="h-7 w-7"
+            class="pointer-events-none h-7 w-7"
             fill="currentColor"
             xmlns="http://www.w3.org/2000/svg"
             viewBox="0 0 448 512">
-            <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+            <title>Share via Dev.to</title>
             <path
               d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
           </svg>
         </a>
+
+        <!--Share on Twitter-->
         <a
-          href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/animations/"
+          data-te-toggle="tooltip"
+          title="Share via Twitter"
+          href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
           target="_blank"
           class="mx-2 flex items-center">
           <svg
             xmlns="http://www.w3.org/2000/svg"
-            class="h-7 w-7"
+            class="pointer-events-none h-7 w-7"
             fill="currentColor"
             viewBox="0 0 24 24">
+            <title>Share via Twitter</title>
             <path
               d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
           </svg>
         </a>
+
+        <!--Share on Facebook-->
         <a
-          href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/animations/"
+          data-te-toggle="tooltip"
+          title="Share via Facebook"
+          href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/content-styles/animations/"
           target="_blank"
           class="mx-2 flex items-center">
           <svg
             xmlns="http://www.w3.org/2000/svg"
-            class="h-7 w-7"
+            class="pointer-events-none h-7 w-7"
             fill="currentColor"
             viewBox="0 0 24 24">
+            <title>Share via Facebook</title>
             <path
-              d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+              d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
           </svg>
         </a>
+
+        <!--Share on LinkedIn-->
         <a
-          href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/animations/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+          data-te-toggle="tooltip"
+          title="Share via LinkedIn"
+          href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
           target="_blank"
           class="mx-2 flex items-center">
           <svg
             xmlns="http://www.w3.org/2000/svg"
-            class="h-7 w-7"
+            class="pointer-events-none h-7 w-7"
             fill="currentColor"
             viewBox="0 0 24 24">
             <path
-              d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+              d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
           </svg>
         </a>
+
+        <!--Share on Pinterest-->
         <a
-          href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/animations/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+          data-te-toggle="tooltip"
+          title="Share via Pinterest"
+          href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
           target="_blank"
           class="mx-2 flex items-center">
           <svg
             xmlns="http://www.w3.org/2000/svg"
-            class="h-7 w-7"
+            class="pointer-events-none h-7 w-7"
             fill="currentColor"
             viewBox="0 0 24 24">
+            <title>Share via Pinterest</title>
             <path
               d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
               fill-rule="evenodd"
               clip-rule="evenodd" />
           </svg>
         </a>
+
+        <!--Share on Reddit-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Reddit"
+          href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+          target="_blank"
+          class="mx-2 flex items-center"
+          style="font-size: 2rem;">
+          <title>Share via Reddit</title>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <path
+              d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+          </svg>
+        </a>
+
+        <!--Share on StumbleUpon-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Stumbleupon"
+          href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <title>Share via StumbleUpon</title>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <path
+              d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+          </svg>
+        </a>
+
+        <!--Share on Vkontakte-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Vkontakte"
+          href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <title>Share via Vkontakte</title>
+            <path
+              class="st0"
+              d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+          </svg>
+        </a>
+
+        <!--Share on Weibo-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Weibo"
+          href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 512 512">
+            <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+            <title>Share via Weibo</title>
+            <path
+              d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+          </svg>
+        </a>
+
+        <!--Share on HackerNews-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Hackernews"
+          href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 448 512">
+            <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+            <title>Share via HackerNews</title>
+            <path
+              d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+          </svg>
+        </a>
+
+        <!--Share on Gmail-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Gmail"
+          href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <title>Share via Gmail</title>
+            <path
+              d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+          </svg>
+        </a>
+
+        <!--Share on Emial (other)-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Email"
+          href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <title>Share via Email</title>
+            <path
+              d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+          </svg>
+        </a>
       </p>
     </div>
   </section>
diff --git a/site/content/docs/standard/content-styles/colors/index.html b/site/content/docs/standard/content-styles/colors/index.html
index 643e6ac71..2cc392b4a 100644
--- a/site/content/docs/standard/content-styles/colors/index.html
+++ b/site/content/docs/standard/content-styles/colors/index.html
@@ -1,13 +1,14 @@
 ---
 title: "Colors"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Colors"
-subheading: ""
+main_title: "Colors"
+subheading: "Tailwind CSS Colors"
 seo_title: "Tailwind CSS Colors - Free Examples & Tutorial"
 description: "Tailwind Elements are supported by an extensive Material Design color system that themes our styles and
 components. This enables more comprehensive customization and extension for any project."
 image: "img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/content-styles/colors/"
 menu:
   contentstyles:
@@ -111,8 +112,274 @@
 </section>
 <!-- Section: Basic example -->
 
-<hr class="mb-5 dark:border-neutral-600" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/content-styles/colors/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
 
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 <!-- Section: Shades -->
 <section>
   <!-- Title -->
diff --git a/site/content/docs/standard/content-styles/dividers/index.html b/site/content/docs/standard/content-styles/dividers/index.html
index 863c7f695..d8b840fbd 100644
--- a/site/content/docs/standard/content-styles/dividers/index.html
+++ b/site/content/docs/standard/content-styles/dividers/index.html
@@ -1,9 +1,9 @@
 ---
 title: "Dividers"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Dividers component"
-subheading: ""
+main_title: "Dividers"
+subheading: "Tailwind CSS Dividers"
 seo_title: "Tailwind CSS Dividers - Free Examples & Tutorial"
 description: "Responsive dividers built with Tailwind CSS. Examples of horizontal divider lines (hr) as well as vertical divider lines for clearer organization of your content. Download for free without registration."
 image: "img/components-big.jpg"
@@ -47,93 +47,274 @@
 </section>
 <!-- Section: Basic example -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/content-styles/dividers/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
-
+<!-- Section: Sharing request-->
 <!-- Section: Basic vertical -->
 <section>
   <!-- Title -->
diff --git a/site/content/docs/standard/content-styles/figures/index.html b/site/content/docs/standard/content-styles/figures/index.html
index fccf84d47..48f28cef4 100644
--- a/site/content/docs/standard/content-styles/figures/index.html
+++ b/site/content/docs/standard/content-styles/figures/index.html
@@ -1,9 +1,9 @@
 ---
 title: "Figures"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Figures component"
-subheading: ""
+main_title: "Figures"
+subheading: "Tailwind CSS Figures"
 seo_title: "Tailwind CSS Figures - Free Examples & Tutorial"
 description: "Responsive figures built with Tailwind CSS. Documentation and examples for displaying related images and text with the figure component. Download for free without registration."
 image: "img/components-big.jpg"
@@ -110,93 +110,274 @@
 </section>
 <!-- Section: Basic examples -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/content-styles/figures/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
-
+<!-- Section: Sharing request-->
 <hr class="my-12 dark:border-neutral-600" />
 
 <!-- Section: Related resources -->
diff --git a/site/content/docs/standard/content-styles/headings/index.html b/site/content/docs/standard/content-styles/headings/index.html
index 3f08929db..bda0422ac 100644
--- a/site/content/docs/standard/content-styles/headings/index.html
+++ b/site/content/docs/standard/content-styles/headings/index.html
@@ -1,9 +1,9 @@
 ---
 title: "Headings"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Headings component"
-subheading: ""
+main_title: "Headings"
+subheading: "Tailwind CSS Headings"
 seo_title: "Tailwind CSS Headings - Free Examples & Tutorial"
 description: "Responsive headings built with Tailwind CSS. Use different typography classes to change the size, weight and appearance of the text. Free download."
 image: "img/components-big.jpg"
@@ -49,92 +49,274 @@ <h1 class="mt-0 mb-2 text-5xl font-medium leading-tight text-primary">
 </section>
 <!-- Section: H1 -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/content-styles/headings/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: H2 -->
 <section>
diff --git a/site/content/docs/standard/content-styles/hover-effects/index.html b/site/content/docs/standard/content-styles/hover-effects/index.html
index 422415398..64047609a 100644
--- a/site/content/docs/standard/content-styles/hover-effects/index.html
+++ b/site/content/docs/standard/content-styles/hover-effects/index.html
@@ -1,9 +1,9 @@
 ---
 title: "Hover effects"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: "false"
-main_title: "Tailwind Hover effects component"
-subheading: ""
+main_title: "Hover effects"
+subheading: "Tailwind CSS Hover Effects"
 seo_title: "Tailwind CSS Hover Effects - Free Examples & Tutorial"
 description: "Responsive hover effects built with Tailwind CSS. Hover effect appears when the user positions the computer cursor over an element without activating it."
 image: "img/components-big.jpg"
@@ -76,90 +76,274 @@
 </section>
 <!-- Section: Basic example -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="w-7"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
           <path
-            fill="currentColor"
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="w-7"
           xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 512 512">
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/content-styles/hover-effects/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            fill="currentColor"
-            d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="w-7"
           xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
           viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
           <path
-            fill="currentColor"
-            d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" />
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
         </svg>
       </a>
+
+      <!--Share on HackerNews-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="w-7"
           xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
           viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
           <path
-            fill="currentColor"
-            d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" />
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
         </svg>
       </a>
+
+      <!--Share on Gmail-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="w-7"
           xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 496 512">
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
           <path
-            fill="currentColor"
-            d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z" />
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
         </svg>
       </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
-
+<!-- Section: Sharing request-->
 <!-- Section: Color -->
 <section>
   <!-- Title -->
diff --git a/site/content/docs/standard/content-styles/icons/index.html b/site/content/docs/standard/content-styles/icons/index.html
index 937c72da1..5238a0f3b 100644
--- a/site/content/docs/standard/content-styles/icons/index.html
+++ b/site/content/docs/standard/content-styles/icons/index.html
@@ -1,9 +1,9 @@
 ---
 title: "Icons"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Icons component"
-subheading: ""
+main_title: "Icons"
+subheading: "Tailwind CSS Icons"
 seo_title: "Tailwind CSS Icons - Free Examples & Tutorial"
 description: "Responsive icons built with Tailwind CSS. Use this set of SVG powered icons for Tailwind Elements. Free for commercial use, no registration required."
 image: "img/components-big.jpg"
@@ -410,93 +410,274 @@
 </section>
 <!-- Section: Examples of svg icons -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/content-styles/icons/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
-
+<!-- Section: Sharing request-->
 <!-- Section: SVG icons -->
 <section>
   <!-- Title -->
diff --git a/site/content/docs/standard/content-styles/images/index.html b/site/content/docs/standard/content-styles/images/index.html
index 9ca47dfa7..b9a7933cb 100644
--- a/site/content/docs/standard/content-styles/images/index.html
+++ b/site/content/docs/standard/content-styles/images/index.html
@@ -1,9 +1,9 @@
 ---
 title: "Images"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Images component"
-subheading: ""
+main_title: "Images"
+subheading: "Tailwind CSS Images"
 seo_title: "Tailwind CSS Images - Free Examples & Tutorial"
 description: "Responsive images built with Tailwind CSS. Use classes for images to make your pictures responsive and more beautiful. Download for free without registration."
 image: "img/components-big.jpg"
@@ -54,92 +54,274 @@
 </section>
 <!-- Section: Responsive images -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/content-styles/images/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: Thumbnails -->
 <section>
diff --git a/site/content/docs/standard/content-styles/mask/index.html b/site/content/docs/standard/content-styles/mask/index.html
index fb49240b0..23595f11d 100644
--- a/site/content/docs/standard/content-styles/mask/index.html
+++ b/site/content/docs/standard/content-styles/mask/index.html
@@ -1,9 +1,9 @@
 ---
 title: "Mask"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: "false"
-main_title: "Tailwind Mask component"
-subheading: ""
+main_title: "Mask"
+subheading: "Tailwind CSS Mask"
 seo_title: "Tailwind CSS Mask - Free Examples & Tutorial"
 description: "Responsive mask built with Tailwind CSS.  Masks are used to make content more visible by providing a proper contrast. Download for free without registration."
 image: "img/components-big.jpg"
@@ -62,92 +62,273 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/content-styles/mask/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
 <!-- Section: Sharing request-->
-
 <!-- Section: Color -->
 <section>
   <!-- Title -->
diff --git a/site/content/docs/standard/content-styles/shadows/index.html b/site/content/docs/standard/content-styles/shadows/index.html
index d2e3c1529..e6984d976 100644
--- a/site/content/docs/standard/content-styles/shadows/index.html
+++ b/site/content/docs/standard/content-styles/shadows/index.html
@@ -1,9 +1,9 @@
 ---
 title: "Shadows"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Shadows component"
-subheading: ""
+main_title: "Shadows"
+subheading: "Tailwind CSS Shadows"
 seo_title: "Tailwind CSS Shadows - Free Examples & Tutorial"
 description: "Responsive shadows built with Tailwind CSS. Download for free without registration."
 image: "img/components-big.jpg"
@@ -101,87 +101,269 @@
 </section>
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/content-styles/shadows/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/content-styles/typography/index.html b/site/content/docs/standard/content-styles/typography/index.html
index 190364eb2..22a542641 100644
--- a/site/content/docs/standard/content-styles/typography/index.html
+++ b/site/content/docs/standard/content-styles/typography/index.html
@@ -1,10 +1,10 @@
 ---
 title: "Typography"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Typography component"
-subheading: ""
-seo_title: "Tailwind Typography - Free Examples & Tutorial"
+main_title: "Typography"
+subheading: "Tailwind CSS Typography"
+seo_title: "Tailwind CSS Typography - Free Examples & Tutorial"
 description: "Responsive Typography built with Tailwind CSS. Use different typography classes to change the leading & the decoration of the text. Free download, AGPL license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
@@ -60,87 +60,269 @@ <h6 class="text-base font-medium leading-tight">Tailwind Elements</h6>
 <!-- Section: Headings -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/content-styles/typography/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/data/charts/index.html b/site/content/docs/standard/data/charts/index.html
index b1ad3cdef..95a2a7d16 100644
--- a/site/content/docs/standard/data/charts/index.html
+++ b/site/content/docs/standard/data/charts/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Charts"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Charts component"
-subheading: ""
-seo_title: "Tailwind CSS Chart / Graph - Free Examples & Tutorial"
-description: "Responsive charts built with Tailwind CSS. Different types of data visualization - bar chart, line chart, pie chart radar chart, and many more. Free download."
+main_title: "Charts"
+subheading: "Tailwind CSS Charts and Graphs"
+seo_title: "Tailwind CSS Charts and Graphs - Free Examples & Tutorial"
+description: "Use responsive charts component with helper examples for simple chart, line chart, bar chart, radar chart, pie chart, doughnut & more. Open source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/data/charts/"
@@ -125,92 +125,274 @@
 </section>
 <!-- Section: Line chart -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/data/charts/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: Bar chart -->
 <section>
diff --git a/site/content/docs/standard/data/tables/index.html b/site/content/docs/standard/data/tables/index.html
index d78119328..9c617ddc2 100644
--- a/site/content/docs/standard/data/tables/index.html
+++ b/site/content/docs/standard/data/tables/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Tables"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Tables component"
-subheading: ""
-seo_title: "Tailwind CSS table - Free Examples & Tutorial"
-description: "Responsive tables built with Tailwind CSS. Plenty examples of table usage mixed with components like avatars, badges, buttons & more. Free download, AGPL license."
+main_title: "Tables"
+subheading: "Tailwind CSS Tables"
+seo_title: "Tailwind CSS Tables - Free Examples & Tutorial"
+description: "Use responsive table component, with helper examples for table column width, bordered and striped tables, pagination, fixed header, overflow, spacing & more."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/data/tables/"
@@ -124,87 +124,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/data/tables/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/designblocks/admin/index.html b/site/content/docs/standard/designblocks/admin/index.html
index 61f5ac32b..c30f63bb4 100644
--- a/site/content/docs/standard/designblocks/admin/index.html
+++ b/site/content/docs/standard/designblocks/admin/index.html
@@ -9,9 +9,6 @@
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/admin/"
-menu:
-designblocks:
-name: "Admin"
 ---
 
 <!-- Section: Subpages -->
diff --git a/site/content/docs/standard/designblocks/banners/index.html b/site/content/docs/standard/designblocks/banners/index.html
index b0b6febdc..27adc7dd0 100644
--- a/site/content/docs/standard/designblocks/banners/index.html
+++ b/site/content/docs/standard/designblocks/banners/index.html
@@ -10,8 +10,8 @@
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/banners/"
 menu:
-designblocks:
-name: "Banners"
+  designblocks:
+    name: "Banners"
 ---
 
 <!-- Section: v.1-->
@@ -82,7 +82,274 @@ <h5 class="mb-0">
 </section>
 <!-- Section: v.1-->
 
-<hr class="my-12 dark:border-neutral-600" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/designblocks/banners/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
+
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 
 <!-- Section: v.2-->
 <section id="section-v-2">
diff --git a/site/content/docs/standard/designblocks/charts/index.html b/site/content/docs/standard/designblocks/charts/index.html
index e67f3a621..265063fe1 100644
--- a/site/content/docs/standard/designblocks/charts/index.html
+++ b/site/content/docs/standard/designblocks/charts/index.html
@@ -9,9 +9,6 @@
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/charts/"
-menu:
-designblocks:
-name: "Charts"
 ---
 
 <!-- Section: Basic example-->
diff --git a/site/content/docs/standard/designblocks/complex/index.html b/site/content/docs/standard/designblocks/complex/index.html
index 1bf912b60..0bb6ea4be 100644
--- a/site/content/docs/standard/designblocks/complex/index.html
+++ b/site/content/docs/standard/designblocks/complex/index.html
@@ -9,9 +9,6 @@
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/complex/"
-menu:
-designblocks:
-name: "Complex"
 ---
 
 <!-- Section: Basic example-->
diff --git a/site/content/docs/standard/designblocks/contact/index.html b/site/content/docs/standard/designblocks/contact/index.html
index 2074dfc51..2ce8acd50 100644
--- a/site/content/docs/standard/designblocks/contact/index.html
+++ b/site/content/docs/standard/designblocks/contact/index.html
@@ -10,8 +10,8 @@
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/contact/"
 menu:
-designblocks:
-name: "Contact"
+  designblocks:
+    name: "Contact"
 ---
 
 <!-- Section: v.1-->
@@ -84,7 +84,274 @@ <h5 class="mb-0">
 </section>
 <!-- Section: v.1-->
 
-<hr class="my-12 dark:border-neutral-600" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/designblocks/contact/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
+
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 
 <!-- Section: v.2-->
 <section id="section-v-2">
diff --git a/site/content/docs/standard/designblocks/content/index.html b/site/content/docs/standard/designblocks/content/index.html
index 2d7c93a6e..f279a2fb6 100644
--- a/site/content/docs/standard/designblocks/content/index.html
+++ b/site/content/docs/standard/designblocks/content/index.html
@@ -10,8 +10,8 @@
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/content/"
 menu:
-designblocks:
-name: "Content"
+  designblocks:
+    name: "Content"
 ---
 
 <!-- Section: v.1-->
@@ -86,7 +86,274 @@ <h5 class="mb-0">
 </section>
 <!-- Section: v.1-->
 
-<hr class="my-12 dark:border-neutral-600" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/designblocks/content/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
+
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 
 <!-- Section: v.2-->
 <section id="section-v-2">
diff --git a/site/content/docs/standard/designblocks/cta/index.html b/site/content/docs/standard/designblocks/cta/index.html
index 60c7e1a88..5572f93c2 100644
--- a/site/content/docs/standard/designblocks/cta/index.html
+++ b/site/content/docs/standard/designblocks/cta/index.html
@@ -10,8 +10,8 @@
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/cta/"
 menu:
-designblocks:
-name: "Call To Action"
+  designblocks:
+    name: "CTA"
 ---
 
 <!-- Section: v.1-->
@@ -84,7 +84,274 @@ <h5 class="mb-0">
 </section>
 <!-- Section: v.1-->
 
-<hr class="my-12 dark:border-neutral-600" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/designblocks/cta/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
+
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 
 <!-- Section: v.2-->
 <section id="section-v-2">
diff --git a/site/content/docs/standard/designblocks/faq/index.html b/site/content/docs/standard/designblocks/faq/index.html
index b3c5201a9..4ce61fab1 100644
--- a/site/content/docs/standard/designblocks/faq/index.html
+++ b/site/content/docs/standard/designblocks/faq/index.html
@@ -10,8 +10,8 @@
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/faq/"
 menu:
-designblocks:
-name: "FAQ"
+  designblocks:
+    name: "FAQ"
 ---
 
 <!-- Section: v.1-->
@@ -82,8 +82,274 @@ <h5 class="mb-0">
 </section>
 <!-- Section: v.1-->
 
-<hr class="my-12 dark:border-neutral-600" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/designblocks/faq/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
+
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
 
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 <!-- Section: v.2-->
 <section id="section-v-2">
   <!-- Section title -->
diff --git a/site/content/docs/standard/designblocks/features/index.html b/site/content/docs/standard/designblocks/features/index.html
index f60cc4492..65fc3f71c 100644
--- a/site/content/docs/standard/designblocks/features/index.html
+++ b/site/content/docs/standard/designblocks/features/index.html
@@ -10,8 +10,8 @@
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/features/"
 menu:
-designblocks:
-name: "Features"
+  designblocks:
+    name: "Features"
 ---
 
 <!-- Section: v.1-->
@@ -82,7 +82,274 @@ <h5 class="mb-0">
 </section>
 <!-- Section: v.1-->
 
-<hr class="my-12 dark:border-neutral-600" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/designblocks/features/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
+
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 
 <!-- Section: v.2-->
 <section id="section-v-2">
diff --git a/site/content/docs/standard/designblocks/forms/index.html b/site/content/docs/standard/designblocks/forms/index.html
index eccbb2597..6e9e39871 100644
--- a/site/content/docs/standard/designblocks/forms/index.html
+++ b/site/content/docs/standard/designblocks/forms/index.html
@@ -9,9 +9,6 @@
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/forms/"
-menu:
-designblocks:
-name: "Forms"
 ---
 
 <!-- Section: Basic example-->
diff --git a/site/content/docs/standard/designblocks/headers/index.html b/site/content/docs/standard/designblocks/headers/index.html
index 6fbadb297..3a79f9bb4 100644
--- a/site/content/docs/standard/designblocks/headers/index.html
+++ b/site/content/docs/standard/designblocks/headers/index.html
@@ -10,8 +10,8 @@
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/headers/"
 menu:
-designblocks:
-name: "Headers"
+  designblocks:
+    name: "Headers"
 ---
 
 <!-- Section: Basic example-->
@@ -82,7 +82,274 @@ <h5 class="mb-0">
 </section>
 <!-- Section: Basic example-->
 
-<hr class="my-12 dark:border-neutral-600" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/designblocks/headers/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
+
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 
 <!-- Section: headers 2-->
 <section id="section-v-2">
diff --git a/site/content/docs/standard/designblocks/hero-sections/index.html b/site/content/docs/standard/designblocks/hero-sections/index.html
index 918880093..8d973d687 100644
--- a/site/content/docs/standard/designblocks/hero-sections/index.html
+++ b/site/content/docs/standard/designblocks/hero-sections/index.html
@@ -10,8 +10,8 @@
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/hero-sections/"
 menu:
-designblocks:
-name: "Hero (intro) sections"
+  designblocks:
+    name: "Hero / Intro sections"
 ---
 
 <!-- Section: hero sections 1-->
@@ -75,7 +75,274 @@ <h5 class="mb-0">
 </section>
 <!-- Section: hero sections 1-->
 
-<hr class="my-20" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/designblocks/hero-sections/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
+
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 
 <!-- Section: hero sections 2-->
 <section id="section-v-2">
diff --git a/site/content/docs/standard/designblocks/landing-page/index.html b/site/content/docs/standard/designblocks/landing-page/index.html
index 48a563990..fc597cef1 100644
--- a/site/content/docs/standard/designblocks/landing-page/index.html
+++ b/site/content/docs/standard/designblocks/landing-page/index.html
@@ -9,9 +9,6 @@
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/landing-page/"
-menu:
-  designblocks:
-    name: "Landing page"
 ---
 
 <!-- Section: Subpages -->
diff --git a/site/content/docs/standard/designblocks/logo-clouds/index.html b/site/content/docs/standard/designblocks/logo-clouds/index.html
index 92ff94968..334da5ba5 100644
--- a/site/content/docs/standard/designblocks/logo-clouds/index.html
+++ b/site/content/docs/standard/designblocks/logo-clouds/index.html
@@ -10,8 +10,8 @@
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/logo-clouds/"
 menu:
-designblocks:
-name: "Logo clouds"
+  designblocks:
+    name: "Logo clouds"
 ---
 
 <!-- Section: logo clouds section 1-->
@@ -82,7 +82,274 @@ <h5 class="mb-0">
 </section>
 <!-- Section: logo clouds section 1-->
 
-<hr class="my-12 dark:border-neutral-600" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/designblocks/logo-clouds/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
+
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 
 <!-- Section: logo clouds section 2-->
 <section id="section-v-2">
diff --git a/site/content/docs/standard/designblocks/maps/index.html b/site/content/docs/standard/designblocks/maps/index.html
index a160d7352..466de5cf2 100644
--- a/site/content/docs/standard/designblocks/maps/index.html
+++ b/site/content/docs/standard/designblocks/maps/index.html
@@ -9,9 +9,6 @@
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/maps/"
-menu:
-designblocks:
-name: "Maps"
 ---
 
 <!-- Section: Basic example-->
diff --git a/site/content/docs/standard/designblocks/mega-menu/index.html b/site/content/docs/standard/designblocks/mega-menu/index.html
index 3e42ed70e..6436af4be 100644
--- a/site/content/docs/standard/designblocks/mega-menu/index.html
+++ b/site/content/docs/standard/designblocks/mega-menu/index.html
@@ -10,8 +10,8 @@
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/mega-menu/"
 menu:
-designblocks:
-name: "Mega menu"
+  designblocks:
+    name: "Mega menu"
 ---
 
 <!-- Section: v.1-->
@@ -82,7 +82,274 @@ <h5 class="mb-0">
 </section>
 <!-- Section: v.1-->
 
-<hr class="my-12 dark:border-neutral-600" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/designblocks/mega-menu/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
+
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 
 <!-- Section: v.2-->
 <section id="section-v-2">
diff --git a/site/content/docs/standard/designblocks/navigation/index.html b/site/content/docs/standard/designblocks/navigation/index.html
index 2d46ce2b7..60794a95b 100644
--- a/site/content/docs/standard/designblocks/navigation/index.html
+++ b/site/content/docs/standard/designblocks/navigation/index.html
@@ -9,9 +9,6 @@
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/navigation/"
-menu:
-designblocks:
-name: "Navigation"
 ---
 
 <!-- Section: Basic example-->
diff --git a/site/content/docs/standard/designblocks/news/index.html b/site/content/docs/standard/designblocks/news/index.html
index 031829ac8..5abc8e9ed 100644
--- a/site/content/docs/standard/designblocks/news/index.html
+++ b/site/content/docs/standard/designblocks/news/index.html
@@ -10,8 +10,8 @@
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/news/"
 menu:
-designblocks:
-name: "News"
+  designblocks:
+    name: "News"
 ---
 
 <!-- Section: v.1-->
@@ -82,7 +82,274 @@ <h5 class="mb-0">
 </section>
 <!-- Section: v.1-->
 
-<hr class="my-12 dark:border-neutral-600" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/designblocks/news/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
+
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 
 <!-- Section: v.2-->
 <section id="section-v-2">
diff --git a/site/content/docs/standard/designblocks/newsletter/index.html b/site/content/docs/standard/designblocks/newsletter/index.html
index 941ffdebb..f08f7e9ed 100644
--- a/site/content/docs/standard/designblocks/newsletter/index.html
+++ b/site/content/docs/standard/designblocks/newsletter/index.html
@@ -10,8 +10,8 @@
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/newsletter/"
 menu:
-designblocks:
-name: "Newsletter"
+  designblocks:
+    name: "Newsletter"
 ---
 
 <!-- Section: Basic example-->
@@ -82,8 +82,274 @@ <h5 class="mb-0">
 </section>
 <!-- Section: Basic example-->
 
-<hr class="my-12 dark:border-neutral-600" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/designblocks/newsletter/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
+
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
 
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 <!-- Section: newsletter 2-->
 <section id="section-v-2">
   <!-- Section title -->
diff --git a/site/content/docs/standard/designblocks/pricing/index.html b/site/content/docs/standard/designblocks/pricing/index.html
index 3c75fcc17..35687fcf5 100644
--- a/site/content/docs/standard/designblocks/pricing/index.html
+++ b/site/content/docs/standard/designblocks/pricing/index.html
@@ -10,8 +10,8 @@
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/pricing/"
 menu:
-designblocks:
-name: "Pricing"
+  designblocks:
+    name: "Pricing"
 ---
 
 <!-- Section: Basic example-->
@@ -82,7 +82,274 @@ <h5 class="mb-0">
 </section>
 <!-- Section: Basic example-->
 
-<hr class="my-12 dark:border-neutral-600" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/designblocks/pricing/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
+
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 
 <!-- Section: Pricing 2-->
 <section id="section-v-2">
diff --git a/site/content/docs/standard/designblocks/project-sections/index.html b/site/content/docs/standard/designblocks/project-sections/index.html
index a9d0cc731..fa328d873 100644
--- a/site/content/docs/standard/designblocks/project-sections/index.html
+++ b/site/content/docs/standard/designblocks/project-sections/index.html
@@ -10,8 +10,8 @@
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/project-sections/"
 menu:
-designblocks:
-name: "Project sections"
+  designblocks:
+    name: "Projects"
 ---
 
 <!-- Section: v.1-->
@@ -84,7 +84,274 @@ <h5 class="mb-0">
 </section>
 <!-- Section: v.1-->
 
-<hr class="my-12 dark:border-neutral-600" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/designblocks/project-sections/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
+
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 
 <!-- Section: v.2-->
 <section id="section-v-2">
diff --git a/site/content/docs/standard/designblocks/stats-admin/index.html b/site/content/docs/standard/designblocks/stats-admin/index.html
index 1bf78a609..86f9849ae 100644
--- a/site/content/docs/standard/designblocks/stats-admin/index.html
+++ b/site/content/docs/standard/designblocks/stats-admin/index.html
@@ -9,9 +9,6 @@
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/stats-admin/"
-menu:
-designblocks:
-name: "Stats admin"
 ---
 
 <!-- Section: Basic example-->
diff --git a/site/content/docs/standard/designblocks/stats/index.html b/site/content/docs/standard/designblocks/stats/index.html
index 82023fafa..3687433ff 100644
--- a/site/content/docs/standard/designblocks/stats/index.html
+++ b/site/content/docs/standard/designblocks/stats/index.html
@@ -10,8 +10,8 @@
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/stats/"
 menu:
-designblocks:
-name: "Stats"
+  designblocks:
+    name: "Stats"
 ---
 
 <!-- Section: Basic example-->
@@ -82,8 +82,274 @@ <h5 class="mb-0">
 </section>
 <!-- Section: Basic example-->
 
-<hr class="my-12 dark:border-neutral-600" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/designblocks/stats/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
+
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
 
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 <!-- Section: stats 2-->
 <section id="section-v-2">
   <!-- Section title -->
diff --git a/site/content/docs/standard/designblocks/tables/index.html b/site/content/docs/standard/designblocks/tables/index.html
index a3bbbc566..d3e23f741 100644
--- a/site/content/docs/standard/designblocks/tables/index.html
+++ b/site/content/docs/standard/designblocks/tables/index.html
@@ -9,9 +9,6 @@
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/tables/"
-menu:
-designblocks:
-name: "Tables"
 ---
 
 <!-- Section: Basic example-->
diff --git a/site/content/docs/standard/designblocks/team/index.html b/site/content/docs/standard/designblocks/team/index.html
index 483ac3b9a..fe6d08102 100644
--- a/site/content/docs/standard/designblocks/team/index.html
+++ b/site/content/docs/standard/designblocks/team/index.html
@@ -10,8 +10,8 @@
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/team/"
 menu:
-designblocks:
-name: "Team"
+  designblocks:
+    name: "Team"
 ---
 
 <!-- Section: v.1-->
@@ -82,7 +82,274 @@ <h5 class="mb-0">
 </section>
 <!-- Section: v.1-->
 
-<hr class="my-12 dark:border-neutral-600" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/designblocks/team/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
+
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 
 <!-- Section: v.2-->
 <section id="section-v-2">
diff --git a/site/content/docs/standard/designblocks/testimonials/index.html b/site/content/docs/standard/designblocks/testimonials/index.html
index 6cdc2838d..d79d63e01 100644
--- a/site/content/docs/standard/designblocks/testimonials/index.html
+++ b/site/content/docs/standard/designblocks/testimonials/index.html
@@ -10,8 +10,8 @@
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/designblocks/testimonials/"
 menu:
-designblocks:
-name: "Testimonials"
+  designblocks:
+    name: "Testimonials"
 ---
 
 <!-- Section: v.1-->
@@ -84,7 +84,274 @@ <h5 class="mb-0">
 </section>
 <!-- Section: v.1-->
 
-<hr class="my-12 dark:border-neutral-600" />
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
+  <div
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+    role="alert">
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
+    </p>
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+      <!--Share on DEV-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 448 512">
+          <title>Share via Dev.to</title>
+          <path
+            d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+        </svg>
+      </a>
+
+      <!--Share on Twitter-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
+          <path
+            d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+        </svg>
+      </a>
+
+      <!--Share on Facebook-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/designblocks/testimonials/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
+          <path
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+        </svg>
+      </a>
+
+      <!--Share on LinkedIn-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+        </svg>
+      </a>
+
+      <!--Share on Pinterest-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
+          <path
+            d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+            fill-rule="evenodd"
+            clip-rule="evenodd" />
+        </svg>
+      </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
+    </p>
+  </div>
+</section>
+<!-- Section: Sharing request-->
 
 <!-- Section: v.2-->
 <section id="section-v-2">
diff --git a/site/content/docs/standard/extended/_index.html b/site/content/docs/standard/extended/_index.html
index b8a8a7351..913482c96 100644
--- a/site/content/docs/standard/extended/_index.html
+++ b/site/content/docs/standard/extended/_index.html
@@ -31,7 +31,7 @@ <h1>Extended documentation</h1>
 
       <a
         href="/docs/standard/extended/example/"
-        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        class="-mt-[1px] block hidden border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Example title"
         data-desc="Example description">
@@ -39,13 +39,133 @@ <h5 class="my-1 text-lg font-bold">Example title</h5>
         <p class="mb-1">Example description</p>
       </a>
 
+      <a
+        href="/docs/standard/extended/center-text/"
+        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        data-page-list-item
+        data-title="Center text"
+        data-desc="Use responsive text center utilities with Tailwind elements. Learn how to center text easily.">
+        <h5 class="my-1 text-lg font-bold">Center text</h5>
+        <p class="mb-1">
+          Use responsive text center utilities with Tailwind elements. Learn how
+          to center text easily.
+        </p>
+      </a>
+
+      <a
+        href="/docs/standard/extended/float-right/"
+        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        data-page-list-item
+        data-title="Float right"
+        data-desc="Use responsive float utilities. See how to place an element to the right of its container.">
+        <h5 class="my-1 text-lg font-bold">Float right</h5>
+        <p class="mb-1">
+          Use responsive float utilities. See how to place an element to the
+          right of its container.
+        </p>
+      </a>
+
+      <a
+        href="/docs/standard/extended/opacity/"
+        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        data-page-list-item
+        data-title="Opacity"
+        data-desc="Use responsive Opacity utilities with Tailwind elements. See how to easily and simply change the opacity.">
+        <h5 class="my-1 text-lg font-bold">Opacity</h5>
+        <p class="mb-1">
+          Use responsive Opacity utilities with Tailwind elements. See how to
+          easily and simply change the opacity.
+        </p>
+      </a>
+
+      <a
+        href="/docs/standard/extended/sticky-footer/"
+        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        data-page-list-item
+        data-title="Sticky footer"
+        data-desc="A sticky footer is a component that is pinned to the bottom of the viewport in desktop browsers. It stays visible when the user scrolls the page up or down.">
+        <h5 class="my-1 text-lg font-bold">Sticky footer</h5>
+        <p class="mb-1">
+          A sticky footer is a component that is pinned to the bottom of the
+          viewport in desktop browsers. It stays visible when the user scrolls
+          the page up or down.
+        </p>
+      </a>
+
+      <a
+        href="/docs/standard/extended/sticky-header/"
+        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        data-page-list-item
+        data-title="Sticky header"
+        data-desc="A sticky navbar is a component that is pinned to the top of the viewport in desktop browsers. It stays visible when the user scrolls the page down or up">
+        <h5 class="my-1 text-lg font-bold">Sticky header</h5>
+        <p class="mb-1">
+          A sticky navbar is a component that is pinned to the top of the
+          viewport in desktop browsers. It stays visible when the user scrolls
+          the page down or up
+        </p>
+      </a>
+
+      <a
+        href="/docs/standard/extended/text-bold/"
+        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        data-page-list-item
+        data-title="Text bold"
+        data-desc="Use responsive text bold styles with Tailwind elements. This a simple example of how quickly you can change the font weight.">
+        <h5 class="my-1 text-lg font-bold">Text bold</h5>
+        <p class="mb-1">
+          Use responsive text bold styles with Tailwind elements. This a simple
+          example of how quickly you can change the font weight.
+        </p>
+      </a>
+
+      <a
+        href="/docs/standard/extended/text-color/"
+        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        data-page-list-item
+        data-title="Text color"
+        data-desc="Use responsive text color styles with Tailwind elements. See how to easily and simply change the text color.">
+        <h5 class="my-1 text-lg font-bold">Text color</h5>
+        <p class="mb-1">
+          Use responsive text color styles with Tailwind elements. See how to
+          easily and simply change the text color.
+        </p>
+      </a>
+
+      <a
+        href="/docs/standard/extended/text-size/"
+        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        data-page-list-item
+        data-title="Text size"
+        data-desc="Use responsive text size styles with Tailwind elements. Learn how to change the text size easily and quickly.">
+        <h5 class="my-1 text-lg font-bold">Text size</h5>
+        <p class="mb-1">
+          Use responsive text size styles with Tailwind elements. Learn how to
+          change the text size easily and quickly.
+        </p>
+      </a>
+
+      <a
+        href="/docs/standard/extended/visibility/"
+        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        data-page-list-item
+        data-title="Visibility"
+        data-desc="Use responsive Visibility utilities with Tailwind elements. Control the visibility, without modifying the display, of elements with visibility utilities.">
+        <h5 class="my-1 text-lg font-bold">Visibility</h5>
+        <p class="mb-1">
+          Use responsive Visibility utilities with Tailwind elements. Control
+          the visibility, without modifying the display, of elements with
+          visibility utilities.
+        </p>
+      </a>
+
       <hr class="my-10 dark:border-gray-600" />
     </div>
   </section>
   <!-- Extended docs -->
 
   <!-- How to docs -->
-  <section class="grid grid-cols-12">
+  <section class="grid hidden grid-cols-12">
     <div class="col-span-8">
       <h2 class="mb-4 text-[28px] font-bold">"How To" docs</h2>
       <div>
diff --git a/site/content/docs/standard/extended/center-text/assets/featured.jpg b/site/content/docs/standard/extended/center-text/assets/featured.jpg
new file mode 100644
index 000000000..3a42fc3ba
Binary files /dev/null and b/site/content/docs/standard/extended/center-text/assets/featured.jpg differ
diff --git a/site/content/docs/standard/extended/center-text/assets/featured.webp b/site/content/docs/standard/extended/center-text/assets/featured.webp
new file mode 100644
index 000000000..300c3bb40
Binary files /dev/null and b/site/content/docs/standard/extended/center-text/assets/featured.webp differ
diff --git a/site/content/docs/standard/extended/center-text/index-ss.html b/site/content/docs/standard/extended/center-text/index-ss.html
new file mode 100644
index 000000000..61a626365
--- /dev/null
+++ b/site/content/docs/standard/extended/center-text/index-ss.html
@@ -0,0 +1,9 @@
+---
+---
+
+<li class="mb-1 pl-[9px] text-[0.85rem]" data-te-spy-active>
+  <a href="#basic-example">Basic example</a>
+</li>
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#section-related-resources">Related resources</a>
+</li>
diff --git a/site/content/docs/standard/extended/center-text/index.html b/site/content/docs/standard/extended/center-text/index.html
new file mode 100644
index 000000000..ef27bfe34
--- /dev/null
+++ b/site/content/docs/standard/extended/center-text/index.html
@@ -0,0 +1,118 @@
+---
+title: "Center text"
+date: 2023-03-017T10:00:00+02:00
+draft: false
+main_title: "Center text"
+subheading: "Tailwind CSS Center text"
+seo_title: "Tailwind CSS Center text - Free Examples & Tutorial"
+description: "Use responsive text center utilities with Tailwind elements. Learn how to center text easily."
+image: "img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
+url: "docs/standard/extended/center-text"
+custom_links: "Typography=https://tailwind-elements.com/docs/standard/content-styles/typography/"
+---
+
+<!--Section: Docs content-->
+<section>
+  <!--Section: Introduction-->
+  <section id="section-introduction">
+    <!-- Main title -->
+    <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
+
+    <!-- Seo title -->
+    <h1 class="mt-0 text-base font-medium">{{< docs-subheading >}}</h1>
+
+    <p class="my-4">{{< docs-description >}}</p>
+  </section>
+  <!--Section: Introduction-->
+
+  <hr class="my-10 dark:border-gray-600" />
+
+  <!--Section: Basic example-->
+  <section id="basic-example" class="pb-10">
+    <!--Subsection title-->
+    <h2 class="mb-4 text-[32px] font-medium" data-te-spy-item>Basic example</h2>
+
+    <!--Description-->
+    <p>To center the text, use the <code>.text-center</code> class.</p>
+
+    <!--Section: Demo-->
+    {{< twsnippet/demo id="example1" >}}
+    <div class="pt-3">
+      <p class="text-center">Centered text.</p>
+    </div>
+    {{< /twsnippet/demo >}}
+    <!--Section: Demo-->
+
+    <!--Section: Code-->
+    <section class="!visible hidden" data-te-collapse-item id="example1">
+      <div class="pt-4">
+        {{< twsnippet/wrapper "HTML" >}}
+        {{< twsnippet/code active=true lang="HTML" >}}
+        <p class="text-center">Centered text.</p>
+        {{< /twsnippet/code >}}
+        {{< /twsnippet/wrapper >}}
+      </div>
+    </section>
+    <!--Section: Code-->
+  </section>
+  <!--Section: Basic example-->
+
+  <hr class="mb-10 dark:border-gray-600" />
+
+  <!-- Section: Related resources -->
+  <section id="section-related-resources">
+    <h2 class="text-[32px] font-medium" data-te-spy-item>Related resources</h2>
+
+    <!--Chips with links-->
+    <div class="mt-5 mb-10 flex flex-wrap justify-start">
+      <!--Main-->
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/content-styles/typography/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Typography</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/forms/textarea/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Textarea</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/forms/inputs/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Input Fields</a
+      >
+
+      <!--Extended docs-->
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/extended/text-size"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Text size</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/extended/text-color"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Text color</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/extended/text-bold"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Text bold</a
+      >
+    </div>
+
+    <p>
+      If you want to learn more about using forms, check out
+      <a href="#" class="text-blue-600 dark:text-blue-400">Forms </a>
+      documentation.
+    </p>
+  </section>
+  <!-- Section: Related resources -->
+</section>
+<!--Section: Docs content-->
diff --git a/site/content/docs/standard/extended/example/index.html b/site/content/docs/standard/extended/example/index.html
index c971d27c2..7df6cf5b1 100644
--- a/site/content/docs/standard/extended/example/index.html
+++ b/site/content/docs/standard/extended/example/index.html
@@ -1,14 +1,15 @@
 ---
-title: "Example title"
-date: 2023-02-08T08:13:15+02:00
+title: "{COMPONENT}"
+date: 2023-03-07T16:00:58+02:00
 draft: false
-subheading: "Example subheading"
-seo_title: ""
-description: "Example description"
-image: "https://tecdn.b-cdn.net/docs/standard/extended/bootstrap-address-form/assets/featured.jpg"
-video: ""
-url: "docs/standard/extended/example/"
-custom_links: "Forms docs=https://tailwind-elements.com/docs/standard/forms/inputs/"
+main_title: "{COMPONENT}"
+subheading: "Tailwind CSS {COMPONENT}"
+seo_title: "Tailwind CSS {COMPONENT} - Free Examples & Tutorial"
+description: "Use responsive {COMPONENT} component with helper examples for {KEYWORDS/SECTIONS} {Free download, open-source license.}"
+image: "img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
+url: "docs/standard/extended/example"
+custom_links: "CARDS=https://tailwind-elements.com/docs/standard/components/cards/"
 ---
 
 <!--Section: Docs content-->
diff --git a/site/content/docs/standard/extended/float-right/assets/featured.jpg b/site/content/docs/standard/extended/float-right/assets/featured.jpg
new file mode 100644
index 000000000..3a42fc3ba
Binary files /dev/null and b/site/content/docs/standard/extended/float-right/assets/featured.jpg differ
diff --git a/site/content/docs/standard/extended/float-right/assets/featured.webp b/site/content/docs/standard/extended/float-right/assets/featured.webp
new file mode 100644
index 000000000..300c3bb40
Binary files /dev/null and b/site/content/docs/standard/extended/float-right/assets/featured.webp differ
diff --git a/site/content/docs/standard/extended/float-right/index-ss.html b/site/content/docs/standard/extended/float-right/index-ss.html
new file mode 100644
index 000000000..61a626365
--- /dev/null
+++ b/site/content/docs/standard/extended/float-right/index-ss.html
@@ -0,0 +1,9 @@
+---
+---
+
+<li class="mb-1 pl-[9px] text-[0.85rem]" data-te-spy-active>
+  <a href="#basic-example">Basic example</a>
+</li>
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#section-related-resources">Related resources</a>
+</li>
diff --git a/site/content/docs/standard/extended/float-right/index.html b/site/content/docs/standard/extended/float-right/index.html
new file mode 100644
index 000000000..fc10c2e06
--- /dev/null
+++ b/site/content/docs/standard/extended/float-right/index.html
@@ -0,0 +1,152 @@
+---
+title: "Float right"
+date: 2023-03-017T10:00:00+02:00
+draft: false
+main_title: "Float right"
+subheading: "Tailwind CSS Float right"
+seo_title: "Tailwind CSS Float right - Free Examples & Tutorial"
+description: "Use responsive float utilities. See how to place an element to the right of its container."
+image: "img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
+url: "docs/standard/extended/float-right"
+custom_links: "CARDS=https://tailwind-elements.com/docs/standard/components/cards/"
+---
+
+<!--Section: Docs content-->
+<section>
+  <!--Section: Introduction-->
+  <section id="section-introduction">
+    <!-- Main title -->
+    <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
+
+    <!-- Seo title -->
+    <h1 class="mt-0 text-base font-medium">{{< docs-subheading >}}</h1>
+
+    <p class="my-4">{{< docs-description >}}</p>
+  </section>
+  <!--Section: Introduction-->
+
+  <hr class="my-10 dark:border-gray-600" />
+
+  <!--Section: Basic example-->
+  <section id="basic-example" class="pb-10">
+    <!--Subsection title-->
+    <h2 class="mb-4 text-[32px] font-medium" data-te-spy-item>Basic example</h2>
+
+    <!--Description-->
+    <p>
+      Use <code>.float-right</code> to float an element to the right of its
+      container.
+    </p>
+
+    <!--Section: Demo-->
+    {{< twsnippet/demo id="example1" >}}
+    <div class="">
+      <img
+        src="https://tecdn.b-cdn.net/img/new/standard/city/047.jpg"
+        class="float-right m-3 h-48 rounded-lg"
+        alt="" />
+
+      <p class="">
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor sapiente
+        neque nemo amet quisquam adipisci hic, exercitationem ab animi, facilis
+        repellendus sunt non culpa? Dicta, dolore amet libero facilis totam,
+        illum non eaque facere voluptatem tempora cupiditate. Ratione beatae
+        culpa quo officia alias voluptatum, consequatur itaque explicabo optio
+        debitis in illo dolor cumque eos ipsam cupiditate aliquam nostrum
+        eveniet accusamus ut! Nihil dolor temporibus voluptatem, aliquam
+        blanditiis, quae recusandae cum ullam eveniet facere praesentium
+        deserunt alias, eos dolorum molestias totam mollitia debitis odit. Ullam
+        laudantium accusamus dolorum, deleniti, dolore vel doloremque
+        exercitationem voluptatem architecto tempore cum animi cupiditate
+        laborum odio! Unde mollitia vero voluptates molestias deserunt nam
+        sapiente qui, odit, cumque quaerat dicta eos voluptatem rerum eaque
+        obcaecati sit ratione. Eligendi, doloremque non atque necessitatibus rem
+        unde! Non fugit quia repellat impedit minima quaerat incidunt quasi
+        magnam eveniet? Alias voluptate aliquam cupiditate neque dolor, quia
+        vero hic corporis quos perferendis.
+      </p>
+    </div>
+    {{< /twsnippet/demo >}}
+    <!--Section: Demo-->
+
+    <!--Section: Code-->
+    <section class="!visible hidden" data-te-collapse-item id="example1">
+      <div class="pt-4">
+        {{< twsnippet/wrapper "HTML" >}}
+        {{< twsnippet/code active=true lang="HTML" >}}
+        <div class="">
+          <img
+            src="https://tecdn.b-cdn.net/img/new/standard/city/047.jpg"
+            class="float-right h-48 rounded-lg"
+            alt="" />
+
+          <p class="">
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor
+            sapiente neque nemo amet quisquam adipisci hic, exercitationem ab
+            animi, facilis repellendus sunt non culpa? Dicta, quae amet libero
+            facilis totam, illum non eaque facere voluptatem tempora cupiditate.
+            Ratione beatae culpa quo officia alias voluptatum, consequatur
+            itaque explicabo optio debitis in illo dolor cumque eos ipsam
+            cupiditate aliquam nostrum eveniet accusamus ut! Nihil dolor
+            temporibus voluptatem, aliquam blanditiis, quae recusandae cum ullam
+            eveniet facere praesentium deserunt alias, eos dolorum molestias
+            totam mollitia debitis odit. Ullam laudantium accusamus dolorum,
+            deleniti, dolore vel doloremque exercitationem voluptatem architecto
+            tempore cum animi cupiditate laborum odio! Unde mollitia vero
+            voluptates molestias deserunt nam sapiente qui, odit, cumque quaerat
+            dicta eos voluptatem rerum eaque obcaecati sit ratione. Eligendi,
+            doloremque non atque necessitatibus rem unde! Non fugit quia
+            repellat impedit minima quaerat incidunt quasi magnam eveniet? Alias
+            voluptate aliquam cupiditate neque dolor, quia vero hic corporis
+            quos perferendis.
+          </p>
+        </div>
+        {{< /twsnippet/code >}}
+        {{< /twsnippet/wrapper >}}
+      </div>
+    </section>
+    <!--Section: Code-->
+  </section>
+  <!--Section: Basic example-->
+
+  <hr class="mb-10 dark:border-gray-600" />
+
+  <!-- Section: Related resources -->
+  <section id="section-related-resources">
+    <h2 class="text-[32px] font-medium" data-te-spy-item>Related resources</h2>
+
+    <!--Chips with links-->
+    <div class="mt-5 mb-10 flex flex-wrap justify-start">
+      <!--Main-->
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/content-styles/images/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Images</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/components/cards/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Cards</a
+      >
+
+      <!--Extended docs-->
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/extended/center-text"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Center text</a
+      >
+    </div>
+
+    <p>
+      If you want to learn more about using forms, check out
+      <a href="#" class="text-blue-600 dark:text-blue-400">Forms </a>
+      documentation.
+    </p>
+  </section>
+  <!-- Section: Related resources -->
+</section>
+<!--Section: Docs content-->
diff --git a/site/content/docs/standard/extended/opacity/assets/featured.jpg b/site/content/docs/standard/extended/opacity/assets/featured.jpg
new file mode 100644
index 000000000..3a42fc3ba
Binary files /dev/null and b/site/content/docs/standard/extended/opacity/assets/featured.jpg differ
diff --git a/site/content/docs/standard/extended/opacity/assets/featured.webp b/site/content/docs/standard/extended/opacity/assets/featured.webp
new file mode 100644
index 000000000..300c3bb40
Binary files /dev/null and b/site/content/docs/standard/extended/opacity/assets/featured.webp differ
diff --git a/site/content/docs/standard/extended/opacity/index-ss.html b/site/content/docs/standard/extended/opacity/index-ss.html
new file mode 100644
index 000000000..25e29df9c
--- /dev/null
+++ b/site/content/docs/standard/extended/opacity/index-ss.html
@@ -0,0 +1,9 @@
+---
+---
+
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#basic-example">Basic example</a>
+</li>
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#section-related-resources">Related resources</a>
+</li>
diff --git a/site/content/docs/standard/extended/opacity/index.html b/site/content/docs/standard/extended/opacity/index.html
new file mode 100644
index 000000000..be8e76a60
--- /dev/null
+++ b/site/content/docs/standard/extended/opacity/index.html
@@ -0,0 +1,115 @@
+---
+title: "Opacity"
+date: 2023-03-017T10:00:00+02:00
+draft: false
+main_title: "Opacity"
+subheading: "Tailwind CSS Opacity"
+seo_title: "Tailwind CSS Opacity - Free Examples & Tutorial"
+description: "Use responsive Opacity utilities with Tailwind elements. See how to easily and simply change the opacity."
+image: "img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
+url: "docs/standard/extended/opacity"
+custom_links: "CARDS=https://tailwind-elements.com/docs/standard/components/cards/"
+---
+
+<!--Section: Docs content-->
+<section>
+  <!--Section: Introduction-->
+  <section id="section-introduction">
+    <!-- Main title -->
+    <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
+
+    <!-- Seo title -->
+    <h1 class="mt-0 text-base font-medium">{{< docs-subheading >}}</h1>
+
+    <p class="my-4">{{< docs-description >}}</p>
+  </section>
+  <!--Section: Introduction-->
+
+  <hr class="my-10 dark:border-gray-600" />
+
+  <!--Section: Basic example-->
+  <section id="basic-example" class="pb-10">
+    <!--Subsection title-->
+    <h2 class="mb-4 text-[32px] font-medium" data-te-spy-item>Basic example</h2>
+
+    <!--Description-->
+    <p>
+      Set the <code>opacity</code> of an element using
+      <code>.opacity-{value}</code> utilities.
+    </p>
+
+    <!--Section: Demo-->
+    {{< twsnippet/demo id="example1" >}}
+    <div class="p-3">
+      <div
+        class="w-100 mb-2 flex h-[60px] rounded-md bg-primary text-white opacity-100">
+        <p class="self-center pl-3"><strong>100%</strong></p>
+      </div>
+      <div
+        class="w-100 mb-2 flex h-[60px] rounded-md bg-primary text-white opacity-75">
+        <p class="self-center pl-3"><strong>75%</strong></p>
+      </div>
+      <div
+        class="w-100 mb-2 flex h-[60px] rounded-md bg-primary text-white opacity-50">
+        <p class="self-center pl-3"><strong>50%</strong></p>
+      </div>
+      <div
+        class="w-100 mb-2 flex h-[60px] rounded-md bg-primary text-white opacity-25">
+        <p class="self-center pl-3"><strong>25%</strong></p>
+      </div>
+    </div>
+    {{< /twsnippet/demo >}}
+    <!--Section: Demo-->
+
+    <!--Section: Code-->
+    <section class="!visible hidden" data-te-collapse-item id="example1">
+      <div class="pt-4">
+        {{< twsnippet/wrapper "HTML" >}}
+        {{< twsnippet/code active=true lang="HTML" >}}
+        <div class="opacity-100">...</div>
+        <div class="opacity-75">...</div>
+        <div class="opacity-50">...</div>
+        <div class="opacity-25">...</div>
+        {{< /twsnippet/code >}}
+        {{< /twsnippet/wrapper >}}
+      </div>
+    </section>
+    <!--Section: Code-->
+  </section>
+  <!--Section: Basic example-->
+
+  <hr class="mb-10 dark:border-gray-600" />
+
+  <!-- Section: Related resources -->
+  <section id="section-related-resources">
+    <h2 class="text-[32px] font-medium" data-te-spy-item>Related resources</h2>
+
+    <!--Chips with links-->
+    <div class="mt-5 mb-10 flex flex-wrap justify-start">
+      <!--Main-->
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/content-styles/colors/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Colors</a
+      >
+
+      <!--Extended docs-->
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/extended/visibility"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Visibility</a
+      >
+    </div>
+
+    <p>
+      If you want to learn more about using forms, check out
+      <a href="#" class="text-blue-600 dark:text-blue-400">Forms </a>
+      documentation.
+    </p>
+  </section>
+  <!-- Section: Related resources -->
+</section>
+<!--Section: Docs content-->
diff --git a/site/content/docs/standard/extended/sticky-footer/assets/featured.jpg b/site/content/docs/standard/extended/sticky-footer/assets/featured.jpg
new file mode 100644
index 000000000..3a42fc3ba
Binary files /dev/null and b/site/content/docs/standard/extended/sticky-footer/assets/featured.jpg differ
diff --git a/site/content/docs/standard/extended/sticky-footer/assets/featured.webp b/site/content/docs/standard/extended/sticky-footer/assets/featured.webp
new file mode 100644
index 000000000..300c3bb40
Binary files /dev/null and b/site/content/docs/standard/extended/sticky-footer/assets/featured.webp differ
diff --git a/site/content/docs/standard/extended/sticky-footer/index-ss.html b/site/content/docs/standard/extended/sticky-footer/index-ss.html
new file mode 100644
index 000000000..61a626365
--- /dev/null
+++ b/site/content/docs/standard/extended/sticky-footer/index-ss.html
@@ -0,0 +1,9 @@
+---
+---
+
+<li class="mb-1 pl-[9px] text-[0.85rem]" data-te-spy-active>
+  <a href="#basic-example">Basic example</a>
+</li>
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#section-related-resources">Related resources</a>
+</li>
diff --git a/site/content/docs/standard/extended/sticky-footer/index.html b/site/content/docs/standard/extended/sticky-footer/index.html
new file mode 100644
index 000000000..37d0fe994
--- /dev/null
+++ b/site/content/docs/standard/extended/sticky-footer/index.html
@@ -0,0 +1,174 @@
+---
+title: "Sticky footer"
+date: 2023-03-017T10:00:00+02:00
+draft: false
+main_title: "Sticky footer"
+subheading: "Tailwind CSS Sticky footer"
+seo_title: "Tailwind CSS Sticky footer - Free Examples & Tutorial"
+description: "A sticky footer is a component that is pinned to the bottom of the viewport in desktop browsers. It stays visible when the user scrolls the page up or down."
+image: "img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
+url: "docs/standard/extended/sticky-footer"
+custom_links: "Footer=https://tailwind-elements.com/docs/standard/navigation/footer/"
+---
+
+<!--Section: Docs content-->
+<section>
+  <!--Section: Introduction-->
+  <section id="section-introduction">
+    <!-- Main title -->
+    <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
+
+    <!-- Seo title -->
+    <h1 class="mt-0 text-base font-medium">{{< docs-subheading >}}</h1>
+
+    <p class="my-4">{{< docs-description >}}</p>
+  </section>
+  <!--Section: Introduction-->
+
+  <hr class="my-10 dark:border-gray-600" />
+
+  <!--Section: Basic example-->
+  <section id="basic-example" class="pb-10">
+    <!--Subsection title-->
+    <h2 class="mb-4 text-[32px] font-medium" data-te-spy-item>Basic example</h2>
+
+    <!--Description-->
+    <p>
+      If you want to put the
+      <a
+        href="https://tailwind-elements.com/docs/standard/navigation/footer/"
+        target="_blank"
+        >footer</a
+      >
+      at the bottom of the viewport in the desktop browsers, add the
+      <code>.sticky</code> and <code> .bottom-0</code> classes to the nav
+      element.
+    </p>
+
+    <!--Section: Demo-->
+    {{< twsnippet/demo id="example1" >}}
+    <div>
+      <div class="overflow-auto" style="height: 400px;">
+        <div class="bg-primary" style="height: 1020px;">
+          <p class="mb-8 pt-3 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll up</p>
+        </div>
+        <footer
+          class="sticky bottom-0 bg-neutral-200 text-center dark:bg-neutral-700 lg:text-left">
+          <div class="p-4 text-center text-neutral-700 dark:text-neutral-200">
+            © 2023 Copyright:
+            <a
+              class="text-neutral-800 dark:text-neutral-400"
+              href="https://tailwind-elements.com/"
+              >Tailwind Elements</a
+            >
+          </div>
+        </footer>
+      </div>
+    </div>
+    {{< /twsnippet/demo >}}
+    <!--Section: Demo-->
+
+    <!--Section: Code-->
+    <section class="!visible hidden" data-te-collapse-item id="example1">
+      <div class="pt-4">
+        {{< twsnippet/wrapper "HTML" >}}
+        {{< twsnippet/code active=true lang="HTML" >}}
+        <footer class="... sticky bottom-0">...</footer>
+        {{< /twsnippet/code >}}
+        {{< /twsnippet/wrapper >}}
+      </div>
+    </section>
+    <!--Section: Code-->
+  </section>
+  <!--Section: Basic example-->
+
+  <hr class="mb-10 dark:border-gray-600" />
+
+  <!-- Section: Related resources -->
+  <section id="section-related-resources">
+    <h2 class="text-[32px] font-medium" data-te-spy-item>Related resources</h2>
+
+    <!--Chips with links-->
+    <div class="mt-5 mb-10 flex flex-wrap justify-start">
+      <!--Main-->
+      <a
+        href="https://tailwind-elements.com/docs/standard/navigation/footer/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Footer</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/navigation/navbar/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Navbar</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/navigation/breadcrumbs/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Breadcrumbs</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/forms/search/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Search</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/components/jumbotron/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Jumbotron</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/components/dropdown/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Dropdown</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/content-styles/icons/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Icons</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/components/buttons/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Buttons</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/getting-started/dark-mode/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Dark mode</a
+      >
+
+      <!--Extended docs-->
+    </div>
+
+    <p>
+      If you want to learn more about using forms, check out
+      <a href="#" class="text-blue-600 dark:text-blue-400">Forms </a>
+      documentation.
+    </p>
+  </section>
+  <!-- Section: Related resources -->
+</section>
+<!--Section: Docs content-->
diff --git a/site/content/docs/standard/extended/sticky-header/assets/featured.jpg b/site/content/docs/standard/extended/sticky-header/assets/featured.jpg
new file mode 100644
index 000000000..3a42fc3ba
Binary files /dev/null and b/site/content/docs/standard/extended/sticky-header/assets/featured.jpg differ
diff --git a/site/content/docs/standard/extended/sticky-header/assets/featured.webp b/site/content/docs/standard/extended/sticky-header/assets/featured.webp
new file mode 100644
index 000000000..300c3bb40
Binary files /dev/null and b/site/content/docs/standard/extended/sticky-header/assets/featured.webp differ
diff --git a/site/content/docs/standard/extended/sticky-header/index-ss.html b/site/content/docs/standard/extended/sticky-header/index-ss.html
new file mode 100644
index 000000000..61a626365
--- /dev/null
+++ b/site/content/docs/standard/extended/sticky-header/index-ss.html
@@ -0,0 +1,9 @@
+---
+---
+
+<li class="mb-1 pl-[9px] text-[0.85rem]" data-te-spy-active>
+  <a href="#basic-example">Basic example</a>
+</li>
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#section-related-resources">Related resources</a>
+</li>
diff --git a/site/content/docs/standard/extended/sticky-header/index.html b/site/content/docs/standard/extended/sticky-header/index.html
new file mode 100644
index 000000000..3d2c592f4
--- /dev/null
+++ b/site/content/docs/standard/extended/sticky-header/index.html
@@ -0,0 +1,355 @@
+---
+title: "Sticky header"
+date: 2023-03-017T10:00:00+02:00
+draft: false
+main_title: "Sticky header"
+subheading: "Tailwind CSS Sticky header"
+seo_title: "Tailwind CSS Sticky header - Free Examples & Tutorial"
+description: "A sticky navbar is a component that is pinned to the top of the viewport in desktop browsers. It stays visible when the user scrolls the page down or up."
+image: "img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
+url: "docs/standard/extended/sticky-header"
+custom_links: "Navbar=https://tailwind-elements.com/docs/standard/navigation/navbar/"
+---
+
+<!--Section: Docs content-->
+<section>
+  <!--Section: Introduction-->
+  <section id="section-introduction">
+    <!-- Main title -->
+    <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
+
+    <!-- Seo title -->
+    <h1 class="mt-0 text-base font-medium">{{< docs-subheading >}}</h1>
+
+    <p class="my-4">{{< docs-description >}}</p>
+  </section>
+  <!--Section: Introduction-->
+
+  <hr class="my-10 dark:border-gray-600" />
+
+  <!--Section: Basic example-->
+  <section id="basic-example" class="pb-10">
+    <!--Subsection title-->
+    <h2 class="mb-4 text-[32px] font-medium" data-te-spy-item>Basic example</h2>
+
+    <!--Description-->
+    <p>
+      If you want to put the
+      <a
+        href="https://tailwind-elements.com/docs/standard/navigation/navbar/"
+        target="_blank"
+        >navbar</a
+      >
+      to the top of the viewport in the desktop browsers, add the
+      <code>.sticky</code> and <code> .top-0</code> class to the nav element.
+    </p>
+
+    <!--Section: Demo-->
+    {{< twsnippet/demo id="example1" >}}
+    <div>
+      <div class="overflow-auto" style="height: 400px;">
+        <nav
+          class="flex-no-wrap relative sticky top-0 flex w-full items-center justify-between bg-neutral-100 py-4 shadow-md shadow-black/5 dark:bg-neutral-600 dark:shadow-black/10 lg:flex-wrap lg:justify-start"
+          data-te-navbar-ref>
+          <div class="flex w-full flex-wrap items-center justify-between px-6">
+            <button
+              class="block border-0 bg-transparent py-2 px-2.5 text-neutral-500 hover:no-underline hover:shadow-none focus:no-underline focus:shadow-none focus:outline-none focus:ring-0 dark:text-neutral-200 lg:hidden"
+              type="button"
+              data-te-collapse-init
+              data-te-target="#navbarSupportedContent1"
+              aria-controls="navbarSupportedContent1"
+              aria-expanded="false"
+              aria-label="Toggle navigation">
+              <span class="[&>svg]:w-7">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 24 24"
+                  fill="currentColor"
+                  class="h-7 w-7">
+                  <path
+                    fill-rule="evenodd"
+                    d="M3 6.75A.75.75 0 013.75 6h16.5a.75.75 0 010 1.5H3.75A.75.75 0 013 6.75zM3 12a.75.75 0 01.75-.75h16.5a.75.75 0 010 1.5H3.75A.75.75 0 013 12zm0 5.25a.75.75 0 01.75-.75h16.5a.75.75 0 010 1.5H3.75a.75.75 0 01-.75-.75z"
+                    clip-rule="evenodd" />
+                </svg>
+              </span>
+            </button>
+            <div
+              class="!visible hidden flex-grow basis-[100%] items-center lg:!flex lg:basis-auto"
+              id="navbarSupportedContent1"
+              data-te-collapse-item>
+              <a
+                class="mt-2 mr-2 flex items-center text-neutral-900 hover:text-neutral-900 focus:text-neutral-900 dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400 lg:mt-0"
+                href="#">
+                <img
+                  src="https://tecdn.b-cdn.net/img/logo/mdb-transaprent-noshadows.png"
+                  style="height: 15px"
+                  alt=""
+                  loading="lazy" />
+              </a>
+              <!-- Left links -->
+              <ul
+                class="list-style-none mr-auto flex flex-col pl-0 lg:flex-row"
+                data-te-navbar-nav-ref>
+                <li class="lg:pr-2" data-te-nav-item-ref>
+                  <a
+                    class="text-neutral-500 hover:text-neutral-700 focus:text-neutral-700 disabled:text-black/30 dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300 lg:px-2 [&.active]:text-black/90 dark:[&.active]:text-zinc-400"
+                    href="#"
+                    data-te-nav-link-ref
+                    >Dashboard</a
+                  >
+                </li>
+                <li class="lg:pr-2" data-te-nav-item-ref>
+                  <a
+                    class="text-neutral-500 hover:text-neutral-700 focus:text-neutral-700 disabled:text-black/30 dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300 lg:px-2 [&.active]:text-black/90 dark:[&.active]:text-neutral-400"
+                    href="#"
+                    data-te-nav-link-ref
+                    >Team</a
+                  >
+                </li>
+                <li class="lg:pr-2" data-te-nav-item-ref>
+                  <a
+                    class="text-neutral-500 hover:text-neutral-700 focus:text-neutral-700 disabled:text-black/30 dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300 lg:px-2 [&.active]:text-black/90 dark:[&.active]:text-neutral-400"
+                    href="#"
+                    data-te-nav-link-ref
+                    >Projects</a
+                  >
+                </li>
+              </ul>
+              <!-- Left links -->
+            </div>
+            <!-- Collapsible wrapper -->
+
+            <!-- Right elements -->
+            <div class="relative flex items-center">
+              <!-- Icon -->
+              <a
+                class="mr-4 text-neutral-500 hover:text-neutral-700 focus:text-neutral-700 disabled:text-black/30 dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300 [&.active]:text-black/90 dark:[&.active]:text-neutral-400"
+                href="#">
+                <span class="[&>svg]:w-5">
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    viewBox="0 0 24 24"
+                    fill="currentColor"
+                    class="h-5 w-5">
+                    <path
+                      d="M2.25 2.25a.75.75 0 000 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 00-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 000-1.5H5.378A2.25 2.25 0 017.5 15h11.218a.75.75 0 00.674-.421 60.358 60.358 0 002.96-7.228.75.75 0 00-.525-.965A60.864 60.864 0 005.68 4.509l-.232-.867A1.875 1.875 0 003.636 2.25H2.25zM3.75 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM16.5 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z" />
+                  </svg>
+                </span>
+              </a>
+              <div class="relative" data-te-dropdown-ref>
+                <a
+                  class="hidden-arrow mr-4 flex items-center text-neutral-500 hover:text-neutral-700 focus:text-neutral-700 disabled:text-black/30 dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300 [&.active]:text-black/90 dark:[&.active]:text-neutral-400"
+                  href="#"
+                  id="dropdownMenuButton1"
+                  role="button"
+                  data-te-dropdown-toggle-ref
+                  aria-expanded="false">
+                  <span class="[&>svg]:w-5">
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      viewBox="0 0 24 24"
+                      fill="currentColor"
+                      class="h-5 w-5">
+                      <path
+                        fill-rule="evenodd"
+                        d="M5.25 9a6.75 6.75 0 0113.5 0v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 01-.297 1.206c-1.544.57-3.16.99-4.831 1.243a3.75 3.75 0 11-7.48 0 24.585 24.585 0 01-4.831-1.244.75.75 0 01-.298-1.205A8.217 8.217 0 005.25 9.75V9zm4.502 8.9a2.25 2.25 0 104.496 0 25.057 25.057 0 01-4.496 0z"
+                        clip-rule="evenodd" />
+                    </svg>
+                  </span>
+                  <span
+                    class="absolute -mt-2.5 ml-2 rounded-full bg-red-700 py-0 px-1.5 text-xs text-white"
+                    >1</span
+                  >
+                </a>
+                <ul
+                  class="absolute left-auto right-0 z-[1000] float-left m-0 mt-1 hidden min-w-max list-none overflow-hidden rounded-lg border-none bg-white bg-clip-padding text-left text-base shadow-lg dark:bg-neutral-700 [&[data-te-dropdown-show]]:block"
+                  aria-labelledby="dropdownMenuButton1"
+                  data-te-dropdown-menu-ref>
+                  <li>
+                    <a
+                      class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-sm font-normal text-neutral-700 hover:bg-neutral-100 active:text-neutral-800 active:no-underline disabled:pointer-events-none disabled:bg-transparent disabled:text-neutral-400 dark:text-neutral-200 dark:hover:bg-white/30"
+                      href="#"
+                      data-te-dropdown-item-ref
+                      >Action</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-sm font-normal text-neutral-700 hover:bg-neutral-100 active:text-neutral-800 active:no-underline disabled:pointer-events-none disabled:bg-transparent disabled:text-neutral-400 dark:text-neutral-200 dark:hover:bg-white/30"
+                      href="#"
+                      data-te-dropdown-item-ref
+                      >Another action</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-sm font-normal text-neutral-700 hover:bg-neutral-100 active:text-neutral-800 active:no-underline disabled:pointer-events-none disabled:bg-transparent disabled:text-neutral-400 dark:text-neutral-200 dark:hover:bg-white/30"
+                      href="#"
+                      data-te-dropdown-item-ref
+                      >Something else here</a
+                    >
+                  </li>
+                </ul>
+              </div>
+              <div class="relative" data-te-dropdown-ref>
+                <a
+                  class="hidden-arrow flex items-center whitespace-nowrap transition duration-150 ease-in-out motion-reduce:transition-none"
+                  href="#"
+                  id="dropdownMenuButton2"
+                  role="button"
+                  data-te-dropdown-toggle-ref
+                  aria-expanded="false">
+                  <img
+                    src="https://tecdn.b-cdn.net/img/new/avatars/2.jpg"
+                    class="rounded-full"
+                    style="height: 25px; width: 25px"
+                    alt=""
+                    loading="lazy" />
+                </a>
+                <ul
+                  class="absolute left-auto right-0 z-[1000] float-left m-0 mt-1 hidden min-w-max list-none overflow-hidden rounded-lg border-none bg-white bg-clip-padding text-left text-base shadow-lg dark:bg-neutral-700 [&[data-te-dropdown-show]]:block"
+                  aria-labelledby="dropdownMenuButton2"
+                  data-te-dropdown-menu-ref>
+                  <li>
+                    <a
+                      class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-sm font-normal text-neutral-700 hover:bg-neutral-100 active:text-neutral-800 active:no-underline disabled:pointer-events-none disabled:bg-transparent disabled:text-neutral-400 dark:text-neutral-200 dark:hover:bg-white/30"
+                      href="#"
+                      data-te-dropdown-item-ref
+                      >Action</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-sm font-normal text-neutral-700 hover:bg-neutral-100 active:text-neutral-800 active:no-underline disabled:pointer-events-none disabled:bg-transparent disabled:text-neutral-400 dark:text-neutral-200 dark:hover:bg-white/30"
+                      href="#"
+                      data-te-dropdown-item-ref
+                      >Another action</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-sm font-normal text-neutral-700 hover:bg-neutral-100 active:text-neutral-800 active:no-underline disabled:pointer-events-none disabled:bg-transparent disabled:text-neutral-400 dark:text-neutral-200 dark:hover:bg-white/30"
+                      href="#"
+                      data-te-dropdown-item-ref
+                      >Something else here</a
+                    >
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- Right elements -->
+          </div>
+        </nav>
+        <div class="bg-primary" style="height: 1040px;">
+          <p class="mb-8 pt-3 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll down</p>
+          <p class="mb-8 text-center text-3xl text-white">Scroll up</p>
+        </div>
+      </div>
+    </div>
+    {{< /twsnippet/demo >}}
+    <!--Section: Demo-->
+
+    <!--Section: Code-->
+    <section class="!visible hidden" data-te-collapse-item id="example1">
+      <div class="pt-4">
+        {{< twsnippet/wrapper "HTML" >}}
+        {{< twsnippet/code active=true lang="HTML" >}}
+        <nav class="... sticky top-0">...</nav>
+        {{< /twsnippet/code >}}
+        {{< /twsnippet/wrapper >}}
+      </div>
+    </section>
+    <!--Section: Code-->
+  </section>
+  <!--Section: Basic example-->
+
+  <hr class="mb-10 dark:border-gray-600" />
+
+  <!-- Section: Related resources -->
+  <section id="section-related-resources">
+    <h2 class="text-[32px] font-medium" data-te-spy-item>Related resources</h2>
+
+    <!--Chips with links-->
+    <div class="mt-5 mb-10 flex flex-wrap justify-start">
+      <!--Main-->
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/navigation/navbar/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Navbar</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/navigation/footer/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Footer</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/navigation/breadcrumbs/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Breadcrumbs</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/forms/search/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Search</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/components/jumbotron/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Jumbotron</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/components/dropdown/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Dropdown</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/content-styles/icons/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Icons</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/components/buttons/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Buttons</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/getting-started/dark-mode/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Dark mode</a
+      >
+
+      <!--Extended docs-->
+    </div>
+
+    <p>
+      If you want to learn more about using forms, check out
+      <a href="#" class="text-blue-600 dark:text-blue-400">Forms </a>
+      documentation.
+    </p>
+  </section>
+  <!-- Section: Related resources -->
+</section>
+<!--Section: Docs content-->
diff --git a/site/content/docs/standard/extended/text-bold/assets/featured.jpg b/site/content/docs/standard/extended/text-bold/assets/featured.jpg
new file mode 100644
index 000000000..3a42fc3ba
Binary files /dev/null and b/site/content/docs/standard/extended/text-bold/assets/featured.jpg differ
diff --git a/site/content/docs/standard/extended/text-bold/assets/featured.webp b/site/content/docs/standard/extended/text-bold/assets/featured.webp
new file mode 100644
index 000000000..300c3bb40
Binary files /dev/null and b/site/content/docs/standard/extended/text-bold/assets/featured.webp differ
diff --git a/site/content/docs/standard/extended/text-bold/index-ss.html b/site/content/docs/standard/extended/text-bold/index-ss.html
new file mode 100644
index 000000000..61a626365
--- /dev/null
+++ b/site/content/docs/standard/extended/text-bold/index-ss.html
@@ -0,0 +1,9 @@
+---
+---
+
+<li class="mb-1 pl-[9px] text-[0.85rem]" data-te-spy-active>
+  <a href="#basic-example">Basic example</a>
+</li>
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#section-related-resources">Related resources</a>
+</li>
diff --git a/site/content/docs/standard/extended/text-bold/index.html b/site/content/docs/standard/extended/text-bold/index.html
new file mode 100644
index 000000000..5bf43a68b
--- /dev/null
+++ b/site/content/docs/standard/extended/text-bold/index.html
@@ -0,0 +1,129 @@
+---
+title: "Text bold"
+date: 2023-03-017T10:00:00+02:00
+draft: false
+main_title: "Text bold"
+subheading: "Tailwind CSS Text bold"
+seo_title: "Tailwind CSS Text bold - Free Examples & Tutorial"
+description: "Use responsive text bold styles with Tailwind elements. This a simple example of how quickly you can change the font weight."
+image: "img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
+url: "docs/standard/extended/text-bold"
+custom_links: "typography=https://tailwind-elements.com/docs/standard/content-styles/typography/"
+---
+
+<!--Section: Docs content-->
+<section>
+  <!--Section: Introduction-->
+  <section id="section-introduction">
+    <!-- Main title -->
+    <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
+
+    <!-- Seo title -->
+    <h1 class="mt-0 text-base font-medium">{{< docs-subheading >}}</h1>
+
+    <p class="my-4">{{< docs-description >}}</p>
+  </section>
+  <!--Section: Introduction-->
+
+  <hr class="my-10 dark:border-gray-600" />
+
+  <!--Section: Basic example-->
+  <section id="basic-example" class="pb-10">
+    <!--Subsection title-->
+    <h2 class="mb-4 text-[32px] font-medium" data-te-spy-item>Basic example</h2>
+
+    <!--Description-->
+    <p>
+      Use one of the <code>.text-{weight}</code> classes to change the weight of
+      the text.
+    </p>
+
+    <!--Section: Demo-->
+    {{< twsnippet/demo id="example1" >}}
+    <div class="p-3">
+      <p class="pb-2 font-light">This is the light text.</p>
+      <p class="pb-2 font-normal">This is the normal text.</p>
+      <p class="pb-2 font-medium">This is the medium text.</p>
+      <p class="pb-2 font-semibold">This is the semibold text.</p>
+      <p class="font-bold">This is the bold text.</p>
+    </div>
+    {{< /twsnippet/demo >}}
+    <!--Section: Demo-->
+
+    <!--Section: Code-->
+    <section class="!visible hidden" data-te-collapse-item id="example1">
+      <div class="pt-4">
+        {{< twsnippet/wrapper "HTML" >}}
+        {{< twsnippet/code active=true lang="HTML" >}}
+        <p class="font-light">This is the font-light text.</p>
+        <p class="font-normal">This is the font-normal text.</p>
+        <p class="font-medium">This is the font-medium text.</p>
+        <p class="font-semibold">This is the font-semibold text.</p>
+        <p class="font-bold">This is the font-bold text.</p>
+        {{< /twsnippet/code >}}
+        {{< /twsnippet/wrapper >}}
+      </div>
+    </section>
+    <!--Section: Code-->
+  </section>
+  <!--Section: Basic example-->
+
+  <hr class="mb-10 dark:border-gray-600" />
+
+  <!-- Section: Related resources -->
+  <section id="section-related-resources">
+    <h2 class="text-[32px] font-medium" data-te-spy-item>Related resources</h2>
+
+    <!--Chips with links-->
+    <div class="mt-5 mb-10 flex flex-wrap justify-start">
+      <!--Main-->
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/content-styles/typography/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Typography</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/forms/textarea/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Textarea</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/forms/inputs/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Input Fields</a
+      >
+
+      <!--Extended docs-->
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/extended/text-size"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Text size</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/extended/text-color"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Text color</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/extended/center-text"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Center text</a
+      >
+    </div>
+
+    <p>
+      If you want to learn more about using forms, check out
+      <a href="#" class="text-blue-600 dark:text-blue-400">Forms </a>
+      documentation.
+    </p>
+  </section>
+  <!-- Section: Related resources -->
+</section>
+<!--Section: Docs content-->
diff --git a/site/content/docs/standard/extended/text-color/assets/featured.jpg b/site/content/docs/standard/extended/text-color/assets/featured.jpg
new file mode 100644
index 000000000..3a42fc3ba
Binary files /dev/null and b/site/content/docs/standard/extended/text-color/assets/featured.jpg differ
diff --git a/site/content/docs/standard/extended/text-color/assets/featured.webp b/site/content/docs/standard/extended/text-color/assets/featured.webp
new file mode 100644
index 000000000..300c3bb40
Binary files /dev/null and b/site/content/docs/standard/extended/text-color/assets/featured.webp differ
diff --git a/site/content/docs/standard/extended/text-color/index-ss.html b/site/content/docs/standard/extended/text-color/index-ss.html
new file mode 100644
index 000000000..61a626365
--- /dev/null
+++ b/site/content/docs/standard/extended/text-color/index-ss.html
@@ -0,0 +1,9 @@
+---
+---
+
+<li class="mb-1 pl-[9px] text-[0.85rem]" data-te-spy-active>
+  <a href="#basic-example">Basic example</a>
+</li>
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#section-related-resources">Related resources</a>
+</li>
diff --git a/site/content/docs/standard/extended/text-color/index.html b/site/content/docs/standard/extended/text-color/index.html
new file mode 100644
index 000000000..3eeb17b3c
--- /dev/null
+++ b/site/content/docs/standard/extended/text-color/index.html
@@ -0,0 +1,151 @@
+---
+title: "Text color"
+date: 2023-03-017T10:00:00+02:00
+draft: false
+main_title: "Text color"
+subheading: "Tailwind CSS Text color"
+seo_title: "Tailwind CSS Text color - Free Examples & Tutorial"
+description: "Use responsive text color styles with Tailwind elements. See how to easily and simply change the text color."
+image: "img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
+url: "docs/standard/extended/text-color"
+custom_links: "Colors=https://tailwind-elements.com/docs/standard/content-styles/colors/"
+---
+
+<!--Section: Docs content-->
+<section>
+  <!--Section: Introduction-->
+  <section id="section-introduction">
+    <!-- Main title -->
+    <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
+
+    <!-- Seo title -->
+    <h1 class="mt-0 text-base font-medium">{{< docs-subheading >}}</h1>
+
+    <p class="my-4">{{< docs-description >}}</p>
+  </section>
+  <!--Section: Introduction-->
+
+  <hr class="my-10 dark:border-gray-600" />
+
+  <!--Section: Basic example-->
+  <section id="basic-example" class="pb-10">
+    <!--Subsection title-->
+    <h2 class="mb-4 text-[32px] font-medium" data-te-spy-item>Basic example</h2>
+
+    <!--Description-->
+    <p>
+      Change text
+      <a
+        href="https://tailwind-elements.com/docs/standard/content-styles/colors/"
+        target="_blank"
+        class="text-primary-600"
+        >colors</a
+      >
+      with <code>.text-{color}</code> classes.
+    </p>
+
+    <!--Section: Demo-->
+    {{< twsnippet/demo id="example1" >}}
+    <div class="p-3 text-center">
+      <div class="grid-rows-8 grid gap-4">
+        <p class="text-primary">Lorem ipsum dolor sit amet</p>
+        <p class="text-secondary">Lorem ipsum dolor sit amet</p>
+        <p class="text-success">Lorem ipsum dolor sit amet</p>
+        <p class="text-danger">Lorem ipsum dolor sit amet</p>
+        <p class="text-warning">Lorem ipsum dolor sit amet</p>
+        <p class="text-info">Lorem ipsum dolor sit amet</p>
+        <p class="bg-neutral-800 text-neutral-50 dark:bg-transparent">
+          Lorem ipsum dolor sit amet
+        </p>
+        <p class="text-neutral-800 dark:bg-neutral-50 dark:text-neutral-900">
+          Lorem ipsum dolor sit amet
+        </p>
+      </div>
+    </div>
+    {{< /twsnippet/demo >}}
+    <!--Section: Demo-->
+
+    <!--Section: Code-->
+    <section class="!visible hidden" data-te-collapse-item id="example1">
+      <div class="pt-4">
+        {{< twsnippet/wrapper "HTML" >}}
+        {{< twsnippet/code active=true lang="HTML" >}}
+        <p class="text-primary">Lorem ipsum dolor sit amet</p>
+        <p class="text-secondary">Lorem ipsum dolor sit amet</p>
+        <p class="text-success">Lorem ipsum dolor sit amet</p>
+        <p class="text-danger">Lorem ipsum dolor sit amet</p>
+        <p class="text-warning">Lorem ipsum dolor sit amet</p>
+        <p class="text-info">Lorem ipsum dolor sit amet</p>
+        <p class="bg-neutral-800 text-neutral-50 dark:bg-transparent">
+          Lorem ipsum dolor sit amet
+        </p>
+        <p class="text-neutral-800 dark:bg-neutral-50 dark:text-neutral-900">
+          Lorem ipsum dolor sit amet
+        </p>
+        {{< /twsnippet/code >}}
+        {{< /twsnippet/wrapper >}}
+      </div>
+    </section>
+    <!--Section: Code-->
+  </section>
+  <!--Section: Basic example-->
+
+  <hr class="mb-10 dark:border-gray-600" />
+
+  <!-- Section: Related resources -->
+  <section id="section-related-resources">
+    <h2 class="text-[32px] font-medium" data-te-spy-item>Related resources</h2>
+
+    <!--Chips with links-->
+    <div class="mt-5 mb-10 flex flex-wrap justify-start">
+      <!--Main-->
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/content-styles/typography/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Typography</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/content-styles/colors/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Colors</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/content-styles/mask/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Masks</a
+      >
+
+      <!--Extended docs-->
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/extended/text-size"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Text size</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/extended/text-color"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Text color</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/extended/center-text"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Center text</a
+      >
+    </div>
+
+    <p>
+      If you want to learn more about using forms, check out
+      <a href="#" class="text-blue-600 dark:text-blue-400">Forms </a>
+      documentation.
+    </p>
+  </section>
+  <!-- Section: Related resources -->
+</section>
+<!--Section: Docs content-->
diff --git a/site/content/docs/standard/extended/text-size/assets/featured.jpg b/site/content/docs/standard/extended/text-size/assets/featured.jpg
new file mode 100644
index 000000000..3a42fc3ba
Binary files /dev/null and b/site/content/docs/standard/extended/text-size/assets/featured.jpg differ
diff --git a/site/content/docs/standard/extended/text-size/assets/featured.webp b/site/content/docs/standard/extended/text-size/assets/featured.webp
new file mode 100644
index 000000000..300c3bb40
Binary files /dev/null and b/site/content/docs/standard/extended/text-size/assets/featured.webp differ
diff --git a/site/content/docs/standard/extended/text-size/index-ss.html b/site/content/docs/standard/extended/text-size/index-ss.html
new file mode 100644
index 000000000..61a626365
--- /dev/null
+++ b/site/content/docs/standard/extended/text-size/index-ss.html
@@ -0,0 +1,9 @@
+---
+---
+
+<li class="mb-1 pl-[9px] text-[0.85rem]" data-te-spy-active>
+  <a href="#basic-example">Basic example</a>
+</li>
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#section-related-resources">Related resources</a>
+</li>
diff --git a/site/content/docs/standard/extended/text-size/index.html b/site/content/docs/standard/extended/text-size/index.html
new file mode 100644
index 000000000..3274137db
--- /dev/null
+++ b/site/content/docs/standard/extended/text-size/index.html
@@ -0,0 +1,144 @@
+---
+title: "Text size"
+date: 2023-03-017T10:00:00+02:00
+draft: false
+main_title: "Text size"
+subheading: "Tailwind CSS Text size"
+seo_title: "Tailwind CSS Text size - Free Examples & Tutorial"
+description: "Use responsive text size styles with Tailwind elements. Learn how to change the text size easily and quickly."
+image: "img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
+url: "docs/standard/extended/text-size"
+custom_links: "Typography=https://tailwind-elements.com/docs/standard/content-styles/typography/"
+---
+
+<!--Section: Docs content-->
+<section>
+  <!--Section: Introduction-->
+  <section id="section-introduction">
+    <!-- Main title -->
+    <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
+
+    <!-- Seo title -->
+    <h1 class="mt-0 text-base font-medium">{{< docs-subheading >}}</h1>
+
+    <p class="my-4">{{< docs-description >}}</p>
+  </section>
+  <!--Section: Introduction-->
+
+  <hr class="my-10 dark:border-gray-600" />
+
+  <!--Section: Basic example-->
+  <section id="basic-example" class="pb-10">
+    <!--Subsection title-->
+    <h2 class="mb-4 text-[32px] font-medium" data-te-spy-item>Basic example</h2>
+
+    <!--Description-->
+    <p>
+      Use the following <code>.text-{size}</code> utility classes from Tailwind
+      to set the font <mark>size</mark> for any text element.
+    </p>
+
+    <!--Section: Demo-->
+    {{< twsnippet/demo id="example1" >}}
+    <div class="p-3 text-center">
+      <p class="pb-2 text-9xl font-medium leading-tight">.text-9xl</p>
+      <p class="pb-2 text-8xl font-medium leading-tight">.text-8xl</p>
+      <p class="pb-2 text-7xl font-medium leading-tight">.text-7xl</p>
+      <p class="pb-2 text-6xl font-medium leading-tight">.text-6xl</p>
+      <p class="pb-2 text-5xl font-medium leading-tight">.text-5xl</p>
+      <p class="pb-2 text-4xl font-medium leading-tight">.text-4xl</p>
+      <p class="pb-2 text-3xl font-medium leading-tight">.text-3xl</p>
+      <p class="pb-2 text-2xl font-medium leading-tight">.text-2xl</p>
+      <p class="pb-2 text-xl font-medium leading-tight">.text-xl</p>
+      <p class="pb-2 text-lg font-medium leading-tight">.text-lg</p>
+      <p class="pb-2 text-base font-medium leading-tight">.text-base</p>
+      <p class="pb-2 text-sm font-medium leading-tight">.text-sm</p>
+      <p class="pb-2 text-xs font-medium leading-tight">.text-xs</p>
+    </div>
+    {{< /twsnippet/demo >}}
+    <!--Section: Demo-->
+
+    <!--Section: Code-->
+    <section class="!visible hidden" data-te-collapse-item id="example1">
+      <div class="pt-4">
+        {{< twsnippet/wrapper "HTML" >}}
+        {{< twsnippet/code active=true lang="HTML" >}}
+        <p class="text-9xl">.text-9xl</p>
+        <p class="text-8xl">.text-8xl</p>
+        <p class="text-7xl">.text-7xl</p>
+        <p class="text-6xl">.text-6xl</p>
+        <p class="text-5xl">.text-5xl</p>
+        <p class="text-4xl">.text-4xl</p>
+        <p class="text-3xl">.text-3xl</p>
+        <p class="text-2xl">.text-2xl</p>
+        <p class="text-xl">.text-xl</p>
+        <p class="text-lg">.text-lg</p>
+        <p class="text-base">.text-base</p>
+        <p class="text-sm">.text-sm</p>
+        <p class="text-xs">.text-xs</p>
+        {{< /twsnippet/code >}}
+        {{< /twsnippet/wrapper >}}
+      </div>
+    </section>
+    <!--Section: Code-->
+  </section>
+  <!--Section: Basic example-->
+
+  <hr class="mb-10 dark:border-gray-600" />
+
+  <!-- Section: Related resources -->
+  <section id="section-related-resources">
+    <h2 class="text-[32px] font-medium" data-te-spy-item>Related resources</h2>
+
+    <!--Chips with links-->
+    <div class="mt-5 mb-10 flex flex-wrap justify-start">
+      <!--Main-->
+      <a
+        href="https://tailwind-elements.com/docs/standard/content-styles/typography/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Typography</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/forms/textarea/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Textarea</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/forms/inputs/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Input Fields</a
+      >
+
+      <!--Extended docs-->
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/extended/text-bold"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Text bold</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/extended/text-color"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Text color</a
+      >
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/extended/center-text"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Center text</a
+      >
+    </div>
+
+    <p>
+      If you want to learn more about using forms, check out
+      <a href="#" class="text-blue-600 dark:text-blue-400">Forms </a>
+      documentation.
+    </p>
+  </section>
+  <!-- Section: Related resources -->
+</section>
+<!--Section: Docs content-->
diff --git a/site/content/docs/standard/extended/visibility/assets/featured.jpg b/site/content/docs/standard/extended/visibility/assets/featured.jpg
new file mode 100644
index 000000000..3a42fc3ba
Binary files /dev/null and b/site/content/docs/standard/extended/visibility/assets/featured.jpg differ
diff --git a/site/content/docs/standard/extended/visibility/assets/featured.webp b/site/content/docs/standard/extended/visibility/assets/featured.webp
new file mode 100644
index 000000000..300c3bb40
Binary files /dev/null and b/site/content/docs/standard/extended/visibility/assets/featured.webp differ
diff --git a/site/content/docs/standard/extended/visibility/index-ss.html b/site/content/docs/standard/extended/visibility/index-ss.html
new file mode 100644
index 000000000..61a626365
--- /dev/null
+++ b/site/content/docs/standard/extended/visibility/index-ss.html
@@ -0,0 +1,9 @@
+---
+---
+
+<li class="mb-1 pl-[9px] text-[0.85rem]" data-te-spy-active>
+  <a href="#basic-example">Basic example</a>
+</li>
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#section-related-resources">Related resources</a>
+</li>
diff --git a/site/content/docs/standard/extended/visibility/index.html b/site/content/docs/standard/extended/visibility/index.html
new file mode 100644
index 000000000..1878ac992
--- /dev/null
+++ b/site/content/docs/standard/extended/visibility/index.html
@@ -0,0 +1,112 @@
+---
+title: "Visibility"
+date: 2023-03-017T10:00:00+02:00
+draft: false
+main_title: "Visibility"
+subheading: "Tailwind CSS Visibility"
+seo_title: "Tailwind CSS Visibility - Free Examples & Tutorial"
+description: "Use responsive Visibility utilities with Tailwind elements. Control the visibility, without modifying the display, of elements with visibility utilities."
+image: "img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
+url: "docs/standard/extended/visibility"
+custom_links: "CARDS=https://tailwind-elements.com/docs/standard/components/cards/"
+---
+
+<!--Section: Docs content-->
+<section>
+  <!--Section: Introduction-->
+  <section id="section-introduction">
+    <!-- Main title -->
+    <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
+
+    <!-- Seo title -->
+    <h1 class="mt-0 text-base font-medium">{{< docs-subheading >}}</h1>
+
+    <p class="my-4">{{< docs-description >}}</p>
+  </section>
+  <!--Section: Introduction-->
+
+  <hr class="my-10 dark:border-gray-600" />
+
+  <!--Section: Basic example-->
+  <section id="basic-example" class="pb-10">
+    <!--Subsection title-->
+    <h2 class="mb-4 text-[32px] font-medium" data-te-spy-item>Basic example</h2>
+
+    <!--Description-->
+    <p class="mb-3">
+      Set the <code>visibility</code> of elements with our visibility utilities.
+      These utility classes do not modify the <code>display</code> value at all
+      and do not affect layout – <code>.invisible</code> elements still take up
+      space in the page. Content will be hidden both visually and for assistive
+      technology/screen reader users.
+    </p>
+
+    <p>Apply <code>.visible</code> or <code>.invisible</code> as needed.</p>
+
+    <!--Section: Demo-->
+    {{< twsnippet/demo id="example1" >}}
+    <div class="">
+      <div class="visible flex h-[60px] bg-primary text-white">
+        <p class="self-center pl-3">visible</p>
+      </div>
+      <div class="invisible flex h-[60px] bg-primary text-white">
+        <p class="self-center pl-3">invisible</p>
+      </div>
+      <div class="visible flex h-[60px] bg-primary text-white">
+        <p class="self-center pl-3">visible</p>
+      </div>
+    </div>
+    {{< /twsnippet/demo >}}
+    <!--Section: Demo-->
+
+    <!--Section: Code-->
+    <section class="!visible hidden" data-te-collapse-item id="example1">
+      <div class="pt-4">
+        {{< twsnippet/wrapper "HTML" >}}
+        {{< twsnippet/code active=true lang="HTML" >}}
+        <div class="visible">...</div>
+        <div class="invisible">...</div>
+        <div class="visible">...</div>
+        {{< /twsnippet/code >}}
+        {{< /twsnippet/wrapper >}}
+      </div>
+    </section>
+    <!--Section: Code-->
+  </section>
+  <!--Section: Basic example-->
+
+  <hr class="mb-10 dark:border-gray-600" />
+
+  <!-- Section: Related resources -->
+  <section id="section-related-resources">
+    <h2 class="text-[32px] font-medium" data-te-spy-item>Related resources</h2>
+
+    <!--Chips with links-->
+    <div class="mt-5 mb-10 flex flex-wrap justify-start">
+      <!--Main-->
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/content-styles/colors/"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Colors</a
+      >
+
+      <!--Extended docs-->
+
+      <a
+        href="https://tailwind-elements.com/docs/standard/extended/opacity"
+        class="mb-2 mr-2 rounded-2xl bg-gray-200 py-2.5 px-5 text-[12px] font-medium capitalize transition-all hover:bg-white hover:bg-white hover:shadow-xl hover:shadow-[0_2px_5px_0_rgba(0,0,0,0.25)] dark:bg-gray-700 dark:hover:bg-gray-600">
+        Opacity</a
+      >
+    </div>
+
+    <p>
+      If you want to learn more about using forms, check out
+      <a href="#" class="text-blue-600 dark:text-blue-400">Forms </a>
+      documentation.
+    </p>
+  </section>
+  <!-- Section: Related resources -->
+</section>
+<!--Section: Docs content-->
diff --git a/site/content/docs/standard/forms/checkbox/index.html b/site/content/docs/standard/forms/checkbox/index.html
index 2c423ba41..8bbc35ea1 100644
--- a/site/content/docs/standard/forms/checkbox/index.html
+++ b/site/content/docs/standard/forms/checkbox/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Checkbox"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Checkbox component"
-subheading: ""
+main_title: "Checkbox"
+subheading: "Tailwind CSS Checkbox"
 seo_title: "Tailwind CSS Checkbox Form - Free Examples & Tutorial"
-description: "Responsive checkboxes built with Tailwind CSS. A select component used in forms & surveys. It enables choosing one or several options in a list. Free download."
+description: "Use responsive checkbox component with helper examples for checkbox input, custom checkbox style, disabled checkbox & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/forms/checkbox/"
@@ -42,7 +42,7 @@
     <div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
           type="checkbox"
           value=""
           id="checkboxDefault" />
@@ -54,7 +54,7 @@
       </div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
           type="checkbox"
           value=""
           id="checkboxChecked"
@@ -78,7 +78,7 @@
         <div>
           <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
             <input
-              class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+              class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
               type="checkbox"
               value=""
               id="checkboxDefault" />
@@ -90,7 +90,7 @@
           </div>
           <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
             <input
-              class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+              class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
               type="checkbox"
               value=""
               id="checkboxChecked"
@@ -111,87 +111,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/forms/checkbox/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
@@ -219,7 +401,7 @@
   <div class="flex justify-center">
     <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
       <input
-        class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] indeterminate:border-primary indeterminate:bg-primary indeterminate:after:absolute indeterminate:after:ml-[0.2rem] indeterminate:after:mt-[6px] indeterminate:after:w-[0.5rem] indeterminate:after:border-[0.125rem] indeterminate:after:border-t-0 indeterminate:after:border-l-0 indeterminate:after:border-solid indeterminate:after:border-white hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+        class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.4rem] h-[1.125rem] w-[1.125rem] cursor-none appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] indeterminate:border-primary indeterminate:bg-primary indeterminate:after:absolute indeterminate:after:ml-[0.2rem] indeterminate:after:mt-[6px] indeterminate:after:w-[0.5rem] indeterminate:after:border-[0.125rem] indeterminate:after:border-t-0 indeterminate:after:border-l-0 indeterminate:after:border-solid indeterminate:after:border-white hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary dark:indeterminate:border-primary dark:indeterminate:bg-primary"
         type="checkbox"
         value=""
         id="flexCheckIndeterminate" />
@@ -240,7 +422,7 @@
       <div class="flex justify-center">
         <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
           <input
-            class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] indeterminate:border-primary indeterminate:bg-primary indeterminate:after:absolute indeterminate:after:ml-[0.2rem] indeterminate:after:mt-[6px] indeterminate:after:w-[0.5rem] indeterminate:after:border-[0.125rem] indeterminate:after:border-t-0 indeterminate:after:border-l-0 indeterminate:after:border-solid indeterminate:after:border-white hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+            class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.4rem] h-[1.125rem] w-[1.125rem] cursor-none appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] indeterminate:border-primary indeterminate:bg-primary indeterminate:after:absolute indeterminate:after:ml-[0.2rem] indeterminate:after:mt-[6px] indeterminate:after:w-[0.5rem] indeterminate:after:border-[0.125rem] indeterminate:after:border-t-0 indeterminate:after:border-l-0 indeterminate:after:border-solid indeterminate:after:border-white hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary dark:indeterminate:border-primary dark:indeterminate:bg-primary"
             type="checkbox"
             value=""
             id="flexCheckIndeterminate" />
@@ -286,7 +468,7 @@
     <div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60"
+          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60 dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
           type="checkbox"
           value=""
           id="flexCheckDisabled"
@@ -299,7 +481,7 @@
       </div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60"
+          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60 dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
           type="checkbox"
           value=""
           id="flexCheckCheckedDisabled"
@@ -324,7 +506,7 @@
         <div>
           <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
             <input
-              class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60"
+              class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60 dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
               type="checkbox"
               value=""
               id="flexCheckDisabled"
@@ -337,7 +519,7 @@
           </div>
           <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
             <input
-              class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60"
+              class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60 dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
               type="checkbox"
               value=""
               id="flexCheckCheckedDisabled"
@@ -379,7 +561,7 @@
   <div class="flex justify-center">
     <div class="mb-[0.125rem] mr-4 inline-block min-h-[1.5rem] pl-[1.5rem]">
       <input
-        class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+        class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
         type="checkbox"
         id="inlineCheckbox1"
         value="option1" />
@@ -391,7 +573,7 @@
     </div>
     <div class="mb-[0.125rem] mr-4 inline-block min-h-[1.5rem] pl-[1.5rem]">
       <input
-        class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+        class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
         type="checkbox"
         id="inlineCheckbox2"
         value="option2" />
@@ -403,7 +585,7 @@
     </div>
     <div class="mb-[0.125rem] inline-block min-h-[1.5rem] pl-[1.5rem]">
       <input
-        class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60"
+        class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60 dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
         type="checkbox"
         id="inlineCheckbox3"
         value="option3"
@@ -425,7 +607,7 @@
       <div class="flex justify-center">
         <div class="mb-[0.125rem] mr-4 inline-block min-h-[1.5rem] pl-[1.5rem]">
           <input
-            class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+            class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
             type="checkbox"
             id="inlineCheckbox1"
             value="option1" />
@@ -437,7 +619,7 @@
         </div>
         <div class="mb-[0.125rem] mr-4 inline-block min-h-[1.5rem] pl-[1.5rem]">
           <input
-            class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+            class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
             type="checkbox"
             id="inlineCheckbox2"
             value="option2" />
@@ -449,7 +631,7 @@
         </div>
         <div class="mb-[0.125rem] inline-block min-h-[1.5rem] pl-[1.5rem]">
           <input
-            class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60"
+            class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent disabled:opacity-60 dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
             type="checkbox"
             id="inlineCheckbox3"
             value="option3"
@@ -490,7 +672,7 @@
     <div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
           type="checkbox"
           id="checkboxNoLabel"
           value=""
@@ -498,7 +680,7 @@
       </div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
           type="checkbox"
           id="checkboxCheckedNoLabel"
           value=""
@@ -518,7 +700,7 @@
         <div>
           <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
             <input
-              class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+              class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
               type="checkbox"
               id="checkboxNoLabel"
               value=""
@@ -526,7 +708,7 @@
           </div>
           <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
             <input
-              class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+              class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
               type="checkbox"
               id="checkboxCheckedNoLabel"
               value=""
diff --git a/site/content/docs/standard/forms/datepicker/a.html b/site/content/docs/standard/forms/datepicker/a.html
index fdb8a41ba..3aae7dd4f 100644
--- a/site/content/docs/standard/forms/datepicker/a.html
+++ b/site/content/docs/standard/forms/datepicker/a.html
@@ -800,6 +800,7 @@ <h4 class="mb-4 font-bold">Via JavaScript</h4>
                     dark:group-[:not([data-te-datepicker-cell-disabled]):not([data-te-datepicker-cell-selected]):hover]:bg-white/10
                     dark:group-[[data-te-datepicker-cell-current]]:border-white
                     dark:group-[:not([data-te-datepicker-cell-selected])[data-te-datepicker-cell-focused]]:bg-white/10
+                    dark:text-white
                   </td>
                   <td class="px-6 py-4 max-lg:whitespace-nowrap">
                     Main colors for different cell states (hover, focus, current
@@ -928,6 +929,7 @@ <h4 class="mb-4 font-bold">Via JavaScript</h4>
                   <td
                     class="border-r px-6 py-4 dark:border-neutral-500 max-lg:whitespace-nowrap">
                     w-10 h-10 text-center text-[12px] font-normal
+                    dark:text-white
                   </td>
                   <td class="px-6 py-4 max-lg:whitespace-nowrap">
                     Size, font and alignment for table header (narrow weekdays)
diff --git a/site/content/docs/standard/forms/datepicker/index.html b/site/content/docs/standard/forms/datepicker/index.html
index f3bcd0114..d87f89c05 100644
--- a/site/content/docs/standard/forms/datepicker/index.html
+++ b/site/content/docs/standard/forms/datepicker/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Datepicker"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Datepicker component"
-subheading: ""
+main_title: "Datepicker"
+subheading: "Tailwind CSS Datepicker"
 seo_title: "Tailwind CSS Datepicker - Free Examples & Tutorial"
-description: "Responsive Datepicker built with Tailwind CSS. A plugin that adds date picker functionality without custom JS code. Download for free without registration."
+description: "Use responsive datepicker component with helper examples for datepicker ui, input toggle, custom togle icon  & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/forms/datepicker/"
@@ -79,87 +79,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/forms/datapicker/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/forms/file-input/index.html b/site/content/docs/standard/forms/file-input/index.html
index de672d653..7edbe4bf0 100644
--- a/site/content/docs/standard/forms/file-input/index.html
+++ b/site/content/docs/standard/forms/file-input/index.html
@@ -1,11 +1,11 @@
 ---
-title: "File input"
-date: 2021-04-29T16:00:58+02:00
+title: "File Input"
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind File input component"
-subheading: ""
-seo_title: "Tailwind CSS File Input - Free Examples & Tutorial"
-description: "File upload input built with Tailwind CSS. Helps upload a single or many items. Supports images, files, & documents. Add items directly from your local storage."
+main_title: "File Input"
+subheading: "Tailwind CSS File Input / File Upload"
+seo_title: "Tailwind CSS File Input / File Upload - Free Examples"
+description: "Use responsive file upload input component with helper examples for file upload button, file type, multiple files & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/forms/file-input/"
@@ -44,7 +44,7 @@
         >Default file input example</label
       >
       <input
-        class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 bg-white bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 outline-none transition duration-300 ease-in-out file:-mx-3 file:-my-1.5 file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-1.5 file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:bg-white focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:bg-transparent dark:text-neutral-200 dark:focus:bg-transparent"
+        class="relative m-0 block w-full min-w-0 flex-auto rounded border border-solid border-neutral-300 bg-clip-padding py-[0.32rem] px-3 text-base font-normal text-neutral-700 transition duration-300 ease-in-out file:-mx-3 file:-my-[0.32rem] file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-[0.32rem] file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:border-neutral-600 dark:text-neutral-200 dark:file:bg-neutral-700 dark:file:text-neutral-100"
         type="file"
         id="formFile" />
     </div>
@@ -64,7 +64,7 @@
             >Default file input example</label
           >
           <input
-            class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 bg-white bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 outline-none transition duration-300 ease-in-out file:-mx-3 file:-my-1.5 file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-1.5 file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:bg-white focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:bg-transparent dark:text-neutral-200 dark:focus:bg-transparent"
+            class="relative m-0 block w-full min-w-0 flex-auto rounded border border-solid border-neutral-300 bg-clip-padding py-[0.32rem] px-3 text-base font-normal text-neutral-700 transition duration-300 ease-in-out file:-mx-3 file:-my-[0.32rem] file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-[0.32rem] file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:border-neutral-600 dark:text-neutral-200 dark:file:bg-neutral-700 dark:file:text-neutral-100"
             type="file"
             id="formFile" />
         </div>
@@ -77,87 +77,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p class="mb-4">
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind File Input Component!](https://tailwind-elements.com/docs/standard/components/file-input/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20File%20Input%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/file-input/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/file-input/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/forms/file-input/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/file-input/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/file-input/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20File%20Input%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
@@ -188,7 +370,7 @@
         >Multiple files input example</label
       >
       <input
-        class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 bg-white bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 outline-none transition duration-300 ease-in-out file:-mx-3 file:-my-1.5 file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-1.5 file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:bg-white focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:bg-transparent dark:text-neutral-200 dark:focus:bg-transparent"
+        class="relative m-0 block w-full min-w-0 flex-auto rounded border border-solid border-neutral-300 bg-clip-padding py-[0.32rem] px-3 text-base font-normal text-neutral-700 transition duration-300 ease-in-out file:-mx-3 file:-my-[0.32rem] file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-[0.32rem] file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:border-neutral-600 dark:text-neutral-200 dark:file:bg-neutral-700 dark:file:text-neutral-100"
         type="file"
         id="formFileMultiple"
         multiple />
@@ -209,7 +391,7 @@
             >Multiple files input example</label
           >
           <input
-            class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 bg-white bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 outline-none transition duration-300 ease-in-out file:-mx-3 file:-my-1.5 file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-1.5 file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:bg-white focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:bg-transparent dark:text-neutral-200 dark:focus:bg-transparent"
+            class="relative m-0 block w-full min-w-0 flex-auto rounded border border-solid border-neutral-300 bg-clip-padding py-[0.32rem] px-3 text-base font-normal text-neutral-700 transition duration-300 ease-in-out file:-mx-3 file:-my-[0.32rem] file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-[0.32rem] file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:border-neutral-600 dark:text-neutral-200 dark:file:bg-neutral-700 dark:file:text-neutral-100"
             type="file"
             id="formFileMultiple"
             multiple />
@@ -247,7 +429,7 @@
         >Disabled file input example</label
       >
       <input
-        class="relative m-0 block w-full min-w-0 flex-auto rounded border border-solid border-neutral-300 bg-neutral-100 bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 outline-none transition duration-300 ease-in-out file:-mx-3 file:-my-1.5 file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-1.5 file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] focus:border-primary focus:bg-neutral-100 focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:text-neutral-200"
+        class="relative m-0 block w-full min-w-0 flex-auto rounded border border-solid border-neutral-300 bg-clip-padding py-[0.32rem] px-3 text-base font-normal text-neutral-700 transition duration-300 ease-in-out file:-mx-3 file:-my-[0.32rem] file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-[0.32rem] file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none disabled:opacity-60 dark:border-neutral-600 dark:text-neutral-200 dark:file:bg-neutral-700 dark:file:text-neutral-100"
         type="file"
         id="formFileDisabled"
         disabled />
@@ -267,7 +449,7 @@
           >Disabled file input example</label
         >
         <input
-          class="relative m-0 block w-full min-w-0 flex-auto rounded border border-solid border-neutral-300 bg-neutral-100 bg-clip-padding px-3 py-1.5 text-base font-normal text-neutral-700 outline-none transition duration-300 ease-in-out file:-mx-3 file:-my-1.5 file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-1.5 file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] focus:border-primary focus:bg-neutral-100 focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:text-neutral-200"
+          class="relative m-0 block w-full min-w-0 flex-auto rounded border border-solid border-neutral-300 bg-clip-padding py-[0.32rem] px-3 text-base font-normal text-neutral-700 transition duration-300 ease-in-out file:-mx-3 file:-my-[0.32rem] file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-[0.32rem] file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none disabled:opacity-60 dark:border-neutral-600 dark:text-neutral-200 dark:file:bg-neutral-700 dark:file:text-neutral-100"
           type="file"
           id="formFileDisabled"
           disabled />
@@ -301,7 +483,7 @@
         >Small file input example</label
       >
       <input
-        class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 bg-white bg-clip-padding px-3 py-1 text-sm font-normal text-neutral-700 outline-none transition duration-300 ease-in-out file:-mx-3 file:-my-1.5 file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-1.5 file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:bg-white focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:bg-transparent dark:text-neutral-200 dark:focus:bg-transparent"
+        class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 bg-clip-padding py-[0.32rem] px-3 text-xs font-normal text-neutral-700 transition duration-300 ease-in-out file:-mx-3 file:-my-[0.32rem] file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-[0.32rem] file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:border-neutral-600 dark:text-neutral-200 dark:file:bg-neutral-700 dark:file:text-neutral-100"
         id="formFileSm"
         type="file" />
     </div>
@@ -321,7 +503,7 @@
             >Small file input example</label
           >
           <input
-            class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 bg-white bg-clip-padding px-3 py-1 text-sm font-normal text-neutral-700 outline-none transition duration-300 ease-in-out file:-mx-3 file:-my-1.5 file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-1.5 file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:bg-white focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:bg-transparent dark:text-neutral-200 dark:focus:bg-transparent"
+            class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 bg-clip-padding py-[0.32rem] px-3 text-xs font-normal text-neutral-700 transition duration-300 ease-in-out file:-mx-3 file:-my-[0.32rem] file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-[0.32rem] file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:border-neutral-600 dark:text-neutral-200 dark:file:bg-neutral-700 dark:file:text-neutral-100"
             id="formFileSm"
             type="file" />
         </div>
@@ -355,7 +537,7 @@
         >Large file input example</label
       >
       <input
-        class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 bg-white bg-clip-padding px-3 py-1.5 text-xl font-normal text-neutral-700 outline-none transition duration-300 ease-in-out file:-mx-3 file:-my-1.5 file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-1.5 file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:bg-white focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:bg-transparent dark:text-neutral-200 dark:focus:bg-transparent"
+        class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 bg-clip-padding py-[0.32rem] px-3 font-normal leading-[2.15] text-neutral-700 transition duration-300 ease-in-out file:-mx-3 file:-my-[0.32rem] file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-[0.32rem] file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:border-neutral-600 dark:text-neutral-200 dark:file:bg-neutral-700 dark:file:text-neutral-100"
         id="formFileLg"
         type="file" />
     </div>
@@ -375,7 +557,7 @@
             >Large file input example</label
           >
           <input
-            class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 bg-white bg-clip-padding px-3 py-1.5 text-xl font-normal text-neutral-700 outline-none transition duration-300 ease-in-out file:-mx-3 file:-my-1.5 file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-1.5 file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:bg-white focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:bg-transparent dark:text-neutral-200 dark:focus:bg-transparent"
+            class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-neutral-300 bg-clip-padding py-[0.32rem] px-3 font-normal leading-[2.15] text-neutral-700 transition duration-300 ease-in-out file:-mx-3 file:-my-[0.32rem] file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-solid file:border-inherit file:bg-neutral-100 file:px-3 file:py-[0.32rem] file:text-neutral-700 file:transition file:duration-150 file:ease-in-out file:[margin-inline-end:0.75rem] file:[border-inline-end-width:1px] hover:file:bg-neutral-200 focus:border-primary focus:text-neutral-700 focus:shadow-[0_0_0_1px] focus:shadow-primary focus:outline-none dark:border-neutral-600 dark:text-neutral-200 dark:file:bg-neutral-700 dark:file:text-neutral-100"
             id="formFileLg"
             type="file" />
         </div>
diff --git a/site/content/docs/standard/forms/input-group/index.html b/site/content/docs/standard/forms/input-group/index.html
index eff16c889..46b97035d 100644
--- a/site/content/docs/standard/forms/input-group/index.html
+++ b/site/content/docs/standard/forms/input-group/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Input Group"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Input group component"
-subheading: ""
+main_title: "Input Group"
+subheading: "Tailwind CSS Input Group"
 seo_title: "Tailwind CSS Inputs - Free Examples & Tutorial"
-description: "Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs."
+description: "Install Tailwind form plugin & use responsive forms components for custom select form, multiple inputs, button addons & more.See examples & use them for free."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/forms/input-group/"
@@ -220,87 +220,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Inputs Component!](https://tailwind-elements.com/docs/standard/components/input-group/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Inputs%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/input-group/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/inputs/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/forms/input-group/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/inputs/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/inputs/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Inputs%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
@@ -491,7 +673,7 @@
     <div
       class="flex items-center rounded-l border border-r-0 border-solid border-neutral-300 px-3 py-[0.25rem] text-center text-base font-normal leading-[1.6] text-neutral-700 dark:border-neutral-600">
       <input
-        class="h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+        class="relative float-left h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
         type="checkbox"
         value=""
         id="checkboxDefault" />
@@ -506,7 +688,7 @@
     <div
       class="flex items-center whitespace-nowrap rounded-l border border-r-0 border-solid border-neutral-300 px-3 py-[0.25rem] text-center text-base font-normal leading-[1.6] text-neutral-700 dark:border-neutral-600">
       <input
-        class="relative float-left h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+        class="relative float-left h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
         type="radio"
         name="flexRadioDefault"
         id="radioDefault01" />
@@ -527,7 +709,7 @@
         <div
           class="flex items-center rounded-l border border-r-0 border-solid border-neutral-300 px-3 py-[0.25rem] text-center text-base font-normal leading-[1.6] text-neutral-700 dark:border-neutral-600">
           <input
-            class="h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+            class="relative float-left h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
             type="checkbox"
             value=""
             id="checkboxDefault" />
@@ -542,7 +724,7 @@
         <div
           class="flex items-center whitespace-nowrap rounded-l border border-r-0 border-solid border-neutral-300 px-3 py-[0.25rem] text-center text-base font-normal leading-[1.6] text-neutral-700 dark:border-neutral-600">
           <input
-            class="relative float-left h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+            class="relative float-left h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
             type="radio"
             name="flexRadioDefault"
             id="radioDefault01" />
diff --git a/site/content/docs/standard/forms/inputs/index.html b/site/content/docs/standard/forms/inputs/index.html
index db018274d..f2fb2a0ee 100644
--- a/site/content/docs/standard/forms/inputs/index.html
+++ b/site/content/docs/standard/forms/inputs/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Inputs"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Inputs component"
-subheading: ""
+main_title: "Inputs"
+subheading: "Tailwind CSS Inputs"
 seo_title: "Tailwind CSS Inputs - Free Examples & Tutorial"
-description: "Responsive inputs built with Tailwind CSS. Get data from the users in password inputs, text areas, email fields, and many more types of data. Free download."
+description: "Use responsive inputs component with helper examples for number input, phone number, password, text input, disabled & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/forms/inputs/"
@@ -81,87 +81,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Inputs Component!](https://tailwind-elements.com/docs/standard/components/inputs/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Inputs%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/inputs/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/inputs/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/forms/inputs/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/inputs/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/inputs/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Inputs%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/forms/login-form/index.html b/site/content/docs/standard/forms/login-form/index.html
index aa34363f1..0675a8d0a 100644
--- a/site/content/docs/standard/forms/login-form/index.html
+++ b/site/content/docs/standard/forms/login-form/index.html
@@ -1,11 +1,11 @@
 ---
-title: "Login form / Sign in form"
-date: 2021-04-29T16:00:58+02:00
+title: "Login Form"
+date: 2023-03-07T16:00:58+02:00
 draft: "false"
-main_title: "Tailwind Login form / Sign in form component"
-subheading: ""
-seo_title: "Tailwind CSS Login form / Sign in form - Free Examples"
-description: "Responsive Login form / Sign in form built with Tailwind CSS. Templates of signup forms and predefined form pages. Various design, styles and functionalities."
+main_title: "Login Form"
+subheading: "Tailwind CSS Login Form"
+seo_title: "Tailwind CSS Login / Sign In Form - Free Examples & Tutorial"
+description: "Use responsive login component with helper examples for sign in form, login page, social login, login card, login screen & more. Open source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/forms/login-form/"
@@ -147,7 +147,7 @@
             <div class="mb-6 flex items-center justify-between">
               <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
                 <input
-                  class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+                  class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
                   type="checkbox"
                   value=""
                   id="exampleCheck2" />
@@ -293,7 +293,7 @@
                 <div class="mb-6 flex items-center justify-between">
                   <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
                     <input
-                      class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+                      class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
                       type="checkbox"
                       value=""
                       id="exampleCheck2" />
@@ -336,87 +336,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/forms/login-form/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
@@ -693,7 +875,7 @@ <h4 class="mb-6 text-xl font-semibold">
             <div class="mb-6 flex items-center justify-between">
               <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
                 <input
-                  class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+                  class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
                   type="checkbox"
                   value=""
                   id="exampleCheck3"
@@ -819,7 +1001,7 @@ <h4 class="mb-6 text-xl font-semibold">
                 <div class="mb-6 flex items-center justify-between">
                   <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
                     <input
-                      class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+                      class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
                       type="checkbox"
                       value=""
                       id="exampleCheck3"
diff --git a/site/content/docs/standard/forms/radio/index.html b/site/content/docs/standard/forms/radio/index.html
index a141149e6..16eca4043 100644
--- a/site/content/docs/standard/forms/radio/index.html
+++ b/site/content/docs/standard/forms/radio/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Radio"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Radios component"
-subheading: ""
-seo_title: "Tailwind CSS Radio Forms - Free Examples & Tutorial"
-description: "Responsive radios built with Tailwind CSS. Limits the user to one selection, from a list of preset options. Free for commercial use, no registration required."
+main_title: "Radio"
+subheading: "Tailwind CSS Radio Button"
+seo_title: "Tailwind CSS Radio Button - Free Examples & Tutorial"
+description: "Use responsive radio component with helper examples for radio group, radio buttons, checked buton, radio button styling in Tailwind & more."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/forms/radio/"
@@ -36,7 +36,7 @@
     <div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
           type="radio"
           name="flexRadioDefault"
           id="radioDefault01" />
@@ -48,7 +48,7 @@
       </div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
           type="radio"
           name="flexRadioDefault"
           id="radioDefault02"
@@ -72,7 +72,7 @@
         <div>
           <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
             <input
-              class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+              class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
               type="radio"
               name="flexRadioDefault"
               id="radioDefault01" />
@@ -84,7 +84,7 @@
           </div>
           <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
             <input
-              class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+              class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
               type="radio"
               name="flexRadioDefault"
               id="radioDefault02"
@@ -105,87 +105,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/forms/radio/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
@@ -213,7 +395,7 @@
     <div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
+          class="disabled:opacity-6 relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60 dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
           type="radio"
           name="flexRadioDisabled"
           id="flexRadioDisabled"
@@ -226,7 +408,7 @@
       </div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
+          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60 dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
           type="radio"
           name="flexRadioDisabled"
           id="flexRadioCheckedDisabled"
@@ -251,7 +433,7 @@
         <div>
           <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
             <input
-              class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
+              class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60 dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
               type="radio"
               name="flexRadioDisabled"
               id="flexRadioDisabled"
@@ -264,7 +446,7 @@
           </div>
           <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
             <input
-              class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
+              class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60 dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
               type="radio"
               name="flexRadioDisabled"
               id="flexRadioCheckedDisabled"
@@ -306,7 +488,7 @@
   <div class="flex justify-center">
     <div class="mb-[0.125rem] mr-4 inline-block min-h-[1.5rem] pl-[1.5rem]">
       <input
-        class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+        class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
         type="radio"
         name="inlineRadioOptions"
         id="inlineRadio1"
@@ -319,7 +501,7 @@
     </div>
     <div class="mb-[0.125rem] mr-4 inline-block min-h-[1.5rem] pl-[1.5rem]">
       <input
-        class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+        class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
         type="radio"
         name="inlineRadioOptions"
         id="inlineRadio2"
@@ -332,7 +514,7 @@
     </div>
     <div class="mb-[0.125rem] inline-block min-h-[1.5rem] pl-[1.5rem]">
       <input
-        class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
+        class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60 dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
         type="radio"
         name="inlineRadioOptions"
         id="inlineRadio3"
@@ -355,7 +537,7 @@
       <div class="flex justify-center">
         <div class="mb-[0.125rem] mr-4 inline-block min-h-[1.5rem] pl-[1.5rem]">
           <input
-            class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+            class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
             type="radio"
             name="inlineRadioOptions"
             id="inlineRadio1"
@@ -368,7 +550,7 @@
         </div>
         <div class="mb-[0.125rem] mr-4 inline-block min-h-[1.5rem] pl-[1.5rem]">
           <input
-            class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+            class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
             type="radio"
             name="inlineRadioOptions"
             id="inlineRadio2"
@@ -381,7 +563,7 @@
         </div>
         <div class="mb-[0.125rem] inline-block min-h-[1.5rem] pl-[1.5rem]">
           <input
-            class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:pointer-events-none hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
+            class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60 dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
             type="radio"
             name="inlineRadioOptions"
             id="inlineRadio3"
@@ -420,14 +602,14 @@
     <div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
           type="radio"
           name="flexRadioNoLabel"
           id="radioNoLabel01" />
       </div>
       <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+          class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
           type="radio"
           name="flexRadioNoLabel"
           id="radioNoLabel02"
@@ -446,14 +628,14 @@
         <div>
           <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
             <input
-              class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+              class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
               type="radio"
               name="flexRadioNoLabel"
               id="radioNoLabel01" />
           </div>
           <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
             <input
-              class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:bg-white after:content-[''] checked:border-primary checked:bg-white checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:bg-white checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+              class="relative float-left mt-0.5 mr-1 -ml-[1.5rem] h-5 w-5 appearance-none rounded-full border-2 border-solid border-neutral-300 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-primary checked:after:bg-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:border-neutral-600 dark:checked:border-primary dark:checked:after:border-primary dark:checked:after:bg-primary dark:checked:focus:border-primary"
               type="radio"
               name="flexRadioNoLabel"
               id="radioNoLabel02"
diff --git a/site/content/docs/standard/forms/range/index.html b/site/content/docs/standard/forms/range/index.html
index 85590fa8a..7120c3ce8 100644
--- a/site/content/docs/standard/forms/range/index.html
+++ b/site/content/docs/standard/forms/range/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Range"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Range component"
-subheading: ""
+main_title: "Range"
+subheading: "Tailwind CSS Range"
 seo_title: "Tailwind CSS Range - Free Examples & Tutorial"
-description: "Range built with the latest Tailwind CSS. Pick values from a range, using a customizable slider. Free for commercial use, no registration required."
+description: "Use responsive range component with helper examples for range slider input, minimum and maximum ranges, range with steps & more. Open source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/forms/range/"
@@ -69,87 +69,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/forms/range/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/forms/registration-form/index.html b/site/content/docs/standard/forms/registration-form/index.html
index dd8184629..2e0ac79ee 100644
--- a/site/content/docs/standard/forms/registration-form/index.html
+++ b/site/content/docs/standard/forms/registration-form/index.html
@@ -1,11 +1,11 @@
 ---
-title: "Registration form / Sign up form"
-date: 2021-04-29T16:00:58+02:00
+title: "Registration Form"
+date: 2023-03-07T16:00:58+02:00
 draft: "false"
-main_title: "Tailwind Registration form / Sign up form component"
-subheading: ""
-seo_title: "Tailwind CSS Registration form / Sign up form - Free Examples"
-description: "Responsive Registration form / Sign up form built with Tailwind CSS. Lot of templates of signup forms and predefined form pages. Various design and styles."
+main_title: "Registration Form"
+subheading: "Tailwind CSS Registration / Sign Up Form"
+seo_title: "Tailwind CSS Registration / Sign Up Form - Free Examples"
+description: "Use responsive registration component with helper examples for sign up form, registration page, registration card & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/forms/registration-form/"
@@ -131,7 +131,7 @@
             <div class="mb-6 flex items-center justify-between">
               <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
                 <input
-                  class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+                  class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
                   type="checkbox"
                   value=""
                   id="exampleCheck2" />
@@ -277,7 +277,7 @@
                 <div class="mb-6 flex items-center justify-between">
                   <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
                     <input
-                      class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+                      class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
                       type="checkbox"
                       value=""
                       id="exampleCheck2" />
@@ -320,87 +320,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/forms/registration-form/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
@@ -675,7 +857,7 @@ <h4 class="mb-6 text-xl font-semibold">
             <div class="mb-6 flex items-center justify-between">
               <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
                 <input
-                  class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+                  class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
                   type="checkbox"
                   value=""
                   id="exampleCheck3"
@@ -801,7 +983,7 @@ <h4 class="mb-6 text-xl font-semibold">
                 <div class="mb-6 flex items-center justify-between">
                   <div class="mb-[0.125rem] block min-h-[1.5rem] pl-[1.5rem]">
                     <input
-                      class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+                      class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
                       type="checkbox"
                       value=""
                       id="exampleCheck3"
diff --git a/site/content/docs/standard/forms/search/index.html b/site/content/docs/standard/forms/search/index.html
index 7a77f61f5..c7c8047d1 100644
--- a/site/content/docs/standard/forms/search/index.html
+++ b/site/content/docs/standard/forms/search/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Search"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Searchs component"
-subheading: ""
-seo_title: "Tailwind CSS Search Form - Free Examples & Tutorial"
-description: "Responsive search built with Tailwind CSS. Search is a special input that allows users to define a text field for entering a search string. Free download."
+main_title: "Search"
+subheading: "Tailwind CSS Search Bar"
+seo_title: "Tailwind CSS Search Bar - Free Examples & Tutorial"
+description: "Use responsive search bar component with helper examples for search inputs, search with icon, search with button & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/forms/search/"
@@ -101,87 +101,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p class="mb-4">
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Search Component!](https://tailwind-elements.com/docs/standard/components/search/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Search%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/search/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/search/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/forms/search/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/search/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/search/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Search%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/forms/select/index.html b/site/content/docs/standard/forms/select/index.html
index ef27ae9bb..e3d38d3dd 100644
--- a/site/content/docs/standard/forms/select/index.html
+++ b/site/content/docs/standard/forms/select/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Select"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Select component"
-subheading: ""
-seo_title: "Tailwind CSS Select / Listbox Form - Free Examples"
-description: "Responsive select menu built with Tailwind CSS. Customize the native select with custom CSS that changes the element’s initial appearance."
+main_title: "Select"
+subheading: "Tailwind CSS Select"
+seo_title: "Tailwind CSS Select - Free Examples & Tutorial"
+description: "Use responsive select dropdown component with helper examples for select input, multi select, select box, search with select, select options, styling& more."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/forms/select/"
@@ -75,87 +75,269 @@
 <!-- Section: Basic -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Select Component!](https://tailwind-elements.com/docs/standard/components/select/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Select%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/select/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/select/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/forms/select/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/select/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/select/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Select%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/forms/switch/index.html b/site/content/docs/standard/forms/switch/index.html
index 6d184c478..417af956e 100644
--- a/site/content/docs/standard/forms/switch/index.html
+++ b/site/content/docs/standard/forms/switch/index.html
@@ -1,11 +1,11 @@
 ---
-title: "Switch"
-date: 2021-04-29T16:00:58+02:00
+title: "Toggle Switch"
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Switch / Toggle component"
-subheading: ""
-seo_title: "Tailwind CSS Switch / Toggle - Free Examples & Tutorial"
-description: "Toggle Switch button built with Tailwind CSS. Learn how to use on / off input and disabled state. Free for commercial use, no registration required."
+main_title: "Toggle Switch"
+subheading: "Tailwind CSS Toggle Switch"
+seo_title: "Tailwind CSS Toggle Switch - Free Examples & Tutorial"
+description: "Use responsive switch component with helper examples for toggle buttons & checkbox switches, all with dark mode support. See examples & use them for free."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/forms/switch/"
@@ -35,7 +35,7 @@
   <div class="flex justify-center">
     <div>
       <input
-        class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-[rgba(0,0,0,0.25)] outline-none before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-white after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+        class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-neutral-300 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-neutral-100 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:bg-neutral-600 dark:after:bg-neutral-400 dark:checked:bg-primary dark:checked:after:bg-primary"
         type="checkbox"
         role="switch"
         id="flexSwitchCheckDefault" />
@@ -56,7 +56,7 @@
       <div class="flex justify-center">
         <div>
           <input
-            class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-[rgba(0,0,0,0.25)] outline-none before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-white after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+            class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-neutral-300 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-neutral-100 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:bg-neutral-600 dark:after:bg-neutral-400 dark:checked:bg-primary dark:checked:after:bg-primary"
             type="checkbox"
             role="switch"
             id="flexSwitchCheckDefault" />
@@ -75,87 +75,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/forms/switch/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
@@ -181,7 +363,7 @@
   <div class="flex justify-center">
     <div>
       <input
-        class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-[rgba(0,0,0,0.25)] outline-none before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-white after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+        class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-neutral-300 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-neutral-100 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:bg-neutral-600 dark:after:bg-neutral-400 dark:checked:bg-primary dark:checked:after:bg-primary"
         type="checkbox"
         role="switch"
         id="flexSwitchChecked"
@@ -203,7 +385,7 @@
       <div class="flex justify-center">
         <div>
           <input
-            class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-[rgba(0,0,0,0.25)] outline-none before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-white after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+            class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-neutral-300 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-neutral-100 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:bg-neutral-600 dark:after:bg-neutral-400 dark:checked:bg-primary dark:checked:after:bg-primary"
             type="checkbox"
             role="switch"
             id="flexSwitchChecked"
@@ -243,7 +425,7 @@
   <div class="flex justify-center">
     <div>
       <input
-        class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-[rgba(0,0,0,0.25)] outline-none before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-white after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:pointer-events-none focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
+        class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-neutral-300 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-neutral-100 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60 dark:bg-neutral-600 dark:after:bg-neutral-400 dark:checked:bg-primary dark:checked:after:bg-primary"
         type="checkbox"
         role="switch"
         id="flexSwitchCheckDisabled"
@@ -265,7 +447,7 @@
       <div class="flex justify-center">
         <div>
           <input
-            class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-[rgba(0,0,0,0.25)] outline-none before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-white after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:pointer-events-none focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
+            class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-neutral-300 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-neutral-100 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60 dark:bg-neutral-600 dark:after:bg-neutral-400 dark:checked:bg-primary dark:checked:after:bg-primary"
             type="checkbox"
             role="switch"
             id="flexSwitchCheckDisabled"
@@ -306,7 +488,7 @@
   <div class="flex justify-center">
     <div>
       <input
-        class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-[rgba(0,0,0,0.25)] outline-none before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-white after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:pointer-events-none focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
+        class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-neutral-300 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-neutral-100 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60 dark:bg-neutral-600 dark:after:bg-neutral-400 dark:checked:bg-primary dark:checked:after:bg-primary"
         type="checkbox"
         role="switch"
         id="flexSwitchCheckCheckedDisabled"
@@ -329,7 +511,7 @@
       <div class="flex justify-center">
         <div>
           <input
-            class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-[rgba(0,0,0,0.25)] outline-none before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-white after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:pointer-events-none focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60"
+            class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-neutral-300 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-neutral-100 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] disabled:opacity-60 dark:bg-neutral-600 dark:after:bg-neutral-400 dark:checked:bg-primary dark:checked:after:bg-primary"
             type="checkbox"
             role="switch"
             id="flexSwitchCheckCheckedDisabled"
@@ -368,14 +550,14 @@
     <div>
       <div class="mb-4">
         <input
-          class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-[rgba(0,0,0,0.25)] outline-none before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-white after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+          class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-neutral-300 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-neutral-100 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:bg-neutral-600 dark:after:bg-neutral-400 dark:checked:bg-primary dark:checked:after:bg-primary"
           type="checkbox"
           role="switch"
           id="flexSwitchCheckDefault01" />
       </div>
       <div>
         <input
-          class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-[rgba(0,0,0,0.25)] outline-none before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-white after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+          class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-neutral-300 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-neutral-100 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:bg-neutral-600 dark:after:bg-neutral-400 dark:checked:bg-primary dark:checked:after:bg-primary"
           type="checkbox"
           role="switch"
           id="flexSwitchCheckDefault02"
@@ -394,14 +576,14 @@
         <div>
           <div class="mb-4">
             <input
-              class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-[rgba(0,0,0,0.25)] outline-none before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-white after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+              class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-neutral-300 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-neutral-100 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:bg-neutral-600 dark:after:bg-neutral-400 dark:checked:bg-primary dark:checked:after:bg-primary"
               type="checkbox"
               role="switch"
               id="flexSwitchCheckDefault01" />
           </div>
           <div>
             <input
-              class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-[rgba(0,0,0,0.25)] outline-none before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-white after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s]"
+              class="mt-[0.3rem] mr-2 h-3.5 w-8 appearance-none rounded-[0.4375rem] bg-neutral-300 before:pointer-events-none before:absolute before:h-3.5 before:w-3.5 before:rounded-full before:bg-transparent before:content-[''] after:absolute after:z-[2] after:-mt-[0.1875rem] after:h-5 after:w-5 after:rounded-full after:border-none after:bg-neutral-100 after:shadow-[0_0px_3px_0_rgb(0_0_0_/_7%),_0_2px_2px_0_rgb(0_0_0_/_4%)] after:transition-[background-color_0.2s,transform_0.2s] after:content-[''] checked:bg-primary checked:after:absolute checked:after:z-[2] checked:after:-mt-[3px] checked:after:ml-[1.0625rem] checked:after:h-5 checked:after:w-5 checked:after:rounded-full checked:after:border-none checked:after:bg-primary checked:after:shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),_0_2px_2px_0_rgba(0,0,0,0.14),_0_1px_5px_0_rgba(0,0,0,0.12)] checked:after:transition-[background-color_0.2s,transform_0.2s] checked:after:content-[''] hover:cursor-pointer focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[3px_-1px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-5 focus:after:w-5 focus:after:rounded-full focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:ml-[1.0625rem] checked:focus:before:scale-100 checked:focus:before:shadow-[3px_-1px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] dark:bg-neutral-600 dark:after:bg-neutral-400 dark:checked:bg-primary dark:checked:after:bg-primary"
               type="checkbox"
               role="switch"
               id="flexSwitchCheckDefault02"
diff --git a/site/content/docs/standard/forms/templates/index.html b/site/content/docs/standard/forms/templates/index.html
index 07f86a91e..fdbbd74c6 100644
--- a/site/content/docs/standard/forms/templates/index.html
+++ b/site/content/docs/standard/forms/templates/index.html
@@ -1,11 +1,11 @@
 ---
-title: "Form templates"
-date: 2021-04-29T16:00:58+02:00
+title: "Forms"
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Forms component"
-subheading: ""
-seo_title: "Tailwind CSS forms - Free Examples & Tutorial"
-description: "Responsive forms built with Tailwind CSS. Examples and usage guidelines for form control styles, and custom components for creating a wide variety of forms."
+main_title: "Forms"
+subheading: "Tailwind CSS Forms"
+seo_title: "Tailwind CSS Forms - Free Examples & Tutorial"
+description: "Use responsive forms component with helper examples for custom form, login form, registration form, contact form, subscription form & more. Open source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/forms/form-templates/"
@@ -64,7 +64,7 @@
       </div>
       <div class="mb-6 block min-h-[1.5rem] pl-[1.5rem]">
         <input
-          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+          class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
           type="checkbox"
           value=""
           id="checkboxDefault" />
@@ -126,7 +126,7 @@
           </div>
           <div class="mb-6 block min-h-[1.5rem] pl-[1.5rem]">
             <input
-              class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+              class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
               type="checkbox"
               value=""
               id="checkboxDefault" />
@@ -153,87 +153,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Form Templates Component!](https://tailwind-elements.com/docs/standard/components/form-templates/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Form%20Templates%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/form-templates/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/form-templates/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/forms/templates/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/form-templates/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/form-templates/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Form%20Templates%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
@@ -284,7 +466,7 @@
       <div class="mb-6 flex items-center justify-between">
         <div class="block min-h-[1.5rem] pl-[1.5rem]">
           <input
-            class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+            class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
             type="checkbox"
             value=""
             id="exampleCheck2" />
@@ -367,7 +549,7 @@
             <div class="mb-6 flex items-center justify-between">
               <div class="block min-h-[1.5rem] pl-[1.5rem]">
                 <input
-                  class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+                  class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
                   type="checkbox"
                   value=""
                   id="exampleCheck2" />
@@ -485,7 +667,7 @@
       <div
         class="mb-6 flex min-h-[1.5rem] items-center justify-center pl-[1.5rem]">
         <input
-          class="mr-[6px] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+          class="relative float-left mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
           type="checkbox"
           value=""
           id="exampleCheck25" />
@@ -544,7 +726,7 @@
             <div
               class="mb-6 flex min-h-[1.5rem] items-center justify-center pl-[1.5rem]">
               <input
-                class="mr-[6px] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+                class="relative float-left mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
                 type="checkbox"
                 value=""
                 id="exampleCheck25" />
@@ -627,7 +809,7 @@
       <div
         class="mb-6 flex min-h-[1.5rem] items-center justify-center pl-[1.5rem]">
         <input
-          class="mr-[6px] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+          class="relative float-left mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
           type="checkbox"
           value=""
           id="exampleCheck10" />
@@ -695,7 +877,7 @@
           <div
             class="mb-6 flex min-h-[1.5rem] items-center justify-center pl-[1.5rem]">
             <input
-              class="mr-[6px] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+              class="relative float-left mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
               type="checkbox"
               value=""
               id="exampleCheck10" />
@@ -773,7 +955,7 @@
       <div
         class="mb-6 flex min-h-[1.5rem] items-center justify-center pl-[1.5rem]">
         <input
-          class="mr-[6px] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+          class="relative float-left mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
           type="checkbox"
           value=""
           checked
@@ -830,7 +1012,7 @@
           <div
             class="mb-6 flex min-h-[1.5rem] items-center justify-center pl-[1.5rem]">
             <input
-              class="mr-[6px] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+              class="relative float-left mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-neutral-300 outline-none before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:content-[''] checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent dark:border-neutral-600 dark:checked:border-primary dark:checked:bg-primary"
               type="checkbox"
               value=""
               checked
diff --git a/site/content/docs/standard/forms/textarea/index.html b/site/content/docs/standard/forms/textarea/index.html
index cbf0a897f..2423d17e9 100644
--- a/site/content/docs/standard/forms/textarea/index.html
+++ b/site/content/docs/standard/forms/textarea/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Textarea"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Textarea component"
-subheading: ""
-seo_title: "Tailwind CSS Textarea Form - Free Examples & Tutorial"
-description: "Responsive textarea built with Tailwind CSS. Textarea defines a multi-line text input control & is used in a form, to collect inputs like comments or reviews."
+main_title: "Textarea"
+subheading: "Tailwind CSS Textarea"
+seo_title: "Tailwind CSS Textarea - Free Examples & Tutorial"
+description: "Use responsive textarea component with helper examples for tailwind textarea with a default height & border, and a resize option.Easy to customize."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/forms/textarea/"
@@ -75,92 +75,273 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Textarea Component!](https://tailwind-elements.com/docs/standard/components/textarea/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Textarea%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/textarea/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/textarea/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/forms/textarea/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/textarea/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/textarea/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Textarea%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
 <!-- Section: Sharing request-->
-
 <hr class="my-12 dark:border-neutral-600" />
 
 <section id="section-related-resources">
diff --git a/site/content/docs/standard/forms/timepicker/index.html b/site/content/docs/standard/forms/timepicker/index.html
index 4b1310598..006bd9132 100644
--- a/site/content/docs/standard/forms/timepicker/index.html
+++ b/site/content/docs/standard/forms/timepicker/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Timepicker"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Timepicker component"
-subheading: ""
+main_title: "Timepicker"
+subheading: "Tailwind CSS Timepicker"
 seo_title: "Tailwind CSS Timepicker - Free Examples & Tutorial"
-description: "Responsive time picker built with Tailwind CSS. Select and set a specific time value from a pre-determined set in a popup panel. Free download, AGPL license."
+description: "Use responsive timepicker component with helper examples for 12h and 24 timepickers, clock-like ui, min and max time range conditions & more."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/forms/timepicker/"
@@ -88,87 +88,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Timepicker Component!](https://tailwind-elements.com/docs/standard/components/timepicker/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Timepicker%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/timepicker/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/timepicker/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/forms/timepicker/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/timepicker/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/timepicker/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Timepicker%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/getting-started/changelog/index.html b/site/content/docs/standard/getting-started/changelog/index.html
index 809e81a16..ff021fefe 100644
--- a/site/content/docs/standard/getting-started/changelog/index.html
+++ b/site/content/docs/standard/getting-started/changelog/index.html
@@ -5,9 +5,9 @@
 main_title: "Changelog"
 subheading: ""
 seo_title: "Tailwind Elements Changelog"
-description: ""
-image: ""
-video: ""
+description: "Track live progress on updates for our Tailwind CSS UI Kit - see the latest changelog for all our components, pages, plugins and more."
+image: "img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/getting-started/changelog/"
 menu:
   gettingstarted:
@@ -104,7 +104,7 @@
     data-format="inline"
     data-version="5"
     data-options='{"settings":{"after_subscribe":{"action":"redirect","success_message":"Success! Now check your email to confirm your subscription.","redirect_url":"https://mdbootstrap.com/confirm/"},"analytics":{"google":null,"facebook":null,"segment":null,"pinterest":null,"sparkloop":null,"googletagmanager":null},"modal":{"trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"powered_by":{"show":false,"url":"https://convertkit.com?utm_source=dynamic&amp;utm_medium=referral&amp;utm_campaign=poweredby&amp;utm_content=form"},"recaptcha":{"enabled":true},"return_visitor":{"action":"show","custom_content":""},"slide_in":{"display_in":"bottom_right","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"sticky_bar":{"display_in":"top","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15}},"version":"5"}'>
-    <div class="mb-4 flex justify-center gap-2">
+    <div class="mb-4 flex justify-start gap-2">
       <div class="relative w-full max-w-[400px]" data-te-input-wrapper-init>
         <input
           type="email"
@@ -143,6 +143,78 @@
   </p>
 </section>
 
+<hr class="my-10 dark:border-gray-600" />
+
+<section>
+  <h2 class="text-3xl font-semibold leading-tight">New release coming soon</h2>
+  <div class="relative h-12">
+    <div id="progressPlaceholder" class="absolute w-full">
+      <p class="animate-pulse">
+        <span
+          class="inline-block min-h-[1em] w-1/3 flex-auto cursor-wait bg-current align-middle text-base text-neutral-700 opacity-50 dark:text-neutral-50"></span>
+      </p>
+      <p class="animate-pulse">
+        <span
+          class="inline-block min-h-[1em] w-full flex-auto cursor-wait bg-current align-middle text-base text-neutral-700 opacity-50 dark:text-neutral-50"></span>
+      </p>
+    </div>
+    <p
+      id="upcomingReleaseData"
+      class="absolute hidden text-gray-500 opacity-0 transition-opacity dark:text-gray-400"></p>
+
+    <div
+      id="upcomingReleaseProgressBar"
+      class="absolute bottom-0 mb-1 hidden h-1 w-full bg-neutral-200 opacity-0 transition-opacity dark:bg-neutral-600">
+      <div class="h-1 bg-primary" style="width: 45%"></div>
+    </div>
+  </div>
+
+  <p class="mt-4">
+    We're working hard on resolving issues & introducing new improvements in the
+    upcoming release.
+  </p>
+  <p class="font-semibold">In the meantime we invite you to:</p>
+
+  <ul class="ml-6 mt-2 list-disc">
+    <li>
+      Track our
+      <a
+        href="https://github.com/orgs/mdbootstrap/projects/1"
+        target="_blank"
+        class="font-semibold text-primary dark:text-primary-400"
+        >live progress</a
+      >
+    </li>
+    <li>
+      Motivate us with some
+      <a
+        href="https://github.com/mdbootstrap/Tailwind-Elements/discussions/categories/kind-words-general-feedback"
+        target="_blank"
+        class="font-semibold text-primary dark:text-primary-400"
+        >words of encouragament</a
+      >
+    </li>
+    <li>
+      Share your
+      <a
+        href="https://github.com/mdbootstrap/Tailwind-Elements/discussions/categories/share-ideas-request-features"
+        target="_blank"
+        class="font-semibold text-primary dark:text-primary-400"
+        >ideas & feature requests</a
+      >
+    </li>
+    <li>
+      Engage, discuss & have fun in our
+      <a
+        href="https://github.com/mdbootstrap/Tailwind-Elements/discussions"
+        target="_blank"
+        class="font-semibold text-primary dark:text-primary-400"
+        >open-source community</a
+      >
+    </li>
+  </ul>
+</section>
+
 <hr class="mt-10 mb-14 dark:border-gray-600" />
 
 <section id="changelog">
@@ -158,7 +230,7 @@
         v1.0.0-beta1
       </h2>
     </a>
-    <p class="-mt-2 mb-8 text-lg font-normal text-gray-500">
+    <p class="-mt-2 mb-8 font-normal text-gray-500 dark:text-gray-400">
       released 20.02.2023
     </p>
 
@@ -687,6 +759,61 @@ <h3>API tab integration</h3>
   <!-- Release data -->
 </section>
 
+<script type="module">
+  import { Octokit } from "https://cdn.skypack.dev/@octokit/core";
+
+  const octokit = new Octokit();
+
+  const response = await octokit.request(
+    "GET /repos/mdbootstrap/tailwind-elements/milestones"
+  );
+
+  if ((response.status === 200) & (response.data.length !== 0)) {
+    const upcomingReleaseElement = document.querySelector(
+      "#upcomingReleaseData"
+    );
+    const upcomingReleaseProgressBar = document.querySelector(
+      "#upcomingReleaseProgressBar"
+    );
+
+    Array.prototype.hasMin = function (attr) {
+      return (
+        (this.length &&
+          this.reduce(function (prev, curr) {
+            return prev[attr] < curr[attr] ? prev : curr;
+          })) ||
+        null
+      );
+    };
+
+    const milestoneData = response.data.hasMin("number");
+    const progressPlaceholder = document.querySelector("#progressPlaceholder");
+    const progress =
+      (milestoneData.closed_issues / milestoneData.open_issues) * 100;
+
+    progressPlaceholder.classList.add("hidden");
+    upcomingReleaseElement.classList.remove("hidden");
+    upcomingReleaseProgressBar.classList.remove("hidden");
+
+    setTimeout(() => {
+      upcomingReleaseElement.classList.add("opacity-100");
+      upcomingReleaseProgressBar.classList.add("opacity-100");
+      upcomingReleaseProgressBar.children[0].style.width = `${progress}%`;
+
+      if (milestoneData.due_on === null) {
+        upcomingReleaseElement.innerHTML = milestoneData.title;
+      } else {
+        const dueOn = new Date(milestoneData.due_on);
+        const dueOnDate = ("0" + dueOn.getDate()).slice(-2);
+        const dueOnMonth = ("0" + (dueOn.getMonth() + 1)).slice(-2);
+        const dueOnYear = dueOn.getFullYear();
+
+        upcomingReleaseElement.innerHTML = `${milestoneData.title} planned for ${dueOnDate}.${dueOnMonth}.${dueOnYear}`;
+      }
+    }, 10);
+  }
+</script>
+
 <script>
   const changelog = document.querySelector("#changelog");
   const changelogItems = changelog.querySelectorAll("li");
diff --git a/site/content/docs/standard/getting-started/contribute.html b/site/content/docs/standard/getting-started/contribute.html
deleted file mode 100644
index 2ca0fa2d9..000000000
--- a/site/content/docs/standard/getting-started/contribute.html
+++ /dev/null
@@ -1,36 +0,0 @@
----
-title: "Contribute to the Tailwind Elements project"
-date: 2021-04-29T16:00:58+02:00
-draft: false
-main_title: "Contribute"
-seo_title: "Contribute to the Tailwind Elements project"
-description: "Tailwind Elements is a free, open-source project. Help it grows and contribute to the repository. "
-image: "img/components-big.jpg"
-video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
-url: "/contribute"
-menu:
-  gettingstarted:
-    name: "Contribute"
-    weight: 30
----
-
-<p class="mb-4">
-  This project is in the initial development phase. It still requires a lot of
-  work and corrections. If you want to help him grow, please contribute to our
-  repository.
-</p>
-
-<a
-  href="https://github.com/mdbootstrap/Tailwind-Elements/"
-  class="mr-1 mb-1 rounded bg-neutral-900 px-4 py-2 text-xs font-bold uppercase text-white shadow outline-none transition-all duration-150 ease-linear hover:shadow-md focus:outline-none active:bg-purple-600"
-  type="button">
-  Repository
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    class="ml-2 inline-block h-4 w-4"
-    fill="currentColor"
-    viewBox="0 0 24 24">
-    <path
-      d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
-  </svg>
-</a>
diff --git a/site/content/docs/standard/getting-started/contribute/index-ss.html b/site/content/docs/standard/getting-started/contribute/index-ss.html
new file mode 100644
index 000000000..e7384a7f9
--- /dev/null
+++ b/site/content/docs/standard/getting-started/contribute/index-ss.html
@@ -0,0 +1,38 @@
+---
+---
+
+<li class="mb-1 pl-[9px] text-[0.85rem]" data-te-spy-active>
+  <a href="#start-here">Start here</a>
+</li>
+
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#feedback">Start with sharing your feedback</a>
+</li>
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#vote">Vote on roadmap</a>
+</li>
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#share">Spread the word</a>
+</li>
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#propose">Request new features</a>
+</li>
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#bugs">Report bugs</a>
+</li>
+
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#questions">Ask questions</a>
+</li>
+
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#help">Help others</a>
+</li>
+
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#pr-package">Pull Request - Package</a>
+</li>
+
+<li class="mb-1 pl-[9px] text-[0.85rem]">
+  <a href="#pr-docs">Pull Request - Docs</a>
+</li>
diff --git a/site/content/docs/standard/getting-started/contribute/index.html b/site/content/docs/standard/getting-started/contribute/index.html
new file mode 100644
index 000000000..0760cfc0b
--- /dev/null
+++ b/site/content/docs/standard/getting-started/contribute/index.html
@@ -0,0 +1,750 @@
+---
+title: "Contribute"
+date: 2023-03-07T16:00:58+02:00
+draft: false
+main_title: "Contribute"
+seo_title: "Contribute to the Tailwind CSS community"
+description: "Tailwind Elements is a community-driven, open source project. We welcome your support & contributions."
+image: "img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
+url: "docs/standard/getting-started/contribute/"
+menu:
+  gettingstarted:
+    name: "Contribute"
+    weight: 30
+---
+
+<!-- Section: Start here -->
+<section>
+  <!--Title-->
+  <h2
+    class="mt-0 mb-5 text-3xl font-semibold leading-normal text-gray-800 dark:text-gray-200"
+    id="start-here"
+    data-te-spy-item>
+    Start here
+  </h2>
+  <!--Description-->
+  <p class="mb-3">
+    There is a few very basic ways you can support the project, even if you
+    don't have the time to contribute code.
+  </p>
+
+  <!-- Section: Start with sharing your feedback -->
+  <section>
+    <h2
+      class="mt-10 mb-2 text-xl font-semibold leading-normal text-gray-800 dark:text-gray-200"
+      id="feedback">
+      Start with sharing your feedback
+    </h2>
+
+    <!--Description-->
+    <p class="mb-2">
+      The easiest way to contribute is to simply <b>share your thoughts</b> on
+      the project :)
+    </p>
+
+    <a
+      href="https://github.com/mdbootstrap/Tailwind-Elements/discussions/categories/kind-words-general-feedback"
+      class="mr-1 mb-1 rounded bg-neutral-900 px-4 py-2 text-xs font-bold uppercase text-white shadow outline-none transition-all duration-150 ease-linear hover:shadow-md focus:outline-none active:bg-purple-600"
+      type="button">
+      GIVE FEEDBACK
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="ml-2 inline-block h-4 w-4"
+        fill="currentColor"
+        viewBox="0 0 24 24">
+        <path
+          d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
+      </svg>
+    </a>
+  </section>
+  <!-- /Section: Start with sharing your feedback -->
+
+  <!-- Section: Vote on the roadmap -->
+  <section>
+    <h2
+      class="mt-10 mb-2 text-xl font-semibold leading-normal text-gray-800 dark:text-gray-200"
+      id="vote">
+      Vote on the roadmap
+    </h2>
+
+    <!--Description-->
+    <p class="mb-2">
+      Help the core team make <b>crucial decisions</b> regarding Tailwind
+      Elements development.
+    </p>
+    <p class="mb-2">
+      You can have a real impact on the future of this project!
+    </p>
+
+    <a
+      href="https://github.com/mdbootstrap/Tailwind-Elements/discussions/categories/vote-in-polls"
+      class="mr-1 mb-1 rounded bg-neutral-900 px-4 py-2 text-xs font-bold uppercase text-white shadow outline-none transition-all duration-150 ease-linear hover:shadow-md focus:outline-none active:bg-purple-600"
+      type="button">
+      vote now
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="ml-2 inline-block h-4 w-4"
+        fill="currentColor"
+        viewBox="0 0 24 24">
+        <path
+          d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
+      </svg>
+    </a>
+  </section>
+  <!-- /Section: Vote on the roadmap -->
+
+  <!-- Section: Sharing request-->
+  <section class="">
+    <h2
+      class="mt-10 mb-2 text-xl font-semibold leading-normal text-gray-800 dark:text-gray-200"
+      id="share">
+      Spread the word
+    </h2>
+    <div
+      class="mb-12 rounded-lg text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
+      role="alert">
+      <p class="mb-5">
+        Another great way to support the project is to
+        <strong>share it with your friends</strong> & work colleagues.
+        <strong>Every share counts</strong>, thank you!
+      </p>
+
+      <p
+        class="mt-5 flex grid grid-cols-4 justify-center gap-4 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
+        <!--Share on DEV-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Dev.to"
+          href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 448 512">
+            <title>Share via Dev.to</title>
+            <path
+              d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
+          </svg>
+        </a>
+
+        <!--Share on Twitter-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Twitter"
+          href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <title>Share via Twitter</title>
+            <path
+              d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+          </svg>
+        </a>
+
+        <!--Share on Facebook-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Facebook"
+          href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/avatar/"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <title>Share via Facebook</title>
+            <path
+              d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
+          </svg>
+        </a>
+
+        <!--Share on LinkedIn-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via LinkedIn"
+          href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <path
+              d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
+          </svg>
+        </a>
+
+        <!--Share on Pinterest-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Pinterest"
+          href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <title>Share via Pinterest</title>
+            <path
+              d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+              fill-rule="evenodd"
+              clip-rule="evenodd" />
+          </svg>
+        </a>
+
+        <!--Share on Reddit-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Reddit"
+          href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+          target="_blank"
+          class="mx-2 flex items-center"
+          style="font-size: 2rem;">
+          <title>Share via Reddit</title>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <path
+              d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+          </svg>
+        </a>
+
+        <!--Share on StumbleUpon-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Stumbleupon"
+          href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <title>Share via StumbleUpon</title>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <path
+              d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+          </svg>
+        </a>
+
+        <!--Share on Vkontakte-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Vkontakte"
+          href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <title>Share via Vkontakte</title>
+            <path
+              class="st0"
+              d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+          </svg>
+        </a>
+
+        <!--Share on Weibo-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Weibo"
+          href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 512 512">
+            <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+            <title>Share via Weibo</title>
+            <path
+              d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+          </svg>
+        </a>
+
+        <!--Share on HackerNews-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Hackernews"
+          href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 448 512">
+            <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+            <title>Share via HackerNews</title>
+            <path
+              d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+          </svg>
+        </a>
+
+        <!--Share on Gmail-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Gmail"
+          href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <title>Share via Gmail</title>
+            <path
+              d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+          </svg>
+        </a>
+
+        <!--Share on Emial (other)-->
+        <a
+          data-te-toggle="tooltip"
+          title="Share via Email"
+          href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+          target="_blank"
+          class="mx-2 flex items-center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="pointer-events-none h-7 w-7"
+            fill="currentColor"
+            viewBox="0 0 24 24">
+            <title>Share via Email</title>
+            <path
+              d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+          </svg>
+        </a>
+      </p>
+    </div>
+  </section>
+  <!-- Section: Sharing request-->
+</section>
+<!-- /Section: Start here -->
+
+<hr class="my-5 dark:border-gray-600" />
+
+<!-- Section: Contribute to the project -->
+<section>
+  <!--Title-->
+  <h2
+    class="mt-0 mb-5 text-3xl font-semibold leading-normal text-gray-800 dark:text-gray-200"
+    id="rules"
+    data-te-spy-item>
+    Help us improve
+  </h2>
+
+  <!-- Section: Propose new features -->
+  <section>
+    <h2
+      class="mt-10 mb-2 text-xl font-semibold leading-normal text-gray-800 dark:text-gray-200"
+      id="propose">
+      Propose new features
+    </h2>
+
+    <!--Description-->
+    <p class="mb-2">
+      To propose a new feature or some other cool idea, post it on our
+      <b
+        ><a
+          class="text-primary transition duration-150 ease-in-out hover:text-primary-600 focus:text-primary-600 active:text-primary-700 dark:text-primary-400 dark:hover:text-primary-500 dark:focus:text-primary-500 dark:active:text-primary-600"
+          href="https://github.com/mdbootstrap/Tailwind-Elements/discussions/categories/share-ideas-request-features"
+          target="_blank"
+          >feature request board</a
+        ></b
+      >.
+    </p>
+    <p class="mb-2">
+      It allows users to <b>upvote the best ideas</b> & helps the core team
+      prioritize the requests.
+    </p>
+
+    <a
+      href="https://github.com/mdbootstrap/Tailwind-Elements/discussions/categories/share-ideas-request-features"
+      class="mr-1 mb-1 rounded bg-neutral-900 px-4 py-2 text-xs font-bold uppercase text-white shadow outline-none transition-all duration-150 ease-linear hover:shadow-md focus:outline-none active:bg-purple-600"
+      type="button">
+      request a feature
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="ml-2 inline-block h-4 w-4"
+        fill="currentColor"
+        viewBox="0 0 24 24">
+        <path
+          d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
+      </svg>
+    </a>
+  </section>
+  <!-- /Section: Propose new features -->
+
+  <!-- Section: Report bugs-->
+  <section>
+    <h2
+      class="mt-10 mb-2 text-xl font-semibold leading-normal text-gray-800 dark:text-gray-200"
+      id="bugs">
+      Report bugs
+    </h2>
+
+    <!--Description-->
+    <p class="mb-2">
+      If you found a bug & don't know how to fix it, let us know!
+    </p>
+    <p class="mb-2">
+      The best way to do this is by
+      <b>
+        <a
+          class="text-primary transition duration-150 ease-in-out hover:text-primary-600 focus:text-primary-600 active:text-primary-700 dark:text-primary-400 dark:hover:text-primary-500 dark:focus:text-primary-500 dark:active:text-primary-600"
+          href="https://github.com/mdbootstrap/Tailwind-Elements/issues"
+          target="_blank"
+          >creating an issue</a
+        ></b
+      >
+      in our repository and describing wrong behavior of component (or whatever
+      buggy you saw).
+    </p>
+
+    <a
+      href="https://github.com/mdbootstrap/Tailwind-Elements/issues"
+      class="mr-1 mb-1 rounded bg-neutral-900 px-4 py-2 text-xs font-bold uppercase text-white shadow outline-none transition-all duration-150 ease-linear hover:shadow-md focus:outline-none active:bg-purple-600"
+      type="button">
+      create issue
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="ml-2 inline-block h-4 w-4"
+        fill="currentColor"
+        viewBox="0 0 24 24">
+        <path
+          d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
+      </svg>
+    </a>
+  </section>
+  <!-- /Section: Report bugs-->
+
+  <!-- Section: Ask questions -->
+  <section>
+    <h2
+      class="mt-10 mb-2 text-xl font-semibold leading-normal text-gray-800 dark:text-gray-200"
+      id="questions">
+      Ask questions
+    </h2>
+
+    <!--Description-->
+    <p class="mb-2">
+      Not sure how to achieve something specific? Or maybe you need someone to
+      explain something in more detail?
+    </p>
+    <p class="mb-2">
+      If you just can't figure something out, but it's not exactly a bug, make
+      sure to ask for help from
+      <b
+        ><a
+          class="text-primary transition duration-150 ease-in-out hover:text-primary-600 focus:text-primary-600 active:text-primary-700 dark:text-primary-400 dark:hover:text-primary-500 dark:focus:text-primary-500 dark:active:text-primary-600"
+          href="https://github.com/mdbootstrap/Tailwind-Elements/discussions/categories/support-from-community"
+          target="_blank"
+          >our community</a
+        ></b
+      >.
+    </p>
+
+    <a
+      href="https://github.com/mdbootstrap/Tailwind-Elements/discussions/categories/support-from-community"
+      class="mr-1 mb-1 rounded bg-neutral-900 px-4 py-2 text-xs font-bold uppercase text-white shadow outline-none transition-all duration-150 ease-linear hover:shadow-md focus:outline-none active:bg-purple-600"
+      type="button">
+      ASK COMMUNITY
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="ml-2 inline-block h-4 w-4"
+        fill="currentColor"
+        viewBox="0 0 24 24">
+        <path
+          d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
+      </svg>
+    </a>
+  </section>
+  <!-- /Section: Ask questions -->
+
+  <!-- Section: Help others -->
+  <section>
+    <h2
+      class="mt-10 mb-2 text-xl font-semibold leading-normal text-gray-800 dark:text-gray-200"
+      id="help">
+      Help others
+    </h2>
+
+    <!--Description-->
+    <p class="mb-2">
+      One of the best ways to support the project is to
+      <b>find an issue or a question that you are able to help with</b>.
+    </p>
+
+    <p class="mb-2">
+      <em>
+        Important: if someone is assigned to an issue, it means that they are
+        already working on it, find another one ;)
+      </em>
+    </p>
+
+    <a
+      href="https://github.com/mdbootstrap/Tailwind-Elements/discussions/categories/support-from-community"
+      class="mr-1 mb-1 rounded bg-neutral-900 px-4 py-2 text-xs font-bold uppercase text-white shadow outline-none transition-all duration-150 ease-linear hover:shadow-md focus:outline-none active:bg-purple-600"
+      type="button">
+      see support questions
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="ml-2 inline-block h-4 w-4"
+        fill="currentColor"
+        viewBox="0 0 24 24">
+        <path
+          d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
+      </svg>
+    </a>
+
+    <a
+      href="https://github.com/mdbootstrap/Tailwind-Elements/issues"
+      class="mr-1 mb-1 rounded bg-neutral-900 px-4 py-2 text-xs font-bold uppercase text-white shadow outline-none transition-all duration-150 ease-linear hover:shadow-md focus:outline-none active:bg-purple-600"
+      type="button">
+      see issues
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="ml-2 inline-block h-4 w-4"
+        fill="currentColor"
+        viewBox="0 0 24 24">
+        <path
+          d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
+      </svg>
+    </a>
+  </section>
+  <!-- /Section: Finding a problems to resolve -->
+</section>
+<!-- /Section: Contribute to the project -->
+
+<hr class="my-5 dark:border-gray-600" />
+
+<!-- Section: Opening a Pull Request -->
+<section>
+  <h2
+    class="mt-0 mb-5 text-3xl font-semibold leading-normal text-gray-800 dark:text-gray-200"
+    id="pr"
+    data-te-spy-item>
+    Open a Pull Request
+  </h2>
+
+  <!--Description-->
+  <p class="mb-3">
+    <b>Ask first</b> before starting work on any significant new features. It's
+    never a fun experience to have your pull request declined after investing a
+    lot of time and effort. To avoid this from happening, we ask you to
+    <b>create an issue or feature request first</b>, to discuss any significant
+    new features.
+  </p>
+
+  <!--Description-->
+  <p class="mb-3">
+    <b>Keep your pull requests small</b> to give a PR the best chance of getting
+    accepted. Don't bundle more than one feature or bug fix per pull request.
+    It's always best to create two smaller PRs than one big one.
+  </p>
+
+  <!-- Section: Contributing to the package -->
+  <section>
+    <h2
+      class="mt-10 mb-2 text-xl font-semibold leading-normal text-gray-800 dark:text-gray-200"
+      id="pr-package">
+      Package contributions
+    </h2>
+
+    <ul class="ml-6 mt-2 mb-3 list-disc">
+      <li>
+        Fork our
+        <a
+          class="text-primary transition duration-150 ease-in-out hover:text-primary-600 focus:text-primary-600 active:text-primary-700 dark:text-primary-400 dark:hover:text-primary-500 dark:focus:text-primary-500 dark:active:text-primary-600"
+          href="https://github.com/mdbootstrap/Tailwind-Elements"
+          >repository</a
+        >
+      </li>
+      <li>
+        The <b>latest dev version</b> of the package is always published on the
+        <b>active branch</b>, named after the version, i.e.
+        <code>v1.0.0-beta2</code>.
+      </li>
+      <li>
+        In most cases you should start by switching to the active branch, and
+        creating your own branch from it.
+      </li>
+      <li>
+        Open the forked repo and run <code>npm install</code> in the root of the
+        project
+      </li>
+      <li>
+        Run <code>npm start</code> in the root of the project to start a demo
+        for testing
+      </li>
+      <li>
+        Prepare your changes. You should add them in one of the following
+        directories:
+        <ul class="list-disc pl-8">
+          <li><code>./src/js/</code> - source JavaScript</li>
+          <li><code>./src/scss/</code> - source SCSS</li>
+          <li>
+            <code>./src/js/plugin.js</code> - plugin customization options
+          </li>
+          <li><code>./demo/</code> - demo HTML pages</li>
+        </ul>
+      </li>
+      <li>After making changes, issue a Pull Request to the active branch.</li>
+      <li>
+        We work on feature branches, so it's
+        <b>1 branch per feature / per fix</b>, which also means
+        <b>1 PR per feature / per fix</b>.
+      </li>
+      <li>
+        The name of the branch should be a <b>descriptive name</b> of the
+        feature that it introduces, in <b>kebab case</b>. For example:
+        <code>fix-input-dark-mode</code>.
+      </li>
+      <li>
+        Name of the Pull Request consistent with the name of the branch.<br />
+        For example: <code>Fix input dark mode</code>.
+      </li>
+    </ul>
+
+    <a
+      href="https://github.com/mdbootstrap/Tailwind-Elements/pulls"
+      class="mr-1 mb-1  rounded bg-neutral-900 px-4 py-2 text-xs font-bold uppercase text-white shadow outline-none transition-all duration-150 ease-linear hover:shadow-md focus:outline-none active:bg-purple-600"
+      type="button">
+      submit a pull request
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="ml-2 inline-block h-4 w-4"
+        fill="currentColor"
+        viewBox="0 0 24 24">
+        <path
+          d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
+      </svg>
+    </a>
+  </section>
+  <!-- /Section: Contributing to the package -->
+
+  <!-- Section: Documentation contributions -->
+  <section class="mb-10 pb-5">
+    <h2
+      class="mt-10 mb-2 text-xl font-semibold leading-normal text-gray-800 dark:text-gray-200"
+      id="pr-docs">
+      Documentation contributions
+    </h2>
+
+    <ul class="ml-6 mt-2 mb-3 list-disc">
+      <li>
+        Fork our
+        <a
+          class="text-primary transition duration-150 ease-in-out hover:text-primary-600 focus:text-primary-600 active:text-primary-700 dark:text-primary-400 dark:hover:text-primary-500 dark:focus:text-primary-500 dark:active:text-primary-600"
+          href="https://github.com/mdbootstrap/Tailwind-Elements"
+          >repository</a
+        >
+      </li>
+      <li>
+        The <b>latest docs version</b> is always published on the
+        <b>docs branch</b>, simply named <code>docs</code>.
+      </li>
+      <li>
+        In most cases you should start by switching to the docs branch, and
+        creating your own branch from it.
+      </li>
+      <li>
+        Open the forked repo and run <code>npm run docs:install</code> in the
+        root of the project
+      </li>
+      <li>
+        Run <code>npm run docs:start</code> in the root of the project to start
+        a demo for testing
+      </li>
+      <li>
+        Prepare your changes. You should add them in one of the following
+        directories:
+        <ul class="list-disc pl-8">
+          <li>
+            <code>./site/content/docs/standard/</code> - documentation pages
+          </li>
+          <li><code>./site/layouts/docs/</code> - documentation templates</li>
+        </ul>
+      </li>
+      <li>After making changes, issue a Pull Request to the docs branch.</li>
+      <li>
+        We work on feature branches, so it's
+        <b>1 branch per feature / per fix</b>, which also means
+        <b>1 PR per feature / per fix</b>.
+      </li>
+      <li>
+        The name of the branch should be a <b>descriptive name</b> of the
+        feature that it introduces, in <b>kebab case</b>. <br />
+        For example: <code>fix-typo-in-datepicker</code>.
+      </li>
+      <li>
+        Name of the Pull Request consistent with the name of the branch. For
+        example: <code>Fix typo in Datepicker documentation</code>.
+      </li>
+    </ul>
+
+    <a
+      href="https://github.com/mdbootstrap/Tailwind-Elements/pulls"
+      class="mr-1 mb-1 rounded bg-neutral-900 px-4 py-2 text-xs font-bold uppercase text-white shadow outline-none transition-all duration-150 ease-linear hover:shadow-md focus:outline-none active:bg-purple-600"
+      type="button">
+      submit a pull request
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="ml-2 inline-block h-4 w-4"
+        fill="currentColor"
+        viewBox="0 0 24 24">
+        <path
+          d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
+      </svg>
+    </a>
+  </section>
+  <!-- /Section: Documentation contributions -->
+</section>
+<!-- /Section: Opening a Pull Request -->
diff --git a/site/content/docs/standard/getting-started/dark-mode/index.html b/site/content/docs/standard/getting-started/dark-mode/index.html
index 28c1a7371..d1b620cbe 100644
--- a/site/content/docs/standard/getting-started/dark-mode/index.html
+++ b/site/content/docs/standard/getting-started/dark-mode/index.html
@@ -1,10 +1,11 @@
 ---
-title: "Tailwind - Dark mode"
-date: 2021-04-29T16:00:58+02:00
+title: "Dark Mode"
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Dark mode configuration in Tailwind"
-seo_title: "Tailwind CSS Dark mode"
-description: "Using Tailwind CSS to style your site in dark mode."
+main_title: "Dark Mode"
+subheading: "Tailwind CSS Dark Mode / Dark Theme"
+seo_title: "Tailwind CSS Dark Mode / Theme - Free Examples & Tutorial"
+description: "Use our dark mode toggle switch to enable the dark theme UI in Tailwind CSS. Dark mode supports typography, dark mode colors, easy config customization & more."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/getting-started/dark-mode/"
diff --git a/site/content/docs/standard/getting-started/quick-start/index.html b/site/content/docs/standard/getting-started/quick-start/index.html
index 48356735a..f2e620e16 100644
--- a/site/content/docs/standard/getting-started/quick-start/index.html
+++ b/site/content/docs/standard/getting-started/quick-start/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Quick Start"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
 main_title: "Quick Start"
 subheading: ""
-seo_title: "Tailwind Elements Quick Start"
-description: "Super simple and super-fast start with Tailwind Elements"
+seo_title: "Install a free Tailwind CSS components library"
+description: "Install Tailwind Elements via npm, via command line, via CDN or download a free .zip package. Use our open source Tailwind CSS components for free."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/getting-started/quick-start/"
@@ -41,7 +41,7 @@
     <h2
       class="mt-0 mb-5 text-3xl font-semibold leading-normal"
       id="npm"
-      data-te-scrollspy-item>
+      data-te-spy-item>
       NPM
     </h2>
     <p class="my-3">
@@ -78,7 +78,7 @@
 
 <p class="mb-2">2. Run the following command to install the package via NPM:</p>
 <div class="pt-2">
-  {{< twsnippet/wrapper "terminal" >}}{{< twsnippet/code active=true lang="Plaintext" >}}
+  {{< twsnippet/wrapper "terminal" "" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   npm install tw-elements
   {{< /twsnippet/code >}}{{< /twsnippet/wrapper >}}
 </div>
@@ -91,7 +91,7 @@
 </p>
 <div class="pt-2">
   <!-- prettier-ignore -->
-  {{< twsnippet/wrapper "tailwind.config.js" >}}{{< twsnippet/code active=true lang="JavaScript" >}}
+  {{< twsnippet/wrapper "tailwind.config.js" "" "mobile" >}}{{< twsnippet/code active=true lang="JavaScript" >}}
   module.exports = {
     content: [
       "./src/**/*.{html,js}",
@@ -106,7 +106,7 @@
   4. Dynamic components will work after adding the js file:
 </p>
 <div class="pt-2">
-  {{< twsnippet/wrapper "index.html" >}}{{< twsnippet/code active=true lang="HTML" >}}
+  {{< twsnippet/wrapper "index.html" "" "mobile" >}}{{< twsnippet/code active=true lang="HTML" >}}
   <script src="./TW-ELEMENTS-PATH/dist/js/index.min.js"></script>
   {{< /twsnippet/code >}}{{< /twsnippet/wrapper >}}
 </div>
@@ -115,8 +115,8 @@
   Alternatively, you can import it in the following way (bundler version):
 </p>
 <div class="pt-2">
-  {{< twsnippet/wrapper "index.js" >}}{{< twsnippet/code active=true lang="JavaScript" >}}
-  import 'tw-elements';
+  {{< twsnippet/wrapper "index.js" "" "mobile" >}}{{< twsnippet/code active=true lang="JavaScript" >}}
+  import * as te from 'tw-elements';
   {{< /twsnippet/code >}}{{< /twsnippet/wrapper >}}
 </div>
 
@@ -143,14 +143,14 @@
   1. To start using MDB GO / CLI install it with one command:
 </p>
 <div class="pt-2">
-  {{< twsnippet/wrapper "terminal" "!bg-[#BB2E3E] !text-white dark:!bg-rose-300 dark:!text-rose-900" >}}{{< twsnippet/code active=true lang="Plaintext" >}}
+  {{< twsnippet/wrapper "terminal" "!bg-[#BB2E3E] !text-white dark:!bg-rose-300 dark:!text-rose-900" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   npm install -g mdb-cli
   {{< /twsnippet/code >}}{{< /twsnippet/wrapper >}}
 </div>
 
 <p class="mt-4 mb-2">2. Log into the CLI using your MDB account:</p>
 <div class="pt-2">
-  {{< twsnippet/wrapper "terminal" "!bg-[#4A24AA] !text-white dark:!bg-violet-300 dark:!text-violet-900" >}}{{< twsnippet/code active=true lang="Plaintext" >}}
+  {{< twsnippet/wrapper "terminal" "!bg-[#4A24AA] !text-white dark:!bg-violet-300 dark:!text-violet-900" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   mdb login
   {{< /twsnippet/code >}}{{< /twsnippet/wrapper >}}
 </div>
@@ -160,7 +160,7 @@
   list:
 </p>
 <div class="pt-2">
-  {{< twsnippet/wrapper "terminal" "!bg-[#4A24AA] !text-white dark:!bg-violet-300 dark:!text-violet-900" >}}{{< twsnippet/code active=true lang="Plaintext" >}}
+  {{< twsnippet/wrapper "terminal" "!bg-[#4A24AA] !text-white dark:!bg-violet-300 dark:!text-violet-900" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   mdb init tailwind-elements-free
   {{< /twsnippet/code >}}{{< /twsnippet/wrapper >}}
 </div>
@@ -169,21 +169,21 @@
   4. Install the dependencies (inside the project directory):
 </p>
 <div class="pt-2">
-  {{< twsnippet/wrapper "terminal" "!bg-[#BB2E3E] !text-white dark:!bg-rose-300 dark:!text-rose-900" >}}{{< twsnippet/code active=true lang="Plaintext" >}}
+  {{< twsnippet/wrapper "terminal" "!bg-[#BB2E3E] !text-white dark:!bg-rose-300 dark:!text-rose-900" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   npm install
   {{< /twsnippet/code >}}{{< /twsnippet/wrapper >}}
 </div>
 
 <p class="mt-4 mb-2">5. Run the app:</p>
 <div class="pt-2">
-  {{< twsnippet/wrapper "terminal" "!bg-[#BB2E3E] !text-white dark:!bg-rose-300 dark:!text-rose-900" >}}{{< twsnippet/code active=true lang="Plaintext" >}}
+  {{< twsnippet/wrapper "terminal" "!bg-[#BB2E3E] !text-white dark:!bg-rose-300 dark:!text-rose-900" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   npm start
   {{< /twsnippet/code >}}{{< /twsnippet/wrapper >}}
 </div>
 
 <p class="mt-4 mb-2">6. Publish when you're ready:</p>
 <div class="pt-2">
-  {{< twsnippet/wrapper "terminal" "!bg-[#4A24AA] !text-white dark:!bg-violet-300 dark:!text-violet-900" >}}{{< twsnippet/code active=true lang="Plaintext" >}}
+  {{< twsnippet/wrapper "terminal" "!bg-[#4A24AA] !text-white dark:!bg-violet-300 dark:!text-violet-900" "mobile" >}}{{< twsnippet/code active=true lang="Plaintext" type="terminal" >}}
   mdb publish
   {{< /twsnippet/code >}}{{< /twsnippet/wrapper >}}
 </div>
@@ -215,7 +215,7 @@
 
 <div class="pt-2">
   <!-- prettier-ignore -->
-  {{< twsnippet/wrapper "index.html" >}}{{< twsnippet/code active=true lang="HTML" >}}
+  {{< twsnippet/wrapper "index.html" "" "mobile" >}}{{< twsnippet/code active=true lang="HTML" >}}
   <link
     href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap"
     rel="stylesheet" />
@@ -233,6 +233,9 @@
           mono: ["ui-monospace", "monospace"],
         },
       },
+      corePlugins: {
+        preflight: false,
+      },
     };
   </script>
   {{< /twsnippet/code >}}{{< /twsnippet/wrapper >}}
diff --git a/site/content/docs/standard/getting-started/template.html b/site/content/docs/standard/getting-started/template.html
index 923c48331..84bf3de50 100644
--- a/site/content/docs/standard/getting-started/template.html
+++ b/site/content/docs/standard/getting-started/template.html
@@ -1,12 +1,12 @@
 ---
-title: "Template"
-date: 2021-04-29T16:00:58+02:00
+title: "{ComponentName}"
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Template"
-subheading: "Template"
-seo_title: "Template"
-description: "Template"
-image: "Template"
-video: "Template"
+main_title: "{ComponentName}"
+subheading: "Tailwind CSS {ComponentName}"
+seo_title: "Tailwind CSS {ComponentName} - Free Examples & Tutorial"
+description: "Use responsive {ComponentName} component with helper examples for {KEYWORDS/SECTIONS}. Free download, open-source license."
+image: "img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/components/template/"
 ---
diff --git a/site/content/docs/standard/getting-started/theming/index.html b/site/content/docs/standard/getting-started/theming/index.html
index cb52c5281..edeeadc8d 100644
--- a/site/content/docs/standard/getting-started/theming/index.html
+++ b/site/content/docs/standard/getting-started/theming/index.html
@@ -1,10 +1,10 @@
 ---
-title: "Tailwind - Theming"
-date: 2021-04-29T16:00:58+02:00
+title: "Theming"
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Theme configuration in Tailwind"
+main_title: "Theming"
 seo_title: "Tailwind CSS Theming"
-description: "Customizing the default theme for your project."
+description: "Extend Tailwind default theme or create a custom theme. Tailwind theme config enables you to switch your theme easily. Set new theme colors, spacing & more."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/getting-started/theming"
diff --git a/site/content/docs/standard/methods/ripple/index.html b/site/content/docs/standard/methods/ripple/index.html
index 778385cd8..51a393055 100644
--- a/site/content/docs/standard/methods/ripple/index.html
+++ b/site/content/docs/standard/methods/ripple/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Ripple"
-date: 2021-12-31T12:00:00+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
 main_title: "Tailwind Ripple method"
-subheading: ""
+subheading: "Tailwind CSS Ripple"
 seo_title: "Tailwind CSS Ripple - Free Examples & Tutorial"
-description: "The ripple method provides a radial action in the form of a visual ripple expanding outward from the user's touch. Download for free without registration."
+description: "Use responsive ripple effect with helper examples for button ripple on click, waives effect on images, custom ripple color and duration. Easy to customize."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "/docs/standard/methods/ripple/"
@@ -70,87 +70,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Ripple Component!](https://tailwind-elements.com/docs/standard/components/ripple/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Ripple%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/ripple/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/ripple/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/methods/ripple/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/ripple/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/ripple/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Ripple%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/navigation/bradcrumbs/index.html b/site/content/docs/standard/navigation/bradcrumbs/index.html
index c21611aaa..673babab6 100644
--- a/site/content/docs/standard/navigation/bradcrumbs/index.html
+++ b/site/content/docs/standard/navigation/bradcrumbs/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Breadcrumbs"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Breadcrumbs component"
-subheading: ""
+main_title: "Breadcrumbs"
+subheading: "Tailwind CSS Breadcrumbs"
 seo_title: "Tailwind CSS Breadcrumbs - Free Examples & Tutorial"
-description: "Responsive Breadcrumbs built with the latest Tailwind. Examples including different colors, animations, breadcrumbs with no background and more. Free download."
+description: "Use responsive breadcrumbs component with helper examples for breadcrumbs menu, breadcrumbs navigation bar & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/navigation/breadcrumbs/"
@@ -154,87 +154,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/navigation/breadcrumbs/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/navigation/footer/index.html b/site/content/docs/standard/navigation/footer/index.html
index 11537d8d8..3de7c2e3a 100644
--- a/site/content/docs/standard/navigation/footer/index.html
+++ b/site/content/docs/standard/navigation/footer/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Footer"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Footer component"
-subheading: ""
+main_title: "Footer"
+subheading: "Tailwind CSS Footer"
 seo_title: "Tailwind CSS Footer - Free Examples & Tutorial"
-description: "Responsive footers built with Tailwind CSS. Footer is an additional navigation component. It can hold links, company info, copyrights and many other elements."
+description: "Use responsive footer component template with mutliple examples. Make it fixed or sticky to keep it always at the bottom. Free download, open source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/navigation/footer/"
@@ -489,92 +489,273 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/navigation/footer/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
 <!-- Section: Sharing request-->
-
 <!-- Section: Advanced example -->
 <section>
   <!-- Title -->
diff --git a/site/content/docs/standard/navigation/headers/index.html b/site/content/docs/standard/navigation/headers/index.html
index fc8948b7c..b66f349a9 100644
--- a/site/content/docs/standard/navigation/headers/index.html
+++ b/site/content/docs/standard/navigation/headers/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Headers"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Headers component"
-subheading: ""
+main_title: "Headers"
+subheading: "Tailwind CSS Headers"
 seo_title: "Tailwind CSS Headers - Free Examples & Tutorial"
-description: "Responsive headers built with Tailwind CSS. Headers are compositions that extend standard navbar functionalities. Download for free without registration."
+description: "Use responsive header component with helper examples for jumbotron, sticky header, background image & header styles & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/navigation/headers/"
@@ -233,92 +233,274 @@ <h3 class="mb-8 text-3xl font-bold">Subeading</h3>
 </section>
 <!-- Section: Jumbotron -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/navigation/headers/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: Background image -->
 <section>
diff --git a/site/content/docs/standard/navigation/mega-menu/index.html b/site/content/docs/standard/navigation/mega-menu/index.html
index 2c9f0540b..d0167cad9 100644
--- a/site/content/docs/standard/navigation/mega-menu/index.html
+++ b/site/content/docs/standard/navigation/mega-menu/index.html
@@ -1,12 +1,11 @@
 ---
-title: "Mega menu"
-date: 2021-04-29T16:00:58+02:00
+title: "Mega Menu"
+date: 2023-03-07T16:00:58+02:00
 draft: "false"
-main_title: "Tailwind mega menu component"
-subheading: ""
+main_title: "Mega Menu"
+subheading: "Tailwind CSS Mega Menu"
 seo_title: "Tailwind CSS Mega Menu - Free Examples & Tutorial"
-description: "Responsive Mega Menu built with Tailwind CSS. Examples of dropdown on click and on hover. Templates with
-grid, images, links, lists and more. Free download."
+description: "Use responsive mega-menu component with helper examples for mega menu dropdown, megamenu with submenu on hover  & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/navigation/mega-menu/"
@@ -470,87 +469,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/navigation/mega-menu/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/navigation/navbar/index.html b/site/content/docs/standard/navigation/navbar/index.html
index 1d261fffd..8879c3fa0 100644
--- a/site/content/docs/standard/navigation/navbar/index.html
+++ b/site/content/docs/standard/navigation/navbar/index.html
@@ -1,12 +1,11 @@
 ---
 title: "Navbar"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Navbar component"
-subheading: ""
+main_title: "Navbar"
+subheading: "Tailwind CSS Navbar"
 seo_title: "Tailwind CSS Navbar - Free Examples & Tutorial"
-description: "Responsive Navbar build with Tailwind CSS. A navigation bar is a menu fixed to the top of the page. Use it
-with dropdowns, text links, or buttons. Free download."
+description: "Use responsive navbar component with helper examples for sticky navbar, fixed navbar, navbar with dropdown & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/navigation/navbar/"
@@ -432,87 +431,269 @@
 <!-- Section: Basic -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/navigation/navbar/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/navigation/offcanvas/index.html b/site/content/docs/standard/navigation/offcanvas/index.html
index 99f7e9347..104a85839 100644
--- a/site/content/docs/standard/navigation/offcanvas/index.html
+++ b/site/content/docs/standard/navigation/offcanvas/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Offcanvas"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Offcanvas / Drawer component"
-subheading: ""
+main_title: "Offcanvas"
+subheading: "Tailwind CSS Offcanvas / Drawer"
 seo_title: "Tailwind CSS Offcanvas / Drawer - Free Examples & Tutorial"
-description: "Responsive offcanvas built with Tailwind CSS. Offcanvas is a flexible popup used to display prompts, configurations, cookie consents and many more."
+description: "Use responsive offcanvas component with helper examples for side drawer component with left, right, top, and bottom side panels. See examples & use them for free."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/navigation/offcanvas/"
@@ -290,92 +290,274 @@
 </section>
 <!-- Section: Basic example -->
 
-<!-- Section: Sharing request -->
-<section class="pt-7">
+<!-- Section: Sharing request-->
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/navigation/offcanvas/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
-<!-- Section: Sharing request -->
+<!-- Section: Sharing request-->
 
 <!-- Section: Placement - top -->
 <section>
diff --git a/site/content/docs/standard/navigation/pagination/index.html b/site/content/docs/standard/navigation/pagination/index.html
index b67603e41..8f551e7c4 100644
--- a/site/content/docs/standard/navigation/pagination/index.html
+++ b/site/content/docs/standard/navigation/pagination/index.html
@@ -1,11 +1,11 @@
 ---
 title: "Pagination"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Pagination component"
-subheading: ""
+main_title: "Pagination"
+subheading: "Tailwind CSS "
 seo_title: "Tailwind CSS Pagination - Free Examples & Tutorial"
-description: "Responsive paginations built with Tailwind CSS. Pagination is used to indicate a series of related content exists across multiple pages. Free download."
+description: "Use responsive pagination component with helper examples for buttons, arrows, previous & next pages. Use pagination in tables or with long content."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/navigation/pagination/"
@@ -128,87 +128,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Pagination Component!](https://tailwind-elements.com/docs/standard/components/pagination/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Pagination%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/pagination/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/pagination/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/navigation/pagination/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/pagination/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/pagination/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Pagination%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/navigation/pills/index.html b/site/content/docs/standard/navigation/pills/index.html
index db9354aa5..28d7b4573 100644
--- a/site/content/docs/standard/navigation/pills/index.html
+++ b/site/content/docs/standard/navigation/pills/index.html
@@ -1,12 +1,11 @@
 ---
 title: "Pills"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Pills component"
-subheading: ""
+main_title: "Pills"
+subheading: "Tailwind CSS Pills"
 seo_title: "Tailwind CSS Pills - Free Examples & Tutorial"
-description: "Responsive Pills built with the latest Tailwind CSS. Learn how to use pills in the navbar, in content, in
-cards, and with different styling options."
+description: "Use responsive pills component with helper examples for nav pills, pills color, alignment (center, fill or justify), stacked, vertical & more. Easy to customize."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/navigation/pills/"
@@ -228,87 +227,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p class="mb-4">
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Modal Component!](https://tailwind-elements.com/docs/standard/components/modal/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Modal%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/modal/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/modal/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/navigation/pills/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/modal/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/modal/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Modal%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/navigation/scrollspy/index.html b/site/content/docs/standard/navigation/scrollspy/index.html
index 475350d45..eabc4c310 100644
--- a/site/content/docs/standard/navigation/scrollspy/index.html
+++ b/site/content/docs/standard/navigation/scrollspy/index.html
@@ -2,11 +2,10 @@
 title: "Scrollspy"
 date: 2022-01-20T12:00:58+02:00
 draft: false
-main_title: "Tailwind Scrollspy component"
-subheading: ""
+main_title: "Scrollspy"
+subheading: "Tailwind CSS Scrollspy"
 seo_title: "Tailwind CSS Scrollspy - Free Examples & Tutorial"
-description: "Responsive Scrollspy built with Tailwind CSS. Highlight where the user is by updating links based on
-scroll position. Works perfectly with smooth scroll."
+description: "Use responsive tabs component with helper examples for horizontal and vertical tabs, tabs ui colors, custom classes & more. Free download, open-source license."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/navigation/scrollspy/"
@@ -383,87 +382,269 @@ <h3 class="pt-5 pb-3 text-xl font-semibold">Section 4</h3>
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/navigation/scrollspy/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/navigation/sidenav/index.html b/site/content/docs/standard/navigation/sidenav/index.html
index 6f381130f..2b1e977e1 100644
--- a/site/content/docs/standard/navigation/sidenav/index.html
+++ b/site/content/docs/standard/navigation/sidenav/index.html
@@ -1,9 +1,9 @@
 ---
 title: "Sidenav"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Sidenav component"
-subheading: ""
+main_title: "Sidenav"
+subheading: "Tailwind CSS Sidenav / Sidebar"
 seo_title: "Tailwind CSS Sidenav - Free Examples & Tutorial"
 description: "Responsive Sidenav built with the latest Tailwind CSS. Sidebar navigation provides an easy way to navigate through many pages. Free download, AGPL license."
 image: "img/components-big.jpg"
@@ -399,87 +399,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-2 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Sidenav Component!](https://tailwind-elements.com/docs/standard/components/sidenav/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Sidenav%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/sidenav/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/sidenav/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/navigation/sidenav/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/sidenav/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/sidenav/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Sidenav%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
@@ -4716,7 +4898,7 @@ <h2 class="mt-0 mb-2 text-[2.8rem] font-medium leading-[1.2]">
                         <span
                           class="relative mr-2 inline-block h-[11px] w-4 overflow-hidden bg-gray-200 leading-[11px] decoration-inherit">
                           <span
-                            class="inline-block h-[11px] w-4 content-[''] [background-position:-72px_-572px_!important] [background:url(https://tecdn.b-cdn.net/img/svg/flags.png)_no-repeat_-108px_-1976px]"></span>
+                            class="inline-block h-[11px] w-4 content-[''] [background:url(https://tecdn.b-cdn.net/img/svg/flags.png)_no-repeat_-108px_-1976px] [background-position:-72px_-572px_!important]"></span>
                         </span>
                         Polski</a
                       >
@@ -4729,7 +4911,7 @@ <h2 class="mt-0 mb-2 text-[2.8rem] font-medium leading-[1.2]">
                         <span
                           class="relative mr-2 inline-block h-[11px] w-4 overflow-hidden bg-gray-200 leading-[11px] decoration-inherit">
                           <span
-                            class="inline-block h-[11px] w-4 content-[''] [background-position:0px_-1196px_!important] [background:url(https://tecdn.b-cdn.net/img/svg/flags.png)_no-repeat_-108px_-1976px]"></span>
+                            class="inline-block h-[11px] w-4 content-[''] [background:url(https://tecdn.b-cdn.net/img/svg/flags.png)_no-repeat_-108px_-1976px] [background-position:0px_-1196px_!important]"></span>
                         </span>
                         中文</a
                       >
@@ -4742,7 +4924,7 @@ <h2 class="mt-0 mb-2 text-[2.8rem] font-medium leading-[1.2]">
                         <span
                           class="relative mr-2 inline-block h-[11px] w-4 overflow-hidden bg-gray-200 leading-[11px] decoration-inherit">
                           <span
-                            class="inline-block h-[11px] w-4 content-[''] [background-position:-36px_-910px_!important] [background:url(https://tecdn.b-cdn.net/img/svg/flags.png)_no-repeat_-108px_-1976px]"></span>
+                            class="inline-block h-[11px] w-4 content-[''] [background:url(https://tecdn.b-cdn.net/img/svg/flags.png)_no-repeat_-108px_-1976px] [background-position:-36px_-910px_!important]"></span>
                         </span>
                         日本語</a
                       >
@@ -4755,7 +4937,7 @@ <h2 class="mt-0 mb-2 text-[2.8rem] font-medium leading-[1.2]">
                         <span
                           class="relative mr-2 inline-block h-[11px] w-4 overflow-hidden bg-gray-200 leading-[11px] decoration-inherit">
                           <span
-                            class="inline-block h-[11px] w-4 content-[''] [background-position:0px_-1430px_!important] [background:url(https://tecdn.b-cdn.net/img/svg/flags.png)_no-repeat_-108px_-1976px]"></span>
+                            class="inline-block h-[11px] w-4 content-[''] [background:url(https://tecdn.b-cdn.net/img/svg/flags.png)_no-repeat_-108px_-1976px] [background-position:0px_-1430px_!important]"></span>
                         </span>
                         Deutsch</a
                       >
@@ -4768,7 +4950,7 @@ <h2 class="mt-0 mb-2 text-[2.8rem] font-medium leading-[1.2]">
                         <span
                           class="relative mr-2 inline-block h-[11px] w-4 overflow-hidden bg-gray-200 leading-[11px] decoration-inherit">
                           <span
-                            class="inline-block h-[11px] w-4 content-[''] [background-position:0px_-1976px_!important] [background:url(https://tecdn.b-cdn.net/img/svg/flags.png)_no-repeat_-108px_-1976px]"></span>
+                            class="inline-block h-[11px] w-4 content-[''] [background:url(https://tecdn.b-cdn.net/img/svg/flags.png)_no-repeat_-108px_-1976px] [background-position:0px_-1976px_!important]"></span>
                         </span>
                         Français</a
                       >
@@ -4781,7 +4963,7 @@ <h2 class="mt-0 mb-2 text-[2.8rem] font-medium leading-[1.2]">
                         <span
                           class="relative mr-2 inline-block h-[11px] w-4 overflow-hidden bg-gray-200 leading-[11px] decoration-inherit">
                           <span
-                            class="inline-block h-[11px] w-4 content-[''] [background-position:-0px_-1742px_!important] [background:url(https://tecdn.b-cdn.net/img/svg/flags.png)_no-repeat_-108px_-1976px]"></span>
+                            class="inline-block h-[11px] w-4 content-[''] [background:url(https://tecdn.b-cdn.net/img/svg/flags.png)_no-repeat_-108px_-1976px] [background-position:-0px_-1742px_!important]"></span>
                         </span>
                         Español</a
                       >
@@ -4794,7 +4976,7 @@ <h2 class="mt-0 mb-2 text-[2.8rem] font-medium leading-[1.2]">
                         <span
                           class="relative mr-2 inline-block h-[11px] w-4 overflow-hidden bg-gray-200 leading-[11px] decoration-inherit">
                           <span
-                            class="inline-block h-[11px] w-4 content-[''] [background-position:-72px_-884px_!important] [background:url(https://tecdn.b-cdn.net/img/svg/flags.png)_no-repeat_-108px_-1976px]"></span>
+                            class="inline-block h-[11px] w-4 content-[''] [background:url(https://tecdn.b-cdn.net/img/svg/flags.png)_no-repeat_-108px_-1976px] [background-position:-72px_-884px_!important]"></span>
                         </span>
                         Русский</a
                       >
@@ -4807,7 +4989,7 @@ <h2 class="mt-0 mb-2 text-[2.8rem] font-medium leading-[1.2]">
                         <span
                           class="relative mr-2 inline-block h-[11px] w-4 overflow-hidden bg-gray-200 leading-[11px] decoration-inherit">
                           <span
-                            class="inline-block h-[11px] w-4 content-[''] [background-position:-72px_-702px_!important] [background:url(https://tecdn.b-cdn.net/img/svg/flags.png)_no-repeat_-108px_-1976px]"></span>
+                            class="inline-block h-[11px] w-4 content-[''] [background:url(https://tecdn.b-cdn.net/img/svg/flags.png)_no-repeat_-108px_-1976px] [background-position:-72px_-702px_!important]"></span>
                         </span>
                         Português</a
                       >
diff --git a/site/content/docs/standard/navigation/tabs/index.html b/site/content/docs/standard/navigation/tabs/index.html
index 77fafccf7..4f01218b8 100644
--- a/site/content/docs/standard/navigation/tabs/index.html
+++ b/site/content/docs/standard/navigation/tabs/index.html
@@ -1,9 +1,9 @@
 ---
 title: "Tabs"
-date: 2021-04-29T16:00:58+02:00
+date: 2023-03-07T16:00:58+02:00
 draft: false
-main_title: "Tailwind Tabs component"
-subheading: ""
+main_title: "Tabs"
+subheading: "Tailwind CSS Tabs"
 seo_title: "Tailwind CSS Tabs - Free Examples & Tutorial"
 description: "Responsive Tabs built with Tailwind CSS. Learn how to use tabs to create content that can be hidden &
 activated onclick, examples like switch, vertical & more."
@@ -217,87 +217,269 @@
 <!-- Section: Basic example -->
 
 <!-- Section: Sharing request-->
-<section class="pt-7">
+<section class="mb-12 pt-14">
   <div
-    class="mb-12 rounded-lg bg-primary-100 p-6 text-base text-primary-600"
+    class="mb-12 rounded-lg border-2 border-primary-500 p-6 text-base dark:border-primary-100 dark:bg-neutral-800 dark:text-white "
     role="alert">
-    <p>
-      <strong>Important!</strong> Tailwind Elements is 100% free and relies
-      fully on community support for getting reach & new users. If you like what
-      we do, consider sharing our work with your community.
-      <strong>Link this component on your blog</strong> and share Tailwind
-      Elements via social media:
+    <p class="">
+      <strong>Hey there 👋</strong> we want to make Tailwind Elements a
+      community-driven project. It's <strong> open source and free</strong>, and
+      we would like it to stay that way. If you enjoy it,
+      <strong>help the project grow by sharing it</strong> with your peers.
+      <strong>Every share counts</strong>, thank you!
     </p>
-    <p class="mt-5 flex justify-center">
+
+    <p
+      class="mt-5 flex grid grid-cols-4 justify-center gap-4 px-5 text-primary-700 dark:text-primary-400 sm:grid-cols-6 md:grid-cols-12">
       <!--Share on DEV-->
       <a
-        href="https://dev.to/new?prefill=---%0Atitle%3A%20Tailwind%20Elements%20-%20a%20free%20components%20library%20you%20should%20definitely%20check%20out%0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0ACheck%20out%20[Tailwind Accordion Component!](https://tailwind-elements.com/docs/standard/components/accordion/)"
+        data-te-toggle="tooltip"
+        title="Share via Dev.to"
+        href="https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A
+        
+        [![Tailwind components](https://tailwind-elements.com/img/components-big.jpg)](https://tailwind-elements.com/)
+        \n        
+        
+        I'd like to share my latest discovery with you. \n
+
+        [Tailwind Elements](https://tailwind-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars.
+        [![GitHub Repo stars](https://img.shields.io/github/stars/mdbootstrap/tailwind-elements?style=social)](https://github.com/mdbootstrap/Tailwind-Elements/)
+        It's a **huge collection of stunning components** made with attention to the smallest detail. 
+        Forms, cards, buttons, and hundreds of others. 
+        All components have **dark mode** and very intuitive **theming options**.
+        The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/Tailwind-Elements/discussions), I recommend you check it out and join one of the many discussions.
+        \n
+
+        You will find installation instructions [here](https://tailwind-elements.com/docs/getting-started/installation), and you can track the progress of the project live 
+        [here](https://tailwind-elements.com/docs/standard/getting-started/changelog/).
+        \n
+
+        The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform.
+        \n
+
+        I highly recommend you to check it out!
+        \n
+
+        %7B%25 link mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh %25%7D
+        \n
+
+        
+        "
         target="_blank"
         class="mx-2 flex items-center">
         <svg
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 448 512">
-          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Dev.to</title>
           <path
             d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" />
         </svg>
       </a>
+
+      <!--Share on Twitter-->
       <a
-        href="https://twitter.com/intent/tweet?text=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don%27t%20require%20any%20kind%20of%20email%20address%20or%20registration%3A%20https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Twitter"
+        href="https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tailwind-elements.com/%0A%0ACongrats%20%40MDBootstrap%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Twitter</title>
           <path
             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
         </svg>
       </a>
+
+      <!--Share on Facebook-->
       <a
-        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/components/accordion/"
+        data-te-toggle="tooltip"
+        title="Share via Facebook"
+        href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tailwind-elements.com/docs/standard/navigation/tabs/"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Facebook</title>
           <path
-            d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z" />
+            d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
         </svg>
       </a>
+
+      <!--Share on LinkedIn-->
       <a
-        href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&title=Tailwind%20Elements%20-%20500%2B%20free%20components&summary=Check%20out%20Tailwind%20Elements%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration.&source=https%3A//tailwind-elements.com/"
+        data-te-toggle="tooltip"
+        title="Share via LinkedIn"
+        href="http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftailwind-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
           <path
-            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
+            d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
         </svg>
       </a>
+
+      <!--Share on Pinterest-->
       <a
-        href="https://pinterest.com/pin/create/button/?url=https%3A//tailwind-elements.com/docs/standard/components/accordion/&media=https%3A//tailwind-elements.com/img/components-big.jpg&description=Check%20out%20Tailwind%20Accordion%20component%20a%20part%20of%20a%20huge%20library%20of%20components%20for%20Tailwind%20CSS.%20All%20elements%20are%20%F0%9F%94%A5%20free%20for%20commercial%20use,%20and%20they%20don't%20require%20any%20kind%20of%20email%20address%20or%20registration."
+        data-te-toggle="tooltip"
+        title="Share via Pinterest"
+        href="https://www.pinterest.com/pin/create/button?url=https://tailwind-elements.com/&media=https://tailwind-elements.com/img/components-big.jpg&description=TailwindElements"
         target="_blank"
         class="mx-2 flex items-center">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-7 w-7"
+          class="pointer-events-none h-7 w-7"
           fill="currentColor"
           viewBox="0 0 24 24">
+          <title>Share via Pinterest</title>
           <path
             d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
             fill-rule="evenodd"
             clip-rule="evenodd" />
         </svg>
       </a>
+
+      <!--Share on Reddit-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Reddit"
+        href="https://reddit.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center"
+        style="font-size: 2rem;">
+        <title>Share via Reddit</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z" />
+        </svg>
+      </a>
+
+      <!--Share on StumbleUpon-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Stumbleupon"
+        href="https://www.stumbleupon.com/submit?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <title>Share via StumbleUpon</title>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <path
+            d="M13.271 9.231l1.581.88 2.502-.846v-1.696c0-2.925-2.445-5.202-5.354-5.202-2.897 0-5.354 2.129-5.354 5.17v7.749c0 .702-.568 1.27-1.27 1.27s-1.271-.568-1.271-1.27v-3.284h-4.105v3.328c0 2.963 2.402 5.365 5.365 5.365 2.937 0 5.323-2.361 5.364-5.288v-7.653c0-.702.569-1.27 1.271-1.27s1.271.568 1.271 1.27v1.477zm6.624 2.772v3.437c0 .702-.569 1.27-1.271 1.27s-1.271-.568-1.271-1.27v-3.372l-2.502.847-1.581-.881v3.344c.025 2.941 2.418 5.317 5.364 5.317 2.963 0 5.365-2.402 5.365-5.365v-3.328h-4.104z" />
+        </svg>
+      </a>
+
+      <!--Share on Vkontakte-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Vkontakte"
+        href="https://vk.com/share.php?url=https://tailwind-elements.com/"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Vkontakte</title>
+          <path
+            class="st0"
+            d="M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z" />
+        </svg>
+      </a>
+
+      <!--Share on Weibo-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Weibo"
+        href="https://service.weibo.com/share/share.php?url=https://tailwind-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 512 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via Weibo</title>
+          <path
+            d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z" />
+        </svg>
+      </a>
+
+      <!--Share on HackerNews-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Hackernews"
+        href="https://news.ycombinator.com/submitlink?u=https://tailwind-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 448 512">
+          <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+          <title>Share via HackerNews</title>
+          <path
+            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.2 229.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z" />
+        </svg>
+      </a>
+
+      <!--Share on Gmail-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Gmail"
+        href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tailwind-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Gmail</title>
+          <path
+            d="M22.288 21h-20.576c-.945 0-1.712-.767-1.712-1.712v-13.576c0-.945.767-1.712 1.712-1.712h20.576c.945 0 1.712.767 1.712 1.712v13.576c0 .945-.767 1.712-1.712 1.712zm-10.288-6.086l-9.342-6.483-.02 11.569h18.684v-11.569l-9.322 6.483zm8.869-9.914h-17.789l8.92 6.229s6.252-4.406 8.869-6.229z" />
+        </svg>
+      </a>
+
+      <!--Share on Emial (other)-->
+      <a
+        data-te-toggle="tooltip"
+        title="Share via Email"
+        href="mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftailwind-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C"
+        target="_blank"
+        class="mx-2 flex items-center">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none h-7 w-7"
+          fill="currentColor"
+          viewBox="0 0 24 24">
+          <title>Share via Email</title>
+          <path
+            d="M12.042 23.648c-7.813 0-12.042-4.876-12.042-11.171 0-6.727 4.762-12.125 13.276-12.125 6.214 0 10.724 4.038 10.724 9.601 0 8.712-10.33 11.012-9.812 6.042-.71 1.108-1.854 2.354-4.053 2.354-2.516 0-4.08-1.842-4.08-4.807 0-4.444 2.921-8.199 6.379-8.199 1.659 0 2.8.876 3.277 2.221l.464-1.632h2.338c-.244.832-2.321 8.527-2.321 8.527-.648 2.666 1.35 2.713 3.122 1.297 3.329-2.58 3.501-9.327-.998-12.141-4.821-2.891-15.795-1.102-15.795 8.693 0 5.611 3.95 9.381 9.829 9.381 3.436 0 5.542-.93 7.295-1.948l1.177 1.698c-1.711.966-4.461 2.209-8.78 2.209zm-2.344-14.305c-.715 1.34-1.177 3.076-1.177 4.424 0 3.61 3.522 3.633 5.252.239.712-1.394 1.171-3.171 1.171-4.529 0-2.917-3.495-3.434-5.246-.134z" />
+        </svg>
+      </a>
     </p>
   </div>
 </section>
diff --git a/site/content/docs/standard/templates/index.html b/site/content/docs/standard/templates/index.html
index 7351eae43..b3df05100 100644
--- a/site/content/docs/standard/templates/index.html
+++ b/site/content/docs/standard/templates/index.html
@@ -1,10 +1,10 @@
 ---
-title: "Tailwind Template Coming Soon"
+title: "Tailwind Template"
 date: 2021-04-29T16:00:58+02:00
 draft: false
-main_title: "Templates Coming Soon"
-seo_title: "Subscribe to the Tailwind Elements Newsletter"
-description: ""
+main_title: "Templates"
+seo_title: "Free Tailwind CSS Templates & Themes"
+description: "Free website templates & themes built with Tailwind CSS, dashboard templates, landing page templates, blog templates, e-commerce templates & more."
 image: "img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "/docs/standard/templates/"
diff --git a/site/content/general/license/index.html b/site/content/general/license/index.html
index 9215ba850..aa5d65ba7 100644
--- a/site/content/general/license/index.html
+++ b/site/content/general/license/index.html
@@ -13,7 +13,7 @@
 ---
 
 <div
-  class="mt-n10 bg-neutral-50"
+  class="mt-10 bg-neutral-50 pb-16 dark:bg-neutral-900"
   style="margin-top: -2.5rem;padding-top:2.5rem ;">
   <!--Intro-->
   <section class="mx-auto max-w-[1400px] px-6 sm:px-20">
@@ -22,30 +22,37 @@
       <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
 
       <p class="mt-4">
-        Tailwind Elements comes with an <strong>open-source</strong> license
-        that <strong>allows for personal & commercial usage</strong>.
+        Tailwind Elements comes with an
+        <strong class="dark:text-primary-400">open-source</strong> license that
+        <strong class="dark:text-primary-400"
+          >allows for personal & commercial usage</strong
+        >.
       </p>
       <p class="pb-6">
-        We also employ <strong>Dual licensing</strong> - in case any part of our
-        license doesn't fit your needs, you can
-        <strong>reach out to us</strong> & request any kind of customization.
+        We also employ
+        <strong class="dark:text-primary-400">Dual licensing</strong>. In case
+        any part of our license doesn't fit your needs you can
+        <strong class="dark:text-primary-400">reach out to us</strong> & request
+        customization.
       </p>
     </section>
   </section>
   <!--Intro-->
 
   <!--Highlights-->
-  <section class="my-16 bg-white py-10">
+  <section class="my-16 bg-white py-10 dark:bg-black">
     <div
       class="mx-auto grid max-w-[1400px] grid-cols-1 gap-6 text-start lg:grid-cols-2">
       <!--Custom license Highlights-->
       <div class="px-4">
-        <p class="mb-8 text-center uppercase text-secondary">
+        <p
+          class="mb-8 text-center uppercase text-secondary dark:text-primary-400">
           <strong>Custom license highlights</strong>
         </p>
         <ul role="list">
           <li class="mt-3 mb-5">
-            <span class="inline-block pb-1 align-middle text-primary">
+            <span
+              class="inline-block pb-1 align-middle text-primary dark:text-white">
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 fill="none"
@@ -59,14 +66,17 @@ <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
                   d="M4.5 12.75l6 6 9-13.5" />
               </svg>
             </span>
-            <strong class="text-primary">Commercial usage allowed</strong>
+            <strong class="text-primary dark:text-white"
+              >Commercial usage allowed</strong
+            >
             <p class="text-secondary">
               You can use Tailwind Elements in your personal as well as
               commercial projects.
             </p>
           </li>
           <li class="mt-3 mb-5">
-            <span class="inline-block pb-1 align-middle text-primary">
+            <span
+              class="inline-block pb-1 align-middle text-primary  dark:text-white">
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 fill="none"
@@ -80,7 +90,9 @@ <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
                   d="M4.5 12.75l6 6 9-13.5" />
               </svg>
             </span>
-            <strong class="text-primary">Adjusted to your needs</strong>
+            <strong class="text-primary  dark:text-white"
+              >Adjusted to your needs</strong
+            >
             <p class="text-secondary">
               Tailored to meet your specific needs and goals, providing you with
               greater flexibility and control over how your software is used,
@@ -88,7 +100,8 @@ <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
             </p>
           </li>
           <li class="mt-3 mb-5">
-            <span class="inline-block pb-1 align-middle text-primary">
+            <span
+              class="inline-block pb-1 align-middle text-primary  dark:text-white">
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 fill="none"
@@ -102,7 +115,7 @@ <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
                   d="M4.5 12.75l6 6 9-13.5" />
               </svg>
             </span>
-            <strong class="text-primary">Non-sticky</strong>
+            <strong class="text-primary  dark:text-white">Non-sticky</strong>
 
             <p class="text-secondary">
               Allows you to modify and distribute your software without being
@@ -115,12 +128,14 @@ <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
 
       <!--Open source license Highlights-->
       <div class="px-4">
-        <p class="mb-8 text-center uppercase text-secondary">
+        <p
+          class="mb-8 text-center uppercase text-secondary dark:text-primary-400">
           <strong>Open-source license highlights</strong>
         </p>
         <ul role="list">
           <li class="mt-3 mb-5">
-            <span class="inline-block pb-1 align-middle text-primary">
+            <span
+              class="inline-block pb-1 align-middle text-primary  dark:text-white">
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 fill="none"
@@ -134,14 +149,17 @@ <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
                   d="M4.5 12.75l6 6 9-13.5" />
               </svg>
             </span>
-            <strong class="text-primary">Commercial usage allowed</strong>
+            <strong class="text-primary  dark:text-white"
+              >Commercial usage allowed</strong
+            >
             <p class="text-secondary">
               You can use Tailwind Elements in your personal as well as
               commercial projects.
             </p>
           </li>
           <li class="mt-3 mb-5">
-            <span class="inline-block pb-1 align-middle text-primary">
+            <span
+              class="inline-block pb-1 align-middle text-primary  dark:text-white">
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 fill="none"
@@ -155,7 +173,7 @@ <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
                   d="M4.5 12.75l6 6 9-13.5" />
               </svg>
             </span>
-            <strong class="text-primary">Open-source</strong>
+            <strong class="text-primary  dark:text-white">Open-source</strong>
             <p class="text-secondary">
               Community-oriented, designed to promote collaboration and
               innovation, helping to enrich the ecosystem with one of the most
@@ -163,7 +181,8 @@ <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
             </p>
           </li>
           <li class="mt-3 mb-5">
-            <span class="inline-block pb-1 align-middle text-primary">
+            <span
+              class="inline-block pb-1 align-middle text-primary  dark:text-white">
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 fill="none"
@@ -177,7 +196,7 @@ <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
                   d="M4.5 12.75l6 6 9-13.5" />
               </svg>
             </span>
-            <strong class="text-primary">Sticky</strong>
+            <strong class="text-primary  dark:text-white">Sticky</strong>
             <p class="text-secondary">
               Any derivatives must be released under the same license. You have
               to provide your users with access to the source code, even if the
@@ -194,16 +213,16 @@ <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
     <div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
       <div class="mb-4">
         <div
-          class="sticky top-4 block w-full rounded-lg bg-white p-4 shadow-lg">
-          <p class="mb-4 text-center uppercase">
+          class="sticky top-4 block w-full rounded-lg bg-white p-4 shadow-lg dark:bg-black">
+          <p class="mb-4 text-center uppercase dark:text-primary-400">
             <strong>Custom license</strong>
           </p>
 
           <div
             class="border-t pt-4 text-sm text-neutral-700 dark:text-neutral-200">
             <p class="">
-              Contact us for different licensing options, we offer a
-              <strong>business-friendly, fully customizable license</strong>
+              Contact us for more options. We offer a
+              <strong>business-friendly, customizable license</strong>
               upon request!
             </p>
 
@@ -298,7 +317,7 @@ <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
               <!-- Checkbox -->
               <div class="mb-4 flex justify-center">
                 <input
-                  class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
+                  class="relative float-left mt-[0.15rem] mr-[6px] -ml-[1.5rem] h-[1.125rem] w-[1.125rem] appearance-none rounded-[0.25rem] border-[0.125rem] border-solid border-[rgba(0,0,0,0.25)] bg-white  before:pointer-events-none before:absolute before:h-[0.875rem] before:w-[0.875rem] before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-[0px_0px_0px_13px_transparent] before:content-[''] checked:border-primary checked:bg-primary checked:before:opacity-[0.16] checked:after:absolute checked:after:ml-[0.25rem] checked:after:-mt-px checked:after:block checked:after:h-[0.8125rem] checked:after:w-[0.375rem] checked:after:rotate-45 checked:after:border-[0.125rem] checked:after:border-t-0 checked:after:border-l-0 checked:after:border-solid checked:after:border-white checked:after:bg-transparent checked:after:content-[''] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:shadow-none focus:transition-[border-color_0.2s] focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-[0px_0px_0px_13px_rgba(0,0,0,0.6)] focus:before:transition-[box-shadow_0.2s,transform_0.2s] focus:after:absolute focus:after:z-[1] focus:after:block focus:after:h-[0.875rem] focus:after:w-[0.875rem] focus:after:rounded-[0.125rem] focus:after:bg-white focus:after:content-[''] checked:focus:border-primary checked:focus:bg-primary checked:focus:before:scale-100 checked:focus:before:shadow-[0px_0px_0px_13px_#3b71ca] checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:after:ml-[0.25rem] checked:focus:after:-mt-px checked:focus:after:h-[0.8125rem] checked:focus:after:w-[0.375rem] checked:focus:after:rotate-45 checked:focus:after:rounded-none checked:focus:after:border-[0.125rem] checked:focus:after:border-t-0 checked:focus:after:border-l-0 checked:focus:after:border-solid checked:focus:after:border-white checked:focus:after:bg-transparent"
                   type="checkbox"
                   value="copyMessage"
                   id="copyMessage"
@@ -329,8 +348,9 @@ <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
       </div>
 
       <div class="mb-4">
-        <div class="block w-full rounded-lg bg-white p-4 shadow-lg">
-          <p class="mb-4 text-center uppercase">
+        <div
+          class="block w-full rounded-lg bg-white p-4 shadow-lg dark:bg-black">
+          <p class="mb-4 text-center uppercase  dark:text-primary-400">
             <strong>Open-source license (AGPL)</strong>
           </p>
 
@@ -342,22 +362,20 @@ <h2 class="mt-4 text-[40px] font-bold">{{< docs-title >}}</h2>
               Copyright © 2023 MDBootstrap.com<br />
               <br />
               Unless a custom, individually assigned license has been granted,
-              <strong
+              <strong class="dark:text-primary-400"
                 >this program is free software: you can redistribute it and/or
                 modify it under the terms of the GNU Affero General Public
                 License</strong
               >
               as published by the Free Software Foundation, either version 3 of
-              the License, or (at your option) any later version.<br />
-              In addition, a custom license may be available upon request,
-              subject to the terms and conditions of that license. Please
-              contact Tailwind-Elements.com for more information on obtaining a
-              custom license.
-              <br />
-              This program is distributed in the hope that it will be useful,
-              but WITHOUT ANY WARRANTY; without even the implied warranty of
-              MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
-              Affero General Public License for more details.
+              the License, or (at your option) any later version. In addition, a
+              custom license may be available upon request, subject to the terms
+              and conditions of that license. Please contact
+              Tailwind-Elements.com for more information on obtaining a custom
+              license. This program is distributed in the hope that it will be
+              useful, but WITHOUT ANY WARRANTY; without even the implied
+              warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+              See the GNU Affero General Public License for more details.
               <br />
             </p>
 
diff --git a/site/content/general/newsletter/index.html b/site/content/general/newsletter/index.html
new file mode 100644
index 000000000..41719f45f
--- /dev/null
+++ b/site/content/general/newsletter/index.html
@@ -0,0 +1,604 @@
+---
+title: "Newsletter"
+date: 2021-04-29T16:00:58+02:00
+draft: false
+main_title: "Newsletter"
+subheading: ""
+seo_title: "Tailwind Elements Newsletter"
+description: ""
+image: "img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
+url: "newsletter/"
+hidden_top_margin: true
+---
+
+<!-- Modal -->
+<div
+  data-te-modal-init
+  class="fixed top-0 left-0 z-[1055] hidden h-full w-full overflow-y-auto overflow-x-hidden outline-none"
+  id="newsletterModal"
+  tabindex="-1"
+  aria-labelledby="newsletterModal"
+  aria-hidden="true">
+  <div
+    data-te-modal-dialog-ref
+    class="pointer-events-none relative w-auto translate-y-[-50px] opacity-0 transition-all duration-300 ease-in-out min-[576px]:mx-auto min-[576px]:mt-7 min-[576px]:max-w-[500px]">
+    <div
+      class="min-[576px]:shadow-[0_0.5rem_1rem_rgba(#000, 0.15)] pointer-events-auto relative flex w-full flex-col rounded-md border-none bg-white bg-clip-padding text-current shadow-lg outline-none dark:bg-neutral-700">
+      <div
+        class="flex flex-shrink-0 items-center justify-between rounded-t-md border-b-2 border-neutral-100 border-opacity-100 p-4 dark:border-opacity-50">
+        <h5
+          class="text-xl font-medium leading-normal text-neutral-800 dark:text-neutral-200"
+          id="newsletterlModalTitle">
+          Enter name & email
+        </h5>
+        <button
+          type="button"
+          class="box-content rounded-none border-none hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"
+          data-te-modal-dismiss
+          aria-label="Close">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="1.5"
+            stroke="currentColor"
+            class="h-6 w-6">
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M6 18L18 6M6 6l12 12" />
+          </svg>
+        </button>
+      </div>
+      <div class="relative flex-auto p-4" data-te-modal-body-ref>
+        <script src="https://f.convertkit.com/ckjs/ck.5.js"></script>
+        <form
+          action="https://app.convertkit.com/forms/4882173/subscriptions"
+          method="post"
+          data-sv-form="4882173"
+          data-uid="ebc1663fcb"
+          data-format="inline"
+          data-version="5"
+          data-options='{"settings":{"after_subscribe":{"action":"redirect","success_message":"Success! Now check your email to confirm your subscription.","redirect_url":"https://mdbootstrap.com/confirm/"},"analytics":{"google":null,"fathom":null,"facebook":null,"segment":null,"pinterest":null,"sparkloop":null,"googletagmanager":null},"modal":{"trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"powered_by":{"show":false,"url":"https://convertkit.com/features/forms?utm_campaign=poweredby&amp;utm_content=form&amp;utm_medium=referral&amp;utm_source=dynamic"},"recaptcha":{"enabled":true},"return_visitor":{"action":"show","custom_content":""},"slide_in":{"display_in":"bottom_right","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"sticky_bar":{"display_in":"top","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15}},"version":"5"}'>
+          <span class="font-semibold text-red-600 dark:text-danger-400"
+            >Important:</span
+          >
+          <span class="text-primary-600 dark:text-primary-400"
+            >You need to
+            <strong>click the "confirm" button in the first email</strong> in
+            order to confirm your address.</span
+          >
+
+          <div class="mt-5" data-element="fields" data-stacked="true">
+            <div class="relative mb-3 w-full" data-te-input-wrapper-init>
+              <input
+                type="text"
+                class="peer block min-h-[auto] w-full rounded border-0 bg-transparent py-[0.32rem] px-3 leading-[1.6] outline-none transition-all duration-200 ease-linear focus:placeholder:opacity-100 data-[te-input-state-active]:placeholder:opacity-100 motion-reduce:transition-none dark:text-neutral-200 dark:placeholder:text-neutral-200 [&:not([data-te-input-placeholder-active])]:placeholder:opacity-0"
+                id="newsletterNameInput"
+                name="fields[first_name]"
+                placeholder="Example label"
+                required="" />
+              <label
+                for="newsletterNameInput"
+                class="pointer-events-none absolute top-0 left-3 mb-0 max-w-[90%] origin-[0_0] truncate pt-[0.37rem] leading-[1.6] text-neutral-500 transition-all duration-200 ease-out peer-focus:-translate-y-[0.9rem] peer-focus:scale-[0.8] peer-focus:text-primary peer-data-[te-input-state-active]:-translate-y-[0.9rem] peer-data-[te-input-state-active]:scale-[0.8] motion-reduce:transition-none dark:text-neutral-200 dark:peer-focus:text-neutral-200"
+                >Name
+              </label>
+            </div>
+
+            <div class="relative mb-3 w-full" data-te-input-wrapper-init>
+              <input
+                type="text"
+                class="peer block min-h-[auto] w-full rounded border-0 bg-transparent py-[0.32rem] px-3 leading-[1.6] outline-none transition-all duration-200 ease-linear focus:placeholder:opacity-100 data-[te-input-state-active]:placeholder:opacity-100 motion-reduce:transition-none dark:text-neutral-200 dark:placeholder:text-neutral-200 [&:not([data-te-input-placeholder-active])]:placeholder:opacity-0"
+                id="newsletterMailInput"
+                name="email_address"
+                placeholder="Example label"
+                required="" />
+              <label
+                for="newsletterMailInput"
+                class="pointer-events-none absolute top-0 left-3 mb-0 max-w-[90%] origin-[0_0] truncate pt-[0.37rem] leading-[1.6] text-neutral-500 transition-all duration-200 ease-out peer-focus:-translate-y-[0.9rem] peer-focus:scale-[0.8] peer-focus:text-primary peer-data-[te-input-state-active]:-translate-y-[0.9rem] peer-data-[te-input-state-active]:scale-[0.8] motion-reduce:transition-none dark:text-neutral-200 dark:peer-focus:text-neutral-200"
+                >Email adress
+              </label>
+            </div>
+
+            <button
+              data-element="submit"
+              class="formkit-submit formkit-submit mb-5 inline-block w-full rounded bg-primary px-6 pt-2.5 pb-2 text-xs font-medium uppercase leading-normal text-white shadow-[0_4px_9px_-4px_#3b71ca] transition duration-150 ease-in-out hover:bg-primary-600 hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:bg-primary-600 focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:outline-none focus:ring-0 active:bg-primary-700 active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)]">
+              Join now
+            </button>
+          </div>
+        </form>
+      </div>
+
+      <div
+        class="flex flex-shrink-0 flex-wrap items-center justify-end rounded-b-md border-t-2 border-neutral-100 border-opacity-100 p-4 dark:border-opacity-50">
+        <p class="text-sm text-gray-500 dark:text-gray-200">
+          By subscribing you agree to receive the newsletter & commercial
+          information from the data administrator StartupFlow s.c. Kijowska 7,
+          Warsaw.
+          <a
+            class="text-primary transition duration-150 ease-in-out hover:text-primary-600 focus:text-primary-600 active:text-primary-700 dark:text-primary-400 dark:hover:text-primary-500 dark:focus:text-primary-500 dark:active:text-primary-600"
+            href="https://mdbootstrap.com/general/privacy-policy/"
+            target="_blank"
+            >Privacy Policy</a
+          >
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!--Main page-->
+<section
+  class="flex flex-col items-center justify-center text-gray-800 dark:text-gray-200">
+  <div
+    class="flex h-28 w-full items-center justify-center bg-gray-100 dark:bg-zinc-600">
+    <h1 class="m-0 text-center text-2xl">
+      Join Tailwind Elements mailing list
+    </h1>
+  </div>
+
+  <section class="w-3/4">
+    <section
+      class="my-14 flex items-center justify-center text-center max-md:flex-col">
+      <div
+        class="flex w-1/4 flex-col items-center justify-center max-md:mb-10 max-md:w-full">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+          fill="currentColor"
+          class="h-14 w-14 text-primary-500">
+          <path
+            fill-rule="evenodd"
+            d="M12 6.75a5.25 5.25 0 016.775-5.025.75.75 0 01.313 1.248l-3.32 3.319c.063.475.276.934.641 1.299.365.365.824.578 1.3.64l3.318-3.319a.75.75 0 011.248.313 5.25 5.25 0 01-5.472 6.756c-1.018-.086-1.87.1-2.309.634L7.344 21.3A3.298 3.298 0 112.7 16.657l8.684-7.151c.533-.44.72-1.291.634-2.309A5.342 5.342 0 0112 6.75zM4.117 19.125a.75.75 0 01.75-.75h.008a.75.75 0 01.75.75v.008a.75.75 0 01-.75.75h-.008a.75.75 0 01-.75-.75v-.008z"
+            clip-rule="evenodd" />
+        </svg>
+        <h2 class="my-6 text-xl font-semibold">Free tools</h2>
+        <p class="px-5 font-bold">
+          Generators, table builders, interactive creators. Useful free tools.
+        </p>
+      </div>
+      <div
+        class="flex w-1/4 flex-col items-center justify-center max-md:mb-10 max-md:w-full">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+          fill="currentColor"
+          class="h-14 w-14 text-primary-500">
+          <path
+            fill-rule="evenodd"
+            d="M1.5 6a2.25 2.25 0 012.25-2.25h16.5A2.25 2.25 0 0122.5 6v12a2.25 2.25 0 01-2.25 2.25H3.75A2.25 2.25 0 011.5 18V6zM3 16.06V18c0 .414.336.75.75.75h16.5A.75.75 0 0021 18v-1.94l-2.69-2.689a1.5 1.5 0 00-2.12 0l-.88.879.97.97a.75.75 0 11-1.06 1.06l-5.16-5.159a1.5 1.5 0 00-2.12 0L3 16.061zm10.125-7.81a1.125 1.125 0 112.25 0 1.125 1.125 0 01-2.25 0z"
+            clip-rule="evenodd" />
+        </svg>
+        <h2 class="my-6 text-xl font-semibold">Useful resources</h2>
+        <p class="px-5 font-bold">
+          Inspirations, experimental design concepts, free templates.
+        </p>
+      </div>
+      <div
+        class="flex w-1/4 flex-col items-center justify-center max-md:mb-10 max-md:w-full">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+          fill="currentColor"
+          class="h-14 w-14 text-primary-500">
+          <path
+            d="M11.7 2.805a.75.75 0 01.6 0A60.65 60.65 0 0122.83 8.72a.75.75 0 01-.231 1.337 49.949 49.949 0 00-9.902 3.912l-.003.002-.34.18a.75.75 0 01-.707 0A50.009 50.009 0 007.5 12.174v-.224c0-.131.067-.248.172-.311a54.614 54.614 0 014.653-2.52.75.75 0 00-.65-1.352 56.129 56.129 0 00-4.78 2.589 1.858 1.858 0 00-.859 1.228 49.803 49.803 0 00-4.634-1.527.75.75 0 01-.231-1.337A60.653 60.653 0 0111.7 2.805z" />
+          <path
+            d="M13.06 15.473a48.45 48.45 0 017.666-3.282c.134 1.414.22 2.843.255 4.285a.75.75 0 01-.46.71 47.878 47.878 0 00-8.105 4.342.75.75 0 01-.832 0 47.877 47.877 0 00-8.104-4.342.75.75 0 01-.461-.71c.035-1.442.121-2.87.255-4.286A48.4 48.4 0 016 13.18v1.27a1.5 1.5 0 00-.14 2.508c-.09.38-.222.753-.397 1.11.452.213.901.434 1.346.661a6.729 6.729 0 00.551-1.608 1.5 1.5 0 00.14-2.67v-.645a48.549 48.549 0 013.44 1.668 2.25 2.25 0 002.12 0z" />
+          <path
+            d="M4.462 19.462c.42-.419.753-.89 1-1.394.453.213.902.434 1.347.661a6.743 6.743 0 01-1.286 1.794.75.75 0 11-1.06-1.06z" />
+        </svg>
+        <h2 class="my-6 text-xl font-semibold">Tutorials</h2>
+        <p class="px-5 font-bold">
+          Professional courses, coding livestreams and exclusive content.
+        </p>
+      </div>
+      <div
+        class="flex w-1/4 flex-col items-center justify-center max-md:w-full">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+          fill="currentColor"
+          class="h-14 w-14 text-primary-500">
+          <path
+            fill-rule="evenodd"
+            d="M4.125 3C3.089 3 2.25 3.84 2.25 4.875V18a3 3 0 003 3h15a3 3 0 01-3-3V4.875C17.25 3.839 16.41 3 15.375 3H4.125zM12 9.75a.75.75 0 000 1.5h1.5a.75.75 0 000-1.5H12zm-.75-2.25a.75.75 0 01.75-.75h1.5a.75.75 0 010 1.5H12a.75.75 0 01-.75-.75zM6 12.75a.75.75 0 000 1.5h7.5a.75.75 0 000-1.5H6zm-.75 3.75a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5H6a.75.75 0 01-.75-.75zM6 6.75a.75.75 0 00-.75.75v3c0 .414.336.75.75.75h3a.75.75 0 00.75-.75v-3A.75.75 0 009 6.75H6z"
+            clip-rule="evenodd" />
+          <path
+            d="M18.75 6.75h1.875c.621 0 1.125.504 1.125 1.125V18a1.5 1.5 0 01-3 0V6.75z" />
+        </svg>
+        <h2 class="my-6 text-xl font-semibold">Articles</h2>
+        <p class="px-5 font-bold">
+          "How to" guides, development-related statistics, reports and case
+          studies.
+        </p>
+      </div>
+    </section>
+
+    <hr
+      class="mb-10 w-full border border-neutral-200 dark:border-neutral-600" />
+
+    <section class="flex flex-col items-center justify-center">
+      <div
+        class="flex items-center justify-center max-md:w-full max-md:flex-col">
+        <div class="flex w-[70%] flex-col max-md:w-full">
+          <p class="mb-5">
+            By joining the newsletter you get a lot of value. Useful knowledge &
+            insider tips!
+          </p>
+          <p class="mb-5">
+            You get all that for free. Still, we'd like to be honest with you -
+            from time to time we will send you an offer talking about our
+            products. We're proud of them and we're transparent about that ;)
+          </p>
+          <p>
+            So... if you're ready to start receiving AWESOME RESOURCES - there's
+            only one more thing you'll need to do:
+          </p>
+        </div>
+
+        <button
+          type="button"
+          data-te-toggle="modal"
+          data-te-target="#newsletterModal"
+          data-te-ripple-init
+          data-te-ripple-color="light"
+          class="ml-5 inline-block w-[30%] rounded bg-primary px-7 pt-3 pb-2.5 text-sm font-medium uppercase leading-normal text-white shadow-[0_4px_9px_-4px_#3b71ca] transition duration-150 ease-in-out hover:bg-primary-600 hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:bg-primary-600 focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:outline-none focus:ring-0 active:bg-primary-700 active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] max-md:ml-0 max-md:mt-5 max-md:w-full">
+          I want to join the newsletter
+        </button>
+      </div>
+    </section>
+
+    <hr
+      class="my-10 w-full border border-neutral-200 dark:border-neutral-600" />
+
+    <!--Section: Free tools-->
+    <section class="flex max-md:flex-col">
+      <div class="w-2/5 border max-md:w-full">
+        <div>
+          <img
+            src="https://mcusercontent.com/461480655ccce528d909d3f42/images/c770b29f-389d-46b0-92b1-8815052c6799.gif"
+            alt="..." />
+        </div>
+        <div>
+          <img
+            src="https://mcusercontent.com/461480655ccce528d909d3f42/images/11ff6051-ab9c-4e9a-a2b9-7d8e8b05e65c.gif"
+            alt="..." />
+        </div>
+        <div>
+          <img
+            src="https://mcusercontent.com/461480655ccce528d909d3f42/images/e8d9ffe4-31b9-43bd-8952-9eb750a39cca.gif"
+            alt="..." />
+        </div>
+      </div>
+
+      <div class="ml-5 flex flex-col max-md:mt-5 max-md:items-center">
+        <h2 class="text-2xl font-semibold">Free tools</h2>
+        <p class="my-6 max-md:text-center">
+          Speed up your design & development process by using one of many FREE
+          tools including:
+        </p>
+        <span class="mb-1">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="3"
+            stroke="currentColor"
+            class="inline-block h-5 w-5">
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M4.5 12.75l6 6 9-13.5" />
+          </svg>
+          Shadow composer</span
+        >
+        <span class="mb-1">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="3"
+            stroke="currentColor"
+            class="inline-block h-5 w-5">
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M4.5 12.75l6 6 9-13.5" />
+          </svg>
+          Fancy shape builder
+        </span>
+        <span class="mb-1">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="3"
+            stroke="currentColor"
+            class="inline-block h-5 w-5">
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M4.5 12.75l6 6 9-13.5" />
+          </svg>
+          SEO meta tags generator
+        </span>
+        <p>& much more...</p>
+
+        <button
+          type="button"
+          data-te-toggle="modal"
+          data-te-target="#newsletterModal"
+          data-te-ripple-init
+          data-te-ripple-color="light"
+          class="mt-5 inline-block w-1/2 rounded bg-primary px-6 pt-2.5 pb-2 text-xs font-medium uppercase leading-normal text-white shadow-[0_4px_9px_-4px_#3b71ca] transition duration-150 ease-in-out hover:bg-primary-600 hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:bg-primary-600 focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:outline-none focus:ring-0 active:bg-primary-700 active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] max-sm:w-full">
+          I want to join the newsletter
+        </button>
+      </div>
+    </section>
+
+    <hr
+      class="my-10 w-full border border-neutral-200 dark:border-neutral-600" />
+
+    <!--Section: Resources-->
+    <section class="flex max-md:flex-col">
+      <div class="w-2/5 border max-md:w-full">
+        <div>
+          <img
+            src="https://tecdn.b-cdn.net/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/lab/_main/assets/projects/trello-board.webp"
+            alt="..." />
+        </div>
+        <div>
+          <img
+            src="https://tecdn.b-cdn.net/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/lab/_main/assets/projects/alibaba-homepage.webp"
+            alt="..." />
+        </div>
+        <div>
+          <img
+            src="https://tecdn.b-cdn.net/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/lab/_main/assets/projects/facebook-newsfeed.webp"
+            alt="..." />
+        </div>
+      </div>
+
+      <div class="ml-5 flex flex-col max-md:mt-5 max-md:items-center">
+        <h2 class="text-2xl font-semibold">Resources</h2>
+        <p class="my-6 max-md:text-center">
+          Get access to the collection of beautiful experimental concepts &
+          templates including:
+        </p>
+        <span class="mb-1">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="3"
+            stroke="currentColor"
+            class="inline-block h-5 w-5">
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M4.5 12.75l6 6 9-13.5" />
+          </svg>
+          Airbnb app</span
+        >
+        <span class="mb-1">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="3"
+            stroke="currentColor"
+            class="inline-block h-5 w-5">
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M4.5 12.75l6 6 9-13.5" />
+          </svg>
+          Spotify app
+        </span>
+        <span class="mb-1">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="3"
+            stroke="currentColor"
+            class="inline-block h-5 w-5">
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M4.5 12.75l6 6 9-13.5" />
+          </svg>
+          Gmail app
+        </span>
+        <p>& much more...</p>
+
+        <button
+          type="button"
+          data-te-toggle="modal"
+          data-te-target="#newsletterModal"
+          data-te-ripple-init
+          data-te-ripple-color="light"
+          class="mt-5 inline-block w-1/2 rounded bg-primary px-6 pt-2.5 pb-2 text-xs font-medium uppercase leading-normal text-white shadow-[0_4px_9px_-4px_#3b71ca] transition duration-150 ease-in-out hover:bg-primary-600 hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:bg-primary-600 focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:outline-none focus:ring-0 active:bg-primary-700 active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] max-sm:w-full">
+          I want to join the newsletter
+        </button>
+      </div>
+    </section>
+
+    <hr
+      class="my-10 w-full border border-neutral-200 dark:border-neutral-600" />
+
+    <!--Section: Tutorials-->
+    <section class="flex max-md:flex-col">
+      <div class="w-2/5 border max-md:w-full">
+        <div>
+          <img
+            src="https://tecdn.b-cdn.net/img/Marketing/education/courses/landing-page.webp"
+            alt="..." />
+        </div>
+        <div class="carousel-item">
+          <img
+            src="https://tecdn.b-cdn.net/img/Marketing/education/courses/GridSys.webp"
+            alt="..." />
+        </div>
+        <div class="carousel-item">
+          <img
+            src="https://tecdn.b-cdn.net/img/Marketing/education/courses/bootstrap-5-crash.webp"
+            alt="..." />
+        </div>
+      </div>
+
+      <div class="ml-5 flex flex-col max-md:mt-5 max-md:items-center">
+        <h2 class="text-2xl font-semibold">Tutorials</h2>
+        <p class="my-6 max-md:text-center">
+          A library of web design courses and tutorials for every level of
+          skill:
+        </p>
+        <span class="mb-1">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="3"
+            stroke="currentColor"
+            class="inline-block h-5 w-5">
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M4.5 12.75l6 6 9-13.5" />
+          </svg>
+          How to build a Gmail app</span
+        >
+        <span class="mb-1">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="3"
+            stroke="currentColor"
+            class="inline-block h-5 w-5">
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M4.5 12.75l6 6 9-13.5" />
+          </svg>
+          JavaScript basics
+        </span>
+        <span class="mb-1">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="3"
+            stroke="currentColor"
+            class="inline-block h-5 w-5">
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M4.5 12.75l6 6 9-13.5" />
+          </svg>
+          Bootstrap 5 tutorial
+        </span>
+        <p>& much more...</p>
+
+        <button
+          type="button"
+          data-te-toggle="modal"
+          data-te-target="#newsletterModal"
+          data-te-ripple-init
+          data-te-ripple-color="light"
+          class="mt-5 inline-block w-1/2 rounded bg-primary px-6 pt-2.5 pb-2 text-xs font-medium uppercase leading-normal text-white shadow-[0_4px_9px_-4px_#3b71ca] transition duration-150 ease-in-out hover:bg-primary-600 hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:bg-primary-600 focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:outline-none focus:ring-0 active:bg-primary-700 active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] max-sm:w-full">
+          I want to join the newsletter
+        </button>
+      </div>
+    </section>
+
+    <hr
+      class="my-10 w-full border border-neutral-200 dark:border-neutral-600" />
+
+    <!--Section: Articles-->
+    <section class="flex max-md:flex-col">
+      <div class="w-2/5 border max-md:w-full">
+        <div>
+          <img
+            src="https://tecdn.b-cdn.net/img/Marketing/articles/validatejs.webp"
+            alt="..." />
+        </div>
+        <div>
+          <img
+            src="https://tecdn.b-cdn.net/img/Marketing/articles/vue-laravel.webp"
+            alt="..." />
+        </div>
+        <div>
+          <img
+            src="https://tecdn.b-cdn.net/img/Marketing/articles/what-new-in-bootstrap-5.webp"
+            alt="..." />
+        </div>
+      </div>
+
+      <div class="ml-5 flex flex-col max-md:mt-5 max-md:items-center">
+        <h2 class="text-2xl font-semibold">Articles</h2>
+        <p class="my-6 max-md:text-center">
+          Get notified when we release interesting exclusive content:
+        </p>
+        <span class="mb-1">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="3"
+            stroke="currentColor"
+            class="inline-block h-5 w-5">
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M4.5 12.75l6 6 9-13.5" />
+          </svg>
+          Web design case studies</span
+        >
+        <span class="mb-1">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="3"
+            stroke="currentColor"
+            class="inline-block h-5 w-5">
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M4.5 12.75l6 6 9-13.5" />
+          </svg>
+          Statistical reports
+        </span>
+        <span class="mb-1">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="3"
+            stroke="currentColor"
+            class="inline-block h-5 w-5">
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M4.5 12.75l6 6 9-13.5" />
+          </svg>
+          Developer news
+        </span>
+        <p>& much more...</p>
+
+        <button
+          type="button"
+          data-te-toggle="modal"
+          data-te-target="#newsletterModal"
+          data-te-ripple-init
+          data-te-ripple-color="light"
+          class="mt-5 inline-block w-1/2 rounded bg-primary px-6 pt-2.5 pb-2 align-bottom text-xs font-medium uppercase leading-normal text-white shadow-[0_4px_9px_-4px_#3b71ca] transition duration-150 ease-in-out hover:bg-primary-600 hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:bg-primary-600 focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:outline-none focus:ring-0 active:bg-primary-700 active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] max-sm:w-full">
+          I want to join the newsletter
+        </button>
+      </div>
+    </section>
+  </section>
+</section>
diff --git a/site/content/learn/lesson-1/index.html b/site/content/learn/lesson-1/index.html
index 414aa711e..dfa69da6f 100644
--- a/site/content/learn/lesson-1/index.html
+++ b/site/content/learn/lesson-1/index.html
@@ -13,6 +13,7 @@
 hidden_sidenav: true
 previous_lesson: "/learn/lesson-3/"
 next_lesson: "/learn/lesson-2/"
+accordion_section: "headingOne"
 ---
 
 <p>Test text</p>
diff --git a/site/content/learn/lesson-2/index.html b/site/content/learn/lesson-2/index.html
index 38c67a5be..acb56f0be 100644
--- a/site/content/learn/lesson-2/index.html
+++ b/site/content/learn/lesson-2/index.html
@@ -11,6 +11,7 @@
 url: "learn/lesson-2/"
 layout: tutorial
 hidden_sidenav: true
+accordion_section: "headingOne"
 ---
 
 <p>Test text</p>
diff --git a/site/content/learn/lesson-3/index.html b/site/content/learn/lesson-3/index.html
index 58aad81e4..272a7bb2d 100644
--- a/site/content/learn/lesson-3/index.html
+++ b/site/content/learn/lesson-3/index.html
@@ -11,6 +11,7 @@
 url: "learn/lesson-3/"
 layout: tutorial
 hidden_sidenav: true
+accordion_section: "headingOne"
 ---
 
 <p>Test text</p>
diff --git a/site/content/learn/lesson-4/index.html b/site/content/learn/lesson-4/index.html
index bd55c55e4..7435f2879 100644
--- a/site/content/learn/lesson-4/index.html
+++ b/site/content/learn/lesson-4/index.html
@@ -11,6 +11,7 @@
 url: "learn/lesson-4/"
 layout: tutorial
 hidden_sidenav: true
+accordion_section: "headingTwo"
 ---
 
 <p>Test text</p>
diff --git a/site/content/react/index.html b/site/content/react/index.html
new file mode 100644
index 000000000..68bb8427a
--- /dev/null
+++ b/site/content/react/index.html
@@ -0,0 +1,200 @@
+---
+title: "Tailwind Elements React Waiting List"
+date: 2023-02-28T08:00:00+02:00
+draft: false
+main_title: "Tailwind Elements React Waiting List"
+subheading: "Top quality open-source UI Kit"
+seo_title: "Tailwind Elements - 500+ free Tailwind CSS components"
+description: "A free collection of open source UI components, templates, sections & plugins for Tailwind CSS. Features dark mode and theming customization options."
+image: "/img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=LvWh9o5sJmI"
+url: "/react"
+layout: product
+hidden_sidenav: true
+menu:
+  comingsoon:
+    name: "React"
+---
+
+<!-- Section: Intro -->
+<section
+  class="mx-auto mt-24 mb-[64px] pb-[64px] min-[576px]:max-w-[540px] min-[768px]:max-w-[720px] min-[992px]:max-w-[960px] min-[1200px]:max-w-[1140px] min-[1400px]:max-w-[1320px]">
+  <div class="grid grid-cols-1 items-center pt-6 lg:grid-cols-12">
+    <div class="relative mx-3 text-center lg:col-span-5 lg:text-left">
+      <div>
+        <div class="flex items-center md:justify-center lg:justify-start">
+          <svg
+            aria-hidden="true"
+            focusable="false"
+            data-prefix="fas"
+            data-icon="fa-react"
+            class="ml-1 mr-1 h-20 w-20"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 512 512">
+            <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+            <path
+              fill="currentColor"
+              d="M418.2 177.2c-5.4-1.8-10.8-3.5-16.2-5.1.9-3.7 1.7-7.4 2.5-11.1 12.3-59.6 4.2-107.5-23.1-123.3-26.3-15.1-69.2.6-112.6 38.4-4.3 3.7-8.5 7.6-12.5 11.5-2.7-2.6-5.5-5.2-8.3-7.7-45.5-40.4-91.1-57.4-118.4-41.5-26.2 15.2-34 60.3-23 116.7 1.1 5.6 2.3 11.1 3.7 16.7-6.4 1.8-12.7 3.8-18.6 5.9C38.3 196.2 0 225.4 0 255.6c0 31.2 40.8 62.5 96.3 81.5 4.5 1.5 9 3 13.6 4.3-1.5 6-2.8 11.9-4 18-10.5 55.5-2.3 99.5 23.9 114.6 27 15.6 72.4-.4 116.6-39.1 3.5-3.1 7-6.3 10.5-9.7 4.4 4.3 9 8.4 13.6 12.4 42.8 36.8 85.1 51.7 111.2 36.6 27-15.6 35.8-62.9 24.4-120.5-.9-4.4-1.9-8.9-3-13.5 3.2-.9 6.3-1.9 9.4-2.9 57.7-19.1 99.5-50 99.5-81.7 0-30.3-39.4-59.7-93.8-78.4zM282.9 92.3c37.2-32.4 71.9-45.1 87.7-36 16.9 9.7 23.4 48.9 12.8 100.4-.7 3.4-1.4 6.7-2.3 10-22.2-5-44.7-8.6-67.3-10.6-13-18.6-27.2-36.4-42.6-53.1 3.9-3.7 7.7-7.2 11.7-10.7zM167.2 307.5c5.1 8.7 10.3 17.4 15.8 25.9-15.6-1.7-31.1-4.2-46.4-7.5 4.4-14.4 9.9-29.3 16.3-44.5 4.6 8.8 9.3 17.5 14.3 26.1zm-30.3-120.3c14.4-3.2 29.7-5.8 45.6-7.8-5.3 8.3-10.5 16.8-15.4 25.4-4.9 8.5-9.7 17.2-14.2 26-6.3-14.9-11.6-29.5-16-43.6zm27.4 68.9c6.6-13.8 13.8-27.3 21.4-40.6s15.8-26.2 24.4-38.9c15-1.1 30.3-1.7 45.9-1.7s31 .6 45.9 1.7c8.5 12.6 16.6 25.5 24.3 38.7s14.9 26.7 21.7 40.4c-6.7 13.8-13.9 27.4-21.6 40.8-7.6 13.3-15.7 26.2-24.2 39-14.9 1.1-30.4 1.6-46.1 1.6s-30.9-.5-45.6-1.4c-8.7-12.7-16.9-25.7-24.6-39s-14.8-26.8-21.5-40.6zm180.6 51.2c5.1-8.8 9.9-17.7 14.6-26.7 6.4 14.5 12 29.2 16.9 44.3-15.5 3.5-31.2 6.2-47 8 5.4-8.4 10.5-17 15.5-25.6zm14.4-76.5c-4.7-8.8-9.5-17.6-14.5-26.2-4.9-8.5-10-16.9-15.3-25.2 16.1 2 31.5 4.7 45.9 8-4.6 14.8-10 29.2-16.1 43.4zM256.2 118.3c10.5 11.4 20.4 23.4 29.6 35.8-19.8-.9-39.7-.9-59.5 0 9.8-12.9 19.9-24.9 29.9-35.8zM140.2 57c16.8-9.8 54.1 4.2 93.4 39 2.5 2.2 5 4.6 7.6 7-15.5 16.7-29.8 34.5-42.9 53.1-22.6 2-45 5.5-67.2 10.4-1.3-5.1-2.4-10.3-3.5-15.5-9.4-48.4-3.2-84.9 12.6-94zm-24.5 263.6c-4.2-1.2-8.3-2.5-12.4-3.9-21.3-6.7-45.5-17.3-63-31.2-10.1-7-16.9-17.8-18.8-29.9 0-18.3 31.6-41.7 77.2-57.6 5.7-2 11.5-3.8 17.3-5.5 6.8 21.7 15 43 24.5 63.6-9.6 20.9-17.9 42.5-24.8 64.5zm116.6 98c-16.5 15.1-35.6 27.1-56.4 35.3-11.1 5.3-23.9 5.8-35.3 1.3-15.9-9.2-22.5-44.5-13.5-92 1.1-5.6 2.3-11.2 3.7-16.7 22.4 4.8 45 8.1 67.9 9.8 13.2 18.7 27.7 36.6 43.2 53.4-3.2 3.1-6.4 6.1-9.6 8.9zm24.5-24.3c-10.2-11-20.4-23.2-30.3-36.3 9.6.4 19.5.6 29.5.6 10.3 0 20.4-.2 30.4-.7-9.2 12.7-19.1 24.8-29.6 36.4zm130.7 30c-.9 12.2-6.9 23.6-16.5 31.3-15.9 9.2-49.8-2.8-86.4-34.2-4.2-3.6-8.4-7.5-12.7-11.5 15.3-16.9 29.4-34.8 42.2-53.6 22.9-1.9 45.7-5.4 68.2-10.5 1 4.1 1.9 8.2 2.7 12.2 4.9 21.6 5.7 44.1 2.5 66.3zm18.2-107.5c-2.8.9-5.6 1.8-8.5 2.6-7-21.8-15.6-43.1-25.5-63.8 9.6-20.4 17.7-41.4 24.5-62.9 5.2 1.5 10.2 3.1 15 4.7 46.6 16 79.3 39.8 79.3 58 0 19.6-34.9 44.9-84.8 61.4zm-149.7-15c25.3 0 45.8-20.5 45.8-45.8s-20.5-45.8-45.8-45.8c-25.3 0-45.8 20.5-45.8 45.8s20.5 45.8 45.8 45.8z" />
+          </svg>
+          <h1 class="mb-8 mt-6 text-4xl font-bold">
+            Tailwind CSS<br />
+            <span class="text-primary dark:text-primary-400">with React</span>
+          </h1>
+        </div>
+        <p class="mb-8 text-sm font-medium text-gray-600 dark:text-gray-400">
+          We're planning to integrate Tailwind Elements with React. Sign up for
+          waiting list to get notified!
+        </p>
+
+        <div class="">
+          <ol class="text-md mb-10 text-gray-600 dark:text-gray-400">
+            <li class="mb-4">
+              <span
+                class="mr-2 inline-block pb-1 align-middle text-primary dark:text-primary-400">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke-width="3"
+                  stroke="currentColor"
+                  class="h-5 w-5">
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    d="M4.5 12.75l6 6 9-13.5" />
+                </svg> </span
+              >Tailwind Elements + React integration guide
+            </li>
+            <li class="mb-4">
+              <span
+                class="mr-2 inline-block pb-1 align-middle text-primary dark:text-primary-400">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke-width="3"
+                  stroke="currentColor"
+                  class="h-5 w-5">
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    d="M4.5 12.75l6 6 9-13.5" />
+                </svg> </span
+              >A dedicated UI Kit for Tailwind CSS + React
+            </li>
+            <li class="mb-4">
+              <span
+                class="mr-2 inline-block pb-1 align-middle text-primary dark:text-primary-400">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke-width="3"
+                  stroke="currentColor"
+                  class="h-5 w-5">
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    d="M4.5 12.75l6 6 9-13.5" />
+                </svg> </span
+              >Themes & templates for Tailwind CSS + React
+            </li>
+            <li class="mb-4">
+              <span
+                class="mr-2 inline-block pb-1 align-middle text-primary dark:text-primary-400">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke-width="3"
+                  stroke="currentColor"
+                  class="h-5 w-5">
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    d="M4.5 12.75l6 6 9-13.5" />
+                </svg> </span
+              >& more open source resources
+            </li>
+          </ol>
+
+          <div class="">
+            <!--ConvertKit script-->
+            <script src="https://f.convertkit.com/ckjs/ck.5.js"></script>
+
+            <!--ConvertKit form-->
+            <form
+              action="https://app.convertkit.com/forms/4899257/subscriptions"
+              method="post"
+              data-sv-form="4899257"
+              data-uid="18cb83e909"
+              data-format="inline"
+              data-version="5"
+              data-options='{"settings":{"after_subscribe":{"action":"message","success_message":"Success!\nNow check your email to confirm your subscription and enjoy React news.","redirect_url":""},"analytics":{"google":null,"fathom":null,"facebook":null,"segment":null,"pinterest":null,"sparkloop":null,"googletagmanager":null},"modal":{"trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"powered_by":{"show":true,"url":"https://convertkit.com/features/forms?utm_campaign=poweredby&amp;utm_content=form&amp;utm_medium=referral&amp;utm_source=dynamic"},"recaptcha":{"enabled":true},"return_visitor":{"action":"show","custom_content":""},"slide_in":{"display_in":"bottom_right","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"sticky_bar":{"display_in":"top","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15}},"version":"5"}'>
+              <div class="mb-4 flex gap-2 md:justify-center lg:justify-start">
+                <!--ConvertKit alerts-->
+                <ul
+                  class="formkit-alert formkit-alert-error"
+                  data-element="errors"
+                  data-group="alert"></ul>
+
+                <div
+                  class="relative w-full max-w-[400px]"
+                  data-te-input-wrapper-init>
+                  <input
+                    type="email"
+                    required=""
+                    id="email"
+                    name="email_address"
+                    placeholder="Enter your email"
+                    class="peer block min-h-[auto] w-full rounded border-0 bg-transparent py-[0.32rem] px-3 leading-[1.6] outline-none transition-all duration-200 ease-linear focus:placeholder:opacity-100 data-[te-input-state-active]:placeholder:opacity-100 motion-reduce:transition-none dark:text-gray-200 dark:placeholder:text-gray-200 [&:not([data-te-input-placeholder-active])]:placeholder:opacity-0"
+                    required />
+                  <label
+                    for="tailwind-updates-form"
+                    class="pointer-events-none absolute top-0 left-3 mb-0 max-w-[90%] origin-[0_0] truncate pt-[0.37rem] leading-[1.6] text-gray-500 transition-all duration-200 ease-out peer-focus:-translate-y-[0.9rem] peer-focus:scale-[0.8] peer-focus:text-blue-600 peer-data-[te-input-state-active]:-translate-y-[0.9rem] peer-data-[te-input-state-active]:scale-[0.8] motion-reduce:transition-none dark:text-gray-200 dark:peer-focus:text-gray-200">
+                    Your email address
+                  </label>
+                </div>
+                <div>
+                  <button
+                    type="submit"
+                    data-te-ripple-init
+                    data-te-ripple-color="light"
+                    class="inline-block min-w-[90px] rounded bg-blue-600 py-2.5 text-xs font-medium uppercase leading-tight text-white shadow-md transition duration-150 ease-in-out hover:bg-blue-700 hover:shadow-lg focus:bg-blue-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg">
+                    Join now
+                  </button>
+                </div>
+              </div>
+            </form>
+
+            <script src="https://cdn.jsdelivr.net/npm/tw-elements/dist/js/index.min.js"></script>
+          </div>
+          <p class="ml-2 text-sm text-gray-500 dark:text-gray-400">
+            By subscribing you agree to receive the newsletter & commercial
+            information from the data administrator StartupFlow s.c. Kijowska 7,
+            Warsaw.
+            <a
+              href="https://mdbootstrap.com/general/privacy-policy/"
+              class="text-blue-400 dark:text-blue-300"
+              target="_blank">
+              Policy
+            </a>
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="mx-3 mt-5 flex justify-center lg:col-span-7 lg:mt-0">
+      <picture>
+        <source
+          srcset="https://tecdn.b-cdn.net/img/home/main.webp"
+          type="image/webp" />
+        <img
+          src="https://tecdn.b-cdn.net/img/home/main.png"
+          class="w-100"
+          alt="" />
+      </picture>
+    </div>
+  </div>
+</section>
+<!-- Section: Intro -->
diff --git a/site/content/vue/index.html b/site/content/vue/index.html
new file mode 100644
index 000000000..2a3271485
--- /dev/null
+++ b/site/content/vue/index.html
@@ -0,0 +1,200 @@
+---
+title: "Tailwind Elements"
+date: 2023-02-28T08:00:00+02:00
+draft: false
+main_title: "Tailwind Elements"
+subheading: "Top quality open-source UI Kit"
+seo_title: "Tailwind Elements - 500+ free Tailwind CSS components"
+description: "A free collection of open source UI components, templates, sections & plugins for Tailwind CSS. Features dark mode and theming customization options."
+image: "/img/components-big.jpg"
+video: "https://www.youtube.com/watch?v=LvWh9o5sJmI"
+url: "/vue"
+layout: product
+hidden_sidenav: true
+menu:
+  comingsoon:
+    name: "Vue"
+---
+
+<!-- Section: Intro -->
+<section
+  class="mx-auto mt-24 mb-[64px] pb-[64px] min-[576px]:max-w-[540px] min-[768px]:max-w-[720px] min-[992px]:max-w-[960px] min-[1200px]:max-w-[1140px] min-[1400px]:max-w-[1320px]">
+  <div class="grid grid-cols-1 items-center pt-6 lg:grid-cols-12">
+    <div class="relative mx-3 text-center lg:col-span-5 lg:text-left">
+      <div>
+        <div class="flex items-center md:justify-center lg:justify-start">
+          <svg
+            aria-hidden="true"
+            focusable="false"
+            data-prefix="fas"
+            data-icon="fa-vuejs"
+            class="ml-1 mr-1 h-20 w-20"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 448 512">
+            <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+            <path
+              fill="currentColor"
+              d="M356.9 64.3H280l-56 88.6-48-88.6H0L224 448 448 64.3h-91.1zm-301.2 32h53.8L224 294.5 338.4 96.3h53.8L224 384.5 55.7 96.3z" />
+          </svg>
+          <h1 class="mb-8 mt-6 text-4xl font-bold">
+            Tailwind CSS<br />
+            <span class="text-primary dark:text-primary-400">with Vue</span>
+          </h1>
+        </div>
+        <p class="mb-8 text-sm font-medium text-gray-600 dark:text-gray-400">
+          We're planning to integrate Tailwind Elements with Vue. Sign up for
+          waiting list to get notified!
+        </p>
+
+        <div class="">
+          <ol class="text-md mb-10 text-gray-600 dark:text-gray-400">
+            <li class="mb-4">
+              <span
+                class="mr-2 inline-block pb-1 align-middle text-primary dark:text-primary-400">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke-width="3"
+                  stroke="currentColor"
+                  class="h-5 w-5">
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    d="M4.5 12.75l6 6 9-13.5" />
+                </svg> </span
+              >Tailwind Elements + Vue integration guide
+            </li>
+            <li class="mb-4">
+              <span
+                class="mr-2 inline-block pb-1 align-middle text-primary dark:text-primary-400">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke-width="3"
+                  stroke="currentColor"
+                  class="h-5 w-5">
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    d="M4.5 12.75l6 6 9-13.5" />
+                </svg> </span
+              >A dedicated UI Kit for Tailwind CSS + Vue
+            </li>
+            <li class="mb-4">
+              <span
+                class="mr-2 inline-block pb-1 align-middle text-primary dark:text-primary-400">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke-width="3"
+                  stroke="currentColor"
+                  class="h-5 w-5">
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    d="M4.5 12.75l6 6 9-13.5" />
+                </svg> </span
+              >Themes & templates for Tailwind CSS + Vue
+            </li>
+            <li class="mb-4">
+              <span
+                class="mr-2 inline-block pb-1 align-middle text-primary dark:text-primary-400">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke-width="3"
+                  stroke="currentColor"
+                  class="h-5 w-5">
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    d="M4.5 12.75l6 6 9-13.5" />
+                </svg> </span
+              >& more open source resources
+            </li>
+          </ol>
+
+          <div class="">
+            <!--ConvertKit script-->
+            <script src="https://f.convertkit.com/ckjs/ck.5.js"></script>
+
+            <!--ConvertKit form-->
+            <form
+              action="https://app.convertkit.com/forms/4899287/subscriptions"
+              method="post"
+              data-sv-form="4899287"
+              data-uid="227f83cc44"
+              data-format="inline"
+              data-version="5"
+              data-options='{"settings":{"after_subscribe":{"action":"message","success_message":"Success!\nNow check your email to confirm your subscription and enjoy Vue news.","redirect_url":""},"analytics":{"google":null,"fathom":null,"facebook":null,"segment":null,"pinterest":null,"sparkloop":null,"googletagmanager":null},"modal":{"trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"powered_by":{"show":false,"url":"https://convertkit.com/features/forms?utm_campaign=poweredby&amp;utm_content=form&amp;utm_medium=referral&amp;utm_source=dynamic"},"recaptcha":{"enabled":true},"return_visitor":{"action":"show","custom_content":""},"slide_in":{"display_in":"bottom_right","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"sticky_bar":{"display_in":"top","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15}},"version":"5"}'>
+              <div class="mb-4 flex gap-2 md:justify-center lg:justify-start">
+                <!--ConvertKit alerts-->
+                <ul
+                  class="formkit-alert formkit-alert-error"
+                  data-element="errors"
+                  data-group="alert"></ul>
+
+                <div
+                  class="relative w-full max-w-[400px]"
+                  data-te-input-wrapper-init>
+                  <input
+                    type="email"
+                    required=""
+                    id="email"
+                    name="email_address"
+                    placeholder="Enter your email"
+                    class="peer block min-h-[auto] w-full rounded border-0 bg-transparent py-[0.32rem] px-3 leading-[1.6] outline-none transition-all duration-200 ease-linear focus:placeholder:opacity-100 data-[te-input-state-active]:placeholder:opacity-100 motion-reduce:transition-none dark:text-gray-200 dark:placeholder:text-gray-200 [&:not([data-te-input-placeholder-active])]:placeholder:opacity-0"
+                    required />
+                  <label
+                    for="tailwind-updates-form"
+                    class="pointer-events-none absolute top-0 left-3 mb-0 max-w-[90%] origin-[0_0] truncate pt-[0.37rem] leading-[1.6] text-gray-500 transition-all duration-200 ease-out peer-focus:-translate-y-[0.9rem] peer-focus:scale-[0.8] peer-focus:text-blue-600 peer-data-[te-input-state-active]:-translate-y-[0.9rem] peer-data-[te-input-state-active]:scale-[0.8] motion-reduce:transition-none dark:text-gray-200 dark:peer-focus:text-gray-200">
+                    Your email address
+                  </label>
+                </div>
+                <div>
+                  <button
+                    type="submit"
+                    data-te-ripple-init
+                    data-te-ripple-color="light"
+                    class="inline-block min-w-[90px] rounded bg-blue-600 py-2.5 text-xs font-medium uppercase leading-tight text-white shadow-md transition duration-150 ease-in-out hover:bg-blue-700 hover:shadow-lg focus:bg-blue-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg">
+                    Join now
+                  </button>
+                </div>
+              </div>
+            </form>
+
+            <script src="https://cdn.jsdelivr.net/npm/tw-elements/dist/js/index.min.js"></script>
+          </div>
+          <p class="ml-2 text-sm text-gray-500 dark:text-gray-400">
+            By subscribing you agree to receive the newsletter & commercial
+            information from the data administrator StartupFlow s.c. Kijowska 7,
+            Warsaw.
+            <a
+              href="https://mdbootstrap.com/general/privacy-policy/"
+              class="text-blue-400 dark:text-blue-300"
+              target="_blank">
+              Policy
+            </a>
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="mx-3 mt-5 flex justify-center lg:col-span-7 lg:mt-0">
+      <picture>
+        <source
+          srcset="https://tecdn.b-cdn.net/img/home/main.webp"
+          type="image/webp" />
+        <img
+          src="https://tecdn.b-cdn.net/img/home/main.png"
+          class="w-100"
+          alt="" />
+      </picture>
+    </div>
+  </div>
+</section>
+<!-- Section: Intro -->
diff --git a/site/layouts/_default/product.html b/site/layouts/_default/product.html
new file mode 100644
index 000000000..493050f79
--- /dev/null
+++ b/site/layouts/_default/product.html
@@ -0,0 +1,81 @@
+<!-- Front page -->
+{{ $hidden_sidenav := .Params.hidden_sidenav }}
+
+
+<!DOCTYPE html>
+<html lang="{{ .Language.Lang }}">
+  <head>
+    {{ partial "head/head.html" . }}
+  </head>
+  <body class="bg-white transition-colors duration-500 dark:bg-neutral-800">
+    <nav
+      id="sidenav-main"
+      class="fixed top-0 left-0 z-[1036] h-screen w-60 -translate-x-full overflow-hidden bg-white shadow-[0_4px_12px_0_rgba(0,0,0,0.07),_0_2px_4px_rgba(0,0,0,0.05)] dark:bg-neutral-800 xl:data-[te-sidenav-hidden='false']:translate-x-0"
+      data-te-sidenav-init
+      {{ if ne $hidden_sidenav true }}
+        data-te-sidenav-mode-breakpoint-over="0"
+        data-te-sidenav-mode-breakpoint-side="xl" data-te-sidenav-hidden="false"
+        data-te-sidenav-mode="side"
+      {{ else }}
+        data-te-sidenav-hidden="true" data-te-sidenav-mode="over"
+      {{ end }}
+      data-te-sidenav-content="#page-content"
+      data-te-sidenav-accordion="true">
+      <a
+        href="/"
+        class="mb-3 flex items-center justify-center rounded-md py-6 pr-3 text-lg font-medium outline-none dark:text-neutral-100"
+        aria-current="page"
+        ><img src="/img/logo.png" class="mr-3" alt="" style="width: 40px" />
+        Tailwind Elements</a
+      >
+      {{ partial "sidenav/standard.html" . }}
+    </nav>
+
+    <svg
+      data-name="Layer 1"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 1440 320"
+      preserveAspectRatio="none"
+      class="absolute top-[60px] hidden h-[580px] w-full transition-opacity duration-300 dark:opacity-0 lg:block">
+      <defs>
+        <linearGradient id="sw-gradient-light" x1="0" x2="0" y1="1" y2="0">
+          <stop stop-color="hsl(209, 92.2%, 92.1%)" offset="0%"></stop>
+          <stop stop-color="hsl(209, 92.2%, 99.1%)" offset="100%"></stop>
+        </linearGradient>
+      </defs>
+      <path
+        fill="url(#sw-gradient-light)"
+        d="M -0.664 3.46 C -0.664 3.46 405.288 15.475 461.728 21.285 C 601.037 35.625 672.268 76.086 701.056 97.646 C 756.056 138.838 797.267 216.257 857.745 245.156 C 885.704 258.516 980.334 280.547 1048.511 268.826 C 1121.622 256.256 1199.864 226.267 1214.176 220.176 C 1241.273 208.643 1280.201 191.509 1343.494 179.436 C 1434.325 162.111 1439.504 196.099 1439.503 183.204 C 1439.502 161.288 1440 0 1440 0 L 1360 0 C 1280 0 1120 0 960 0 C 800 0 640 0 480 0 C 320 0 160 0 80 0 L 0 0 L -0.664 3.46 Z"></path>
+    </svg>
+
+    <svg
+      data-name="Layer 2"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 1440 320"
+      preserveAspectRatio="none"
+      class="absolute top-[60px] hidden h-[580px] w-full opacity-0 transition-opacity duration-300 dark:opacity-100 lg:block">
+      <defs>
+        <linearGradient id="sw-gradient-dark" x1="0" x2="0" y1="1" y2="0">
+          <stop stop-color="hsl(240, 4%, 28%)" offset="0%"></stop>
+          <stop stop-color="hsl(0, 0%, 15%)" offset="100%"></stop>
+        </linearGradient>
+      </defs>
+      <path
+        fill="url(#sw-gradient-dark)"
+        d="M -0.664 3.46 C -0.664 3.46 405.288 15.475 461.728 21.285 C 601.037 35.625 672.268 76.086 701.056 97.646 C 756.056 138.838 797.267 216.257 857.745 245.156 C 885.704 258.516 980.334 280.547 1048.511 268.826 C 1121.622 256.256 1199.864 226.267 1214.176 220.176 C 1241.273 208.643 1280.201 191.509 1343.494 179.436 C 1434.325 162.111 1439.504 196.099 1439.503 183.204 C 1439.502 161.288 1440 0 1440 0 L 1360 0 C 1280 0 1120 0 960 0 C 800 0 640 0 480 0 C 320 0 160 0 80 0 L 0 0 L -0.664 3.46 Z"></path>
+    </svg>
+
+    {{ partial "header/header.html" . }}
+
+
+    <div
+      id="gtmDC-frontpage-all"
+      class="absolute top-[60px] z-10 hidden h-[74px] w-full lg:block"></div>
+
+    <main class="relative leading-[1.6]">
+      {{ .Content }}
+    </main>
+
+    {{ partial "footer/footer.html" . }}
+  </body>
+</html>
diff --git a/site/layouts/_default/tutorial.html b/site/layouts/_default/tutorial.html
index e2546534a..eb7b60315 100644
--- a/site/layouts/_default/tutorial.html
+++ b/site/layouts/_default/tutorial.html
@@ -35,10 +35,51 @@
 
     <main class="mt-[58px] py-5">
       <div class="contents">
-        <section id="mdb-tutorial-content" class="container mx-auto">
-          <div class="grid grid-cols-12 gap-1">
+        <section
+          id="mdb-tutorial-content"
+          class="mx-auto min-[576px]:max-w-[540px] min-[768px]:max-w-[720px] min-[992px]:max-w-[960px] min-[1200px]:max-w-[1140px] min-[1400px]:max-w-[1320px] ">
+          <div class="grid grid-cols-12">
             <!-- Column: Sidebar -->
-            <div class="col-span-4 mx-5 mb-5 hidden lg:block">
+            <div class="col-span-4 mb-5 hidden px-5 lg:block">
+              <a
+                id="newDC-tutorials"
+                href="https://twitter.com/share?url=Looking%20for%20a%20beginner%20%F0%9F%8E%93%20web%20development%20course%3F%20%20%0A%0AThis%20is%20my%20recommendation.%20%F0%9F%92%AA%0A%20%0AYou%20will%20learn%20%23Bootstrap%2C%20%23MaterialDesign%2C%20%23UI%2C%20%23UX%2C%20%23webdesign%20best%20practices%20%26%20much%20more.%20%0A%0ALearn%20directly%20from%20%40ascensus_mdb%20the%20founder%20%F0%9F%8C%B1%20of%20%40MDBootstrap.%0A%0Ahttps%3A%2F%2Ft.ly%2FpZyh"
+                target="_blank"
+                class="opacity-100 transition-opacity duration-500 ease-in">
+                <div
+                  class="mb-4 flex h-[190px] items-center justify-center overflow-hidden rounded-[0.5em] rounded-lg border border-[rgb(20,75,163)] py-5 px-6 text-base text-neutral-600"
+                  data-te-ripple-init
+                  data-te-ripple-color="dark"
+                  role="alert">
+                  <div>
+                    <p>
+                      Ping me on
+                      <svg
+                        aria-hidden="true"
+                        focusable="false"
+                        data-prefix="fab"
+                        data-icon="twitter"
+                        class="inline h-4 w-4"
+                        role="img"
+                        xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 576 512">
+                        <path
+                          fill="currentColor"
+                          d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" />
+                      </svg>
+                      Twitter! Let me know if you like the tutrial &amp;
+                      <strong>share it</strong> with your friends.
+                    </p>
+
+                    <span
+                      type="button"
+                      class="mt-3 block rounded bg-[#E3EBF7] bg-primary-accent-200 px-6 pt-2.5 pb-2 text-center
+              text-xs font-medium uppercase leading-normal text-primary-700 decoration-[#275090] shadow-none transition duration-150 ease-in-out hover:bg-primary-accent-100 focus:bg-primary-accent-100 focus:outline-none focus:ring-0 active:bg-primary-accent-200"
+                      >Tweet now</span
+                    >
+                  </div>
+                </div>
+              </a>
               <div id="tutorials-menu">
                 {{ partial "tutorial/tutorial-navigation.html" . }}
               </div>
@@ -46,18 +87,18 @@
             <!-- Column: Sidebar -->
 
             <!-- Column: Content -->
-            <div class="col-span-8 mb-5">
+            <div class="col-span-8 mb-5 px-6">
               {{ .Content }}
 
 
-              <hr class="hr my-5" />
+              <hr class="hr my-12" />
 
               <!-- Section: Nav buttons -->
               <section class="flex justify-between">
                 <div>
                   <a
                     type="button"
-                    class="inline-block flex rounded bg-transparent px-6 py-2.5 text-xs font-medium uppercase leading-tight text-primary-600 outline-none transition duration-300 ease-in-out hover:bg-neutral-100 focus:bg-neutral-100 focus:text-primary-700 focus:outline-none focus:ring-0 active:bg-neutral-200 active:text-primary-800"
+                    class="flex rounded bg-transparent px-6 py-2.5 text-xs font-medium uppercase leading-tight text-primary outline-none transition duration-300 ease-in-out hover:bg-neutral-100 focus:bg-neutral-100 focus:text-primary-700 focus:outline-none focus:ring-0 active:bg-neutral-200 active:text-primary-800"
                     data-te-ripple-init
                     href="https://twitter.com/ascensus_mdb"
                     rel="nofollow"
@@ -67,7 +108,7 @@
                       focusable="false"
                       data-prefix="fas"
                       data-icon="caret-left"
-                      class="ml-1 mr-1 h-4 w-4"
+                      class="ml-1 mr-1 h-3.5 w-3.5"
                       role="img"
                       xmlns="http://www.w3.org/2000/svg"
                       viewBox="0 0 576 512">
@@ -83,14 +124,14 @@
                   {{ if and (isset .Params "previous_lesson") (ne .Params.previous_lesson "") }}
                     <a
                       type="button"
-                      class="mr-3 flex items-center rounded bg-primary-600 px-6 py-2.5 text-xs font-medium uppercase leading-tight text-white shadow-md outline-none transition duration-150 ease-in-out hover:bg-primary-700 hover:shadow-lg focus:bg-primary-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-primary-800 active:shadow-lg"
+                      class="mr-3 flex items-center rounded bg-primary-100 px-6 py-2.5 text-xs font-medium uppercase leading-tight text-primary-700 outline-none transition duration-150 ease-in-out hover:bg-primary-accent-100 hover:shadow-lg focus:bg-primary-accent-100 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-primary-accent-200 active:shadow-lg"
                       href="{{ .Params.previous_lesson }}"
                       ><svg
                         aria-hidden="true"
                         focusable="false"
                         data-prefix="fas"
                         data-icon="caret-left"
-                        class="-mr-1 h-4 w-4"
+                        class=" h-4 w-4"
                         role="img"
                         xmlns="http://www.w3.org/2000/svg"
                         viewBox="0 0 576 512">
@@ -105,7 +146,7 @@
                   {{ if and (isset .Params "next_lesson") (ne .Params.next_lesson "") }}
                     <a
                       type="button"
-                      class="flex items-center rounded bg-primary-600 px-6 py-2.5 text-xs font-medium uppercase leading-tight text-white shadow-md outline-none transition duration-150 ease-in-out hover:bg-primary-700 hover:shadow-lg focus:bg-primary-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-primary-800 active:shadow-lg"
+                      class="flex items-center rounded bg-primary px-6 py-2.5 text-xs font-medium uppercase leading-tight text-white shadow-[0_4px_9px_-4px_#3b71ca] outline-none transition duration-150 ease-in-out hover:bg-primary-600 hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:bg-primary-600 focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:outline-none focus:ring-0 active:bg-primary-700 active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)]"
                       href="{{ .Params.next_lesson }}">
                       Next
                       <svg
@@ -113,7 +154,7 @@
                         focusable="false"
                         data-prefix="fas"
                         data-icon="caret-right"
-                        class="ml-1 -mr-3 h-4 w-4"
+                        class="ml-3 -mr-3 h-4 w-4"
                         role="img"
                         xmlns="http://www.w3.org/2000/svg"
                         viewBox="0 0 576 512">
@@ -127,7 +168,7 @@
               </section>
               <!-- Section: Nav buttons -->
 
-              <hr class="hr my-5" />
+              <hr class="hr my-12" />
 
               <!-- Section: About author -->
               <section class="">
@@ -137,13 +178,13 @@
                   <img
                     src="https://pbs.twimg.com/profile_images/1154666340298493952/F57OFDN7_400x400.jpg"
                     alt="John Doe"
-                    class="mr-3 rounded-full"
+                    class="mr-4 rounded-full shadow-[0px_2px_25px_-5px_rgba(0,0,0,0.16),_0px_25px_21px_-5px_rgba(0,0,0,0.1)]"
                     style="width: 90px; height: 90px;" />
                   <!-- Body -->
                   <div>
-                    <div class="mb-4 flex justify-between">
+                    <div class="mb-2 flex justify-between">
                       <div>
-                        <p class="mb-2 font-bold" style="color: #757575;">
+                        <p class="mb-4 font-bold" style="color: #757575;">
                           About author
                         </p>
                         <h5 class="font-bold">Michal Szymanski</h5>
@@ -153,8 +194,7 @@ <h5 class="font-bold">Michal Szymanski</h5>
                           href="https://twitter.com/ascensus_mdb"
                           target="_blank"
                           rel="nofollow"
-                          class=" flex"
-                          style=" color: #3b71ca ;">
+                          class="flex text-primary">
                           <svg
                             aria-hidden="true"
                             focusable="false"
@@ -186,7 +226,7 @@ <h5 class="font-bold">Michal Szymanski</h5>
                         >Dancer</a
                       >, nerd & book lover.
                     </p>
-                    <p class="mt-3">
+                    <p class="mt-4">
                       Author of hundreds of articles on programming, business,
                       marketing and productivity. In the past, an educator
                       working with troubled youth in orphanages and correctional
@@ -235,6 +275,9 @@ <h5 class="font-bold">Michal Szymanski</h5>
         links.forEach((link) => {
           if (progress.includes(link.getAttribute("href"))) {
             link.setAttribute("data-te-seen-lesson", true);
+            const childrenSvg = link.querySelector("svg");
+            childrenSvg.classList.add("w-4", "h-4");
+            childrenSvg.classList.remove("w-2.5", "h-2.5", "opacity-40");
             const childrenSvgPath = link.querySelector("path");
             childrenSvgPath.setAttribute("d", checkedLessonSvgPath);
             childrenSvgPath.setAttribute("style", "color:#3b71ca;");
@@ -247,8 +290,16 @@ <h5 class="font-bold">Michal Szymanski</h5>
           );
 
           if (link.href === window.location.href) {
-            currentCollapseToggler.click();
-            link.classList.add("bg-primary-100", "dark:bg-neutral-700");
+            link.classList.add(
+              "bg-[#f3f6fc]",
+              "hover:bg-[#f3f6fc]",
+              "focus:bg-[#f3f6fc]",
+              "text-[#2c58a0]",
+              "dark:bg-neutral-700",
+              "dark:text-primary-300",
+              "dark:hover:bg-neutral-700",
+              "dark:focus:bg-neutral-700"
+            );
           }
         });
 
@@ -259,6 +310,9 @@ <h5 class="font-bold">Michal Szymanski</h5>
             "[data-te-accordion-header]"
           );
           const buttonHeader = accordionHeader.querySelector("button");
+          const buttonSvg = buttonHeader.querySelector("svg");
+          buttonSvg.classList.add("w-4", "h-4");
+          buttonSvg.classList.remove("w-2.5", "h-2.5", "opacity-40");
           const buttonHeaderSvgPath = buttonHeader.querySelector("path");
           buttonHeaderSvgPath.setAttribute("d", checkedLessonSvgPath);
           buttonHeaderSvgPath.setAttribute("style", "color:#3b71ca;");
diff --git a/site/layouts/docs/single.html b/site/layouts/docs/single.html
index 55db29b2e..371cc818a 100644
--- a/site/layouts/docs/single.html
+++ b/site/layouts/docs/single.html
@@ -12,6 +12,7 @@
   <head>
     {{ partial "head/head.html" . }}
   </head>
+
   <body class="transition-colors duration-500 dark:bg-neutral-800">
     {{ partial "header/header.html" . }}
 
@@ -131,10 +132,16 @@
               {{ end }}
                flex w-full flex-col px-3">
               {{ if not (isset .Params "custom_links") }}
-                <h1
+                <h2
                   class="mt-0 text-3xl font-bold leading-8 sm:text-[33px] md:text-4xl lg:text-[40px]">
                   {{ .Params.main_title }}
+                </h2>
+
+                <h1
+                  class="my-3 text-base font-bold text-neutral-500 dark:text-neutral-300">
+                  {{ .Params.subheading }}
                 </h1>
+
                 <p class="text-neutral-500 dark:text-neutral-300">
                   {{ .Params.description }}
                 </p>
diff --git a/site/layouts/general/single.html b/site/layouts/general/single.html
index b32ec21f4..12b420568 100644
--- a/site/layouts/general/single.html
+++ b/site/layouts/general/single.html
@@ -4,6 +4,7 @@
 {{ $api_file_exists := fileExists (printf "/content/%s/a.html" .File.Dir) }}
 {{ $api_scrollspy_file_exists := fileExists (printf "/content/%s/a-ss.html" .File.Dir) }}
 {{ $hidden_sidenav := .Params.hidden_sidenav }}
+{{ $hidden_top_margin := .Params.hidden_top_margin }}
 
 
 <!-- Single for all single page under /docs/* -->
@@ -41,7 +42,13 @@
       >
       {{ partial "sidenav/standard.html" . }}
     </nav>
-    <div class="mt-10" id="page-content">
+    <div
+      id="page-content"
+      {{ if ne $hidden_top_margin true }}
+        class="mt-10"
+      {{ else }}
+        class="mt-0"
+      {{ end }}>
       <main>{{ .Content }}</main>
     </div>
 
diff --git a/site/layouts/partials/footer/footer-docs.html b/site/layouts/partials/footer/footer-docs.html
index 46ce0c324..e60e82b94 100644
--- a/site/layouts/partials/footer/footer-docs.html
+++ b/site/layouts/partials/footer/footer-docs.html
@@ -4,60 +4,54 @@
 <footer
   class="{{ if or (eq .IsHome true) (eq $hidden_sidenav false) }}
     xl:pl-60
-  {{ end }} mt-16 bg-slate-100 text-center text-neutral-600 transition-colors duration-500 dark:bg-neutral-900 dark:text-neutral-100 lg:text-left">
+  {{ end }}
+    {{ if eq $hidden_sidenav true }}
+    mt-0
+  {{ else }}
+    mt-16
+  {{ end }}
+   bg-slate-100 text-center text-neutral-600 transition-colors duration-500 dark:bg-neutral-900 dark:text-neutral-100 lg:text-left">
   <!-- Section: Design Block -->
-  <script async src="https://f.convertkit.com/ckjs/ck.5.js"></script>
-  <form
-    action="https://app.convertkit.com/forms/2294171/subscriptions"
-    method="post"
-    data-sv-form="2294171"
-    data-uid="d600f0821d"
-    data-format="inline"
-    data-version="5"
-    data-options='{"settings":{"after_subscribe":{"action":"redirect","success_message":"Success! Now check your email to confirm your subscription.","redirect_url":"https://mdbootstrap.com/confirm/"},"analytics":{"google":null,"facebook":null,"segment":null,"pinterest":null,"sparkloop":null,"googletagmanager":null},"modal":{"trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"powered_by":{"show":false,"url":"https://convertkit.com?utm_source=dynamic&amp;utm_medium=referral&amp;utm_campaign=poweredby&amp;utm_content=form"},"recaptcha":{"enabled":true},"return_visitor":{"action":"show","custom_content":""},"slide_in":{"display_in":"bottom_right","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"sticky_bar":{"display_in":"top","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15}},"version":"5"}'>
-    <div class="flex items-center justify-center p-6">
-      <div class="mr-12 lg:block">
-        <!-- Section: Design Block -->
-        <div class="flex flex-wrap justify-center">
-          <div class="w-full shrink-0 grow-0 basis-auto px-3">
-            <div class="grid items-center lg:grid-cols-2">
-              <div class="mb-5 lg:mb-0">
-                <p class="text-md">Don't miss Tailwind Elements updates:</p>
-              </div>
-              <div class="md:mb-0">
-                <div class="flex-row md:flex">
-                  <input
-                    type="email"
-                    required=""
-                    id="email"
-                    name="email_address"
-                    class="m-0 mb-2 block w-full rounded border border-solid border-neutral-300 bg-white bg-clip-padding px-3 py-1 font-normal text-neutral-700 outline-none transition ease-in-out focus:border-primary focus:bg-white focus:text-neutral-700 focus:shadow-te-primary focus:outline-none dark:border-neutral-500 dark:bg-neutral-700 dark:text-neutral-100 dark:focus:border-primary-400 dark:focus:bg-neutral-600 md:mb-0 md:mr-2"
-                    placeholder="Enter your email" />
-                  <button
-                    type="submit"
-                    class="inline-block rounded bg-primary px-3 py-2 text-sm font-medium uppercase leading-snug text-white shadow-md transition duration-150 ease-in-out hover:bg-primary-700 hover:shadow-lg focus:bg-primary-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-primary-800 active:shadow-lg"
-                    data-te-ripple-init
-                    data-te-ripple-color="light">
-                    Subscribe
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- Section: Design Block -->
-      </div>
-    </div>
+  <div class="flex items-center justify-center px-6" mr-12 lg:block>
+    <!-- Section: Design Block -->
     <div
-      class="bg-slate-200 p-4 text-center transition-colors duration-500 dark:bg-black">
-      <span>© 2023 Copyright:</span>
-      <a
-        class="font-semibold text-primary dark:text-white"
-        href="https://mdbootstrap.com/"
-        >MDBootstrap.com</a
-      >
+      class="my-11 flex flex-col items-center justify-center lg:justify-between">
+      <div class="mb-4 block w-full text-center">
+        <span
+          >Get useful tips & free resources directly to your inbox along with
+          exclusive subscriber-only content.</span
+        >
+      </div>
+      <div class="flex justify-center space-x-2">
+        <a
+          href="/newsletter"
+          class="flex items-center justify-center rounded bg-primary px-6 pt-2.5 pb-2 text-xs font-medium uppercase leading-normal text-white shadow-[0_4px_9px_-4px_#3b71ca] transition duration-150 ease-in-out hover:bg-primary-600 hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:bg-primary-600 focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:outline-none focus:ring-0 active:bg-primary-700 active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)]">
+          Join our mailing list now
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="3"
+            stroke="currentColor"
+            class="ml-2 h-3 w-3">
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5" />
+          </svg>
+        </a>
+      </div>
     </div>
-  </form>
+  </div>
+  <div
+    class="bg-slate-200 p-4 text-center transition-colors duration-500 dark:bg-black">
+    <span>© 2023 Copyright:</span>
+    <a
+      class="font-semibold text-primary dark:text-white"
+      href="https://mdbootstrap.com/"
+      >MDBootstrap.com</a
+    >
+  </div>
 </footer>
 
 {{ partial "footer/footer-scripts.html" . }}
diff --git a/site/layouts/partials/footer/footer-scripts.html b/site/layouts/partials/footer/footer-scripts.html
index 30be83fd4..9a6c93b08 100644
--- a/site/layouts/partials/footer/footer-scripts.html
+++ b/site/layouts/partials/footer/footer-scripts.html
@@ -74,13 +74,14 @@
 
       this.input.addEventListener("blur", () => {
         this.icon.classList.remove("font-bold");
+        this.removeDataFocus();
       });
 
       this.input.addEventListener("keydown", (e) => {
         if (e.keyCode === this.keycodes.ARROW_DOWN && this.options.length > 0) {
           e.preventDefault();
 
-          this.options[0].focus();
+          this.options[1].focus();
         }
       });
 
@@ -100,6 +101,13 @@
           this.input.focus();
         } else if (e.keyCode === this.keycodes.ESCAPE && this.visibleDropdown) {
           this.toggleDropdown(false);
+        } else if (
+          e.keyCode === this.keycodes.ENTER &&
+          this.visibleDropdown &&
+          this.dropdown.querySelector("[data-te-first-search-focused]")
+        ) {
+          e.preventDefault();
+          window.location.href = this.results[0]?.href;
         }
       });
     }
@@ -138,6 +146,12 @@
       this.count.innerHTML = this.results.length;
     }
 
+    removeDataFocus() {
+      this.dropdown
+        .querySelector("[data-te-first-search-focused]")
+        ?.removeAttribute("data-te-first-search-focused");
+    }
+
     getResultsMarkup() {
       return this.results
         .map((result, i) => {
@@ -148,9 +162,9 @@
 
           return `
       <li>
-        <a class="block pt-2 px-2 text-neutral-600 text-[0.8rem] transition motion-reduce:transition-none hover:bg-neutral-100 focus:bg-neutral-100 outline-none dark:text-neutral-200 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" href="${
-          result.href
-        }">
+        <a class="block pt-2 px-2 text-neutral-600 text-[0.8rem] transition motion-reduce:transition-none hover:bg-neutral-100 focus:bg-neutral-100 outline-none dark:text-neutral-200 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 data-[te-first-search-focused]:bg-neutral-100 dark:data-[te-first-search-focused]:bg-neutral-600" ${
+          !i ? "data-te-first-search-focused" : ""
+        } href="${result.href}">
           <p class="uppercase mb-0">${this.highlightSearch(
             result.name,
             this.searchValue
@@ -317,34 +331,54 @@
       section.classList.add(...scrollspyClasses)
     );
 
+    // SmoothScroll
+    function teScrollSpyTo(event) {
+      event.preventDefault();
+      const hash = event.target.getAttribute("href");
+      const target = document.getElementById(hash.substring(1));
+      // console.log(target);
+      window.scroll({
+        top: target.offsetTop,
+        behavior: "smooth",
+      });
+
+      if (history.pushState) {
+        history.pushState(null, null, hash);
+      } else {
+        location.hash = hash;
+      }
+    }
+
     // for clickable event
-    menuSection.forEach((v) => {
-      v.onclick = () => {
+    menuSection.forEach((menuElement) => {
+      menuElement.addEventListener("click", teScrollSpyTo, false);
+      menuElement.addEventListener("click", () => {
         setTimeout(() => {
           menuSection.forEach((j) => j.removeAttribute("data-te-spy-active"));
-          v.setAttribute("data-te-spy-active", "");
+          menuElement.setAttribute("data-te-spy-active", "");
         }, 300);
-      };
+      });
     });
 
     // for window scrolldown event
-
-    window.onscroll = () => {
+    window.addEventListener("scroll", () => {
       const SELECTOR_SCROLLSPY_ITEM = "[data-te-spy-item]";
       let mainSection = document.querySelectorAll(SELECTOR_SCROLLSPY_ITEM);
 
-      mainSection.forEach((v, i) => {
-        let rect = v.getBoundingClientRect().y;
+      mainSection.forEach((header, i) => {
+        let rect = header.getBoundingClientRect().bottom;
 
-        if (rect < window.innerHeight + -940) {
-          menuSection.forEach((v) => v.removeAttribute("data-te-spy-active"));
+        if (rect < 100) {
+          menuSection.forEach((menuElement) =>
+            menuElement.removeAttribute("data-te-spy-active")
+          );
           if (!menuSection[i]) {
             return;
           }
           menuSection[i].setAttribute("data-te-spy-active", "");
         }
       });
-    };
+    });
   })();
 
   const clip = document.querySelectorAll(".clip");
@@ -437,3 +471,13 @@
     }
   });
 </script>
+
+<script>
+  const tooltipTriggerList = [].slice.call(
+    document.querySelectorAll('[data-te-toggle="tooltip"]')
+  );
+
+  const tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+    return new te.Tooltip(tooltipTriggerEl);
+  });
+</script>
diff --git a/site/layouts/partials/footer/footer.html b/site/layouts/partials/footer/footer.html
index cb95bb102..ea27651d9 100644
--- a/site/layouts/partials/footer/footer.html
+++ b/site/layouts/partials/footer/footer.html
@@ -2,13 +2,32 @@
   class="mt-16 bg-slate-100 text-center text-neutral-600 transition-colors duration-500 dark:bg-neutral-900 dark:text-neutral-100 lg:text-left">
   <div
     class="mx-auto py-12 min-[576px]:max-w-[540px] min-[768px]:max-w-[720px] min-[992px]:max-w-[960px] min-[1200px]:max-w-[1140px] min-[1400px]:max-w-[1320px]">
-    <div class="flex items-center justify-center lg:justify-between">
-      <div class="block w-full text-center">
+    <div class="flex flex-col items-center justify-center lg:justify-between">
+      <div class="mb-4 block w-full text-center">
         <span
-          >Are you looking for interesting Bootstrap components? Take a look
-          at:</span
+          >Get useful tips & free resources directly to your inbox along with
+          exclusive subscriber-only content.</span
         >
       </div>
+      <div class="flex justify-center space-x-2">
+        <a
+          href="/newsletter"
+          class="flex items-center justify-center rounded bg-primary px-6 pt-2.5 pb-2 text-xs font-medium uppercase leading-normal text-white shadow-[0_4px_9px_-4px_#3b71ca] transition duration-150 ease-in-out hover:bg-primary-600 hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:bg-primary-600 focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:outline-none focus:ring-0 active:bg-primary-700 active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)]">
+          Join our mailing list now
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="3"
+            stroke="currentColor"
+            class="ml-2 h-3 w-3">
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5" />
+          </svg>
+        </a>
+      </div>
     </div>
     <hr class=" my-12 border-neutral-300 dark:border-neutral-600" />
     <div class="pb-10 text-center md:text-left">
diff --git a/site/layouts/partials/head/meta.html b/site/layouts/partials/head/meta.html
index 7d400fcd1..b629a2730 100644
--- a/site/layouts/partials/head/meta.html
+++ b/site/layouts/partials/head/meta.html
@@ -30,6 +30,7 @@
 <meta property="og:video" content="{{ .Params.video }}" />
 <meta property="fb:admins" content="" />
 <meta property="og:type" content="website" />
+<meta name="msvalidate.01" content="A2863151C6FC9B7534BBF5F0AFD435AC" />
 
 <!-- Favicon -->
 <link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon" />
diff --git a/site/layouts/partials/header/header.html b/site/layouts/partials/header/header.html
index 6a64f2fb4..5fcd34ad0 100644
--- a/site/layouts/partials/header/header.html
+++ b/site/layouts/partials/header/header.html
@@ -126,6 +126,12 @@
               class="hidden py-2 text-neutral-500 hover:text-neutral-700 focus:text-neutral-700 disabled:text-black/30 dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300 lg:block lg:px-2 [&.active]:text-black/90 dark:[&.active]:text-zinc-400"
               >Free hosting</a
             >
+
+            <a
+              href="https://github.com/mdbootstrap/Tailwind-Elements/discussions"
+              class="hidden py-2 text-neutral-500 hover:text-neutral-700 focus:text-neutral-700 disabled:text-black/30 dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300 sm:block sm:px-2 [&.active]:text-black/90 dark:[&.active]:text-zinc-400"
+              >Community</a
+            >
           </div>
         </div>
       </div>
diff --git a/site/layouts/partials/tutorial/tutorial-nav-link.html b/site/layouts/partials/tutorial/tutorial-nav-link.html
index a86b47965..419b75508 100644
--- a/site/layouts/partials/tutorial/tutorial-nav-link.html
+++ b/site/layouts/partials/tutorial/tutorial-nav-link.html
@@ -1,19 +1,23 @@
-<a href="{{ .href }}" class="flex w-full items-center rounded-lg p-4">
-  <svg
-    aria-hidden="true"
-    focusable="false"
-    data-prefix="fas"
-    data-icon="circle"
-    class="mr-2 h-3 w-3"
-    role="img"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 576 512"
-    style="color: #757575;">
-    <path
-      id="dupa"
-      fill="currentColor"
-      d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path>
-  </svg>
+<a
+  href="{{ .href }}"
+  class="flex w-full items-center rounded-lg py-2 px-4 text-[0.9rem] leading-[1.6] outline-none transition-colors duration-500 ease-in-out hover:bg-neutral-100 focus:bg-neutral-100 motion-reduce:transition-none dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
+  <span class="mr-2 mt-[-1px] flex h-3.5 w-3.5 items-center justify-center">
+    <svg
+      aria-hidden="true"
+      focusable="false"
+      data-prefix="fas"
+      data-icon="circle"
+      class="mx-auto h-2.5 w-2.5 opacity-40"
+      role="img"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 576 512"
+      style="color: #757575;">
+      <path
+        id="dupa"
+        fill="currentColor"
+        d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path>
+    </svg>
+  </span>
   {{ .text | markdownify }}
   {{ .Title }}
 </a>
diff --git a/site/layouts/partials/tutorial/tutorial-navigation.html b/site/layouts/partials/tutorial/tutorial-navigation.html
index 0ce05f718..568deb406 100644
--- a/site/layouts/partials/tutorial/tutorial-navigation.html
+++ b/site/layouts/partials/tutorial/tutorial-navigation.html
@@ -1,32 +1,40 @@
+{{ $accordion_section := .Params.accordion_section }}
+
+
 <div
   data-te-accordion-item
   class="rounded-t-[0.25rem] border-0 bg-white dark:bg-neutral-800">
   <h2 data-te-accordion-header class="mb-0" id="headingOne">
     <button
-      class="group relative flex w-full items-center rounded-lg border-0 bg-white py-4 px-5 text-left text-base text-gray-800 outline-none transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none dark:bg-zinc-800 dark:text-white [&:not([data-te-collapse-collapsed])]:bg-primary-100 [&:not([data-te-collapse-collapsed])]:text-primary dark:[&:not([data-te-collapse-collapsed])]:bg-neutral-700 dark:[&:not([data-te-collapse-collapsed])]:text-primary-300"
+      class="group relative flex w-full items-center rounded-lg border-0 bg-white py-[0.9rem] px-[1.4rem] text-left text-base leading-none text-gray-800 outline-none transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none dark:bg-neutral-800 dark:text-white [&:not([data-te-collapse-collapsed])]:bg-[#f3f6fc] [&:not([data-te-collapse-collapsed])]:text-[#2c58a0] dark:[&:not([data-te-collapse-collapsed])]:bg-neutral-700 dark:[&:not([data-te-collapse-collapsed])]:text-primary-300"
       type="button"
       data-te-collapse-init
-      data-te-collapse-collapsed
+      {{ if ne $accordion_section "headingOne" }}
+        data-te-collapse-collapsed
+      {{ end }}
       data-te-target="#collapseOne"
       aria-expanded="true"
       aria-controls="collapseOne">
-      <svg
-        aria-hidden="true"
-        focusable="false"
-        data-prefix="fas"
-        data-icon="circle"
-        class="check-button mr-2 h-3 w-3 align-middle"
-        role="img"
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 576 512"
-        style="color: #757575;">
-        <path
-          fill="currentColor"
-          d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path>
-      </svg>
+      <span class="mr-2 mt-[-1px] flex h-3.5 w-3.5 items-center justify-center">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          data-prefix="fas"
+          data-icon="circle"
+          class="mx-auto h-2.5 w-2.5 opacity-40"
+          role="img"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 576 512"
+          style="color: #757575;">
+          <path
+            id="dupa"
+            fill="currentColor"
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path>
+        </svg>
+      </span>
       Accordion Item #1
       <span
-        class="ml-auto h-5 w-5 shrink-0 rotate-[-180deg] fill-[#336dec] transition-transform duration-200 ease-in-out group-[[data-te-collapse-collapsed]]:rotate-0 group-[[data-te-collapse-collapsed]]:fill-[#212529] motion-reduce:transition-none dark:fill-blue-300 dark:group-[[data-te-collapse-collapsed]]:fill-white">
+        class="ml-auto h-3.5 w-3.5 shrink-0 rotate-[-180deg] fill-[#336dec] transition-transform duration-200 ease-in-out group-[[data-te-collapse-collapsed]]:rotate-0 group-[[data-te-collapse-collapsed]]:fill-[#212529] motion-reduce:transition-none dark:fill-blue-300 dark:group-[[data-te-collapse-collapsed]]:fill-white">
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
           <path
             fill-rule="evenodd"
@@ -37,11 +45,16 @@ <h2 data-te-accordion-header class="mb-0" id="headingOne">
   </h2>
   <div
     id="collapseOne"
-    class="group !visible hidden"
+    class="{{ if ne $accordion_section "headingOne" }}
+      hidden
+    {{ end }} group !visible"
     data-te-collapse-item
+    {{ if eq $accordion_section "headingOne" }}
+      data-te-collapse-show
+    {{ end }}
     aria-labelledby="headingOne"
     data-te-parent="#tutorials-menu">
-    <div class="px-5 pt-2">
+    <div class="px-6 py-[1.15rem]">
       <div class="flex justify-center">
         <ul class="w-96 text-gray-800 dark:text-gray-200">
           {{ partial "tutorial/tutorial-nav-link.html" (dict "context" . "href" "/learn/lesson-1/" "text"
@@ -58,33 +71,38 @@ <h2 data-te-accordion-header class="mb-0" id="headingOne">
     </div>
   </div>
 </div>
-<div data-te-accordion-item class="border-0 bg-white dark:bg-zinc-800">
+<div data-te-accordion-item class="border-0 bg-white dark:bg-neutral-800">
   <h2 data-te-accordion-header class="mb-0" id="headingTwo">
     <button
-      class="group relative flex w-full items-center rounded-lg border-0 bg-white py-4 px-5 text-left text-base text-gray-800 outline-none transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none dark:bg-zinc-800 dark:text-white [&:not([data-te-collapse-collapsed])]:bg-primary-100 [&:not([data-te-collapse-collapsed])]:text-primary dark:[&:not([data-te-collapse-collapsed])]:bg-neutral-700 dark:[&:not([data-te-collapse-collapsed])]:text-primary-300"
+      class="group relative flex w-full items-center rounded-lg border-0 bg-white py-[0.9rem] px-[1.4rem] text-left text-base leading-none text-gray-800 outline-none transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none dark:bg-neutral-800 dark:text-white [&:not([data-te-collapse-collapsed])]:bg-[#f3f6fc] [&:not([data-te-collapse-collapsed])]:text-[#2c58a0] dark:[&:not([data-te-collapse-collapsed])]:bg-neutral-700 dark:[&:not([data-te-collapse-collapsed])]:text-primary-300"
       type="button"
       data-te-collapse-init
-      data-te-collapse-collapsed
+      {{ if ne $accordion_section "headingTwo" }}
+        data-te-collapse-collapsed
+      {{ end }}
       data-te-target="#collapseTwo"
       aria-expanded="false"
       aria-controls="collapseTwo">
-      <svg
-        aria-hidden="true"
-        focusable="false"
-        data-prefix="fas"
-        data-icon="circle"
-        class="check-button mr-2 h-3 w-3 align-middle"
-        role="img"
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 576 512"
-        style="color: #757575;">
-        <path
-          fill="currentColor"
-          d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path>
-      </svg>
+      <span class="mr-2 mt-[-1px] flex h-3.5 w-3.5 items-center justify-center">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          data-prefix="fas"
+          data-icon="circle"
+          class="mx-auto h-2.5 w-2.5 opacity-40"
+          role="img"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 576 512"
+          style="color: #757575;">
+          <path
+            id="dupa"
+            fill="currentColor"
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path>
+        </svg>
+      </span>
       Accordion Item #2
       <span
-        class="ml-auto h-5 w-5 shrink-0 rotate-[-180deg] fill-[#336dec] transition-transform duration-200 ease-in-out group-[[data-te-collapse-collapsed]]:rotate-0 group-[[data-te-collapse-collapsed]]:fill-[#212529] motion-reduce:transition-none dark:fill-blue-300 dark:group-[[data-te-collapse-collapsed]]:fill-white">
+        class="ml-auto h-3.5 w-3.5 shrink-0 rotate-[-180deg] fill-[#336dec] transition-transform duration-200 ease-in-out group-[[data-te-collapse-collapsed]]:rotate-0 group-[[data-te-collapse-collapsed]]:fill-[#212529] motion-reduce:transition-none dark:fill-blue-300 dark:group-[[data-te-collapse-collapsed]]:fill-white">
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
           <path
             fill-rule="evenodd"
@@ -95,8 +113,11 @@ <h2 data-te-accordion-header class="mb-0" id="headingTwo">
   </h2>
   <div
     id="collapseTwo"
-    class="!visible hidden"
+    class="{{ if ne $accordion_section "headingTwo" }}hidden{{ end }} !visible"
     data-te-collapse-item
+    {{ if eq $accordion_section "headingTwo" }}
+      data-te-collapse-show
+    {{ end }}
     aria-labelledby="headingTwo"
     data-te-parent="#tutorials-menu">
     <div class="px-5 pt-2">
@@ -118,33 +139,38 @@ <h2 data-te-accordion-header class="mb-0" id="headingTwo">
 </div>
 <div
   data-te-accordion-item
-  class="rounded-b-[0.25rem] border-0 bg-white dark:bg-zinc-800">
+  class="rounded-b-[0.25rem] border-0 bg-white dark:bg-neutral-800">
   <h2 data-te-accordion-header class="mb-0" id="headingThree">
     <button
-      class="group relative flex w-full items-center rounded-lg border-0 bg-white py-4 px-5 text-left text-base text-gray-800 outline-none transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none dark:bg-zinc-800 dark:text-white [&:not([data-te-collapse-collapsed])]:bg-primary-100 [&:not([data-te-collapse-collapsed])]:text-primary dark:[&:not([data-te-collapse-collapsed])]:bg-neutral-700 dark:[&:not([data-te-collapse-collapsed])]:text-primary-300"
+      class="group relative flex w-full items-center rounded-lg border-0 bg-white py-[0.9rem] px-[1.4rem] text-left text-base leading-none text-gray-800 outline-none transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none dark:bg-neutral-800 dark:text-white [&:not([data-te-collapse-collapsed])]:bg-[#f3f6fc] [&:not([data-te-collapse-collapsed])]:text-[#2c58a0] dark:[&:not([data-te-collapse-collapsed])]:bg-neutral-700 dark:[&:not([data-te-collapse-collapsed])]:text-primary-300"
       type="button"
       data-te-collapse-init
-      data-te-collapse-collapsed
+      {{ if ne $accordion_section "headingThree" }}
+        data-te-collapse-collapsed
+      {{ end }}
       data-te-target="#collapseThree"
       aria-expanded="false"
       aria-controls="collapseThree">
-      <svg
-        aria-hidden="true"
-        focusable="false"
-        data-prefix="fas"
-        data-icon="circle"
-        class="check-button mr-2 h-3 w-3 align-middle"
-        role="img"
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 576 512"
-        style="color: #757575;">
-        <path
-          fill="currentColor"
-          d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path>
-      </svg>
+      <span class="mr-2 mt-[-1px] flex h-3.5 w-3.5 items-center justify-center">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          data-prefix="fas"
+          data-icon="circle"
+          class="mx-auto h-2.5 w-2.5 opacity-40"
+          role="img"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 576 512"
+          style="color: #757575;">
+          <path
+            id="dupa"
+            fill="currentColor"
+            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path>
+        </svg>
+      </span>
       Accordion Item #3
       <span
-        class="ml-auto h-5 w-5 shrink-0 rotate-[-180deg] fill-[#336dec] transition-transform duration-200 ease-in-out group-[[data-te-collapse-collapsed]]:rotate-0 group-[[data-te-collapse-collapsed]]:fill-[#212529] motion-reduce:transition-none dark:fill-blue-300 dark:group-[[data-te-collapse-collapsed]]:fill-white">
+        class="ml-auto h-3.5 w-3.5 shrink-0 rotate-[-180deg] fill-[#336dec] transition-transform duration-200 ease-in-out group-[[data-te-collapse-collapsed]]:rotate-0 group-[[data-te-collapse-collapsed]]:fill-[#212529] motion-reduce:transition-none dark:fill-blue-300 dark:group-[[data-te-collapse-collapsed]]:fill-white">
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
           <path
             fill-rule="evenodd"
@@ -155,8 +181,13 @@ <h2 data-te-accordion-header class="mb-0" id="headingThree">
   </h2>
   <div
     id="collapseThree"
-    class="!visible hidden"
+    class="{{ if ne $accordion_section "headingThree" }}
+      hidden
+    {{ end }} !visible"
     data-te-collapse-item
+    {{ if eq $accordion_section "headingThree" }}
+      data-te-collapse-show
+    {{ end }}
     aria-labelledby="headingThree"
     data-te-parent="#tutorials-menu">
     <div class="px-5 pt-2">
diff --git a/site/layouts/shortcodes/twsnippet/code.html b/site/layouts/shortcodes/twsnippet/code.html
index 83890246f..be083f022 100644
--- a/site/layouts/shortcodes/twsnippet/code.html
+++ b/site/layouts/shortcodes/twsnippet/code.html
@@ -11,7 +11,7 @@
   role="tabpanel">
   <pre
     class="grey text-[14px] lighten-3 line-numbers language-{{ .Get `lang` }} mb-0 dark:bg-neutral-600">
-        <code>
+        <code class="{{if ne (.Get `type`) ``}}type-{{.Get `type`}}{{end}}">
             {{ .Inner | htmlEscape | htmlUnescape }}
         </code>
     </pre>
diff --git a/site/layouts/shortcodes/twsnippet/demo.html b/site/layouts/shortcodes/twsnippet/demo.html
index dbe43cf44..b775360a1 100644
--- a/site/layouts/shortcodes/twsnippet/demo.html
+++ b/site/layouts/shortcodes/twsnippet/demo.html
@@ -5,7 +5,7 @@
       {{ .Inner }}
     </div>
     <!-- Header -->
-    <div class="mt-4 border-t p-4 text-center dark:border-neutral-600">
+    <div class="hidden md:block mt-4 border-t p-4 text-center dark:border-neutral-600">
       <button
         class="inline-block rounded px-4 pt-2.5 pb-2 text-xs font-medium uppercase leading-normal text-primary hover:bg-secondary-100 focus:bg-secondary-100 focus:outline-none focus:ring-0 active:text-primary-700 dark:text-primary-400 dark:hover:bg-white/10 dark:focus:bg-white/10"
         data-te-collapse-init
diff --git a/site/layouts/shortcodes/twsnippet/no-demo.html b/site/layouts/shortcodes/twsnippet/no-demo.html
index 6d2d36efd..ce71a9725 100644
--- a/site/layouts/shortcodes/twsnippet/no-demo.html
+++ b/site/layouts/shortcodes/twsnippet/no-demo.html
@@ -1,4 +1,4 @@
-<section class="my-5">
+<section class="my-5 hidden md:block">
   <div
     class="rounded-5 border-t border-l border-r bg-white dark:border-neutral-600 dark:bg-neutral-800">
     <!-- Header -->
diff --git a/site/layouts/shortcodes/twsnippet/wrapper.html b/site/layouts/shortcodes/twsnippet/wrapper.html
index 348f520c4..deba4a412 100644
--- a/site/layouts/shortcodes/twsnippet/wrapper.html
+++ b/site/layouts/shortcodes/twsnippet/wrapper.html
@@ -1,45 +1,44 @@
-{{/* Shortcodes are evaluated inside-out so we generate a hash in the `code`
-shortcode and set it in the .Parent.Scratch and here we are extracting the
-hashes array after it gets generated by child-shortcodes */}} {{ $hashes :=
-(default slice (.Scratch.Get "hashes")) }} {{ if eq
-.Page.Params.docs_content_pro true }}
+{{ $hashes := default slice (.Scratch.Get "hashes") }}
 
-<div class="mdb-pro-example">
-  {{end}}
-  <div class="docs-pills">
-    <div
-      class="
+{{ $mobile := .Get 2 }}
+<div
+  class="docs-pills {{ if not (eq $mobile "mobile") }}hidden{{ end }} md:block">
+  <div
+    class="
         flex
-        justify-between
         items-center
-        py-2
+        justify-between
         rounded-t-lg
-        border-t border-l border-r border-neutral-200 dark:border-neutral-600
+        border-t
+        border-l border-r border-neutral-200 py-2 dark:border-neutral-600
       "
-      style="padding-left: 0.6rem"
-    >
-      <ul class="flex list-none flex-col flex-wrap pl-0 md:flex-row p-2" data-te-nav-ref>
-        {{ $tabcolor := .Get 1 }}
-        {{ range $i, $tabname := (split (.Get 0) ",") }} {{/* Get the i-th hash
-        generated by the i-th `code` child-shortcode */}} {{ $hash := index
-        $hashes $i }}
+    style="padding-left: 0.6rem">
+    <ul
+      class="flex list-none flex-col flex-wrap p-2 pl-0 md:flex-row"
+      data-te-nav-ref>
+      {{ $tabcolor := .Get 1 }}
+      {{ range $i, $tabname := (split (.Get 0) ",") }}
+        {{/* Get the i-th hash
+          generated by the i-th `code` child-shortcode
+        */}}
+        {{ $hash := index
+          $hashes $i
+        }}
         <li>
           <a
-            class="inline-block mx-[5px] rounded bg-[#F7F7F7] px-[20px] py-2.5 text-xs font-medium uppercase leading-none text-[#0000008c] shadow-none focus:outline-none focus:ring-0 data-[te-nav-active]:bg-[#E3EBF7] data-[te-nav-active]:text-[#285192]  dark:bg-neutral-600 dark:text-white dark:data-[te-nav-active]:bg-[#E3EBF7] dark:data-[te-nav-active]:text-[#285192] {{ if $tabcolor }}{{ $tabcolor }}{{ end }}"
+            class="{{ if $tabcolor }}
+              {{ $tabcolor }}
+            {{ end }} mx-[5px] inline-block rounded bg-[#F7F7F7] px-[20px] py-2.5 text-xs font-medium uppercase leading-none text-[#0000008c] shadow-none focus:outline-none focus:ring-0 data-[te-nav-active]:bg-[#E3EBF7]  data-[te-nav-active]:text-[#285192] dark:bg-neutral-600 dark:text-white dark:data-[te-nav-active]:bg-[#E3EBF7] dark:data-[te-nav-active]:text-[#285192]"
             data-te-toggle="pill"
             data-te-target="#mdb_{{ $hash }}"
-            {{ if eq $i 0 }} data-te-nav-active {{end}}
+            {{ if eq $i 0 }}data-te-nav-active{{ end }}
             href="#mdb_{{ $hash }}"
             role="tab"
             >{{ $tabname }}</a
           >
         </li>
-        {{end}}
-      </ul>
-    </div>
-    <div class="tab-content">{{.Inner}}</div>
+      {{ end }}
+    </ul>
   </div>
-
-  {{ if eq .Page.Params.docs_content_pro true }}
+  <div class="tab-content">{{ .Inner }}</div>
 </div>
-{{end}}
diff --git a/site/static/css/new-prism.css b/site/static/css/new-prism.css
index 7f13671a7..6e0ec9072 100644
--- a/site/static/css/new-prism.css
+++ b/site/static/css/new-prism.css
@@ -14,12 +14,15 @@ pre[class*='language-'] {
   background: none;
   text-shadow: 0 1px white;
   font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: .875rem;
   text-align: left;
   white-space: pre;
   word-spacing: normal;
   word-break: normal;
   word-wrap: normal;
   line-height: 1.5;
+  border-bottom-left-radius:  0.5rem;
+  border-bottom-right-radius: 0.5rem;
 
   -moz-tab-size: 4;
   -o-tab-size: 4;
@@ -186,6 +189,15 @@ pre.line-numbers > code {
   text-align: right;
 }
 
+.line-numbers .type-terminal .line-numbers-rows {
+  border-right: none;
+  top: -0.2em;
+}
+
+.type-terminal .line-numbers-rows > span:before {
+  content: '$';
+}
+
 .prism-previewer,
 .prism-previewer:before,
 .prism-previewer:after {
@@ -480,6 +492,8 @@ pre.line-numbers > code {
   position: absolute;
   top: 10px;
   right: 16px;
+  font-size: .75rem;
+  font-weight: 500;
 }
 
 .docs-pills {
@@ -488,6 +502,7 @@ pre.line-numbers > code {
 
 .docs-pills pre[class*='language-'] {
   margin-top: 0;
+  border: 1px solid #e0e0e0;
 }
 
 pre.line-numbers {
@@ -565,6 +580,9 @@ pre[class*='language-'] {
 .dark .token.atrule, .dark .token.attr-value, .dark .token.keyword {
   color: #84ccec;
 }
+.dark .token.comment {
+  color: #bdb6b6;
+}
 
 .dark .code-toolbar pre::-webkit-scrollbar {
   width: 10px;
diff --git a/site/static/img/components-big.jpg b/site/static/img/components-big.jpg
index 9412a6904..ffccf78f8 100644
Binary files a/site/static/img/components-big.jpg and b/site/static/img/components-big.jpg differ
diff --git a/site/static/img/components-old.jpg b/site/static/img/components-old.jpg
new file mode 100644
index 000000000..9412a6904
Binary files /dev/null and b/site/static/img/components-old.jpg differ
diff --git a/site/static/img/home/main.png b/site/static/img/home/main.png
new file mode 100644
index 000000000..10d15c1dd
Binary files /dev/null and b/site/static/img/home/main.png differ
diff --git a/src/files/index.html b/src/files/index.html
index 3afb9de60..8ce6d7ee8 100644
--- a/src/files/index.html
+++ b/src/files/index.html
@@ -25,6 +25,9 @@
             mono: ["ui-monospace", "monospace"],
           },
         },
+        corePlugins: {
+          preflight: false,
+        },
       };
     </script>
     <!-- Tailwind Elements CSS -->
diff --git a/src/js/components/alert.js b/src/js/components/alert.js
index 54f7864be..9ce4a4c70 100644
--- a/src/js/components/alert.js
+++ b/src/js/components/alert.js
@@ -117,14 +117,12 @@ class Alert extends BaseComponent {
       this._setupAutohide();
     }
     if (!this._element.hasAttribute(SHOW_DATA_ATTRIBUTE)) {
-      Object.assign(this._element.style, {
-        display: "block",
-      });
+      Manipulator.removeClass(this._element, "hidden");
+      Manipulator.addClass(this._element, "block");
       if (isVisible(this._element)) {
         const handler = (e) => {
-          Object.assign(e.target.style, {
-            display: "block",
-          });
+          Manipulator.removeClass(this._element, "hidden");
+          Manipulator.addClass(this._element, "block");
           EventHandler.off(e.target, "animationend", handler);
         };
         this._element.setAttribute(SHOW_DATA_ATTRIBUTE, "");
@@ -146,9 +144,8 @@ class Alert extends BaseComponent {
     if (this._element.hasAttribute(SHOW_DATA_ATTRIBUTE)) {
       this._element.removeAttribute(SHOW_DATA_ATTRIBUTE);
       const handler = (e) => {
-        Object.assign(e.target.style, {
-          display: "none",
-        });
+        Manipulator.addClass(this._element, "hidden");
+        Manipulator.removeClass(this._element, "block");
 
         if (this._timeout !== null) {
           clearTimeout(this._timeout);
diff --git a/src/js/forms/datepicker/index.js b/src/js/forms/datepicker/index.js
index 95e421776..03f707a3e 100644
--- a/src/js/forms/datepicker/index.js
+++ b/src/js/forms/datepicker/index.js
@@ -128,14 +128,14 @@ const DATEPICKER_FOOTER_BTN_CLASSES =
   "outline-none bg-white text-primary border-none cursor-pointer py-0 px-2.5 uppercase text-[0.8rem] leading-10 font-medium h-10 tracking-[.1rem] rounded-[10px] mb-2.5 hover:bg-neutral-200 focus:bg-neutral-200 dark:bg-transparent dark:text-white dark:hover:bg-white/10 dark:focus:bg-white/10";
 const DATEPICKER_CLEAR_BTN_CLASSES = "mr-auto";
 const DATEPICKER_DAY_HEADING_CLASSES =
-  "w-10 h-10 text-center text-[12px] font-normal";
+  "w-10 h-10 text-center text-[12px] font-normal dark:text-white";
 const DATEPICKER_CELL_CLASSES =
   "text-center data-[te-datepicker-cell-disabled]:text-neutral-300 data-[te-datepicker-cell-disabled]:cursor-default data-[te-datepicker-cell-disabled]:pointer-events-none data-[te-datepicker-cell-disabled]:hover:cursor-default hover:cursor-pointer group";
 const DATEPICKER_CELL_SMALL_CLASSES =
   "w-10 h-10 xs:max-md:landscape:w-8 xs:max-md:landscape:h-8";
 const DATEPICKER_CELL_LARGE_CLASSES = "w-[76px] h-[42px]";
 const DATEPICKER_CELL_CONTENT_CLASSES =
-  "mx-auto group-[:not([data-te-datepicker-cell-disabled]):not([data-te-datepicker-cell-selected]):hover]:bg-neutral-300 group-[[data-te-datepicker-cell-selected]]:bg-primary group-[[data-te-datepicker-cell-selected]]:text-white group-[:not([data-te-datepicker-cell-selected])[data-te-datepicker-cell-focused]]:bg-neutral-100 group-[[data-te-datepicker-cell-focused]]:data-[te-datepicker-cell-selected]:bg-primary group-[[data-te-datepicker-cell-current]]:border-solid group-[[data-te-datepicker-cell-current]]:border-black group-[[data-te-datepicker-cell-current]]:border dark:group-[:not([data-te-datepicker-cell-disabled]):not([data-te-datepicker-cell-selected]):hover]:bg-white/10 dark:group-[[data-te-datepicker-cell-current]]:border-white dark:group-[:not([data-te-datepicker-cell-selected])[data-te-datepicker-cell-focused]]:bg-white/10";
+  "mx-auto group-[:not([data-te-datepicker-cell-disabled]):not([data-te-datepicker-cell-selected]):hover]:bg-neutral-300 group-[[data-te-datepicker-cell-selected]]:bg-primary group-[[data-te-datepicker-cell-selected]]:text-white group-[:not([data-te-datepicker-cell-selected])[data-te-datepicker-cell-focused]]:bg-neutral-100 group-[[data-te-datepicker-cell-focused]]:data-[te-datepicker-cell-selected]:bg-primary group-[[data-te-datepicker-cell-current]]:border-solid group-[[data-te-datepicker-cell-current]]:border-black group-[[data-te-datepicker-cell-current]]:border dark:group-[:not([data-te-datepicker-cell-disabled]):not([data-te-datepicker-cell-selected]):hover]:bg-white/10 dark:group-[[data-te-datepicker-cell-current]]:border-white dark:text-white dark:group-[:not([data-te-datepicker-cell-selected])[data-te-datepicker-cell-focused]]:bg-white/10";
 const DATEPICKER_CELL_CONTENT_SMALL_CLASSES =
   "w-9 h-9 leading-9 rounded-[50%] text-[13px]";
 const DATEPICKER_CELL_CONTENT_LARGE_CLASSES =