diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
new file mode 100644
index 0000000..8458d10
--- /dev/null
+++ b/assets/css/compiled/main.css
@@ -0,0 +1,5744 @@
+/*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */
+
+#zen-mode-button {
+  cursor:pointer
+}
+
+.zen-mode {
+  position: relative;
+}
+
+body.zen-mode-enable {
+  #bmc-wbtn, .author {
+    display:none !important;
+  }
+}
+
+/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */
+
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+  box-sizing: border-box;
+  /* 1 */
+  border-width: 0;
+  /* 2 */
+  border-style: solid;
+  /* 2 */
+  border-color: currentColor;
+  /* 2 */
+}
+
+::before,
+::after {
+  --tw-content: '';
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
+*/
+
+html,
+:host {
+  line-height: 1.5;
+  /* 1 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+  -moz-tab-size: 4;
+  /* 3 */
+  -o-tab-size: 4;
+     tab-size: 4;
+  /* 3 */
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  /* 4 */
+  font-feature-settings: normal;
+  /* 5 */
+  font-variation-settings: normal;
+  /* 6 */
+  -webkit-tap-highlight-color: transparent;
+  /* 7 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+
+body {
+  margin: 0;
+  /* 1 */
+  line-height: inherit;
+  /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+  height: 0;
+  /* 1 */
+  color: inherit;
+  /* 2 */
+  border-top-width: 1px;
+  /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/*
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  /* 1 */
+  font-feature-settings: normal;
+  /* 2 */
+  font-variation-settings: normal;
+  /* 3 */
+  font-size: 1em;
+  /* 4 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+  font-size: 80%;
+}
+
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+  text-indent: 0;
+  /* 1 */
+  border-color: inherit;
+  /* 2 */
+  border-collapse: collapse;
+  /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  /* 1 */
+  font-feature-settings: inherit;
+  /* 1 */
+  font-variation-settings: inherit;
+  /* 1 */
+  font-size: 100%;
+  /* 1 */
+  font-weight: inherit;
+  /* 1 */
+  line-height: inherit;
+  /* 1 */
+  color: inherit;
+  /* 1 */
+  margin: 0;
+  /* 2 */
+  padding: 0;
+  /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+  text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button;
+  /* 1 */
+  background-color: transparent;
+  /* 2 */
+  background-image: none;
+  /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+  outline: auto;
+}
+
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+  vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  outline-offset: -2px;
+  /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+  display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+
+legend {
+  padding: 0;
+}
+
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/*
+Reset default styling for dialogs.
+*/
+
+dialog {
+  padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+  resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+  opacity: 1;
+  /* 1 */
+  color: #9ca3af;
+  /* 2 */
+}
+
+input::placeholder,
+textarea::placeholder {
+  opacity: 1;
+  /* 1 */
+  color: #9ca3af;
+  /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+  cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+
+:disabled {
+  cursor: default;
+}
+
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  /* 1 */
+  vertical-align: middle;
+  /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+/* Make elements with the HTML hidden attribute stay hidden by default */
+
+[hidden] {
+  display: none;
+}
+
+[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
+  -webkit-appearance:none;
+     -moz-appearance:none;
+          appearance:none;
+  background-color:#fff;
+  border-color:#6b7280;
+  border-width:1px;
+  border-radius:0px;
+  padding-top:0.5rem;
+  padding-right:0.75rem;
+  padding-bottom:0.5rem;
+  padding-left:0.75rem;
+  font-size:1rem;
+  line-height:1.5rem;
+  --tw-shadow:0 0 #0000;
+}
+
+[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
+  outline:2px solid transparent;
+  outline-offset:2px;
+  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
+  --tw-ring-offset-width:0px;
+  --tw-ring-offset-color:#fff;
+  --tw-ring-color:#2563eb;
+  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  border-color:#2563eb
+}
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+  color:#6b7280;
+  opacity:1
+}
+
+input::placeholder,textarea::placeholder {
+  color:#6b7280;
+  opacity:1
+}
+
+::-webkit-datetime-edit-fields-wrapper {
+  padding:0
+}
+
+::-webkit-date-and-time-value {
+  min-height:1.5em;
+  text-align:inherit
+}
+
+::-webkit-datetime-edit {
+  display:inline-flex
+}
+
+::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
+  padding-top:0;
+  padding-bottom:0
+}
+
+select {
+  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+  background-position:right 0.5rem center;
+  background-repeat:no-repeat;
+  background-size:1.5em 1.5em;
+  padding-right:2.5rem;
+  -webkit-print-color-adjust:exact;
+          print-color-adjust:exact
+}
+
+[multiple],[size]:where(select:not([size="1"])) {
+  background-image:initial;
+  background-position:initial;
+  background-repeat:unset;
+  background-size:initial;
+  padding-right:0.75rem;
+  -webkit-print-color-adjust:unset;
+          print-color-adjust:unset
+}
+
+[type='checkbox'],[type='radio'] {
+  -webkit-appearance:none;
+     -moz-appearance:none;
+          appearance:none;
+  padding:0;
+  -webkit-print-color-adjust:exact;
+          print-color-adjust:exact;
+  display:inline-block;
+  vertical-align:middle;
+  background-origin:border-box;
+  -webkit-user-select:none;
+     -moz-user-select:none;
+          user-select:none;
+  flex-shrink:0;
+  height:1rem;
+  width:1rem;
+  color:#2563eb;
+  background-color:#fff;
+  border-color:#6b7280;
+  border-width:1px;
+  --tw-shadow:0 0 #0000
+}
+
+[type='checkbox'] {
+  border-radius:0px
+}
+
+[type='radio'] {
+  border-radius:100%
+}
+
+[type='checkbox']:focus,[type='radio']:focus {
+  outline:2px solid transparent;
+  outline-offset:2px;
+  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
+  --tw-ring-offset-width:2px;
+  --tw-ring-offset-color:#fff;
+  --tw-ring-color:#2563eb;
+  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
+}
+
+[type='checkbox']:checked,[type='radio']:checked {
+  border-color:transparent;
+  background-color:currentColor;
+  background-size:100% 100%;
+  background-position:center;
+  background-repeat:no-repeat
+}
+
+[type='checkbox']:checked {
+  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+}
+
+@media (forced-colors: active)  {
+  [type='checkbox']:checked {
+    -webkit-appearance:auto;
+       -moz-appearance:auto;
+            appearance:auto
+  }
+}
+
+[type='radio']:checked {
+  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+}
+
+@media (forced-colors: active)  {
+  [type='radio']:checked {
+    -webkit-appearance:auto;
+       -moz-appearance:auto;
+            appearance:auto
+  }
+}
+
+[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
+  border-color:transparent;
+  background-color:currentColor
+}
+
+[type='checkbox']:indeterminate {
+  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
+  border-color:transparent;
+  background-color:currentColor;
+  background-size:100% 100%;
+  background-position:center;
+  background-repeat:no-repeat;
+}
+
+@media (forced-colors: active)  {
+  [type='checkbox']:indeterminate {
+    -webkit-appearance:auto;
+       -moz-appearance:auto;
+            appearance:auto
+  }
+}
+
+[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
+  border-color:transparent;
+  background-color:currentColor
+}
+
+[type='file'] {
+  background:unset;
+  border-color:inherit;
+  border-width:0;
+  border-radius:0;
+  padding:0;
+  font-size:unset;
+  line-height:inherit
+}
+
+[type='file']:focus {
+  outline:1px solid ButtonText;
+  outline:1px auto -webkit-focus-ring-color
+}
+
+*, ::before, ::after {
+  --tw-border-spacing-x:0;
+  --tw-border-spacing-y:0;
+  --tw-translate-x:0;
+  --tw-translate-y:0;
+  --tw-rotate:0;
+  --tw-skew-x:0;
+  --tw-skew-y:0;
+  --tw-scale-x:1;
+  --tw-scale-y:1;
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness:proximity;
+  --tw-gradient-from-position: ;
+  --tw-gradient-via-position: ;
+  --tw-gradient-to-position: ;
+  --tw-ordinal: ;
+  --tw-slashed-zero: ;
+  --tw-numeric-figure: ;
+  --tw-numeric-spacing: ;
+  --tw-numeric-fraction: ;
+  --tw-ring-inset: ;
+  --tw-ring-offset-width:0px;
+  --tw-ring-offset-color:#fff;
+  --tw-ring-color:rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow:0 0 #0000;
+  --tw-ring-shadow:0 0 #0000;
+  --tw-shadow:0 0 #0000;
+  --tw-shadow-colored:0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: 
+}
+
+::backdrop {
+  --tw-border-spacing-x:0;
+  --tw-border-spacing-y:0;
+  --tw-translate-x:0;
+  --tw-translate-y:0;
+  --tw-rotate:0;
+  --tw-skew-x:0;
+  --tw-skew-y:0;
+  --tw-scale-x:1;
+  --tw-scale-y:1;
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness:proximity;
+  --tw-gradient-from-position: ;
+  --tw-gradient-via-position: ;
+  --tw-gradient-to-position: ;
+  --tw-ordinal: ;
+  --tw-slashed-zero: ;
+  --tw-numeric-figure: ;
+  --tw-numeric-spacing: ;
+  --tw-numeric-fraction: ;
+  --tw-ring-inset: ;
+  --tw-ring-offset-width:0px;
+  --tw-ring-offset-color:#fff;
+  --tw-ring-color:rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow:0 0 #0000;
+  --tw-ring-shadow:0 0 #0000;
+  --tw-shadow:0 0 #0000;
+  --tw-shadow-colored:0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: 
+}
+
+.container {
+  width:100%
+}
+
+@media (min-width: 640px) {
+  .container {
+    max-width:640px
+  }
+}
+
+@media (min-width: 853px) {
+  .container {
+    max-width:853px
+  }
+}
+
+@media (min-width: 1024px) {
+  .container {
+    max-width:1024px
+  }
+}
+
+@media (min-width: 1280px) {
+  .container {
+    max-width:1280px
+  }
+}
+
+@media (min-width: 1536px) {
+  .container {
+    max-width:1536px
+  }
+}
+
+.prose {
+  color:var(--tw-prose-body);
+  max-width:65ch;
+}
+
+.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:1.25em;
+  margin-bottom:1.25em
+}
+
+.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:var(--tw-prose-lead);
+  font-size:1.25em;
+  line-height:1.6;
+  margin-top:1.2em;
+  margin-bottom:1.2em
+}
+
+.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:var(--tw-prose-links);
+  text-decoration:none;
+  font-weight:500;
+  text-decoration-color:rgba(var(--color-primary-300), 1);
+}
+
+.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
+  color:rgba(var(--color-primary-600), 1);
+  text-decoration:none;
+  border-radius:0.09rem
+}
+
+.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:var(--tw-prose-bold);
+  font-weight:600
+}
+
+.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:inherit
+}
+
+.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:inherit
+}
+
+.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:inherit
+}
+
+.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  list-style-type:decimal;
+  margin-top:1.25em;
+  margin-bottom:1.25em;
+  padding-left:1.625em
+}
+
+.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  list-style-type:upper-alpha
+}
+
+.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  list-style-type:lower-alpha
+}
+
+.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  list-style-type:upper-alpha
+}
+
+.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  list-style-type:lower-alpha
+}
+
+.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  list-style-type:upper-roman
+}
+
+.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  list-style-type:lower-roman
+}
+
+.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  list-style-type:upper-roman
+}
+
+.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  list-style-type:lower-roman
+}
+
+.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  list-style-type:decimal
+}
+
+.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  list-style-type:disc;
+  margin-top:1.25em;
+  margin-bottom:1.25em;
+  padding-left:1.625em
+}
+
+.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+  font-weight:400;
+  color:var(--tw-prose-counters)
+}
+
+.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+  color:var(--tw-prose-bullets)
+}
+
+.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:var(--tw-prose-headings);
+  font-weight:600;
+  margin-top:1.25em
+}
+
+.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  border-color:var(--tw-prose-hr);
+  border-top-width:1px;
+  margin-top:3em;
+  margin-bottom:3em
+}
+
+.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  font-weight:500;
+  font-style:italic;
+  color:var(--tw-prose-quotes);
+  border-left-width:0.25rem;
+  border-left-color:var(--tw-prose-quote-borders);
+  quotes:"\201C""\201D""\2018""\2019";
+  margin-top:1.6em;
+  margin-bottom:1.6em;
+  padding-left:1em
+}
+
+.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+  content:open-quote
+}
+
+.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+  content:close-quote
+}
+
+.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:var(--tw-prose-headings);
+  font-weight:800;
+  font-size:2.25em;
+  margin-top:0;
+  margin-bottom:0.8888889em;
+  line-height:1.1111111
+}
+
+.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  font-weight:900;
+  color:inherit
+}
+
+.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:var(--tw-prose-headings);
+  font-weight:700;
+  font-size:1.5em;
+  margin-top:2em;
+  margin-bottom:1em;
+  line-height:1.3333333
+}
+
+.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  font-weight:800;
+  color:inherit
+}
+
+.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:var(--tw-prose-headings);
+  font-weight:600;
+  font-size:1.25em;
+  margin-top:1.6em;
+  margin-bottom:0.6em;
+  line-height:1.6
+}
+
+.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  font-weight:700;
+  color:inherit
+}
+
+.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:var(--tw-prose-headings);
+  font-weight:600;
+  margin-top:1.5em;
+  margin-bottom:0.5em;
+  line-height:1.5
+}
+
+.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  font-weight:700;
+  color:inherit
+}
+
+.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:2em;
+  margin-bottom:2em
+}
+
+.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  display:block;
+  margin-top:2em;
+  margin-bottom:2em
+}
+
+.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  font-weight:600;
+  font-family:inherit;
+  color:var(--tw-prose-kbd);
+  box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
+  font-size:0.9rem;
+  border-radius:0.25rem;
+  padding-top:0.1875em;
+  padding-right:0.375em;
+  padding-bottom:0.1875em;
+  padding-left:0.375em;
+  background-color:rgba(var(--color-neutral-200), 1);
+  padding:0.1rem 0.4rem
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:var(--tw-prose-code);
+  font-weight:600;
+  font-size:0.875em;
+  background-color:rgba(var(--color-neutral-50), 1);
+  padding-top:3px;
+  padding-bottom:3px;
+  padding-left:5px;
+  padding-right:5px;
+  border-radius:0.25rem
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+  content:"`";
+  display:none
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+  content:"`";
+  display:none
+}
+
+.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:var(--tw-prose-code)
+}
+
+.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:inherit
+}
+
+.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:inherit;
+  font-size:0.875em
+}
+
+.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:inherit;
+  font-size:0.9em
+}
+
+.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:inherit
+}
+
+.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:inherit
+}
+
+.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:inherit
+}
+
+.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:var(--tw-prose-pre-code);
+  background-color:var(--tw-prose-pre-bg);
+  overflow-x:auto;
+  font-weight:400;
+  font-size:0.875em;
+  line-height:1.7142857;
+  margin-top:1.7142857em;
+  margin-bottom:1.7142857em;
+  border-radius:0.375rem;
+  padding-top:0.8571429em;
+  padding-right:1.1428571em;
+  padding-bottom:0.8571429em;
+  padding-left:1.1428571em
+}
+
+.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  background-color:transparent;
+  border-width:0;
+  border-radius:0;
+  padding:0;
+  font-weight:inherit;
+  color:inherit;
+  font-size:inherit;
+  font-family:inherit;
+  line-height:inherit
+}
+
+.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+  content:none
+}
+
+.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+  content:none
+}
+
+.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  width:100%;
+  table-layout:auto;
+  text-align:left;
+  margin-top:2em;
+  margin-bottom:2em;
+  font-size:0.875em;
+  line-height:1.7142857
+}
+
+.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  border-bottom-width:1px;
+  border-bottom-color:var(--tw-prose-th-borders)
+}
+
+.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:var(--tw-prose-headings);
+  font-weight:600;
+  vertical-align:bottom;
+  padding-right:0.5714286em;
+  padding-bottom:0.5714286em;
+  padding-left:0.5714286em
+}
+
+.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  border-bottom-width:1px;
+  border-bottom-color:var(--tw-prose-td-borders)
+}
+
+.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  border-bottom-width:0
+}
+
+.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  vertical-align:baseline
+}
+
+.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  border-top-width:1px;
+  border-top-color:var(--tw-prose-th-borders)
+}
+
+.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  vertical-align:top
+}
+
+.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:0;
+  margin-bottom:0
+}
+
+.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:var(--tw-prose-captions);
+  font-size:0.875em;
+  line-height:1.4285714;
+  margin-top:0.8571429em
+}
+
+.prose {
+  --tw-prose-body:rgba(var(--color-neutral-700), 1);
+  --tw-prose-headings:rgba(var(--color-neutral-800), 1);
+  --tw-prose-lead:rgba(var(--color-neutral-500), 1);
+  --tw-prose-links:rgba(var(--color-primary-600), 1);
+  --tw-prose-bold:rgba(var(--color-neutral-900), 1);
+  --tw-prose-counters:rgba(var(--color-neutral-800), 1);
+  --tw-prose-bullets:rgba(var(--color-neutral-500), 1);
+  --tw-prose-hr:rgba(var(--color-neutral-200), 1);
+  --tw-prose-quotes:rgba(var(--color-neutral-700), 1);
+  --tw-prose-quote-borders:rgba(var(--color-primary-200), 1);
+  --tw-prose-captions:rgba(var(--color-neutral-500), 1);
+  --tw-prose-kbd:#111827;
+  --tw-prose-kbd-shadows:17 24 39;
+  --tw-prose-code:rgba(var(--color-secondary-700), 1);
+  --tw-prose-pre-code:rgba(var(--color-neutral-700), 1);
+  --tw-prose-pre-bg:rgba(var(--color-neutral-50), 1);
+  --tw-prose-th-borders:rgba(var(--color-neutral-500), 1);
+  --tw-prose-td-borders:rgba(var(--color-neutral-300), 1);
+  --tw-prose-invert-body:rgba(var(--color-neutral-300), 1);
+  --tw-prose-invert-headings:rgba(var(--color-neutral-50), 1);
+  --tw-prose-invert-lead:rgba(var(--color-neutral-500), 1);
+  --tw-prose-invert-links:rgba(var(--color-primary-400), 1);
+  --tw-prose-invert-bold:rgba(var(--color-neutral), 1);
+  --tw-prose-invert-counters:rgba(var(--color-neutral-400), 1);
+  --tw-prose-invert-bullets:rgba(var(--color-neutral-600), 1);
+  --tw-prose-invert-hr:rgba(var(--color-neutral-500), 1);
+  --tw-prose-invert-quotes:rgba(var(--color-neutral-200), 1);
+  --tw-prose-invert-quote-borders:rgba(var(--color-primary-900), 1);
+  --tw-prose-invert-captions:rgba(var(--color-neutral-400), 1);
+  --tw-prose-invert-kbd:#fff;
+  --tw-prose-invert-kbd-shadows:255 255 255;
+  --tw-prose-invert-code:rgba(var(--color-secondary-400), 1);
+  --tw-prose-invert-pre-code:rgba(var(--color-neutral-200), 1);
+  --tw-prose-invert-pre-bg:rgba(var(--color-neutral-700), 1);
+  --tw-prose-invert-th-borders:rgba(var(--color-neutral-500), 1);
+  --tw-prose-invert-td-borders:rgba(var(--color-neutral-700), 1);
+  font-size:1rem;
+  line-height:1.75
+}
+
+.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:0;
+  margin-bottom:0
+}
+
+.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:2em;
+  margin-bottom:2em
+}
+
+.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:0.5em;
+  margin-bottom:0.5em
+}
+
+.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  padding-left:0.375em
+}
+
+.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  padding-left:0.375em
+}
+
+.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:0.75em;
+  margin-bottom:0.75em
+}
+
+.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:1.25em
+}
+
+.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-bottom:1.25em
+}
+
+.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:1.25em
+}
+
+.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-bottom:1.25em
+}
+
+.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:0.75em;
+  margin-bottom:0.75em
+}
+
+.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:1.25em;
+  margin-bottom:1.25em
+}
+
+.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:0.5em;
+  padding-left:1.625em
+}
+
+.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:0
+}
+
+.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:0
+}
+
+.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:0
+}
+
+.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:0
+}
+
+.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  padding-left:0
+}
+
+.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  padding-right:0
+}
+
+.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  padding-top:0.5714286em;
+  padding-right:0.5714286em;
+  padding-bottom:0.5714286em;
+  padding-left:0.5714286em
+}
+
+.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  padding-left:0
+}
+
+.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  padding-right:0
+}
+
+.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:2em;
+  margin-bottom:2em
+}
+
+.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:0
+}
+
+.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-bottom:0
+}
+
+.prose :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:rgba(var(--color-neutral-800), 1);
+  background-color:rgba(var(--color-primary-600), 1);
+  padding:0.1rem 0.2rem;
+  border-radius:0.25rem
+}
+
+.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+  display:none
+}
+
+.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+  display:none
+}
+
+.prose :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  text-decoration-color:rgba(var(--color-primary-600), 1)
+}
+
+.prose :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  text-decoration-color:rgba(var(--color-primary-600), 1)
+}
+
+.prose-invert :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  text-decoration-color:rgba(var(--color-primary-400), 1)
+}
+
+.prose-invert :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  text-decoration-color:rgba(var(--color-primary-400), 1)
+}
+
+.form-input,.form-textarea,.form-select,.form-multiselect {
+  -webkit-appearance:none;
+     -moz-appearance:none;
+          appearance:none;
+  background-color:#fff;
+  border-color:#6b7280;
+  border-width:1px;
+  border-radius:0px;
+  padding-top:0.5rem;
+  padding-right:0.75rem;
+  padding-bottom:0.5rem;
+  padding-left:0.75rem;
+  font-size:1rem;
+  line-height:1.5rem;
+  --tw-shadow:0 0 #0000;
+}
+
+.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
+  outline:2px solid transparent;
+  outline-offset:2px;
+  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
+  --tw-ring-offset-width:0px;
+  --tw-ring-offset-color:#fff;
+  --tw-ring-color:#2563eb;
+  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  border-color:#2563eb
+}
+
+.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
+  color:#6b7280;
+  opacity:1
+}
+
+.form-input::placeholder,.form-textarea::placeholder {
+  color:#6b7280;
+  opacity:1
+}
+
+.form-input::-webkit-datetime-edit-fields-wrapper {
+  padding:0
+}
+
+.form-input::-webkit-date-and-time-value {
+  min-height:1.5em;
+  text-align:inherit
+}
+
+.form-input::-webkit-datetime-edit {
+  display:inline-flex
+}
+
+.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field {
+  padding-top:0;
+  padding-bottom:0
+}
+
+.sr-only {
+  position:absolute;
+  width:1px;
+  height:1px;
+  padding:0;
+  margin:-1px;
+  overflow:hidden;
+  clip:rect(0, 0, 0, 0);
+  white-space:nowrap;
+  border-width:0
+}
+
+.pointer-events-none {
+  pointer-events:none
+}
+
+.pointer-events-auto {
+  pointer-events:auto
+}
+
+.invisible {
+  visibility:hidden
+}
+
+.static {
+  position:static
+}
+
+.fixed {
+  position:fixed
+}
+
+.\!absolute {
+  position:absolute !important
+}
+
+.absolute {
+  position:absolute
+}
+
+.relative {
+  position:relative
+}
+
+.sticky {
+  position:sticky
+}
+
+.inset-0 {
+  inset:0px
+}
+
+.inset-x-0 {
+  left:0px;
+  right:0px
+}
+
+.bottom-0 {
+  bottom:0px
+}
+
+.left-0 {
+  left:0px
+}
+
+.right-0 {
+  right:0px
+}
+
+.right-8 {
+  right:2rem
+}
+
+.top-0 {
+  top:0px
+}
+
+.top-20 {
+  top:5rem
+}
+
+.top-48 {
+  top:12rem
+}
+
+.top-8 {
+  top:2rem
+}
+
+.top-\[110vh\] {
+  top:110vh
+}
+
+.top-\[calc\(100vh-5\.5rem\)\] {
+  top:calc(100vh - 5.5rem)
+}
+
+.z-0 {
+  z-index:0
+}
+
+.z-10 {
+  z-index:10
+}
+
+.z-30 {
+  z-index:30
+}
+
+.z-\[1\] {
+  z-index:1
+}
+
+.z-\[2\] {
+  z-index:2
+}
+
+.order-first {
+  order:-9999
+}
+
+.float-left {
+  float:left
+}
+
+.\!-m-px {
+  margin:-1px !important
+}
+
+.m-0 {
+  margin:0px
+}
+
+.m-1 {
+  margin:0.25rem
+}
+
+.m-2 {
+  margin:0.5rem
+}
+
+.m-auto {
+  margin:auto
+}
+
+.-mx-2 {
+  margin-left:-0.5rem;
+  margin-right:-0.5rem
+}
+
+.-my-2 {
+  margin-top:-0.5rem;
+  margin-bottom:-0.5rem
+}
+
+.mx-1 {
+  margin-left:0.25rem;
+  margin-right:0.25rem
+}
+
+.mx-\[15\%\] {
+  margin-left:15%;
+  margin-right:15%
+}
+
+.mx-\[3px\] {
+  margin-left:3px;
+  margin-right:3px
+}
+
+.mx-auto {
+  margin-left:auto;
+  margin-right:auto
+}
+
+.my-0 {
+  margin-top:0px;
+  margin-bottom:0px
+}
+
+.my-3 {
+  margin-top:0.75rem;
+  margin-bottom:0.75rem
+}
+
+.\!mb-0 {
+  margin-bottom:0px !important
+}
+
+.\!mb-9 {
+  margin-bottom:2.25rem !important
+}
+
+.\!mt-0 {
+  margin-top:0px !important
+}
+
+.-mb-1 {
+  margin-bottom:-0.25rem
+}
+
+.-me-2 {
+  margin-inline-end:-0.5rem
+}
+
+.-ml-12 {
+  margin-left:-3rem
+}
+
+.-mr-2 {
+  margin-right:-0.5rem
+}
+
+.-mr-48 {
+  margin-right:-12rem
+}
+
+.-mr-\[100\%\] {
+  margin-right:-100%
+}
+
+.mb-0 {
+  margin-bottom:0px
+}
+
+.mb-1 {
+  margin-bottom:0.25rem
+}
+
+.mb-10 {
+  margin-bottom:2.5rem
+}
+
+.mb-12 {
+  margin-bottom:3rem
+}
+
+.mb-16 {
+  margin-bottom:4rem
+}
+
+.mb-2 {
+  margin-bottom:0.5rem
+}
+
+.mb-20 {
+  margin-bottom:5rem
+}
+
+.mb-3 {
+  margin-bottom:0.75rem
+}
+
+.mb-4 {
+  margin-bottom:1rem
+}
+
+.mb-40 {
+  margin-bottom:10rem
+}
+
+.mb-5 {
+  margin-bottom:1.25rem
+}
+
+.mb-6 {
+  margin-bottom:1.5rem
+}
+
+.mb-8 {
+  margin-bottom:2rem
+}
+
+.mb-\[2px\] {
+  margin-bottom:2px
+}
+
+.ml-2 {
+  margin-left:0.5rem
+}
+
+.ml-3 {
+  margin-left:0.75rem
+}
+
+.ml-6 {
+  margin-left:1.5rem
+}
+
+.ml-auto {
+  margin-left:auto
+}
+
+.mr-1 {
+  margin-right:0.25rem
+}
+
+.mr-2 {
+  margin-right:0.5rem
+}
+
+.mr-3 {
+  margin-right:0.75rem
+}
+
+.mr-4 {
+  margin-right:1rem
+}
+
+.mr-5 {
+  margin-right:1.25rem
+}
+
+.mr-auto {
+  margin-right:auto
+}
+
+.ms-2 {
+  margin-inline-start:0.5rem
+}
+
+.ms-3 {
+  margin-inline-start:0.75rem
+}
+
+.mt-0 {
+  margin-top:0px
+}
+
+.mt-0\.5 {
+  margin-top:0.125rem
+}
+
+.mt-1 {
+  margin-top:0.25rem
+}
+
+.mt-10 {
+  margin-top:2.5rem
+}
+
+.mt-12 {
+  margin-top:3rem
+}
+
+.mt-14 {
+  margin-top:3.5rem
+}
+
+.mt-2 {
+  margin-top:0.5rem
+}
+
+.mt-20 {
+  margin-top:5rem
+}
+
+.mt-3 {
+  margin-top:0.75rem
+}
+
+.mt-4 {
+  margin-top:1rem
+}
+
+.mt-5 {
+  margin-top:1.25rem
+}
+
+.mt-6 {
+  margin-top:1.5rem
+}
+
+.mt-7 {
+  margin-top:1.75rem
+}
+
+.mt-8 {
+  margin-top:2rem
+}
+
+.mt-\[-2px\] {
+  margin-top:-2px
+}
+
+.mt-\[0\.1rem\] {
+  margin-top:0.1rem
+}
+
+.box-content {
+  box-sizing:content-box
+}
+
+.block {
+  display:block
+}
+
+.inline-block {
+  display:inline-block
+}
+
+.inline {
+  display:inline
+}
+
+.flex {
+  display:flex
+}
+
+.inline-flex {
+  display:inline-flex
+}
+
+.grid {
+  display:grid
+}
+
+.contents {
+  display:contents
+}
+
+.hidden {
+  display:none
+}
+
+.\!h-px {
+  height:1px !important
+}
+
+.h-0 {
+  height:0px
+}
+
+.h-1\/2 {
+  height:50%
+}
+
+.h-12 {
+  height:3rem
+}
+
+.h-24 {
+  height:6rem
+}
+
+.h-3 {
+  height:0.75rem
+}
+
+.h-3\.5 {
+  height:0.875rem
+}
+
+.h-36 {
+  height:9rem
+}
+
+.h-4 {
+  height:1rem
+}
+
+.h-48 {
+  height:12rem
+}
+
+.h-52 {
+  height:13rem
+}
+
+.h-6 {
+  height:1.5rem
+}
+
+.h-8 {
+  height:2rem
+}
+
+.h-\[1000px\] {
+  height:1000px
+}
+
+.h-\[150px\] {
+  height:150px
+}
+
+.h-\[3px\] {
+  height:3px
+}
+
+.h-\[800px\] {
+  height:800px
+}
+
+.h-auto {
+  height:auto
+}
+
+.h-full {
+  height:100%
+}
+
+.h-screen {
+  height:100vh
+}
+
+.max-h-3 {
+  max-height:0.75rem
+}
+
+.max-h-\[5rem\] {
+  max-height:5rem
+}
+
+.min-h-0 {
+  min-height:0px
+}
+
+.min-h-\[148px\] {
+  min-height:148px
+}
+
+.min-h-full {
+  min-height:100%
+}
+
+.\!w-px {
+  width:1px !important
+}
+
+.w-12 {
+  width:3rem
+}
+
+.w-24 {
+  width:6rem
+}
+
+.w-3 {
+  width:0.75rem
+}
+
+.w-3\.5 {
+  width:0.875rem
+}
+
+.w-36 {
+  width:9rem
+}
+
+.w-4 {
+  width:1rem
+}
+
+.w-6 {
+  width:1.5rem
+}
+
+.w-8 {
+  width:2rem
+}
+
+.w-96 {
+  width:24rem
+}
+
+.w-\[15\%\] {
+  width:15%
+}
+
+.w-\[30px\] {
+  width:30px
+}
+
+.w-auto {
+  width:auto
+}
+
+.w-full {
+  width:100%
+}
+
+.w-px {
+  width:1px
+}
+
+.w-screen {
+  width:100vw
+}
+
+.min-w-0 {
+  min-width:0px
+}
+
+.min-w-\[1\.8rem\] {
+  min-width:1.8rem
+}
+
+.min-w-\[220px\] {
+  min-width:220px
+}
+
+.min-w-\[30px\] {
+  min-width:30px
+}
+
+.min-w-full {
+  min-width:100%
+}
+
+.max-w-2xl {
+  max-width:42rem
+}
+
+.max-w-3xl {
+  max-width:48rem
+}
+
+.max-w-6xl {
+  max-width:72rem
+}
+
+.max-w-7xl {
+  max-width:80rem
+}
+
+.max-w-\[1600px\] {
+  max-width:1600px
+}
+
+.max-w-\[5rem\] {
+  max-width:5rem
+}
+
+.max-w-\[64rem\] {
+  max-width:64rem
+}
+
+.max-w-\[85rem\] {
+  max-width:85rem
+}
+
+.max-w-fit {
+  max-width:-moz-fit-content;
+  max-width:fit-content
+}
+
+.max-w-full {
+  max-width:100%
+}
+
+.max-w-prose {
+  max-width:65ch
+}
+
+.max-w-xl {
+  max-width:36rem
+}
+
+.flex-1 {
+  flex:1 1 0%
+}
+
+.flex-auto {
+  flex:1 1 auto
+}
+
+.flex-initial {
+  flex:0 1 auto
+}
+
+.flex-none {
+  flex:none
+}
+
+.flex-shrink-0 {
+  flex-shrink:0
+}
+
+.grow {
+  flex-grow:1
+}
+
+.-translate-y-8 {
+  --tw-translate-y:-2rem;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.transform {
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+@keyframes pulse {
+  50% {
+    opacity:.5
+  }
+}
+
+.animate-pulse {
+  animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
+}
+
+.cursor-default {
+  cursor:default
+}
+
+.cursor-pointer {
+  cursor:pointer
+}
+
+.list-none {
+  list-style-type:none
+}
+
+.appearance-none {
+  -webkit-appearance:none;
+     -moz-appearance:none;
+          appearance:none
+}
+
+.grid-cols-1 {
+  grid-template-columns:repeat(1, minmax(0, 1fr))
+}
+
+.grid-cols-2 {
+  grid-template-columns:repeat(2, minmax(0, 1fr))
+}
+
+.flex-row {
+  flex-direction:row
+}
+
+.flex-col {
+  flex-direction:column
+}
+
+.flex-wrap {
+  flex-wrap:wrap
+}
+
+.items-end {
+  align-items:flex-end
+}
+
+.items-center {
+  align-items:center
+}
+
+.justify-center {
+  justify-content:center
+}
+
+.justify-between {
+  justify-content:space-between
+}
+
+.gap-1 {
+  gap:0.25rem
+}
+
+.gap-1\.5 {
+  gap:0.375rem
+}
+
+.gap-12 {
+  gap:3rem
+}
+
+.gap-4 {
+  gap:1rem
+}
+
+.gap-6 {
+  gap:1.5rem
+}
+
+.gap-8 {
+  gap:2rem
+}
+
+.gap-x-2 {
+  -moz-column-gap:0.5rem;
+       column-gap:0.5rem
+}
+
+.space-x-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse:0;
+  margin-right:calc(0.25rem * var(--tw-space-x-reverse));
+  margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))
+}
+
+.space-x-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse:0;
+  margin-right:calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
+}
+
+.space-x-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse:0;
+  margin-right:calc(0.75rem * var(--tw-space-x-reverse));
+  margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
+}
+
+.space-x-5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse:0;
+  margin-right:calc(1.25rem * var(--tw-space-x-reverse));
+  margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
+}
+
+.space-y-10 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse:0;
+  margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))
+}
+
+.space-y-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse:0;
+  margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))
+}
+
+.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse:0;
+  margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))
+}
+
+.space-y-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse:0;
+  margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))
+}
+
+.place-self-center {
+  place-self:center
+}
+
+.self-center {
+  align-self:center
+}
+
+.overflow-auto {
+  overflow:auto
+}
+
+.\!overflow-hidden {
+  overflow:hidden !important
+}
+
+.overflow-hidden {
+  overflow:hidden
+}
+
+.overflow-visible {
+  overflow:visible
+}
+
+.scroll-smooth {
+  scroll-behavior:smooth
+}
+
+.\!whitespace-nowrap {
+  white-space:nowrap !important
+}
+
+.break-words {
+  overflow-wrap:break-word
+}
+
+.\!rounded-md {
+  border-radius:0.375rem !important
+}
+
+.rounded {
+  border-radius:0.25rem
+}
+
+.rounded-2xl {
+  border-radius:1rem
+}
+
+.rounded-full {
+  border-radius:9999px
+}
+
+.rounded-lg {
+  border-radius:0.5rem
+}
+
+.rounded-md {
+  border-radius:0.375rem
+}
+
+.rounded-xl {
+  border-radius:0.75rem
+}
+
+.rounded-b-lg {
+  border-bottom-right-radius:0.5rem;
+  border-bottom-left-radius:0.5rem
+}
+
+.\!border-0 {
+  border-width:0px !important
+}
+
+.border {
+  border-width:1px
+}
+
+.border-0 {
+  border-width:0px
+}
+
+.border-2 {
+  border-width:2px
+}
+
+.border-y-\[10px\] {
+  border-top-width:10px;
+  border-bottom-width:10px
+}
+
+.border-b {
+  border-bottom-width:1px
+}
+
+.border-l-2 {
+  border-left-width:2px
+}
+
+.border-r-4 {
+  border-right-width:4px
+}
+
+.border-t {
+  border-top-width:1px
+}
+
+.border-t-4 {
+  border-top-width:4px
+}
+
+.border-solid {
+  border-style:solid
+}
+
+.border-dotted {
+  border-style:dotted
+}
+
+.border-neutral-200 {
+  --tw-border-opacity:1;
+  border-color:rgba(var(--color-neutral-200), var(--tw-border-opacity))
+}
+
+.border-neutral-300 {
+  --tw-border-opacity:1;
+  border-color:rgba(var(--color-neutral-300), var(--tw-border-opacity))
+}
+
+.border-primary-400 {
+  --tw-border-opacity:1;
+  border-color:rgba(var(--color-primary-400), var(--tw-border-opacity))
+}
+
+.border-primary-500 {
+  --tw-border-opacity:1;
+  border-color:rgba(var(--color-primary-500), var(--tw-border-opacity))
+}
+
+.border-primary-700 {
+  --tw-border-opacity:1;
+  border-color:rgba(var(--color-primary-700), var(--tw-border-opacity))
+}
+
+.border-transparent {
+  border-color:transparent
+}
+
+.bg-neutral {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-neutral), var(--tw-bg-opacity))
+}
+
+.bg-neutral-100 {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-neutral-100), var(--tw-bg-opacity))
+}
+
+.bg-neutral-100\/50 {
+  background-color:rgba(var(--color-neutral-100), 0.5)
+}
+
+.bg-neutral-300 {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-neutral-300), var(--tw-bg-opacity))
+}
+
+.bg-neutral-50 {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-neutral-50), var(--tw-bg-opacity))
+}
+
+.bg-neutral-500\/50 {
+  background-color:rgba(var(--color-neutral-500), 0.5)
+}
+
+.bg-neutral\/50 {
+  background-color:rgba(var(--color-neutral), 0.5)
+}
+
+.bg-primary-100 {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
+}
+
+.bg-primary-200 {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-200), var(--tw-bg-opacity))
+}
+
+.bg-primary-300 {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-300), var(--tw-bg-opacity))
+}
+
+.bg-primary-500 {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity))
+}
+
+.bg-primary-600 {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
+}
+
+.bg-primary-700 {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-700), var(--tw-bg-opacity))
+}
+
+.bg-transparent {
+  background-color:transparent
+}
+
+.bg-opacity-80 {
+  --tw-bg-opacity:0.8
+}
+
+.bg-gradient-to-b {
+  background-image:linear-gradient(to bottom, var(--tw-gradient-stops))
+}
+
+.bg-gradient-to-r {
+  background-image:linear-gradient(to right, var(--tw-gradient-stops))
+}
+
+.bg-gradient-to-t {
+  background-image:linear-gradient(to top, var(--tw-gradient-stops))
+}
+
+.bg-none {
+  background-image:none
+}
+
+.from-neutral {
+  --tw-gradient-from:rgba(var(--color-neutral), 1) var(--tw-gradient-from-position);
+  --tw-gradient-to:rgba(var(--color-neutral), 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
+}
+
+.from-primary-500 {
+  --tw-gradient-from:rgba(var(--color-primary-500), 1) var(--tw-gradient-from-position);
+  --tw-gradient-to:rgba(var(--color-primary-500), 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
+}
+
+.to-neutral {
+  --tw-gradient-to:rgba(var(--color-neutral), 1) var(--tw-gradient-to-position)
+}
+
+.to-neutral-100 {
+  --tw-gradient-to:rgba(var(--color-neutral-100), 1) var(--tw-gradient-to-position)
+}
+
+.to-secondary-700 {
+  --tw-gradient-to:rgba(var(--color-secondary-700), 1) var(--tw-gradient-to-position)
+}
+
+.to-transparent {
+  --tw-gradient-to:transparent var(--tw-gradient-to-position)
+}
+
+.bg-clip-padding {
+  background-clip:padding-box
+}
+
+.object-cover {
+  -o-object-fit:cover;
+     object-fit:cover
+}
+
+.object-scale-down {
+  -o-object-fit:scale-down;
+     object-fit:scale-down
+}
+
+.object-left {
+  -o-object-position:left;
+     object-position:left
+}
+
+.\!p-0 {
+  padding:0px !important
+}
+
+.p-0 {
+  padding:0px
+}
+
+.p-1 {
+  padding:0.25rem
+}
+
+.p-1\.5 {
+  padding:0.375rem
+}
+
+.p-4 {
+  padding:1rem
+}
+
+.p-5 {
+  padding:1.25rem
+}
+
+.p-6 {
+  padding:1.5rem
+}
+
+.px-0 {
+  padding-left:0px;
+  padding-right:0px
+}
+
+.px-1 {
+  padding-left:0.25rem;
+  padding-right:0.25rem
+}
+
+.px-1\.5 {
+  padding-left:0.375rem;
+  padding-right:0.375rem
+}
+
+.px-16 {
+  padding-left:4rem;
+  padding-right:4rem
+}
+
+.px-2 {
+  padding-left:0.5rem;
+  padding-right:0.5rem
+}
+
+.px-3 {
+  padding-left:0.75rem;
+  padding-right:0.75rem
+}
+
+.px-4 {
+  padding-left:1rem;
+  padding-right:1rem
+}
+
+.px-5 {
+  padding-left:1.25rem;
+  padding-right:1.25rem
+}
+
+.px-6 {
+  padding-left:1.5rem;
+  padding-right:1.5rem
+}
+
+.px-7 {
+  padding-left:1.75rem;
+  padding-right:1.75rem
+}
+
+.px-8 {
+  padding-left:2rem;
+  padding-right:2rem
+}
+
+.px-\[30px\] {
+  padding-left:30px;
+  padding-right:30px
+}
+
+.py-1 {
+  padding-top:0.25rem;
+  padding-bottom:0.25rem
+}
+
+.py-1\.5 {
+  padding-top:0.375rem;
+  padding-bottom:0.375rem
+}
+
+.py-10 {
+  padding-top:2.5rem;
+  padding-bottom:2.5rem
+}
+
+.py-12 {
+  padding-top:3rem;
+  padding-bottom:3rem
+}
+
+.py-16 {
+  padding-top:4rem;
+  padding-bottom:4rem
+}
+
+.py-2 {
+  padding-top:0.5rem;
+  padding-bottom:0.5rem
+}
+
+.py-3 {
+  padding-top:0.75rem;
+  padding-bottom:0.75rem
+}
+
+.py-4 {
+  padding-top:1rem;
+  padding-bottom:1rem
+}
+
+.py-48 {
+  padding-top:12rem;
+  padding-bottom:12rem
+}
+
+.py-6 {
+  padding-top:1.5rem;
+  padding-bottom:1.5rem
+}
+
+.py-8 {
+  padding-top:2rem;
+  padding-bottom:2rem
+}
+
+.py-\[1px\] {
+  padding-top:1px;
+  padding-bottom:1px
+}
+
+.pb-2 {
+  padding-bottom:0.5rem
+}
+
+.pb-3 {
+  padding-bottom:0.75rem
+}
+
+.pb-32 {
+  padding-bottom:8rem
+}
+
+.pb-4 {
+  padding-bottom:1rem
+}
+
+.pb-8 {
+  padding-bottom:2rem
+}
+
+.pl-2 {
+  padding-left:0.5rem
+}
+
+.pl-\[24px\] {
+  padding-left:24px
+}
+
+.pr-\[24px\] {
+  padding-right:24px
+}
+
+.pt-1 {
+  padding-top:0.25rem
+}
+
+.pt-16 {
+  padding-top:4rem
+}
+
+.pt-2 {
+  padding-top:0.5rem
+}
+
+.pt-24 {
+  padding-top:6rem
+}
+
+.pt-3 {
+  padding-top:0.75rem
+}
+
+.pt-4 {
+  padding-top:1rem
+}
+
+.pt-8 {
+  padding-top:2rem
+}
+
+.text-left {
+  text-align:left
+}
+
+.text-center {
+  text-align:center
+}
+
+.text-right {
+  text-align:right
+}
+
+.-indent-\[999px\] {
+  text-indent:-999px
+}
+
+.align-top {
+  vertical-align:top
+}
+
+.align-middle {
+  vertical-align:middle
+}
+
+.align-text-bottom {
+  vertical-align:text-bottom
+}
+
+.text-2xl {
+  font-size:1.5rem;
+  line-height:2rem
+}
+
+.text-3xl {
+  font-size:1.875rem;
+  line-height:2.25rem
+}
+
+.text-4xl {
+  font-size:2.25rem;
+  line-height:2.5rem
+}
+
+.text-5xl {
+  font-size:3rem;
+  line-height:1
+}
+
+.text-\[0\.6rem\] {
+  font-size:0.6rem
+}
+
+.text-base {
+  font-size:1rem;
+  line-height:1.5rem
+}
+
+.text-lg {
+  font-size:1.125rem;
+  line-height:1.75rem
+}
+
+.text-sm {
+  font-size:0.875rem;
+  line-height:1.25rem
+}
+
+.text-xl {
+  font-size:1.25rem;
+  line-height:1.75rem
+}
+
+.text-xs {
+  font-size:0.75rem;
+  line-height:1rem
+}
+
+.font-bold {
+  font-weight:700
+}
+
+.font-extrabold {
+  font-weight:800
+}
+
+.font-light {
+  font-weight:300
+}
+
+.font-medium {
+  font-weight:500
+}
+
+.font-normal {
+  font-weight:400
+}
+
+.font-semibold {
+  font-weight:600
+}
+
+.uppercase {
+  text-transform:uppercase
+}
+
+.italic {
+  font-style:italic
+}
+
+.leading-3 {
+  line-height:.75rem
+}
+
+.leading-4 {
+  line-height:1rem
+}
+
+.leading-6 {
+  line-height:1.5rem
+}
+
+.leading-7 {
+  line-height:1.75rem
+}
+
+.leading-none {
+  line-height:1
+}
+
+.tracking-tight {
+  letter-spacing:-0.025em
+}
+
+.tracking-wide {
+  letter-spacing:0.025em
+}
+
+.\!text-neutral {
+  --tw-text-opacity:1 !important;
+  color:rgba(var(--color-neutral), var(--tw-text-opacity)) !important
+}
+
+.text-neutral-200 {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-200), var(--tw-text-opacity))
+}
+
+.text-neutral-300 {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-300), var(--tw-text-opacity))
+}
+
+.text-neutral-400 {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
+}
+
+.text-neutral-50 {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-50), var(--tw-text-opacity))
+}
+
+.text-neutral-500 {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+}
+
+.text-neutral-700 {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
+}
+
+.text-neutral-800 {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-800), var(--tw-text-opacity))
+}
+
+.text-neutral-900 {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-900), var(--tw-text-opacity))
+}
+
+.text-primary-300 {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-300), var(--tw-text-opacity))
+}
+
+.text-primary-400 {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+}
+
+.text-primary-500 {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-500), var(--tw-text-opacity))
+}
+
+.text-primary-600 {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+}
+
+.text-primary-700 {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-700), var(--tw-text-opacity))
+}
+
+.text-primary-800 {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-800), var(--tw-text-opacity))
+}
+
+.text-transparent {
+  color:transparent
+}
+
+.\!no-underline {
+  text-decoration-line:none !important
+}
+
+.decoration-neutral-300 {
+  text-decoration-color:rgba(var(--color-neutral-300), 1)
+}
+
+.decoration-primary-500 {
+  text-decoration-color:rgba(var(--color-primary-500), 1)
+}
+
+.opacity-0 {
+  opacity:0
+}
+
+.opacity-30 {
+  opacity:0.3
+}
+
+.opacity-50 {
+  opacity:0.5
+}
+
+.opacity-60 {
+  opacity:0.6
+}
+
+.mix-blend-normal {
+  mix-blend-mode:normal
+}
+
+.mix-blend-multiply {
+  mix-blend-mode:multiply
+}
+
+.shadow-2xl {
+  --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
+  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.shadow-lg {
+  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.shadow-xl {
+  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.backdrop-blur {
+  --tw-backdrop-blur:blur(8px);
+  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+          backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
+}
+
+.backdrop-blur-2xl {
+  --tw-backdrop-blur:blur(40px);
+  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+          backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
+}
+
+.backdrop-blur-sm {
+  --tw-backdrop-blur:blur(4px);
+  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+          backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
+}
+
+.transition-opacity {
+  transition-property:opacity;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms
+}
+
+.transition-transform {
+  transition-property:transform;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms
+}
+
+.duration-150 {
+  transition-duration:150ms
+}
+
+.duration-\[600ms\] {
+  transition-duration:600ms
+}
+
+.ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\.0\)\] {
+  transition-timing-function:cubic-bezier(0.25,0.1,0.25,1.0)
+}
+
+.ease-in-out {
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
+}
+
+.\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
+  clip:rect(0,0,0,0) !important
+}
+
+body a,
+body button {
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms
+}
+
+/* Scale SVG icons to text size */
+
+.icon svg {
+  height:1em;
+  width:1em
+}
+
+/* Search */
+
+#search-query::-webkit-search-cancel-button,
+#search-query::-webkit-search-decoration,
+#search-query::-webkit-search-results-button,
+#search-query::-webkit-search-results-decoration {
+  display:none
+}
+
+/* Hamburger menu */
+
+body:has(#menu-controller:checked) {
+  overflow-y:hidden
+}
+
+#menu-button:has(#menu-controller:checked) {
+  visibility:hidden
+}
+
+#menu-controller:checked~#menu-wrapper {
+  visibility:visible;
+  opacity:1
+}
+
+/* RTL support */
+
+.prose blockquote:where([dir="rtl"], [dir="rtl"] *) {
+  border-left-width:0px;
+  border-right-width:4px;
+  padding-right:1rem
+}
+
+.prose ul>li:where([dir="rtl"], [dir="rtl"] *),
+.prose ol>li:where([dir="rtl"], [dir="rtl"] *) {
+  margin-right:1.75rem;
+  padding-left:0px;
+  padding-right:0.5rem
+}
+
+.prose ol>li:where([dir="rtl"], [dir="rtl"] *):before,
+.prose ul>li:where([dir="rtl"], [dir="rtl"] *):before {
+  left:auto;
+  right:0.25rem
+}
+
+.prose thead td:first-child:where([dir="rtl"], [dir="rtl"] *),
+.prose thead th:first-child:where([dir="rtl"], [dir="rtl"] *) {
+  padding-right:0px
+}
+
+.prose thead td:last-child:where([dir="rtl"], [dir="rtl"] *),
+.prose thead th:last-child:where([dir="rtl"], [dir="rtl"] *) {
+  padding-left:0px
+}
+
+/* Adjust first child within prose */
+
+.prose div.min-w-0.max-w-prose>*:first-child {
+  margin-top:0.75rem
+}
+
+/* Table of Contents */
+
+.toc ul,
+.toc li {
+  list-style-type:none;
+  padding-left:0px;
+  padding-right:0px;
+  line-height:1.375
+}
+
+.toc ul ul:where([dir="ltr"], [dir="ltr"] *) {
+  padding-left:1rem
+}
+
+.toc ul ul:where([dir="rtl"], [dir="rtl"] *) {
+  padding-right:1rem
+}
+
+.toc a {
+  font-weight:400;
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
+}
+
+:is(.dark .toc a) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
+}
+
+.toc ul>li:where([dir="rtl"], [dir="rtl"] *) {
+  margin-right:0px
+}
+
+/* Code Copy */
+
+.highlight-wrapper {
+  display:block
+}
+
+.highlight {
+  position:relative;
+  z-index:0
+}
+
+.highlight:hover>.copy-button {
+  visibility:visible
+}
+
+.copy-button {
+  visibility:hidden;
+  position:absolute;
+  top:0px;
+  right:0px;
+  z-index:10;
+  width:5rem;
+  cursor:pointer;
+  white-space:nowrap;
+  border-bottom-left-radius:0.375rem;
+  border-top-right-radius:0.375rem;
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-neutral-200), var(--tw-bg-opacity));
+  padding-top:0.25rem;
+  padding-bottom:0.25rem;
+  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size:0.875rem;
+  line-height:1.25rem;
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-700), var(--tw-text-opacity));
+  opacity:0.9
+}
+
+:is(.dark .copy-button) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-neutral-600), var(--tw-bg-opacity));
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-200), var(--tw-text-opacity))
+}
+
+.copy-button:hover,
+.copy-button:focus,
+.copy-button:active,
+.copy-button:active:hover {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
+}
+
+:is(.dark .copy-button:hover),:is(.dark 
+.copy-button:focus),:is(.dark 
+.copy-button:active),:is(.dark 
+.copy-button:active:hover) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
+}
+
+.copy-textarea {
+  position:absolute;
+  z-index:-10;
+  opacity:0.05
+}
+
+/* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */
+
+.katex-display {
+  overflow: auto hidden
+}
+
+/* Fix long tables breaking out of article on mobile */
+
+table {
+  display: block;
+  overflow: auto;
+}
+
+/* Fix long inline code sections breaking out of article on mobile */
+
+code {
+  word-wrap: break-word;
+  /* All browsers since IE 5.5+ */
+  overflow-wrap: break-word;
+  /* Renamed property in CSS3 draft spec */
+}
+
+/* -- Chroma Highlight -- */
+
+/* Background */
+
+.prose .chroma {
+  position:static;
+  border-radius:0.375rem;
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-neutral-50), var(--tw-bg-opacity));
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
+}
+
+:is(.dark .prose .chroma) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-neutral-700), var(--tw-bg-opacity));
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-200), var(--tw-text-opacity))
+}
+
+/* LineTableTD */
+
+.chroma .lntd,
+.chroma .lntd pre {
+  margin:0px;
+  border-style:none;
+  padding:0px;
+  vertical-align:top
+}
+
+/* LineTable */
+
+.chroma .lntable {
+  display:block;
+  width:auto;
+  overflow:hidden;
+  padding-left:1rem;
+  padding-right:1rem;
+  padding-top:0.75rem;
+  padding-bottom:0.75rem;
+  font-size:1rem;
+  line-height:1.5rem;
+  border-spacing: 0
+}
+
+/* LineHighlight */
+
+.chroma .hl {
+  margin-left:-1rem;
+  margin-right:-1rem;
+  display:block;
+  width:auto;
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity));
+  padding-left:1rem;
+  padding-right:1rem
+}
+
+:is(.dark .chroma .hl) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
+}
+
+.chroma .lntd .hl {
+  margin:0px;
+  padding:0px
+}
+
+/* LineNumbersTable */
+
+/* LineNumbers */
+
+.chroma .lnt,
+.chroma .ln {
+  margin-right:0.4em;
+  padding-left:0.4em;
+  padding-right:0.4em;
+  padding-top:0px;
+  padding-bottom:0px;
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-600), var(--tw-text-opacity))
+}
+
+:is(.dark .chroma .lnt),:is(.dark 
+.chroma .ln) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-300), var(--tw-text-opacity))
+}
+
+/* Keyword */
+
+/* KeywordDeclaration */
+
+/* KeywordNamespace */
+
+/* KeywordPseudo */
+
+/* KeywordReserved */
+
+/* NameClass */
+
+/* NameFunctionMagic */
+
+/* NameNamespace */
+
+/* NameVariableClass */
+
+/* Operator */
+
+.chroma .k,
+.chroma .kd,
+.chroma .kn,
+.chroma .kp,
+.chroma .kr,
+.chroma .nc,
+.chroma .fm,
+.chroma .nn,
+.chroma .vc,
+.chroma .o {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+}
+
+:is(.dark .chroma .k),:is(.dark 
+.chroma .kd),:is(.dark 
+.chroma .kn),:is(.dark 
+.chroma .kp),:is(.dark 
+.chroma .kr),:is(.dark 
+.chroma .nc),:is(.dark 
+.chroma .fm),:is(.dark 
+.chroma .nn),:is(.dark 
+.chroma .vc),:is(.dark 
+.chroma .o) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-300), var(--tw-text-opacity))
+}
+
+/* KeywordConstant */
+
+.chroma .kc {
+  font-weight:600;
+  --tw-text-opacity:1;
+  color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
+}
+
+:is(.dark .chroma .kc) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
+}
+
+/* KeywordType */
+
+/* NameVariable */
+
+/* NameVariableInstance */
+
+/* NameVariableMagic */
+
+/* LiteralNumber */
+
+/* LiteralNumberBin */
+
+/* LiteralNumberFloat */
+
+/* LiteralNumberHex */
+
+/* LiteralNumberInteger */
+
+/* LiteralNumberIntegerLong */
+
+/* LiteralNumberOct */
+
+.chroma .kt,
+.chroma .nv,
+.chroma .vi,
+.chroma .vm,
+.chroma .m,
+.chroma .mb,
+.chroma .mf,
+.chroma .mh,
+.chroma .mi,
+.chroma .il,
+.chroma .mo {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
+}
+
+:is(.dark .chroma .kt),:is(.dark 
+.chroma .nv),:is(.dark 
+.chroma .vi),:is(.dark 
+.chroma .vm),:is(.dark 
+.chroma .m),:is(.dark 
+.chroma .mb),:is(.dark 
+.chroma .mf),:is(.dark 
+.chroma .mh),:is(.dark 
+.chroma .mi),:is(.dark 
+.chroma .il),:is(.dark 
+.chroma .mo) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-secondary-600), var(--tw-text-opacity))
+}
+
+/* Name */
+
+/* NameDecorator */
+
+/* NameEntity */
+
+/* NameLabel */
+
+.chroma .n,
+.chroma .nd,
+.chroma .ni,
+.chroma .nl {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-secondary-900), var(--tw-text-opacity))
+}
+
+:is(.dark .chroma .n),:is(.dark 
+.chroma .nd),:is(.dark 
+.chroma .ni),:is(.dark 
+.chroma .nl) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-secondary-200), var(--tw-text-opacity))
+}
+
+/* NameAttribute */
+
+/* NameBuiltin */
+
+/* NameBuiltinPseudo */
+
+/* NameOther */
+
+/* NameProperty */
+
+/* NameTag */
+
+.chroma .na,
+.chroma .nb,
+.chroma .bp,
+.chroma .nx,
+.chroma .py,
+.chroma .nt {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-secondary-800), var(--tw-text-opacity))
+}
+
+:is(.dark .chroma .na),:is(.dark 
+.chroma .nb),:is(.dark 
+.chroma .bp),:is(.dark 
+.chroma .nx),:is(.dark 
+.chroma .py),:is(.dark 
+.chroma .nt) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-secondary-300), var(--tw-text-opacity))
+}
+
+/* NameConstant */
+
+/* NameException */
+
+/* NameVariableGlobal */
+
+.chroma .no,
+.chroma .ne,
+.chroma .vg {
+  font-weight:600;
+  --tw-text-opacity:1;
+  color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
+}
+
+:is(.dark .chroma .no),:is(.dark 
+.chroma .ne),:is(.dark 
+.chroma .vg) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
+}
+
+/* NameFunction */
+
+.chroma .nf {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-secondary-600), var(--tw-text-opacity))
+}
+
+:is(.dark .chroma .nf) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
+}
+
+/* Literal */
+
+/* LiteralDate */
+
+/* LiteralString */
+
+/* LiteralStringAffix */
+
+/* LiteralStringBacktick */
+
+/* LiteralStringChar */
+
+/* LiteralStringDelimiter */
+
+/* LiteralStringDoc */
+
+/* LiteralStringDouble */
+
+/* LiteralStringHeredoc */
+
+/* LiteralStringInterpol */
+
+/* LiteralStringOther */
+
+/* LiteralStringSingle */
+
+/* GenericInserted */
+
+/* GenericOutput */
+
+/* GenericPrompt */
+
+.chroma .l,
+.chroma .ld,
+.chroma .s,
+.chroma .sa,
+.chroma .sb,
+.chroma .sc,
+.chroma .dl,
+.chroma .sd,
+.chroma .s2,
+.chroma .sh,
+.chroma .si,
+.chroma .sx,
+.chroma .s1,
+.chroma .gi,
+.chroma .go,
+.chroma .gp {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-800), var(--tw-text-opacity))
+}
+
+:is(.dark .chroma .l),:is(.dark 
+.chroma .ld),:is(.dark 
+.chroma .s),:is(.dark 
+.chroma .sa),:is(.dark 
+.chroma .sb),:is(.dark 
+.chroma .sc),:is(.dark 
+.chroma .dl),:is(.dark 
+.chroma .sd),:is(.dark 
+.chroma .s2),:is(.dark 
+.chroma .sh),:is(.dark 
+.chroma .si),:is(.dark 
+.chroma .sx),:is(.dark 
+.chroma .s1),:is(.dark 
+.chroma .gi),:is(.dark 
+.chroma .go),:is(.dark 
+.chroma .gp) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+}
+
+/* LiteralStringEscape */
+
+.chroma .se {
+  font-weight:600;
+  --tw-text-opacity:1;
+  color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
+}
+
+:is(.dark .chroma .se) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
+}
+
+/* LiteralStringRegex */
+
+/* LiteralStringSymbol */
+
+.chroma .sr,
+.chroma .ss {
+  font-weight:600;
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-800), var(--tw-text-opacity))
+}
+
+:is(.dark .chroma .sr),:is(.dark 
+.chroma .ss) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+}
+
+/* OperatorWord */
+
+.chroma .ow {
+  font-weight:600;
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+}
+
+:is(.dark .chroma .ow) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+}
+
+/* Comment */
+
+/* CommentMultiline */
+
+/* CommentSingle */
+
+/* CommentSpecial */
+
+/* CommentPreproc */
+
+/* CommentPreprocFile */
+
+.chroma .c,
+.chroma .cm,
+.chroma .c1,
+.chroma .cs,
+.chroma .cp,
+.chroma .cpf {
+  font-style:italic;
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+}
+
+:is(.dark .chroma .c),:is(.dark 
+.chroma .cm),:is(.dark 
+.chroma .c1),:is(.dark 
+.chroma .cs),:is(.dark 
+.chroma .cp),:is(.dark 
+.chroma .cpf) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
+}
+
+/* CommentHashbang */
+
+.chroma .ch {
+  font-weight:600;
+  font-style:italic;
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+}
+
+:is(.dark .chroma .ch) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
+}
+
+/* GenericEmph */
+
+.chroma .ge {
+  font-style:italic
+}
+
+/* GenericHeading */
+
+.chroma .gh {
+  font-weight:600;
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+}
+
+/* GenericStrong */
+
+.chroma .gs {
+  font-weight:600
+}
+
+/* GenericSubheading */
+
+/* GenericTraceback */
+
+.chroma .gu,
+.chroma .gt {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+}
+
+/* GenericUnderline */
+
+.chroma .gl {
+  text-decoration-line:underline
+}
+
+/* Custom */
+
+pre {
+  text-align: left;
+}
+
+.thumbnail {
+  min-width: 300px;
+  height: 180px;
+  background-repeat:no-repeat;
+  background-size:cover;
+  background-position:center;
+}
+
+.thumbnail_card {
+  height: 200px;
+  background-repeat:no-repeat;
+  background-size:cover;
+  background-position:center;
+}
+
+.thumbnail_card_related {
+  height: 150px;
+  background-repeat:no-repeat;
+  background-size:cover;
+  background-position:center;
+}
+
+.thumbnail_card_term {
+  height: 150px;
+  background-repeat:no-repeat;
+  background-size:cover;
+  background-position:center;
+}
+
+.single_hero_basic {
+  background-repeat:no-repeat;
+  background-size:cover;
+  background-position:center;
+}
+
+.single_hero_round {
+  max-height: 50vh;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
+.single_hero_background {
+  background-repeat:no-repeat;
+  background-size:cover;
+  background-position:center;
+  width: calc(100% + 40px);
+  z-index: -10;
+  margin-left: -20px;
+}
+
+.hero_gradient {
+  width: 100%;
+  height: 100%;
+}
+
+.thumbnailshadow {
+  box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3);
+}
+
+.anchor {
+  display: block;
+  position: relative;
+  top: -150px;
+  height: 0px;
+  visibility: hidden;
+}
+
+@media (min-width: 640px) {
+  .thumbnail {
+    min-width: 100%;
+    height: 180px;
+  }
+
+  .article {
+    flex-wrap: wrap;
+  }
+}
+
+@media (min-width: 853px) {
+  .thumbnail {
+    min-width: 300px;
+    min-height: 180px;
+    height: auto;
+  }
+
+  .article {
+    flex-wrap: nowrap;
+  }
+}
+
+.medium-zoom-image--opened {
+  z-index: 100;
+}
+
+.nested-menu:hover + .menuhide {
+  visibility: visible;
+  opacity: 1;
+  transition: visibility 0.3s, opacity 0.3s ease-in-out ;
+}
+
+.menuhide:hover {
+  visibility: visible;
+  opacity: 1;
+  transition: visibility 0.3s, opacity 0.3s ease-in-out ;
+}
+
+.menuhide {
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0.3s, opacity 0.3s ease-in-out ;
+  z-index: 1000;
+}
+
+.active {
+  text-decoration-line: underline;
+  text-decoration-thickness: 3px;
+  text-underline-offset: 4px;
+}
+
+/* Gallery Specific Styles */
+
+.grid-w10 {
+  width: calc(10% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w15 {
+  width: calc(15% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w20 {
+  width: calc(20% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w25 {
+  width: calc(25% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w30 {
+  width: calc(30% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w33 {
+  width: calc(33% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w35 {
+  width: calc(35% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w40 {
+  width: calc(40% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w45 {
+  width: calc(45% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w50 {
+  width: calc(50% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w55 {
+  width: calc(55% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w60 {
+  width: calc(60% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w65 {
+  width: calc(65% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w66 {
+  width: calc(66% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w70 {
+  width: calc(70% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w75 {
+  width: calc(75% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w80 {
+  width: calc(80% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w85 {
+  width: calc(85% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w90 {
+  width: calc(90% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w95 {
+  width: calc(95% - 5px);
+  margin: 0px !important;
+}
+
+.grid-w100 {
+  width: calc(100% - 5px);
+  margin: 0px !important;
+}
+
+@media (min-width: 640px) {
+  .sm\:grid-w10 {
+    width: calc(10% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w15 {
+    width: calc(15% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w20 {
+    width: calc(20% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w25 {
+    width: calc(25% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w30 {
+    width: calc(30% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w33 {
+    width: calc(33% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w35 {
+    width: calc(35% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w40 {
+    width: calc(40% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w45 {
+    width: calc(45% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w50 {
+    width: calc(50% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w55 {
+    width: calc(55% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w60 {
+    width: calc(60% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w65 {
+    width: calc(65% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w66 {
+    width: calc(66% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w70 {
+    width: calc(70% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w75 {
+    width: calc(75% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w80 {
+    width: calc(80% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w85 {
+    width: calc(85% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w90 {
+    width: calc(90% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w95 {
+    width: calc(95% - 5px);
+    margin: 0px !important;
+  }
+
+  .sm\:grid-w100 {
+    width: calc(100% - 5px);
+    margin: 0px !important;
+  }
+}
+
+@media (min-width: 853px) {
+  .md\:grid-w10 {
+    width: calc(10% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w15 {
+    width: calc(15% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w20 {
+    width: calc(20% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w25 {
+    width: calc(25% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w30 {
+    width: calc(30% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w33 {
+    width: calc(33% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w35 {
+    width: calc(35% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w40 {
+    width: calc(40% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w45 {
+    width: calc(45% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w50 {
+    width: calc(50% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w55 {
+    width: calc(55% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w60 {
+    width: calc(60% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w65 {
+    width: calc(65% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w66 {
+    width: calc(66% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w70 {
+    width: calc(70% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w75 {
+    width: calc(75% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w80 {
+    width: calc(80% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w85 {
+    width: calc(85% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w90 {
+    width: calc(90% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w95 {
+    width: calc(95% - 5px);
+    margin: 0px !important;
+  }
+
+  .md\:grid-w100 {
+    width: calc(100% - 5px);
+    margin: 0px !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .lg\:grid-w10 {
+    width: calc(10% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w15 {
+    width: calc(15% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w20 {
+    width: calc(20% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w25 {
+    width: calc(25% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w30 {
+    width: calc(30% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w33 {
+    width: calc(33% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w35 {
+    width: calc(35% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w40 {
+    width: calc(40% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w45 {
+    width: calc(45% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w50 {
+    width: calc(50% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w55 {
+    width: calc(55% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w60 {
+    width: calc(60% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w65 {
+    width: calc(65% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w66 {
+    width: calc(66% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w70 {
+    width: calc(70% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w75 {
+    width: calc(75% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w80 {
+    width: calc(80% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w85 {
+    width: calc(85% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w90 {
+    width: calc(90% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w95 {
+    width: calc(95% - 5px);
+    margin: 0px !important;
+  }
+
+  .lg\:grid-w100 {
+    width: calc(100% - 5px);
+    margin: 0px !important;
+  }
+}
+
+@media (min-width: 1280px) {
+  .xl\:grid-w10 {
+    width: calc(10% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w15 {
+    width: calc(15% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w20 {
+    width: calc(20% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w25 {
+    width: calc(25% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w30 {
+    width: calc(30% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w33 {
+    width: calc(33% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w35 {
+    width: calc(35% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w40 {
+    width: calc(40% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w45 {
+    width: calc(45% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w50 {
+    width: calc(50% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w55 {
+    width: calc(55% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w60 {
+    width: calc(60% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w65 {
+    width: calc(65% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w66 {
+    width: calc(66% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w70 {
+    width: calc(70% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w75 {
+    width: calc(75% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w80 {
+    width: calc(80% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w85 {
+    width: calc(85% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w90 {
+    width: calc(90% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w95 {
+    width: calc(95% - 5px);
+    margin: 0px !important;
+  }
+
+  .xl\:grid-w100 {
+    width: calc(100% - 5px);
+    margin: 0px !important;
+  }
+}
+
+@media (min-width: 1536px) {
+  .2xl\:grid-w10 {
+    width: calc(10% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w15 {
+    width: calc(15% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w20 {
+    width: calc(20% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w25 {
+    width: calc(25% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w30 {
+    width: calc(30% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w33 {
+    width: calc(33% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w35 {
+    width: calc(35% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w40 {
+    width: calc(40% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w45 {
+    width: calc(45% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w50 {
+    width: calc(50% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w55 {
+    width: calc(55% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w60 {
+    width: calc(60% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w65 {
+    width: calc(65% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w66 {
+    width: calc(66% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w70 {
+    width: calc(70% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w75 {
+    width: calc(75% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w80 {
+    width: calc(80% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w85 {
+    width: calc(85% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w90 {
+    width: calc(90% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w95 {
+    width: calc(95% - 5px);
+    margin: 0px !important;
+  }
+
+  .2xl\:grid-w100 {
+    width: calc(100% - 5px);
+    margin: 0px !important;
+  }
+}
+
+/* Carousel Specific Styles */
+
+.ratio-16-9 {
+  padding-top: 56.25%;
+}
+
+/* 16:9 Aspect Ratio */
+
+.ratio-21-9 {
+  padding-top: 42.85%;
+}
+
+/* 21:9 Aspect Ratio */
+
+.ratio-32-9 {
+  padding-top: 28.125%;
+}
+
+/* 32:9 Aspect Ratio */
+
+@media (min-width: 640px) {
+  .sm\:ratio-16-9 {
+    padding-top: 56.25%;
+  }
+
+  /* 16:9 Aspect Ratio */
+
+  .sm\:ratio-21-9 {
+    padding-top: 42.85%;
+  }
+
+  /* 21:9 Aspect Ratio */
+
+  .sm\:ratio-32-9 {
+    padding-top: 28.125%;
+  }
+
+  /* 32:9 Aspect Ratio */
+}
+
+@media (min-width: 853px) {
+  .md\:ratio-16-9 {
+    padding-top: 56.25%;
+  }
+
+  /* 16:9 Aspect Ratio */
+
+  .md\:ratio-21-9 {
+    padding-top: 42.85%;
+  }
+
+  /* 21:9 Aspect Ratio */
+
+  .md\:ratio-32-9 {
+    padding-top: 28.125%;
+  }
+
+  /* 32:9 Aspect Ratio */
+}
+
+@media (min-width: 1024px) {
+  .lg\:ratio-16-9 {
+    padding-top: 56.25%;
+  }
+
+  /* 16:9 Aspect Ratio */
+
+  .lg\:ratio-21-9 {
+    padding-top: 42.85%;
+  }
+
+  /* 21:9 Aspect Ratio */
+
+  .lg\:ratio-32-9 {
+    padding-top: 28.125%;
+  }
+
+  /* 32:9 Aspect Ratio */
+}
+
+@media (min-width: 1280px) {
+  .xl\:ratio-16-9 {
+    padding-top: 56.25%;
+  }
+
+  /* 16:9 Aspect Ratio */
+
+  .xl\:ratio-21-9 {
+    padding-top: 42.85%;
+  }
+
+  /* 21:9 Aspect Ratio */
+
+  .xl\:ratio-32-9 {
+    padding-top: 28.125%;
+  }
+
+  /* 32:9 Aspect Ratio */
+}
+
+@media (min-width: 1536px) {
+  .2xl\:ratio-16-9 {
+    padding-top: 56.25%;
+  }
+
+  /* 16:9 Aspect Ratio */
+
+  .2xl\:ratio-21-9 {
+    padding-top: 42.85%;
+  }
+
+  /* 21:9 Aspect Ratio */
+
+  .2xl\:ratio-32-9 {
+    padding-top: 28.125%;
+  }
+
+  /* 32:9 Aspect Ratio */
+}
+
+:is(.dark .dark\:prose-invert) {
+  --tw-prose-body:var(--tw-prose-invert-body);
+  --tw-prose-headings:var(--tw-prose-invert-headings);
+  --tw-prose-lead:var(--tw-prose-invert-lead);
+  --tw-prose-links:var(--tw-prose-invert-links);
+  --tw-prose-bold:var(--tw-prose-invert-bold);
+  --tw-prose-counters:var(--tw-prose-invert-counters);
+  --tw-prose-bullets:var(--tw-prose-invert-bullets);
+  --tw-prose-hr:var(--tw-prose-invert-hr);
+  --tw-prose-quotes:var(--tw-prose-invert-quotes);
+  --tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);
+  --tw-prose-captions:var(--tw-prose-invert-captions);
+  --tw-prose-kbd:var(--tw-prose-invert-kbd);
+  --tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);
+  --tw-prose-code:var(--tw-prose-invert-code);
+  --tw-prose-pre-code:var(--tw-prose-invert-pre-code);
+  --tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);
+  --tw-prose-th-borders:var(--tw-prose-invert-th-borders);
+  --tw-prose-td-borders:var(--tw-prose-invert-td-borders);
+}
+
+:is(.dark .dark\:prose-invert) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  text-decoration-color:rgba(var(--color-neutral-600), 1);
+}
+
+:is(.dark .dark\:prose-invert) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
+  color:rgba(var(--color-primary-400), 1)
+}
+
+:is(.dark .dark\:prose-invert) :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  color:rgba(var(--color-neutral-200), 1);
+  background-color:rgba(var(--color-neutral-700), 1)
+}
+
+:is(.dark .dark\:prose-invert) :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  background-color:rgba(var(--color-primary-400), 1)
+}
+
+:is(.dark .dark\:prose-invert) :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  background-color:rgba(var(--color-neutral-700), 1)
+}
+
+:is(.dark .dark\:prose-invert) :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  text-decoration-color:rgba(var(--color-primary-400), 1)
+}
+
+:is(.dark .dark\:prose-invert) :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  text-decoration-color:rgba(var(--color-primary-400), 1)
+}
+
+@media (min-width: 1536px) {
+  .\32xl\:container {
+    width:100%
+  }
+
+  @media (min-width: 640px) {
+    .\32xl\:container {
+      max-width:640px
+    }
+  }
+
+  @media (min-width: 853px) {
+    .\32xl\:container {
+      max-width:853px
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .\32xl\:container {
+      max-width:1024px
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .\32xl\:container {
+      max-width:1280px
+    }
+  }
+
+  @media (min-width: 1536px) {
+    .\32xl\:container {
+      max-width:1536px
+    }
+  }
+}
+
+.after\:clear-both::after {
+  content:var(--tw-content);
+  clear:both
+}
+
+.after\:block::after {
+  content:var(--tw-content);
+  display:block
+}
+
+.after\:content-\[\'\'\]::after {
+  --tw-content:'';
+  content:var(--tw-content)
+}
+
+.first\:mt-8:first-child {
+  margin-top:2rem
+}
+
+.hover\:border-primary-900:hover {
+  --tw-border-opacity:1;
+  border-color:rgba(var(--color-primary-900), var(--tw-border-opacity))
+}
+
+.hover\:border-transparent:hover {
+  border-color:transparent
+}
+
+.hover\:\!bg-primary-500:hover {
+  --tw-bg-opacity:1 !important;
+  background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important
+}
+
+.hover\:bg-primary-100:hover {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
+}
+
+.hover\:bg-primary-500:hover {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity))
+}
+
+.hover\:bg-primary-600:hover {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
+}
+
+.hover\:text-neutral:hover {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral), var(--tw-text-opacity))
+}
+
+.hover\:text-primary-400:hover {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+}
+
+.hover\:text-primary-500:hover {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-500), var(--tw-text-opacity))
+}
+
+.hover\:text-primary-600:hover {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+}
+
+.hover\:text-primary-700:hover {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-700), var(--tw-text-opacity))
+}
+
+.hover\:underline:hover {
+  text-decoration-line:underline
+}
+
+.hover\:no-underline:hover {
+  text-decoration-line:none
+}
+
+.hover\:decoration-primary-400:hover {
+  text-decoration-color:rgba(var(--color-primary-400), 1)
+}
+
+.hover\:decoration-2:hover {
+  text-decoration-thickness:2px
+}
+
+.hover\:underline-offset-2:hover {
+  text-underline-offset:2px
+}
+
+.hover\:opacity-90:hover {
+  opacity:0.9
+}
+
+.hover\:outline-none:hover {
+  outline:2px solid transparent;
+  outline-offset:2px
+}
+
+.focus\:translate-y-0:focus {
+  --tw-translate-y:0px;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.focus\:border-primary-500:focus {
+  --tw-border-opacity:1;
+  border-color:rgba(var(--color-primary-500), var(--tw-border-opacity))
+}
+
+.focus\:bg-primary-100:focus {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
+}
+
+.focus\:no-underline:focus {
+  text-decoration-line:none
+}
+
+.focus\:opacity-90:focus {
+  opacity:0.9
+}
+
+.focus\:outline-none:focus {
+  outline:2px solid transparent;
+  outline-offset:2px
+}
+
+.focus\:outline-dotted:focus {
+  outline-style:dotted
+}
+
+.focus\:outline-2:focus {
+  outline-width:2px
+}
+
+.focus\:outline-transparent:focus {
+  outline-color:transparent
+}
+
+.focus\:ring-2:focus {
+  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
+}
+
+.focus\:ring-primary-500:focus {
+  --tw-ring-opacity:1;
+  --tw-ring-color:rgba(var(--color-primary-500), var(--tw-ring-opacity))
+}
+
+.focus\:ring-offset-2:focus {
+  --tw-ring-offset-width:2px
+}
+
+.disabled\:pointer-events-none:disabled {
+  pointer-events:none
+}
+
+.disabled\:opacity-50:disabled {
+  opacity:0.5
+}
+
+.group:hover .group-hover\:text-primary-300 {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-300), var(--tw-text-opacity))
+}
+
+.group:hover .group-hover\:text-primary-600 {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+}
+
+.group:hover .group-hover\:underline {
+  text-decoration-line:underline
+}
+
+.group:hover .group-hover\:decoration-primary-500 {
+  text-decoration-color:rgba(var(--color-primary-500), 1)
+}
+
+.group:hover .group-hover\:opacity-100 {
+  opacity:1
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .motion-reduce\:transition-none {
+    transition-property:none
+  }
+}
+
+:is(.dark .dark\:flex) {
+  display:flex
+}
+
+:is(.dark .dark\:hidden) {
+  display:none
+}
+
+:is(.dark .dark\:border-neutral-600) {
+  --tw-border-opacity:1;
+  border-color:rgba(var(--color-neutral-600), var(--tw-border-opacity))
+}
+
+:is(.dark .dark\:border-neutral-700) {
+  --tw-border-opacity:1;
+  border-color:rgba(var(--color-neutral-700), var(--tw-border-opacity))
+}
+
+:is(.dark .dark\:border-primary-300) {
+  --tw-border-opacity:1;
+  border-color:rgba(var(--color-primary-300), var(--tw-border-opacity))
+}
+
+:is(.dark .dark\:border-primary-600) {
+  --tw-border-opacity:1;
+  border-color:rgba(var(--color-primary-600), var(--tw-border-opacity))
+}
+
+:is(.dark .dark\:border-primary-700) {
+  --tw-border-opacity:1;
+  border-color:rgba(var(--color-primary-700), var(--tw-border-opacity))
+}
+
+:is(.dark .dark\:bg-neutral) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-neutral), var(--tw-bg-opacity))
+}
+
+:is(.dark .dark\:bg-neutral-400) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-neutral-400), var(--tw-bg-opacity))
+}
+
+:is(.dark .dark\:bg-neutral-600) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-neutral-600), var(--tw-bg-opacity))
+}
+
+:is(.dark .dark\:bg-neutral-700) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-neutral-700), var(--tw-bg-opacity))
+}
+
+:is(.dark .dark\:bg-neutral-800) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-neutral-800), var(--tw-bg-opacity))
+}
+
+:is(.dark .dark\:bg-neutral-800\/50) {
+  background-color:rgba(var(--color-neutral-800), 0.5)
+}
+
+:is(.dark .dark\:bg-neutral-900) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-neutral-900), var(--tw-bg-opacity))
+}
+
+:is(.dark .dark\:bg-neutral-900\/50) {
+  background-color:rgba(var(--color-neutral-900), 0.5)
+}
+
+:is(.dark .dark\:bg-primary-300) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-300), var(--tw-bg-opacity))
+}
+
+:is(.dark .dark\:bg-primary-400) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity))
+}
+
+:is(.dark .dark\:bg-primary-500) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity))
+}
+
+:is(.dark .dark\:bg-primary-700) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-700), var(--tw-bg-opacity))
+}
+
+:is(.dark .dark\:bg-primary-800) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-800), var(--tw-bg-opacity))
+}
+
+:is(.dark .dark\:bg-primary-900) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
+}
+
+:is(.dark .dark\:from-neutral-800) {
+  --tw-gradient-from:rgba(var(--color-neutral-800), 1) var(--tw-gradient-from-position);
+  --tw-gradient-to:rgba(var(--color-neutral-800), 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
+}
+
+:is(.dark .dark\:from-primary-500) {
+  --tw-gradient-from:rgba(var(--color-primary-500), 1) var(--tw-gradient-from-position);
+  --tw-gradient-to:rgba(var(--color-primary-500), 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
+}
+
+:is(.dark .dark\:from-primary-600) {
+  --tw-gradient-from:rgba(var(--color-primary-600), 1) var(--tw-gradient-from-position);
+  --tw-gradient-to:rgba(var(--color-primary-600), 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
+}
+
+:is(.dark .dark\:to-neutral-800) {
+  --tw-gradient-to:rgba(var(--color-neutral-800), 1) var(--tw-gradient-to-position)
+}
+
+:is(.dark .dark\:to-primary-900) {
+  --tw-gradient-to:rgba(var(--color-primary-900), 1) var(--tw-gradient-to-position)
+}
+
+:is(.dark .dark\:to-secondary-700) {
+  --tw-gradient-to:rgba(var(--color-secondary-700), 1) var(--tw-gradient-to-position)
+}
+
+:is(.dark .dark\:to-secondary-800) {
+  --tw-gradient-to:rgba(var(--color-secondary-800), 1) var(--tw-gradient-to-position)
+}
+
+:is(.dark .dark\:text-neutral) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral), var(--tw-text-opacity))
+}
+
+:is(.dark .dark\:text-neutral-100) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-100), var(--tw-text-opacity))
+}
+
+:is(.dark .dark\:text-neutral-200) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-200), var(--tw-text-opacity))
+}
+
+:is(.dark .dark\:text-neutral-300) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-300), var(--tw-text-opacity))
+}
+
+:is(.dark .dark\:text-neutral-400) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
+}
+
+:is(.dark .dark\:text-neutral-500) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+}
+
+:is(.dark .dark\:text-neutral-700) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
+}
+
+:is(.dark .dark\:text-neutral-800) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-800), var(--tw-text-opacity))
+}
+
+:is(.dark .dark\:text-primary-200) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-200), var(--tw-text-opacity))
+}
+
+:is(.dark .dark\:text-primary-400) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+}
+
+:is(.dark .dark\:text-primary-500) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-500), var(--tw-text-opacity))
+}
+
+:is(.dark .dark\:opacity-60) {
+  opacity:0.6
+}
+
+:is(.dark .dark\:hover\:\!bg-primary-700:hover) {
+  --tw-bg-opacity:1 !important;
+  background-color:rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important
+}
+
+:is(.dark .dark\:hover\:bg-primary-400:hover) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity))
+}
+
+:is(.dark .dark\:hover\:bg-primary-900:hover) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
+}
+
+:is(.dark .dark\:hover\:text-neutral-800:hover) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-800), var(--tw-text-opacity))
+}
+
+:is(.dark .dark\:hover\:text-primary-400:hover) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+}
+
+:is(.dark .dark\:focus\:bg-primary-900:focus) {
+  --tw-bg-opacity:1;
+  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
+}
+
+:is(.dark .dark\:focus\:outline-none:focus) {
+  outline:2px solid transparent;
+  outline-offset:2px
+}
+
+:is(.dark .dark\:focus\:ring-1:focus) {
+  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
+}
+
+:is(.dark .dark\:focus\:ring-neutral-600:focus) {
+  --tw-ring-opacity:1;
+  --tw-ring-color:rgba(var(--color-neutral-600), var(--tw-ring-opacity))
+}
+
+:is(.dark .group:hover .dark\:group-hover\:text-neutral-700) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
+}
+
+:is(.dark .group:hover .dark\:group-hover\:text-primary-400) {
+  --tw-text-opacity:1;
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+}
+
+@media (min-width: 640px) {
+  .sm\:mb-0 {
+    margin-bottom:0px
+  }
+
+  .sm\:ms-4 {
+    margin-inline-start:1rem
+  }
+
+  .sm\:mt-16 {
+    margin-top:4rem
+  }
+
+  .sm\:mt-3 {
+    margin-top:0.75rem
+  }
+
+  .sm\:mt-6 {
+    margin-top:1.5rem
+  }
+
+  .sm\:h-\[2\.875rem\] {
+    height:2.875rem
+  }
+
+  .sm\:w-1\/2 {
+    width:50%
+  }
+
+  .sm\:w-80 {
+    width:20rem
+  }
+
+  .sm\:w-\[2\.875rem\] {
+    width:2.875rem
+  }
+
+  .sm\:w-auto {
+    width:auto
+  }
+
+  .sm\:max-w-2xl {
+    max-width:42rem
+  }
+
+  .sm\:grid-cols-2 {
+    grid-template-columns:repeat(2, minmax(0, 1fr))
+  }
+
+  .sm\:flex-row {
+    flex-direction:row
+  }
+
+  .sm\:gap-12 {
+    gap:3rem
+  }
+
+  .sm\:overflow-hidden {
+    overflow:hidden
+  }
+
+  .sm\:p-6 {
+    padding:1.5rem
+  }
+
+  .sm\:px-14 {
+    padding-left:3.5rem;
+    padding-right:3.5rem
+  }
+
+  .sm\:px-6 {
+    padding-left:1.5rem;
+    padding-right:1.5rem
+  }
+
+  .sm\:py-24 {
+    padding-top:6rem;
+    padding-bottom:6rem
+  }
+
+  .sm\:text-6xl {
+    font-size:3.75rem;
+    line-height:1
+  }
+
+  .sm\:text-base {
+    font-size:1rem;
+    line-height:1.5rem
+  }
+
+  .sm\:text-lg {
+    font-size:1.125rem;
+    line-height:1.75rem
+  }
+
+  .sm\:text-xl {
+    font-size:1.25rem;
+    line-height:1.75rem
+  }
+}
+
+@media (min-width: 853px) {
+  .md\:-mr-16 {
+    margin-right:-4rem
+  }
+
+  .md\:mb-0 {
+    margin-bottom:0px
+  }
+
+  .md\:ml-12 {
+    margin-left:3rem
+  }
+
+  .md\:mr-7 {
+    margin-right:1.75rem
+  }
+
+  .md\:mt-0 {
+    margin-top:0px
+  }
+
+  .md\:flex {
+    display:flex
+  }
+
+  .md\:hidden {
+    display:none
+  }
+
+  .md\:h-56 {
+    height:14rem
+  }
+
+  .md\:h-\[200px\] {
+    height:200px
+  }
+
+  .md\:w-1\/3 {
+    width:33.333333%
+  }
+
+  .md\:w-auto {
+    width:auto
+  }
+
+  .md\:max-w-3xl {
+    max-width:48rem
+  }
+
+  .md\:grid-cols-3 {
+    grid-template-columns:repeat(3, minmax(0, 1fr))
+  }
+
+  .md\:justify-start {
+    justify-content:flex-start
+  }
+
+  .md\:gap-12 {
+    gap:3rem
+  }
+
+  .md\:gap-20 {
+    gap:5rem
+  }
+
+  .md\:p-6 {
+    padding:1.5rem
+  }
+
+  .md\:p-\[10vh\] {
+    padding:10vh
+  }
+
+  .md\:px-12 {
+    padding-left:3rem;
+    padding-right:3rem
+  }
+
+  .md\:px-24 {
+    padding-left:6rem;
+    padding-right:6rem
+  }
+
+  .md\:px-28 {
+    padding-left:7rem;
+    padding-right:7rem
+  }
+
+  .md\:px-7 {
+    padding-left:1.75rem;
+    padding-right:1.75rem
+  }
+
+  .md\:text-lg {
+    font-size:1.125rem;
+    line-height:1.75rem
+  }
+}
+
+@media (min-width: 1024px) {
+  .lg\:absolute {
+    position:absolute
+  }
+
+  .lg\:relative {
+    position:relative
+  }
+
+  .lg\:sticky {
+    position:sticky
+  }
+
+  .lg\:left-0 {
+    left:0px
+  }
+
+  .lg\:top-10 {
+    top:2.5rem
+  }
+
+  .lg\:top-\[140px\] {
+    top:140px
+  }
+
+  .lg\:order-last {
+    order:9999
+  }
+
+  .lg\:m-0 {
+    margin:0px
+  }
+
+  .lg\:mx-0 {
+    margin-left:0px;
+    margin-right:0px
+  }
+
+  .lg\:mx-auto {
+    margin-left:auto;
+    margin-right:auto
+  }
+
+  .lg\:mb-0 {
+    margin-bottom:0px
+  }
+
+  .lg\:mb-14 {
+    margin-bottom:3.5rem
+  }
+
+  .lg\:ml-auto {
+    margin-left:auto
+  }
+
+  .lg\:mt-0 {
+    margin-top:0px
+  }
+
+  .lg\:block {
+    display:block
+  }
+
+  .lg\:flex {
+    display:flex
+  }
+
+  .lg\:grid {
+    display:grid
+  }
+
+  .lg\:hidden {
+    display:none
+  }
+
+  .lg\:h-72 {
+    height:18rem
+  }
+
+  .lg\:h-full {
+    height:100%
+  }
+
+  .lg\:w-1\/4 {
+    width:25%
+  }
+
+  .lg\:w-2\/5 {
+    width:40%
+  }
+
+  .lg\:w-auto {
+    width:auto
+  }
+
+  .lg\:max-w-5xl {
+    max-width:64rem
+  }
+
+  .lg\:max-w-7xl {
+    max-width:80rem
+  }
+
+  .lg\:max-w-none {
+    max-width:none
+  }
+
+  .lg\:max-w-xs {
+    max-width:20rem
+  }
+
+  .lg\:flex-1 {
+    flex:1 1 0%
+  }
+
+  .lg\:grid-flow-col-dense {
+    grid-auto-flow:column dense
+  }
+
+  .lg\:grid-cols-2 {
+    grid-template-columns:repeat(2, minmax(0, 1fr))
+  }
+
+  .lg\:grid-cols-3 {
+    grid-template-columns:repeat(3, minmax(0, 1fr))
+  }
+
+  .lg\:grid-cols-4 {
+    grid-template-columns:repeat(4, minmax(0, 1fr))
+  }
+
+  .lg\:grid-cols-5 {
+    grid-template-columns:repeat(5, minmax(0, 1fr))
+  }
+
+  .lg\:flex-row {
+    flex-direction:row
+  }
+
+  .lg\:items-center {
+    align-items:center
+  }
+
+  .lg\:gap-16 {
+    gap:4rem
+  }
+
+  .lg\:gap-24 {
+    gap:6rem
+  }
+
+  .lg\:gap-8 {
+    gap:2rem
+  }
+
+  .lg\:p-8 {
+    padding:2rem
+  }
+
+  .lg\:p-\[12vh\] {
+    padding:12vh
+  }
+
+  .lg\:px-0 {
+    padding-left:0px;
+    padding-right:0px
+  }
+
+  .lg\:px-32 {
+    padding-left:8rem;
+    padding-right:8rem
+  }
+
+  .lg\:px-8 {
+    padding-left:2rem;
+    padding-right:2rem
+  }
+
+  .lg\:py-14 {
+    padding-top:3.5rem;
+    padding-bottom:3.5rem
+  }
+
+  .lg\:py-16 {
+    padding-top:4rem;
+    padding-bottom:4rem
+  }
+
+  .lg\:py-32 {
+    padding-top:8rem;
+    padding-bottom:8rem
+  }
+
+  .lg\:py-6 {
+    padding-top:1.5rem;
+    padding-bottom:1.5rem
+  }
+
+  .lg\:pr-16 {
+    padding-right:4rem
+  }
+
+  .lg\:text-left {
+    text-align:left
+  }
+
+  .lg\:text-4xl {
+    font-size:2.25rem;
+    line-height:2.5rem
+  }
+
+  .lg\:leading-9 {
+    line-height:2.25rem
+  }
+}
+
+@media (min-width: 1280px) {
+  .xl\:w-1\/4 {
+    width:25%
+  }
+
+  .xl\:max-w-7xl {
+    max-width:80rem
+  }
+
+  .xl\:grid-cols-4 {
+    grid-template-columns:repeat(4, minmax(0, 1fr))
+  }
+
+  .xl\:px-36 {
+    padding-left:9rem;
+    padding-right:9rem
+  }
+
+  .xl\:py-24 {
+    padding-top:6rem;
+    padding-bottom:6rem
+  }
+}
+
+@media (min-width: 1536px) {
+  .\32xl\:mx-auto {
+    margin-left:auto;
+    margin-right:auto
+  }
+
+  .\32xl\:grid-cols-5 {
+    grid-template-columns:repeat(5, minmax(0, 1fr))
+  }
+}
+
+.ltr\:-left-6:where([dir="ltr"], [dir="ltr"] *) {
+  left:-1.5rem
+}
+
+.ltr\:right-0:where([dir="ltr"], [dir="ltr"] *) {
+  right:0px
+}
+
+.ltr\:-ml-5:where([dir="ltr"], [dir="ltr"] *) {
+  margin-left:-1.25rem
+}
+
+.ltr\:ml-2:where([dir="ltr"], [dir="ltr"] *) {
+  margin-left:0.5rem
+}
+
+.ltr\:mr-14:where([dir="ltr"], [dir="ltr"] *) {
+  margin-right:3.5rem
+}
+
+.ltr\:mr-4:where([dir="ltr"], [dir="ltr"] *) {
+  margin-right:1rem
+}
+
+.ltr\:block:where([dir="ltr"], [dir="ltr"] *) {
+  display:block
+}
+
+.ltr\:inline:where([dir="ltr"], [dir="ltr"] *) {
+  display:inline
+}
+
+.ltr\:hidden:where([dir="ltr"], [dir="ltr"] *) {
+  display:none
+}
+
+.ltr\:border-l:where([dir="ltr"], [dir="ltr"] *) {
+  border-left-width:1px
+}
+
+.ltr\:pl-5:where([dir="ltr"], [dir="ltr"] *) {
+  padding-left:1.25rem
+}
+
+.ltr\:pr-2:where([dir="ltr"], [dir="ltr"] *) {
+  padding-right:0.5rem
+}
+
+.ltr\:pr-3:where([dir="ltr"], [dir="ltr"] *) {
+  padding-right:0.75rem
+}
+
+.ltr\:text-right:where([dir="ltr"], [dir="ltr"] *) {
+  text-align:right
+}
+
+@media (min-width: 640px) {
+  .ltr\:sm\:mr-7:where([dir="ltr"], [dir="ltr"] *) {
+    margin-right:1.75rem
+  }
+
+  .ltr\:sm\:last\:mr-0:last-child:where([dir="ltr"], [dir="ltr"] *) {
+    margin-right:0px
+  }
+}
+
+@media (min-width: 1024px) {
+  .ltr\:lg\:pl-8:where([dir="ltr"], [dir="ltr"] *) {
+    padding-left:2rem
+  }
+}
+
+.rtl\:-right-6:where([dir="rtl"], [dir="rtl"] *) {
+  right:-1.5rem
+}
+
+.rtl\:left-0:where([dir="rtl"], [dir="rtl"] *) {
+  left:0px
+}
+
+.rtl\:-mr-5:where([dir="rtl"], [dir="rtl"] *) {
+  margin-right:-1.25rem
+}
+
+.rtl\:ml-14:where([dir="rtl"], [dir="rtl"] *) {
+  margin-left:3.5rem
+}
+
+.rtl\:ml-4:where([dir="rtl"], [dir="rtl"] *) {
+  margin-left:1rem
+}
+
+.rtl\:mr-2:where([dir="rtl"], [dir="rtl"] *) {
+  margin-right:0.5rem
+}
+
+.rtl\:block:where([dir="rtl"], [dir="rtl"] *) {
+  display:block
+}
+
+.rtl\:inline:where([dir="rtl"], [dir="rtl"] *) {
+  display:inline
+}
+
+.rtl\:hidden:where([dir="rtl"], [dir="rtl"] *) {
+  display:none
+}
+
+.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *) {
+  --tw-rotate:180deg;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.rtl\:border-r:where([dir="rtl"], [dir="rtl"] *) {
+  border-right-width:1px
+}
+
+.rtl\:pl-2:where([dir="rtl"], [dir="rtl"] *) {
+  padding-left:0.5rem
+}
+
+.rtl\:pl-3:where([dir="rtl"], [dir="rtl"] *) {
+  padding-left:0.75rem
+}
+
+.rtl\:pr-5:where([dir="rtl"], [dir="rtl"] *) {
+  padding-right:1.25rem
+}
+
+.rtl\:text-left:where([dir="rtl"], [dir="rtl"] *) {
+  text-align:left
+}
+
+@media (min-width: 640px) {
+  .rtl\:sm\:ml-7:where([dir="rtl"], [dir="rtl"] *) {
+    margin-left:1.75rem
+  }
+
+  .rtl\:sm\:last\:ml-0:last-child:where([dir="rtl"], [dir="rtl"] *) {
+    margin-left:0px
+  }
+}
+
+@media (min-width: 1024px) {
+  .rtl\:lg\:pr-8:where([dir="rtl"], [dir="rtl"] *) {
+    padding-right:2rem
+  }
+}
+
+@media print {
+  .print\:hidden {
+    display:none
+  }
+}
\ No newline at end of file
diff --git a/assets/css/components/zen-mode.css b/assets/css/components/zen-mode.css
new file mode 100644
index 0000000..bf0c31c
--- /dev/null
+++ b/assets/css/components/zen-mode.css
@@ -0,0 +1,16 @@
+#zen-mode-button {
+    cursor:pointer
+}
+
+.zen-mode {
+    position: relative;
+}
+
+body.zen-mode-enable {
+    #bmc-wbtn, .author {
+        display:none !important;
+    }
+}
+
+
+
diff --git a/assets/css/custom.css b/assets/css/custom.css
new file mode 100644
index 0000000..eb11f62
--- /dev/null
+++ b/assets/css/custom.css
@@ -0,0 +1,42 @@
+/* Blowfish scheme */
+:root {
+    --color-neutral: 250, 250, 250;
+    /* neutral */
+    --color-neutral-50: 250, 250, 250;
+    --color-neutral-100: 245, 245, 245;
+    --color-neutral-200: 229, 229, 229;
+    --color-neutral-300: 212, 212, 212;
+    --color-neutral-400: 163, 163, 163;
+    --color-neutral-500: 115, 115, 115;
+    --color-neutral-600: 82, 82, 82;
+    --color-neutral-700: 64, 64, 64;
+    --color-neutral-800: 2,6,33;
+    --color-neutral-900: 23, 23, ;
+    /* Blue */
+    --color-primary-50: 239, 246, 255;
+    --color-primary-100: 219, 234, 254;
+    --color-primary-200: 191, 219, 254;
+    --color-primary-300: 147, 197, 253;
+    --color-primary-400: 96, 165, 250;
+    --color-primary-500: 59, 130, 246; 
+    --color-primary-600: 37, 99, 235;
+    --color-primary-700: 29, 78, 216;
+    --color-primary-800: 30, 64, 175;
+    --color-primary-900: 30, 58, 138;
+    /* Cyan */
+    --color-secondary-50: 236, 254, 255;
+    --color-secondary-100: 207, 250, 254;
+    --color-secondary-200: 165, 243, 252;
+    --color-secondary-300: 103, 232, 249;
+    --color-secondary-400: 34, 211, 238;
+    --color-secondary-500: 6, 182, 212;
+    --color-secondary-600: 8, 145, 178;
+    --color-secondary-700: 14, 116, 144;
+    --color-secondary-800: 21, 94, 117;
+    --color-secondary-900: 22, 78, 99;
+}
+
+.bg-primary-800 {
+    background-color: rgb(30, 64, 175);
+}
+    
\ No newline at end of file
diff --git a/assets/css/main.css b/assets/css/main.css
new file mode 100644
index 0000000..92ca4ce
--- /dev/null
+++ b/assets/css/main.css
@@ -0,0 +1,659 @@
+/*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */
+
+@import 'components/zen-mode.css';
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body a,
+body button {
+  @apply transition-colors;
+}
+
+/* Scale SVG icons to text size */
+.icon svg {
+  @apply h-[1em] w-[1em];
+}
+
+/* Search */
+#search-query::-webkit-search-cancel-button,
+#search-query::-webkit-search-decoration,
+#search-query::-webkit-search-results-button,
+#search-query::-webkit-search-results-decoration {
+  @apply hidden;
+}
+
+/* Hamburger menu */
+body:has(#menu-controller:checked) {
+  @apply overflow-y-hidden;
+}
+
+#menu-button:has(#menu-controller:checked) {
+  @apply invisible;
+}
+
+#menu-controller:checked~#menu-wrapper {
+  @apply visible opacity-100;
+}
+
+/* RTL support */
+.prose blockquote {
+  @apply rtl:pr-4 rtl:border-l-0 rtl:border-r-4;
+}
+
+.prose ul>li,
+.prose ol>li {
+  @apply rtl:pl-0 rtl:pr-2 rtl:mr-7;
+}
+
+.prose ol>li:before,
+.prose ul>li:before {
+  @apply rtl:left-auto rtl:right-1;
+}
+
+.prose thead td:first-child,
+.prose thead th:first-child {
+  @apply rtl:pr-0;
+}
+
+.prose thead td:last-child,
+.prose thead th:last-child {
+  @apply rtl:pl-0;
+}
+
+/* Adjust first child within prose */
+.prose div.min-w-0.max-w-prose>*:first-child {
+  @apply mt-3;
+}
+
+/* Table of Contents */
+.toc ul,
+.toc li {
+  @apply px-0 leading-snug list-none;
+}
+
+.toc ul ul {
+  @apply ltr:pl-4 rtl:pr-4;
+}
+
+.toc a {
+  @apply font-normal text-neutral-700 dark:text-neutral-400;
+}
+
+.toc ul>li {
+  @apply rtl:mr-0;
+}
+
+/* Code Copy */
+.highlight-wrapper {
+  @apply block;
+}
+
+.highlight {
+  @apply relative z-0;
+}
+
+.highlight:hover>.copy-button {
+  @apply visible;
+}
+
+.copy-button {
+  @apply absolute top-0 right-0 z-10 invisible w-20 py-1 font-mono text-sm cursor-pointer opacity-90 bg-neutral-200 whitespace-nowrap rounded-bl-md rounded-tr-md text-neutral-700 dark:bg-neutral-600 dark:text-neutral-200;
+}
+
+.copy-button:hover,
+.copy-button:focus,
+.copy-button:active,
+.copy-button:active:hover {
+  @apply bg-primary-100 dark:bg-primary-600;
+}
+
+.copy-textarea {
+  @apply absolute opacity-5 -z-10;
+}
+
+/* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */
+.katex-display { overflow: auto hidden }
+
+/* Fix long tables breaking out of article on mobile */
+table {
+    display: block;
+    overflow: auto;
+}
+
+/* Fix long inline code sections breaking out of article on mobile */
+code {
+    word-wrap: break-word;         /* All browsers since IE 5.5+ */
+    overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
+}
+
+/* -- Chroma Highlight -- */
+/* Background */
+.prose .chroma {
+  @apply static rounded-md text-neutral-700 bg-neutral-50 dark:bg-neutral-700 dark:text-neutral-200;
+}
+
+/* LineTableTD */
+.chroma .lntd,
+.chroma .lntd pre {
+  @apply p-0 m-0 align-top border-none;
+}
+
+/* LineTable */
+.chroma .lntable {
+  @apply block w-auto px-4 py-3 overflow-hidden text-base;
+  border-spacing: 0;
+}
+
+/* LineHighlight */
+.chroma .hl {
+  @apply block w-auto px-4 -mx-4 bg-primary-100 dark:bg-primary-900;
+}
+
+.chroma .lntd .hl {
+  @apply p-0 m-0;
+}
+
+/* LineNumbersTable */
+/* LineNumbers */
+.chroma .lnt,
+.chroma .ln {
+  @apply text-neutral-600 dark:text-neutral-300 mr-[0.4em] px-[0.4em] py-0;
+}
+
+/* Keyword */
+/* KeywordDeclaration */
+/* KeywordNamespace */
+/* KeywordPseudo */
+/* KeywordReserved */
+/* NameClass */
+/* NameFunctionMagic */
+/* NameNamespace */
+/* NameVariableClass */
+/* Operator */
+.chroma .k,
+.chroma .kd,
+.chroma .kn,
+.chroma .kp,
+.chroma .kr,
+.chroma .nc,
+.chroma .fm,
+.chroma .nn,
+.chroma .vc,
+.chroma .o {
+  @apply text-primary-600 dark:text-primary-300;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  @apply font-semibold text-secondary-400 dark:text-secondary-500;
+}
+
+/* KeywordType */
+/* NameVariable */
+/* NameVariableInstance */
+/* NameVariableMagic */
+/* LiteralNumber */
+/* LiteralNumberBin */
+/* LiteralNumberFloat */
+/* LiteralNumberHex */
+/* LiteralNumberInteger */
+/* LiteralNumberIntegerLong */
+/* LiteralNumberOct */
+.chroma .kt,
+.chroma .nv,
+.chroma .vi,
+.chroma .vm,
+.chroma .m,
+.chroma .mb,
+.chroma .mf,
+.chroma .mh,
+.chroma .mi,
+.chroma .il,
+.chroma .mo {
+  @apply text-secondary-400 dark:text-secondary-600;
+}
+
+/* Name */
+/* NameDecorator */
+/* NameEntity */
+/* NameLabel */
+.chroma .n,
+.chroma .nd,
+.chroma .ni,
+.chroma .nl {
+  @apply text-secondary-900 dark:text-secondary-200;
+}
+
+/* NameAttribute */
+/* NameBuiltin */
+/* NameBuiltinPseudo */
+/* NameOther */
+/* NameProperty */
+/* NameTag */
+.chroma .na,
+.chroma .nb,
+.chroma .bp,
+.chroma .nx,
+.chroma .py,
+.chroma .nt {
+  @apply text-secondary-800 dark:text-secondary-300;
+}
+
+/* NameConstant */
+/* NameException */
+/* NameVariableGlobal */
+.chroma .no,
+.chroma .ne,
+.chroma .vg {
+  @apply font-semibold text-secondary-400 dark:text-secondary-500;
+}
+
+/* NameFunction */
+.chroma .nf {
+  @apply text-secondary-600 dark:text-secondary-500;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralString */
+/* LiteralStringAffix */
+/* LiteralStringBacktick */
+/* LiteralStringChar */
+/* LiteralStringDelimiter */
+/* LiteralStringDoc */
+/* LiteralStringDouble */
+/* LiteralStringHeredoc */
+/* LiteralStringInterpol */
+/* LiteralStringOther */
+/* LiteralStringSingle */
+/* GenericInserted */
+/* GenericOutput */
+/* GenericPrompt */
+.chroma .l,
+.chroma .ld,
+.chroma .s,
+.chroma .sa,
+.chroma .sb,
+.chroma .sc,
+.chroma .dl,
+.chroma .sd,
+.chroma .s2,
+.chroma .sh,
+.chroma .si,
+.chroma .sx,
+.chroma .s1,
+.chroma .gi,
+.chroma .go,
+.chroma .gp {
+  @apply text-primary-800 dark:text-primary-400;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  @apply font-semibold text-secondary-400 dark:text-secondary-500;
+}
+
+/* LiteralStringRegex */
+/* LiteralStringSymbol */
+.chroma .sr,
+.chroma .ss {
+  @apply font-semibold text-primary-800 dark:text-primary-400;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  @apply font-semibold text-primary-400 dark:text-primary-600;
+}
+
+/* Comment */
+/* CommentMultiline */
+/* CommentSingle */
+/* CommentSpecial */
+/* CommentPreproc */
+/* CommentPreprocFile */
+.chroma .c,
+.chroma .cm,
+.chroma .c1,
+.chroma .cs,
+.chroma .cp,
+.chroma .cpf {
+  @apply italic text-neutral-500 dark:text-neutral-400;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  @apply italic font-semibold text-neutral-500 dark:text-neutral-400;
+}
+
+/* GenericEmph */
+.chroma .ge {
+  @apply italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  @apply font-semibold text-neutral-500;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  @apply font-semibold;
+}
+
+/* GenericSubheading */
+/* GenericTraceback */
+.chroma .gu,
+.chroma .gt {
+  @apply text-neutral-500;
+}
+
+/* GenericUnderline */
+.chroma .gl {
+  @apply underline;
+}
+
+/* Custom */
+
+pre {
+  text-align: left;
+}
+
+.thumbnail {
+  min-width: 300px;
+  height: 180px;
+  background-repeat:no-repeat;
+  background-size:cover; 
+  background-position:center;
+}
+
+.thumbnail_card {
+  height: 200px;
+  background-repeat:no-repeat;
+  background-size:cover; 
+  background-position:center;
+}
+
+.thumbnail_card_related {
+  height: 150px;
+  background-repeat:no-repeat;
+  background-size:cover; 
+  background-position:center;
+}
+
+.thumbnail_card_term {
+  height: 150px;
+  background-repeat:no-repeat;
+  background-size:cover; 
+  background-position:center;
+}
+
+.single_hero_basic {
+  background-repeat:no-repeat;
+  background-size:cover; 
+  background-position:center;
+}
+
+.single_hero_round {
+  max-height: 50vh;
+  object-fit: cover;
+}
+
+.single_hero_background {
+  background-repeat:no-repeat;
+  background-size:cover; 
+  background-position:center;
+  width: calc(100% + 40px);
+  z-index: -10;
+  margin-left: -20px;
+}
+
+.hero_gradient {
+  width: 100%;
+  height: 100%;
+}
+
+.thumbnailshadow {
+  box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3);
+}
+
+.anchor {
+  display: block;
+  position: relative;
+  top: -150px;
+  height: 0px;
+  visibility: hidden;
+}
+
+@screen sm {
+  .thumbnail {
+    min-width: 100%;
+    height: 180px;
+  }
+  .article {
+    flex-wrap: wrap;
+  }
+}
+
+@screen md {
+  .thumbnail {
+    min-width: 300px;
+    min-height: 180px;
+    height: auto;
+  }
+  .article {
+    flex-wrap: nowrap;
+  }
+}
+
+.medium-zoom-image--opened {
+  z-index: 100;
+}
+
+.nested-menu:hover + .menuhide {
+  visibility: visible;
+  opacity: 1;
+  transition: visibility 0.3s, opacity 0.3s ease-in-out ;
+}
+
+.menuhide:hover {
+  visibility: visible;
+  opacity: 1;
+  transition: visibility 0.3s, opacity 0.3s ease-in-out ;
+}
+
+.menuhide {
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0.3s, opacity 0.3s ease-in-out ;
+  z-index: 1000;
+}
+
+.active {
+  text-decoration-line: underline;
+  text-decoration-thickness: 3px;
+  text-underline-offset: 4px;
+}
+
+.text-9xl {
+  font-size: 9rem;
+}
+
+/* Gallery Specific Styles */
+.grid-w10 { width: calc(10% - 5px); margin: 0px !important; }
+.grid-w15 { width: calc(15% - 5px); margin: 0px !important; }
+.grid-w20 { width: calc(20% - 5px); margin: 0px !important; }
+.grid-w25 { width: calc(25% - 5px); margin: 0px !important; }
+.grid-w30 { width: calc(30% - 5px); margin: 0px !important; }
+.grid-w33 { width: calc(33% - 5px); margin: 0px !important; }
+.grid-w35 { width: calc(35% - 5px); margin: 0px !important; }
+.grid-w40 { width: calc(40% - 5px); margin: 0px !important; }
+.grid-w45 { width: calc(45% - 5px); margin: 0px !important; }
+.grid-w50 { width: calc(50% - 5px); margin: 0px !important; }
+.grid-w55 { width: calc(55% - 5px); margin: 0px !important; }
+.grid-w60 { width: calc(60% - 5px); margin: 0px !important; }
+.grid-w65 { width: calc(65% - 5px); margin: 0px !important; }
+.grid-w66 { width: calc(66% - 5px); margin: 0px !important; }
+.grid-w70 { width: calc(70% - 5px); margin: 0px !important; }
+.grid-w75 { width: calc(75% - 5px); margin: 0px !important; }
+.grid-w80 { width: calc(80% - 5px); margin: 0px !important; }
+.grid-w85 { width: calc(85% - 5px); margin: 0px !important; }
+.grid-w90 { width: calc(90% - 5px); margin: 0px !important; }
+.grid-w95 { width: calc(95% - 5px); margin: 0px !important; }
+.grid-w100 { width: calc(100% - 5px); margin: 0px !important; }
+
+@screen sm {
+  .sm\:grid-w10 { width: calc(10% - 5px); margin: 0px !important; }
+  .sm\:grid-w15 { width: calc(15% - 5px); margin: 0px !important; }
+  .sm\:grid-w20 { width: calc(20% - 5px); margin: 0px !important; }
+  .sm\:grid-w25 { width: calc(25% - 5px); margin: 0px !important; }
+  .sm\:grid-w30 { width: calc(30% - 5px); margin: 0px !important; }
+  .sm\:grid-w33 { width: calc(33% - 5px); margin: 0px !important; }
+  .sm\:grid-w35 { width: calc(35% - 5px); margin: 0px !important; }
+  .sm\:grid-w40 { width: calc(40% - 5px); margin: 0px !important; }
+  .sm\:grid-w45 { width: calc(45% - 5px); margin: 0px !important; }
+  .sm\:grid-w50 { width: calc(50% - 5px); margin: 0px !important; }
+  .sm\:grid-w55 { width: calc(55% - 5px); margin: 0px !important; }
+  .sm\:grid-w60 { width: calc(60% - 5px); margin: 0px !important; }
+  .sm\:grid-w65 { width: calc(65% - 5px); margin: 0px !important; }
+  .sm\:grid-w66 { width: calc(66% - 5px); margin: 0px !important; }
+  .sm\:grid-w70 { width: calc(70% - 5px); margin: 0px !important; }
+  .sm\:grid-w75 { width: calc(75% - 5px); margin: 0px !important; }
+  .sm\:grid-w80 { width: calc(80% - 5px); margin: 0px !important; }
+  .sm\:grid-w85 { width: calc(85% - 5px); margin: 0px !important; }
+  .sm\:grid-w90 { width: calc(90% - 5px); margin: 0px !important; }
+  .sm\:grid-w95 { width: calc(95% - 5px); margin: 0px !important; }
+  .sm\:grid-w100 { width: calc(100% - 5px); margin: 0px !important; }
+}
+
+@screen md {
+  .md\:grid-w10 { width: calc(10% - 5px); margin: 0px !important; }
+  .md\:grid-w15 { width: calc(15% - 5px); margin: 0px !important; }
+  .md\:grid-w20 { width: calc(20% - 5px); margin: 0px !important; }
+  .md\:grid-w25 { width: calc(25% - 5px); margin: 0px !important; }
+  .md\:grid-w30 { width: calc(30% - 5px); margin: 0px !important; }
+  .md\:grid-w33 { width: calc(33% - 5px); margin: 0px !important; }
+  .md\:grid-w35 { width: calc(35% - 5px); margin: 0px !important; }
+  .md\:grid-w40 { width: calc(40% - 5px); margin: 0px !important; }
+  .md\:grid-w45 { width: calc(45% - 5px); margin: 0px !important; }
+  .md\:grid-w50 { width: calc(50% - 5px); margin: 0px !important; }
+  .md\:grid-w55 { width: calc(55% - 5px); margin: 0px !important; }
+  .md\:grid-w60 { width: calc(60% - 5px); margin: 0px !important; }
+  .md\:grid-w65 { width: calc(65% - 5px); margin: 0px !important; }
+  .md\:grid-w66 { width: calc(66% - 5px); margin: 0px !important; }
+  .md\:grid-w70 { width: calc(70% - 5px); margin: 0px !important; }
+  .md\:grid-w75 { width: calc(75% - 5px); margin: 0px !important; }
+  .md\:grid-w80 { width: calc(80% - 5px); margin: 0px !important; }
+  .md\:grid-w85 { width: calc(85% - 5px); margin: 0px !important; }
+  .md\:grid-w90 { width: calc(90% - 5px); margin: 0px !important; }
+  .md\:grid-w95 { width: calc(95% - 5px); margin: 0px !important; }
+  .md\:grid-w100 { width: calc(100% - 5px); margin: 0px !important; }
+}
+
+@screen lg {
+  .lg\:grid-w10 { width: calc(10% - 5px); margin: 0px !important; }
+  .lg\:grid-w15 { width: calc(15% - 5px); margin: 0px !important; }
+  .lg\:grid-w20 { width: calc(20% - 5px); margin: 0px !important; }
+  .lg\:grid-w25 { width: calc(25% - 5px); margin: 0px !important; }
+  .lg\:grid-w30 { width: calc(30% - 5px); margin: 0px !important; }
+  .lg\:grid-w33 { width: calc(33% - 5px); margin: 0px !important; }
+  .lg\:grid-w35 { width: calc(35% - 5px); margin: 0px !important; }
+  .lg\:grid-w40 { width: calc(40% - 5px); margin: 0px !important; }
+  .lg\:grid-w45 { width: calc(45% - 5px); margin: 0px !important; }
+  .lg\:grid-w50 { width: calc(50% - 5px); margin: 0px !important; }
+  .lg\:grid-w55 { width: calc(55% - 5px); margin: 0px !important; }
+  .lg\:grid-w60 { width: calc(60% - 5px); margin: 0px !important; }
+  .lg\:grid-w65 { width: calc(65% - 5px); margin: 0px !important; }
+  .lg\:grid-w66 { width: calc(66% - 5px); margin: 0px !important; }
+  .lg\:grid-w70 { width: calc(70% - 5px); margin: 0px !important; }
+  .lg\:grid-w75 { width: calc(75% - 5px); margin: 0px !important; }
+  .lg\:grid-w80 { width: calc(80% - 5px); margin: 0px !important; }
+  .lg\:grid-w85 { width: calc(85% - 5px); margin: 0px !important; }
+  .lg\:grid-w90 { width: calc(90% - 5px); margin: 0px !important; }
+  .lg\:grid-w95 { width: calc(95% - 5px); margin: 0px !important; }
+  .lg\:grid-w100 { width: calc(100% - 5px); margin: 0px !important; }
+}
+
+@screen xl {
+  .xl\:grid-w10 { width: calc(10% - 5px); margin: 0px !important; }
+  .xl\:grid-w15 { width: calc(15% - 5px); margin: 0px !important; }
+  .xl\:grid-w20 { width: calc(20% - 5px); margin: 0px !important; }
+  .xl\:grid-w25 { width: calc(25% - 5px); margin: 0px !important; }
+  .xl\:grid-w30 { width: calc(30% - 5px); margin: 0px !important; }
+  .xl\:grid-w33 { width: calc(33% - 5px); margin: 0px !important; }
+  .xl\:grid-w35 { width: calc(35% - 5px); margin: 0px !important; }
+  .xl\:grid-w40 { width: calc(40% - 5px); margin: 0px !important; }
+  .xl\:grid-w45 { width: calc(45% - 5px); margin: 0px !important; }
+  .xl\:grid-w50 { width: calc(50% - 5px); margin: 0px !important; }
+  .xl\:grid-w55 { width: calc(55% - 5px); margin: 0px !important; }
+  .xl\:grid-w60 { width: calc(60% - 5px); margin: 0px !important; }
+  .xl\:grid-w65 { width: calc(65% - 5px); margin: 0px !important; }
+  .xl\:grid-w66 { width: calc(66% - 5px); margin: 0px !important; }
+  .xl\:grid-w70 { width: calc(70% - 5px); margin: 0px !important; }
+  .xl\:grid-w75 { width: calc(75% - 5px); margin: 0px !important; }
+  .xl\:grid-w80 { width: calc(80% - 5px); margin: 0px !important; }
+  .xl\:grid-w85 { width: calc(85% - 5px); margin: 0px !important; }
+  .xl\:grid-w90 { width: calc(90% - 5px); margin: 0px !important; }
+  .xl\:grid-w95 { width: calc(95% - 5px); margin: 0px !important; }
+  .xl\:grid-w100 { width: calc(100% - 5px); margin: 0px !important; }
+}
+
+@screen 2xl {
+  .2xl\:grid-w10 { width: calc(10% - 5px); margin: 0px !important; }
+  .2xl\:grid-w15 { width: calc(15% - 5px); margin: 0px !important; }
+  .2xl\:grid-w20 { width: calc(20% - 5px); margin: 0px !important; }
+  .2xl\:grid-w25 { width: calc(25% - 5px); margin: 0px !important; }
+  .2xl\:grid-w30 { width: calc(30% - 5px); margin: 0px !important; }
+  .2xl\:grid-w33 { width: calc(33% - 5px); margin: 0px !important; }
+  .2xl\:grid-w35 { width: calc(35% - 5px); margin: 0px !important; }
+  .2xl\:grid-w40 { width: calc(40% - 5px); margin: 0px !important; }
+  .2xl\:grid-w45 { width: calc(45% - 5px); margin: 0px !important; }
+  .2xl\:grid-w50 { width: calc(50% - 5px); margin: 0px !important; }
+  .2xl\:grid-w55 { width: calc(55% - 5px); margin: 0px !important; }
+  .2xl\:grid-w60 { width: calc(60% - 5px); margin: 0px !important; }
+  .2xl\:grid-w65 { width: calc(65% - 5px); margin: 0px !important; }
+  .2xl\:grid-w66 { width: calc(66% - 5px); margin: 0px !important; }
+  .2xl\:grid-w70 { width: calc(70% - 5px); margin: 0px !important; }
+  .2xl\:grid-w75 { width: calc(75% - 5px); margin: 0px !important; }
+  .2xl\:grid-w80 { width: calc(80% - 5px); margin: 0px !important; }
+  .2xl\:grid-w85 { width: calc(85% - 5px); margin: 0px !important; }
+  .2xl\:grid-w90 { width: calc(90% - 5px); margin: 0px !important; }
+  .2xl\:grid-w95 { width: calc(95% - 5px); margin: 0px !important; }
+  .2xl\:grid-w100 { width: calc(100% - 5px); margin: 0px !important; }
+}
+
+/* Carousel Specific Styles */
+.ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */
+.ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */
+.ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */
+
+@screen sm {
+  .sm\:ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */
+  .sm\:ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */
+  .sm\:ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */
+}
+
+@screen md {
+  .md\:ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */
+  .md\:ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */
+  .md\:ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */
+}
+
+@screen lg {
+  .lg\:ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */
+  .lg\:ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */
+  .lg\:ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */
+}
+
+@screen xl {
+  .xl\:ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */
+  .xl\:ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */
+  .xl\:ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */
+}
+
+@screen 2xl {
+  .2xl\:ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */
+  .2xl\:ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */
+  .2xl\:ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */
+}
diff --git a/assets/css/schemes/autumn.css b/assets/css/schemes/autumn.css
new file mode 100644
index 0000000..7f88604
--- /dev/null
+++ b/assets/css/schemes/autumn.css
@@ -0,0 +1,32 @@
+:root { --color-neutral: 255, 255, 255;
+--color-neutral-50:     255,255,255;
+--color-neutral-100:    214,251,252;
+--color-neutral-200:    142,245,247;
+--color-neutral-300:    70,239,243;
+--color-neutral-400:    15,217,222;
+--color-neutral-500:    10,147,150;
+--color-neutral-600:    7,110,112;
+--color-neutral-700:    5,72,74;
+--color-neutral-800:    2,35,35;
+--color-neutral-900:    0,0,0;
+--color-primary-50:     255,255,255;
+--color-primary-100:    255,255,255;
+--color-primary-200:    255,240,212;
+--color-primary-300:    255,213,136;
+--color-primary-400:    255,187,59;
+--color-primary-500:    238,155,0;
+--color-primary-600:    197,128,0;
+--color-primary-700:    156,102,0;
+--color-primary-800:    116,75,0;
+--color-primary-900:    75,49,0;
+--color-secondary-50:     255,255,255;
+--color-secondary-100:    255,246,241;
+--color-secondary-200:    254,194,166;
+--color-secondary-300:    252,142,91;
+--color-secondary-400:    251,91,15;
+--color-secondary-500:    187,62,3;
+--color-secondary-600:    147,49,2;
+--color-secondary-700:    107,35,2;
+--color-secondary-800:    67,22,1;
+--color-secondary-900:    26,9,0;
+}
\ No newline at end of file
diff --git a/assets/css/schemes/avocado.css b/assets/css/schemes/avocado.css
new file mode 100644
index 0000000..911e895
--- /dev/null
+++ b/assets/css/schemes/avocado.css
@@ -0,0 +1,37 @@
+/* Avocado scheme */
+:root {
+  --color-neutral: 255, 255, 255;
+  /* Stone */
+  --color-neutral-50: 250, 250, 249;
+  --color-neutral-100: 245, 245, 244;
+  --color-neutral-200: 231, 229, 228;
+  --color-neutral-300: 214, 211, 209;
+  --color-neutral-400: 168, 162, 158;
+  --color-neutral-500: 120, 113, 108;
+  --color-neutral-600: 87, 83, 78;
+  --color-neutral-700: 68, 64, 60;
+  --color-neutral-800: 41, 37, 36;
+  --color-neutral-900: 28, 25, 23;
+  /* Lime */
+  --color-primary-50: 247, 254, 231;
+  --color-primary-100: 236, 252, 203;
+  --color-primary-200: 217, 249, 157;
+  --color-primary-300: 190, 242, 100;
+  --color-primary-400: 163, 230, 53;
+  --color-primary-500: 132, 204, 22;
+  --color-primary-600: 101, 163, 13;
+  --color-primary-700: 77, 124, 15;
+  --color-primary-800: 63, 98, 18;
+  --color-primary-900: 54, 83, 20;
+  /* Emerald */
+  --color-secondary-50: 236, 253, 245;
+  --color-secondary-100: 209, 250, 229;
+  --color-secondary-200: 167, 243, 208;
+  --color-secondary-300: 110, 231, 183;
+  --color-secondary-400: 52, 211, 153;
+  --color-secondary-500: 16, 185, 129;
+  --color-secondary-600: 5, 150, 105;
+  --color-secondary-700: 4, 120, 87;
+  --color-secondary-800: 6, 95, 70;
+  --color-secondary-900: 6, 78, 59;
+}
diff --git a/assets/css/schemes/bloody.css b/assets/css/schemes/bloody.css
new file mode 100644
index 0000000..5d0de8a
--- /dev/null
+++ b/assets/css/schemes/bloody.css
@@ -0,0 +1,32 @@
+:root { --color-neutral: 255, 255, 255;
+--color-neutral-50:     255,255,255;
+--color-neutral-100:    254,197,207;
+--color-neutral-200:    253,121,144;
+--color-neutral-300:    251,46,82;
+--color-neutral-400:    217,4,41;
+--color-neutral-500:    177,3,33;
+--color-neutral-600:    137,3,26;
+--color-neutral-700:    97,2,18;
+--color-neutral-800:    57,1,11;
+--color-neutral-900:    17,0,3;
+--color-primary-50:     255,255,255;
+--color-primary-100:    255,255,255;
+--color-primary-200:    230,233,238;
+--color-primary-300:    186,193,206;
+--color-primary-400:    141,153,174;
+--color-primary-500:    117,132,157;
+--color-primary-600:    97,111,136;
+--color-primary-700:    80,92,113;
+--color-primary-800:    63,72,89;
+--color-primary-900:    46,53,65;
+--color-secondary-50:     255,255,255;
+--color-secondary-100:    217,230,238;
+--color-secondary-200:    164,195,215;
+--color-secondary-300:    111,160,192;
+--color-secondary-400:    69,123,157;
+--color-secondary-500:    57,101,129;
+--color-secondary-600:    44,79,100;
+--color-secondary-700:    32,56,72;
+--color-secondary-800:    19,34,44;
+--color-secondary-900:    7,12,15;
+}
\ No newline at end of file
diff --git a/assets/css/schemes/blowfish.css b/assets/css/schemes/blowfish.css
new file mode 100644
index 0000000..aee5987
--- /dev/null
+++ b/assets/css/schemes/blowfish.css
@@ -0,0 +1,38 @@
+/* Blowfish scheme */
+:root {
+  --color-neutral: 255, 255, 255;
+  /* Gray */
+  --color-neutral-50: 248, 250, 252;
+  --color-neutral-100: 241, 245, 249;
+  --color-neutral-200: 226, 232, 240;
+  --color-neutral-300: 203, 213, 225;
+  --color-neutral-400: 148, 163, 184;
+  --color-neutral-500: 100, 116, 139;
+  --color-neutral-600: 71, 85, 105;
+  --color-neutral-700: 51, 65, 85;
+  --color-neutral-800: 2, 6, 33;
+  --color-neutral-900: 15, 23, 42;
+  /* Blue */
+  --color-primary-50: 239, 246, 255;
+  --color-primary-100: 219, 234, 254;
+  --color-primary-200: 191, 219, 254;
+  --color-primary-300: 147, 197, 253;
+  --color-primary-400: 96, 165, 250;
+  --color-primary-500: 59, 130, 246; 
+  --color-primary-600: 37, 99, 235;
+  --color-primary-700: 29, 78, 216;
+  --color-primary-800: 30, 64, 175;
+  --color-primary-900: 30, 58, 138;
+  /* Cyan */
+  --color-secondary-50: 236, 254, 255;
+  --color-secondary-100: 207, 250, 254;
+  --color-secondary-200: 165, 243, 252;
+  --color-secondary-300: 103, 232, 249;
+  --color-secondary-400: 34, 211, 238;
+  --color-secondary-500: 6, 182, 212;
+  --color-secondary-600: 8, 145, 178;
+  --color-secondary-700: 14, 116, 144;
+  --color-secondary-800: 21, 94, 117;
+  --color-secondary-900: 22, 78, 99;
+}
+
diff --git a/assets/css/schemes/congo.css b/assets/css/schemes/congo.css
new file mode 100644
index 0000000..c98055e
--- /dev/null
+++ b/assets/css/schemes/congo.css
@@ -0,0 +1,37 @@
+/* Blowfish scheme */
+:root {
+  --color-neutral: 255, 255, 255;
+  /* Gray */
+  --color-neutral-50: 250, 250, 250;
+  --color-neutral-100: 244, 244, 245;
+  --color-neutral-200: 228, 228, 231;
+  --color-neutral-300: 212, 212, 216;
+  --color-neutral-400: 161, 161, 170;
+  --color-neutral-500: 113, 113, 122;
+  --color-neutral-600: 82, 82, 91;
+  --color-neutral-700: 63, 63, 70;
+  --color-neutral-800: 39, 39, 42;
+  --color-neutral-900: 24, 24, 27;
+  /* Violet */
+  --color-primary-50: 245, 243, 255;
+  --color-primary-100: 237, 233, 254;
+  --color-primary-200: 221, 214, 254;
+  --color-primary-300: 196, 181, 253;
+  --color-primary-400: 167, 139, 250;
+  --color-primary-500: 139, 92, 246;
+  --color-primary-600: 124, 58, 237;
+  --color-primary-700: 109, 40, 217;
+  --color-primary-800: 91, 33, 182;
+  --color-primary-900: 76, 29, 149;
+  /* Fuchsia */
+  --color-secondary-50: 253, 244, 255;
+  --color-secondary-100: 250, 232, 255;
+  --color-secondary-200: 245, 208, 254;
+  --color-secondary-300: 240, 171, 252;
+  --color-secondary-400: 232, 121, 249;
+  --color-secondary-500: 217, 70, 239;
+  --color-secondary-600: 192, 38, 211;
+  --color-secondary-700: 162, 28, 175;
+  --color-secondary-800: 134, 25, 143;
+  --color-secondary-900: 112, 26, 117;
+}
diff --git a/assets/css/schemes/fire.css b/assets/css/schemes/fire.css
new file mode 100644
index 0000000..ed69d5c
--- /dev/null
+++ b/assets/css/schemes/fire.css
@@ -0,0 +1,37 @@
+/* Fire scheme */
+:root {
+  --color-neutral: 255, 255, 255;
+  /* Stone */
+  --color-neutral-50: 250, 250, 249;
+  --color-neutral-100: 245, 245, 244;
+  --color-neutral-200: 231, 229, 228;
+  --color-neutral-300: 214, 211, 209;
+  --color-neutral-400: 168, 162, 158;
+  --color-neutral-500: 120, 113, 108;
+  --color-neutral-600: 87, 83, 78;
+  --color-neutral-700: 68, 64, 60;
+  --color-neutral-800: 41, 37, 36;
+  --color-neutral-900: 28, 25, 23;
+  /* Orange */
+  --color-primary-50: 255, 247, 237;
+  --color-primary-100: 255, 237, 213;
+  --color-primary-200: 254, 215, 170;
+  --color-primary-300: 253, 186, 116;
+  --color-primary-400: 251, 146, 60;
+  --color-primary-500: 249, 115, 22;
+  --color-primary-600: 234, 88, 12;
+  --color-primary-700: 194, 65, 12;
+  --color-primary-800: 154, 52, 18;
+  --color-primary-900: 124, 45, 18;
+  /* Rose */
+  --color-secondary-50: 255, 241, 242;
+  --color-secondary-100: 255, 228, 230;
+  --color-secondary-200: 254, 205, 211;
+  --color-secondary-300: 253, 164, 175;
+  --color-secondary-400: 251, 113, 133;
+  --color-secondary-500: 244, 63, 94;
+  --color-secondary-600: 225, 29, 72;
+  --color-secondary-700: 190, 18, 60;
+  --color-secondary-800: 159, 18, 57;
+  --color-secondary-900: 136, 19, 55;
+}
diff --git a/assets/css/schemes/forest.css b/assets/css/schemes/forest.css
new file mode 100644
index 0000000..784895f
--- /dev/null
+++ b/assets/css/schemes/forest.css
@@ -0,0 +1,32 @@
+:root { --color-neutral: 255, 255, 255;
+--color-neutral-50:     255,255,255;
+--color-neutral-100:    232,238,237;
+--color-neutral-200:    188,206,203;
+--color-neutral-300:    143,174,170;
+--color-neutral-400:    101,140,134;
+--color-neutral-500:    84,116,111;
+--color-neutral-600:    67,93,89;
+--color-neutral-700:    50,69,66;
+--color-neutral-800:    33,45,43;
+--color-neutral-900:    16,21,21;
+--color-primary-50:     255,255,255;
+--color-primary-100:    255,255,255;
+--color-primary-200:    205,252,247;
+--color-primary-300:    132,249,235;
+--color-primary-400:    59,245,223;
+--color-primary-500:    20,243,217;
+--color-primary-600:    11,212,188;
+--color-primary-700:    9,173,153;
+--color-primary-800:    7,134,119;
+--color-primary-900:    5,95,84;
+--color-secondary-50:     255,255,255;
+--color-secondary-100:    194,253,219;
+--color-secondary-200:    120,251,175;
+--color-secondary-300:    45,249,130;
+--color-secondary-400:    6,212,92;
+--color-secondary-500:    5,172,75;
+--color-secondary-600:    4,133,58;
+--color-secondary-700:    3,93,40;
+--color-secondary-800:    2,53,23;
+--color-secondary-900:    0,14,6;
+}
\ No newline at end of file
diff --git a/assets/css/schemes/marvel.css b/assets/css/schemes/marvel.css
new file mode 100644
index 0000000..b6ec5a8
--- /dev/null
+++ b/assets/css/schemes/marvel.css
@@ -0,0 +1,32 @@
+:root { --color-neutral: 255, 255, 255;
+--color-neutral-50:     255,255,255;
+--color-neutral-100:    255,255,255;
+--color-neutral-200:    201,209,244;
+--color-neutral-300:    137,156,231;
+--color-neutral-400:    74,103,217;
+--color-neutral-500:    37,65,178;
+--color-neutral-600:    30,53,144;
+--color-neutral-700:    23,40,110;
+--color-neutral-800:    16,28,77;
+--color-neutral-900:    9,16,43;
+--color-primary-50:     255,255,255;
+--color-primary-100:    255,255,255;
+--color-primary-200:    252,211,226;
+--color-primary-300:    246,140,178;
+--color-primary-400:    240,69,131;
+--color-primary-500:    216,17,89;
+--color-primary-600:    178,14,73;
+--color-primary-700:    140,11,58;
+--color-primary-800:    103,8,42;
+--color-primary-900:    65,5,27;
+--color-secondary-50:     255,255,255;
+--color-secondary-100:    255,255,255;
+--color-secondary-200:    255,255,255;
+--color-secondary-300:    255,242,219;
+--color-secondary-400:    255,215,143;
+--color-secondary-500:    255,188,66;
+--color-secondary-600:    255,174,25;
+--color-secondary-700:    239,155,0;
+--color-secondary-800:    199,128,0;
+--color-secondary-900:    158,102,0;
+}
\ No newline at end of file
diff --git a/assets/css/schemes/neon.css b/assets/css/schemes/neon.css
new file mode 100644
index 0000000..c04284d
--- /dev/null
+++ b/assets/css/schemes/neon.css
@@ -0,0 +1,32 @@
+:root { --color-neutral: 255, 255, 255;
+--color-neutral-50:     255,255,255;
+--color-neutral-100:    255,255,255;
+--color-neutral-200:    218,196,249;
+--color-neutral-300:    175,126,243;
+--color-neutral-400:    131,56,236;
+--color-neutral-500:    108,22,229;
+--color-neutral-600:    91,18,192;
+--color-neutral-700:    73,15,155;
+--color-neutral-800:    56,11,118;
+--color-neutral-900:    38,8,80;
+--color-primary-50:     255,255,255;
+--color-primary-100:    255,230,241;
+--color-primary-200:    255,153,197;
+--color-primary-300:    255,77,154;
+--color-primary-400:    255,0,110;
+--color-primary-500:    214,0,92;
+--color-primary-600:    173,0,75;
+--color-primary-700:    133,0,57;
+--color-primary-800:    92,0,40;
+--color-primary-900:    51,0,22;
+--color-secondary-50:     255,255,255;
+--color-secondary-100:    255,255,255;
+--color-secondary-200:    211,228,255;
+--color-secondary-300:    135,181,255;
+--color-secondary-400:    58,134,255;
+--color-secondary-500:    17,109,255;
+--color-secondary-600:    0,89,231;
+--color-secondary-700:    0,74,191;
+--color-secondary-800:    0,58,150;
+--color-secondary-900:    0,42,109;
+}
\ No newline at end of file
diff --git a/assets/css/schemes/noir.css b/assets/css/schemes/noir.css
new file mode 100644
index 0000000..3ce7ac0
--- /dev/null
+++ b/assets/css/schemes/noir.css
@@ -0,0 +1,32 @@
+:root { --color-neutral: 255, 255, 255;
+--color-neutral-50:     255,255,255;
+--color-neutral-100:    255,255,255;
+--color-neutral-200:    214,219,222;
+--color-neutral-300:    172,183,188;
+--color-neutral-400:    129,146,154;
+--color-neutral-500:    92,107,115;
+--color-neutral-600:    74,86,92;
+--color-neutral-700:    56,65,70;
+--color-neutral-800:    38,44,47;
+--color-neutral-900:    19,23,24;
+--color-primary-50:     255,255,255;
+--color-primary-100:    255,255,255;
+--color-primary-200:    255,255,255;
+--color-primary-300:    250,251,252;
+--color-primary-400:    204,216,222;
+--color-primary-500:    157,180,192;
+--color-primary-600:    132,161,176;
+--color-primary-700:    107,142,160;
+--color-primary-800:    89,121,138;
+--color-primary-900:    73,99,113;
+--color-secondary-50:     255,255,255;
+--color-secondary-100:    255,255,255;
+--color-secondary-200:    182,240,255;
+--color-secondary-300:    105,225,255;
+--color-secondary-400:    28,209,255;
+--color-secondary-500:    0,165,207;
+--color-secondary-600:    0,132,166;
+--color-secondary-700:    0,100,125;
+--color-secondary-800:    0,67,85;
+--color-secondary-900:    0,35,44;
+}
\ No newline at end of file
diff --git a/assets/css/schemes/ocean.css b/assets/css/schemes/ocean.css
new file mode 100644
index 0000000..cc6d2d6
--- /dev/null
+++ b/assets/css/schemes/ocean.css
@@ -0,0 +1,37 @@
+/* Ocean scheme */
+:root {
+  --color-neutral: 255, 255, 255;
+  /* Gray */
+  --color-neutral-50: 248, 250, 252;
+  --color-neutral-100: 241, 245, 249;
+  --color-neutral-200: 226, 232, 240;
+  --color-neutral-300: 203, 213, 225;
+  --color-neutral-400: 148, 163, 184;
+  --color-neutral-500: 100, 116, 139;
+  --color-neutral-600: 71, 85, 105;
+  --color-neutral-700: 51, 65, 85;
+  --color-neutral-800: 30, 41, 59;
+  --color-neutral-900: 15, 23, 42;
+  /* Blue */
+  --color-primary-50: 239, 246, 255;
+  --color-primary-100: 219, 234, 254;
+  --color-primary-200: 191, 219, 254;
+  --color-primary-300: 147, 197, 253;
+  --color-primary-400: 96, 165, 250;
+  --color-primary-500: 59, 130, 246;
+  --color-primary-600: 37, 99, 235;
+  --color-primary-700: 29, 78, 216;
+  --color-primary-800: 30, 64, 175;
+  --color-primary-900: 30, 58, 138;
+  /* Cyan */
+  --color-secondary-50: 236, 254, 255;
+  --color-secondary-100: 207, 250, 254;
+  --color-secondary-200: 165, 243, 252;
+  --color-secondary-300: 103, 232, 249;
+  --color-secondary-400: 34, 211, 238;
+  --color-secondary-500: 6, 182, 212;
+  --color-secondary-600: 8, 145, 178;
+  --color-secondary-700: 14, 116, 144;
+  --color-secondary-800: 21, 94, 117;
+  --color-secondary-900: 22, 78, 99;
+}
diff --git a/assets/css/schemes/princess.css b/assets/css/schemes/princess.css
new file mode 100644
index 0000000..ebe38b4
--- /dev/null
+++ b/assets/css/schemes/princess.css
@@ -0,0 +1,32 @@
+:root { --color-neutral: 255, 255, 255;
+--color-neutral-50:     255,255,255;
+--color-neutral-100:    238,232,238;
+--color-neutral-200:    206,188,206;
+--color-neutral-300:    174,143,174;
+--color-neutral-400:    140,101,140;
+--color-neutral-500:    116,84,116;
+--color-neutral-600:    93,67,93;
+--color-neutral-700:    69,50,69;
+--color-neutral-800:    45,33,45;
+--color-neutral-900:    21,16,21;
+--color-primary-50:     255,255,255;
+--color-primary-100:    255,255,255;
+--color-primary-200:    252,205,252;
+--color-primary-300:    249,132,247;
+--color-primary-400:    245,59,242;
+--color-primary-500:    243,20,239;
+--color-primary-600:    212,11,208;
+--color-primary-700:    173,9,170;
+--color-primary-800:    134,7,132;
+--color-primary-900:    95,5,94;
+--color-secondary-50:     255,255,255;
+--color-secondary-100:    227,194,253;
+--color-secondary-200:    192,120,251;
+--color-secondary-300:    157,45,249;
+--color-secondary-400:    119,6,212;
+--color-secondary-500:    97,5,172;
+--color-secondary-600:    74,4,133;
+--color-secondary-700:    52,3,93;
+--color-secondary-800:    30,2,53;
+--color-secondary-900:    8,0,14;
+}
\ No newline at end of file
diff --git a/assets/css/schemes/slate.css b/assets/css/schemes/slate.css
new file mode 100644
index 0000000..54831e8
--- /dev/null
+++ b/assets/css/schemes/slate.css
@@ -0,0 +1,37 @@
+/* Slate scheme */
+:root {
+  --color-neutral: 255, 255, 255;
+  /* Gray */
+  --color-neutral-50: 249, 250, 251;
+  --color-neutral-100: 243, 244, 246;
+  --color-neutral-200: 229, 231, 235;
+  --color-neutral-300: 209, 213, 219;
+  --color-neutral-400: 156, 163, 175;
+  --color-neutral-500: 107, 114, 128;
+  --color-neutral-600: 75, 85, 99;
+  --color-neutral-700: 55, 65, 81;
+  --color-neutral-800: 31, 41, 55;
+  --color-neutral-900: 17, 24, 39;
+  /* Slate */
+  --color-primary-50: 248, 250, 252;
+  --color-primary-100: 241, 245, 249;
+  --color-primary-200: 226, 232, 240;
+  --color-primary-300: 203, 213, 225;
+  --color-primary-400: 148, 163, 184;
+  --color-primary-500: 100, 116, 139;
+  --color-primary-600: 71, 85, 105;
+  --color-primary-700: 51, 65, 85;
+  --color-primary-800: 30, 41, 59;
+  --color-primary-900: 15, 23, 42;
+  /* Gray */
+  --color-secondary-50: 249, 250, 251;
+  --color-secondary-100: 243, 244, 246;
+  --color-secondary-200: 229, 231, 235;
+  --color-secondary-300: 209, 213, 219;
+  --color-secondary-400: 156, 163, 175;
+  --color-secondary-500: 107, 114, 128;
+  --color-secondary-600: 75, 85, 99;
+  --color-secondary-700: 55, 65, 81;
+  --color-secondary-800: 31, 41, 55;
+  --color-secondary-900: 17, 24, 39;
+}
diff --git a/assets/css/schemes/terminal.css b/assets/css/schemes/terminal.css
new file mode 100644
index 0000000..b96872d
--- /dev/null
+++ b/assets/css/schemes/terminal.css
@@ -0,0 +1,32 @@
+:root { --color-neutral: 255, 255, 255;
+--color-neutral-50:     203,255,227;
+--color-neutral-100:    126,255,186;
+--color-neutral-200:    49,255,145;
+--color-neutral-300:    0,228,106;
+--color-neutral-400:    0,152,71;
+--color-neutral-500:    0,75,35;
+--color-neutral-600:    0,50,23;
+--color-neutral-700:    0,24,11;
+--color-neutral-800:    0,24,11;
+--color-neutral-900:    0,0,0;
+--color-primary-50:     255,255,255;
+--color-primary-100:    236,255,227;
+--color-primary-200:    184,255,150;
+--color-primary-300:    132,255,74;
+--color-primary-400:    80,252,0;
+--color-primary-500:    56,176,0;
+--color-primary-600:    48,151,0;
+--color-primary-700:    40,125,0;
+--color-primary-800:    40,125,0;
+--color-primary-900:    7,23,0;
+--color-secondary-50:     255,255,255;
+--color-secondary-100:    239,248,252;
+--color-secondary-200:    173,220,242;
+--color-secondary-300:    107,192,231;
+--color-secondary-400:    41,164,220;
+--color-secondary-500:    26,117,159;
+--color-secondary-600:    22,101,137;
+--color-secondary-700:    19,85,115;
+--color-secondary-800:    19,85,115;
+--color-secondary-900:    4,20,28;
+}
\ No newline at end of file
diff --git a/assets/img/123.webp b/assets/img/123.webp
new file mode 100644
index 0000000..3f670e2
Binary files /dev/null and b/assets/img/123.webp differ
diff --git a/assets/img/banner.webp b/assets/img/banner.webp
new file mode 100644
index 0000000..92c5929
Binary files /dev/null and b/assets/img/banner.webp differ
diff --git a/assets/img/bg-triangles.svg b/assets/img/bg-triangles.svg
new file mode 100644
index 0000000..c2d584a
--- /dev/null
+++ b/assets/img/bg-triangles.svg
@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox="0 0 1080 900"><defs><linearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%' gradientTransform='rotate(350,780,493)'><stop offset='0'  stop-color='#1500FF'/><stop offset='1'  stop-color='#C600FF'/></linearGradient><pattern patternUnits='userSpaceOnUse' id='b'  width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'><g fill-opacity='0.1'><polygon fill='#444' points='90 150 0 300 180 300'/><polygon points='90 150 180 0 0 0'/><polygon fill='#AAA' points='270 150 360 0 180 0'/><polygon fill='#DDD' points='450 150 360 300 540 300'/><polygon fill='#999' points='450 150 540 0 360 0'/><polygon points='630 150 540 300 720 300'/><polygon fill='#DDD' points='630 150 720 0 540 0'/><polygon fill='#444' points='810 150 720 300 900 300'/><polygon fill='#FFF' points='810 150 900 0 720 0'/><polygon fill='#DDD' points='990 150 900 300 1080 300'/><polygon fill='#444' points='990 150 1080 0 900 0'/><polygon fill='#DDD' points='90 450 0 600 180 600'/><polygon points='90 450 180 300 0 300'/><polygon fill='#666' points='270 450 180 600 360 600'/><polygon fill='#AAA' points='270 450 360 300 180 300'/><polygon fill='#DDD' points='450 450 360 600 540 600'/><polygon fill='#999' points='450 450 540 300 360 300'/><polygon fill='#999' points='630 450 540 600 720 600'/><polygon fill='#FFF' points='630 450 720 300 540 300'/><polygon points='810 450 720 600 900 600'/><polygon fill='#DDD' points='810 450 900 300 720 300'/><polygon fill='#AAA' points='990 450 900 600 1080 600'/><polygon fill='#444' points='990 450 1080 300 900 300'/><polygon fill='#222' points='90 750 0 900 180 900'/><polygon points='270 750 180 900 360 900'/><polygon fill='#DDD' points='270 750 360 600 180 600'/><polygon points='450 750 540 600 360 600'/><polygon points='630 750 540 900 720 900'/><polygon fill='#444' points='630 750 720 600 540 600'/><polygon fill='#AAA' points='810 750 720 900 900 900'/><polygon fill='#666' points='810 750 900 600 720 600'/><polygon fill='#999' points='990 750 900 900 1080 900'/><polygon fill='#999' points='180 0 90 150 270 150'/><polygon fill='#444' points='360 0 270 150 450 150'/><polygon fill='#FFF' points='540 0 450 150 630 150'/><polygon points='900 0 810 150 990 150'/><polygon fill='#222' points='0 300 -90 450 90 450'/><polygon fill='#FFF' points='0 300 90 150 -90 150'/><polygon fill='#FFF' points='180 300 90 450 270 450'/><polygon fill='#666' points='180 300 270 150 90 150'/><polygon fill='#222' points='360 300 270 450 450 450'/><polygon fill='#FFF' points='360 300 450 150 270 150'/><polygon fill='#444' points='540 300 450 450 630 450'/><polygon fill='#222' points='540 300 630 150 450 150'/><polygon fill='#AAA' points='720 300 630 450 810 450'/><polygon fill='#666' points='720 300 810 150 630 150'/><polygon fill='#FFF' points='900 300 810 450 990 450'/><polygon fill='#999' points='900 300 990 150 810 150'/><polygon points='0 600 -90 750 90 750'/><polygon fill='#666' points='0 600 90 450 -90 450'/><polygon fill='#AAA' points='180 600 90 750 270 750'/><polygon fill='#444' points='180 600 270 450 90 450'/><polygon fill='#444' points='360 600 270 750 450 750'/><polygon fill='#999' points='360 600 450 450 270 450'/><polygon fill='#666' points='540 600 630 450 450 450'/><polygon fill='#222' points='720 600 630 750 810 750'/><polygon fill='#FFF' points='900 600 810 750 990 750'/><polygon fill='#222' points='900 600 990 450 810 450'/><polygon fill='#DDD' points='0 900 90 750 -90 750'/><polygon fill='#444' points='180 900 270 750 90 750'/><polygon fill='#FFF' points='360 900 450 750 270 750'/><polygon fill='#AAA' points='540 900 630 750 450 750'/><polygon fill='#FFF' points='720 900 810 750 630 750'/><polygon fill='#222' points='900 900 990 750 810 750'/><polygon fill='#222' points='1080 300 990 450 1170 450'/><polygon fill='#FFF' points='1080 300 1170 150 990 150'/><polygon points='1080 600 990 750 1170 750'/><polygon fill='#666' points='1080 600 1170 450 990 450'/><polygon fill='#DDD' points='1080 900 1170 750 990 750'/></g></pattern></defs><rect x='0' y='0' fill='url(#a)' width='100%' height='100%'/><rect x='0' y='0' fill='url(#b)' width='100%' height='100%'/></svg>
diff --git a/assets/img/blowfish.webp b/assets/img/blowfish.webp
new file mode 100644
index 0000000..a22ba57
Binary files /dev/null and b/assets/img/blowfish.webp differ
diff --git a/assets/img/direction.webp b/assets/img/direction.webp
new file mode 100644
index 0000000..195a32a
Binary files /dev/null and b/assets/img/direction.webp differ
diff --git a/assets/img/dog.webp b/assets/img/dog.webp
new file mode 100644
index 0000000..7c80773
Binary files /dev/null and b/assets/img/dog.webp differ
diff --git a/assets/img/gallery/01.jpg b/assets/img/gallery/01.jpg
new file mode 100644
index 0000000..ad842ea
Binary files /dev/null and b/assets/img/gallery/01.jpg differ
diff --git a/assets/img/gallery/02.webp b/assets/img/gallery/02.webp
new file mode 100644
index 0000000..7c80773
Binary files /dev/null and b/assets/img/gallery/02.webp differ
diff --git a/assets/img/gallery/03.jpg b/assets/img/gallery/03.jpg
new file mode 100644
index 0000000..6352a78
Binary files /dev/null and b/assets/img/gallery/03.jpg differ
diff --git a/assets/img/gallery/04.jpg b/assets/img/gallery/04.jpg
new file mode 100644
index 0000000..9f1220a
Binary files /dev/null and b/assets/img/gallery/04.jpg differ
diff --git a/assets/img/icons/.gitkeep b/assets/img/icons/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/assets/img/icons/people-teamwork-svgrepo-com.svg b/assets/img/icons/people-teamwork-svgrepo-com.svg
new file mode 100644
index 0000000..5816738
--- /dev/null
+++ b/assets/img/icons/people-teamwork-svgrepo-com.svg
@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" width="64px" height="64px" fill="#e01a1a" stroke="#e01a1a">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
<g id="SVGRepo_iconCarrier"> <g> <path style="fill:#E21B1B;" d="M281.04,129.624v-15.008c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176s-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15.008 c-47.352,2.216-71.432,34.232-71.432,55.752v17.672h192.944v-17.672C352.472,163.856,328.392,131.832,281.04,129.624z"/> <path style="fill:#E21B1B;" d="M121.512,419v-14.976c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176c-24.424,13.832-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15 C24.08,421.216,0,453.232,0,474.752v17.672h192.944v-17.672C192.944,453.232,168.864,421.216,121.512,419z"/> <path style="fill:#E21B1B;" d="M440.568,419v-14.976c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176s-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15 c-47.352,2.216-71.432,34.232-71.432,55.752v17.648H512v-17.672C512,453.232,487.92,421.216,440.568,419z"/> </g> <rect x="240" y="250.784" width="32" height="144"/> <rect x="184" y="306.8" width="144" height="32"/> </g>
+
</svg>
\ No newline at end of file
diff --git a/assets/img/icons/ying-yang.svg b/assets/img/icons/ying-yang.svg
new file mode 100644
index 0000000..e82570a
--- /dev/null
+++ b/assets/img/icons/ying-yang.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="si-glyph si-glyph-ying-yang">
+
<title>927</title>
+
<defs>
+
</defs>
+
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+
<g transform="translate(1.000000, 0.000000)" fill="#434343">
+
<path d="M7.984,0.053 C3.599,0.053 0.045,3.614 0.045,8.006 C0.045,12.398 3.6,15.959 7.984,15.959 C12.368,15.959 15.923,12.398 15.923,8.006 C15.923,3.614 12.369,0.053 7.984,0.053 L7.984,0.053 Z M7.49,2.045 C8.328,2.045 9.009,2.699 9.009,3.505 C9.009,4.311 8.328,4.965 7.49,4.965 C6.65,4.965 5.971,4.311 5.971,3.505 C5.971,2.699 6.65,2.045 7.49,2.045 L7.49,2.045 Z M8.035,14.908 C4.984,14.908 2.342,10.918 8.101,7.984 C13.357,5.308 10.904,0.744 8.035,1.008 C12.41,1.008 14.974,4.119 14.974,7.958 C14.975,11.797 11.867,14.908 8.035,14.908 L8.035,14.908 Z" class="si-glyph-fill">
+
</path>
+
<ellipse cx="8.493" cy="11.445" rx="1.493" ry="1.445" class="si-glyph-fill">
+
</ellipse>
+
</g>
+
</g>
+
</svg>
\ No newline at end of file
diff --git a/assets/img/map.webp b/assets/img/map.webp
new file mode 100644
index 0000000..f7b3d3d
Binary files /dev/null and b/assets/img/map.webp differ
diff --git a/assets/img/people-teamwork-svgrepo-com.svg b/assets/img/people-teamwork-svgrepo-com.svg
new file mode 100644
index 0000000..5816738
--- /dev/null
+++ b/assets/img/people-teamwork-svgrepo-com.svg
@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" width="64px" height="64px" fill="#e01a1a" stroke="#e01a1a">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
<g id="SVGRepo_iconCarrier"> <g> <path style="fill:#E21B1B;" d="M281.04,129.624v-15.008c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176s-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15.008 c-47.352,2.216-71.432,34.232-71.432,55.752v17.672h192.944v-17.672C352.472,163.856,328.392,131.832,281.04,129.624z"/> <path style="fill:#E21B1B;" d="M121.512,419v-14.976c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176c-24.424,13.832-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15 C24.08,421.216,0,453.232,0,474.752v17.672h192.944v-17.672C192.944,453.232,168.864,421.216,121.512,419z"/> <path style="fill:#E21B1B;" d="M440.568,419v-14.976c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176s-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15 c-47.352,2.216-71.432,34.232-71.432,55.752v17.648H512v-17.672C512,453.232,487.92,421.216,440.568,419z"/> </g> <rect x="240" y="250.784" width="32" height="144"/> <rect x="184" y="306.8" width="144" height="32"/> </g>
+
</svg>
\ No newline at end of file
diff --git a/assets/img/roots.webp b/assets/img/roots.webp
new file mode 100644
index 0000000..5f673fb
Binary files /dev/null and b/assets/img/roots.webp differ
diff --git a/assets/img/ying-yang.svg b/assets/img/ying-yang.svg
new file mode 100644
index 0000000..e82570a
--- /dev/null
+++ b/assets/img/ying-yang.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="si-glyph si-glyph-ying-yang">
+
<title>927</title>
+
<defs>
+
</defs>
+
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+
<g transform="translate(1.000000, 0.000000)" fill="#434343">
+
<path d="M7.984,0.053 C3.599,0.053 0.045,3.614 0.045,8.006 C0.045,12.398 3.6,15.959 7.984,15.959 C12.368,15.959 15.923,12.398 15.923,8.006 C15.923,3.614 12.369,0.053 7.984,0.053 L7.984,0.053 Z M7.49,2.045 C8.328,2.045 9.009,2.699 9.009,3.505 C9.009,4.311 8.328,4.965 7.49,4.965 C6.65,4.965 5.971,4.311 5.971,3.505 C5.971,2.699 6.65,2.045 7.49,2.045 L7.49,2.045 Z M8.035,14.908 C4.984,14.908 2.342,10.918 8.101,7.984 C13.357,5.308 10.904,0.744 8.035,1.008 C12.41,1.008 14.974,4.119 14.974,7.958 C14.975,11.797 11.867,14.908 8.035,14.908 L8.035,14.908 Z" class="si-glyph-fill">
+
</path>
+
<ellipse cx="8.493" cy="11.445" rx="1.493" ry="1.445" class="si-glyph-fill">
+
</ellipse>
+
</g>
+
</g>
+
</svg>
\ No newline at end of file
diff --git a/config/_default/config.toml b/config/_default/config.toml
new file mode 100644
index 0000000..bf342a3
--- /dev/null
+++ b/config/_default/config.toml
@@ -0,0 +1,66 @@
+# -- Site Configuration --
+# Refer to the theme docs for more details about each of these parameters.
+# https://blowfish.page/docs/getting-started/
+
+theme = "blowfish"
+# baseURL = "https://your_domain.com/"
+defaultContentLanguage = "en"
+defaultContentLanguageInSubdir = true
+
+# pluralizeListTitles = "true" # hugo function useful for non-english languages, find out more in  https://gohugo.io/getting-started/configuration/#pluralizelisttitles
+
+enableRobotsTXT = true
+paginate = 10
+summaryLength = 0
+
+buildDrafts = false
+buildFuture = false
+
+# googleAnalytics = "G-XXXXXXXXX"
+
+[imaging]
+  anchor = 'Center'
+
+[taxonomies]
+  tag = "tags"
+  category = "categories"
+  author = "authors"
+  series = "series"
+
+[sitemap]
+  changefreq = 'daily'
+  filename = 'sitemap.xml'
+  priority = 0.5
+
+[outputs]
+  home = ["HTML", "RSS", "JSON"]
+
+[related]
+  threshold = 0
+  toLower = false
+
+    [[related.indices]]
+        name = "tags"
+        weight = 100
+
+    [[related.indices]]
+        name = "categories"
+        weight = 100
+
+    [[related.indices]]
+        name = "series"
+        weight = 50
+
+    [[related.indices]]
+        name = "authors"
+        weight = 20
+
+    [[related.indices]]
+        name = "date"
+        weight = 10
+
+    [[related.indices]]
+      applyFilter = false
+      name = 'fragmentrefs'
+      type = 'fragments'
+      weight = 10
diff --git a/config/_default/languages.cs.toml b/config/_default/languages.cs.toml
new file mode 100644
index 0000000..bbd69c7
--- /dev/null
+++ b/config/_default/languages.cs.toml
@@ -0,0 +1,65 @@
+languageCode = "cs"
+languageName = "Czech"
+weight = 1
+title = "Blowfish"
+
+[params]
+  displayName = "CZ"
+  isoCode = "cs"
+  rtl = false
+  dateFormat = "2 January 2006"
+  # logo = "img/logo.png"
+  # secondaryLogo = "img/secondary-logo.png"
+  # description = "My awesome website"
+  # copyright = "Copy, _right?_ :thinking_face:"
+
+[author]
+  name = "Your name here"
+  image = "img/blowfish_logo.png"
+  headline = "I'm only human"
+  bio = "A little bit about you"
+  links = [
+  { email = "mailto:hello@your_domain.com" },
+#     { link = "https://link-to-some-website.com/" },
+#     { amazon = "https://www.amazon.com/hz/wishlist/ls/wishlist-id" },
+#     { apple = "https://www.apple.com" },
+#     { blogger = "https://username.blogspot.com/" },
+#     { codepen = "https://codepen.io/username" },
+#     { dev = "https://dev.to/username" },
+#     { discord = "https://discord.gg/invitecode" },
+#     { dribbble = "https://dribbble.com/username" },
+#     { facebook = "https://facebook.com/username" },
+#     { flickr = "https://www.flickr.com/photos/username/" },
+#     { foursquare = "https://foursquare.com/username" },
+#     { github = "https://github.com/username" },
+#     { gitlab = "https://gitlab.com/username" },
+#     { google = "https://www.google.com/" },
+#     { hashnode = "https://username.hashnode.dev" },
+#     { instagram = "https://instagram.com/username" },
+#     { keybase = "https://keybase.io/username" },
+#     { kickstarter = "https://www.kickstarter.com/profile/username" },
+#     { lastfm = "https://lastfm.com/user/username" },
+#     { linkedin = "https://linkedin.com/in/username" },
+#     { mastodon = "https://mastodon.instance/@username" },
+#     { medium = "https://medium.com/username" },
+#     { microsoft = "https://www.microsoft.com/" },
+#     { orcid = "https://orcid.org/userid" },
+#     { patreon = "https://www.patreon.com/username" },
+#     { pinterest = "https://pinterest.com/username" },
+#     { reddit = "https://reddit.com/user/username" },
+#     { researchgate = "https://www.researchgate.net/profile/username" },
+#     { slack = "https://workspace.url/team/userid" },
+#     { snapchat = "https://snapchat.com/add/username" },
+#     { soundcloud = "https://soundcloud.com/username" },
+#     { stack-overflow = "https://stackoverflow.com/users/userid/username" },
+#     { steam = "https://steamcommunity.com/profiles/userid" },
+#     { telegram = "https://t.me/username" },
+#     { tiktok = "https://tiktok.com/@username" },
+#     { tumblr = "https://username.tumblr.com" },
+#     { twitch = "https://twitch.tv/username" },
+#     { twitter = "https://twitter.com/username" },
+#     { x-twitter = "https://twitter.com/username" },
+#     { whatsapp = "https://wa.me/phone-number" },
+#     { youtube = "https://youtube.com/username" },
+#     { ko-fi = "https://ko-fi.com/username" },
+]
diff --git a/config/_default/languages.en.toml b/config/_default/languages.en.toml
index 1baad36..0d2a74d 100644
--- a/config/_default/languages.en.toml
+++ b/config/_default/languages.en.toml
@@ -8,20 +8,58 @@ title = "Blowfish"
   isoCode = "en"
   rtl = false
   dateFormat = "2 January 2006"
-  logo = "img/blowfish_logo_transparent.png"
-  # secondaryLogo = "PATH"
-  description = "A powerful, lightweight theme for Hugo built with Tailwind CSS."
-  # copyright = "Copy, _right?_ :thinking_face:"
+  logo = "img/logo.png"
+  secondaryLogo = "img/secondary-logo.png"
+  description = "My awesome website"
+  copyright = "Copy, _right?_ :thinking_face:"
 
 [author]
-  name = "Blowfish"
+  name = "Your name here"
   image = "img/blowfish_logo.png"
-  headline = "A powerful, lightweight theme for Hugo built with Tailwind CSS."
-  bio = "A powerful, lightweight theme for Hugo built with Tailwind CSS."
+  headline = "I'm only human"
+  bio = "These instructions will get you up and running using Hugo and Blowfish from a completely blank state. Most of the dependencies mentioned in this guide can be installed using the package manager of choice for your platform."
   links = [
-    { x-twitter = "https://twitter.com/burufugu" },
-    { mastodon = "https://masto.ai/@blowfish" },
-    { github = "https://github.com/nunocoracao/blowfish" },
-  ]
-
-  
\ No newline at end of file
+  { email = "mailto:hello@your_domain.com" },
+#     { link = "https://link-to-some-website.com/" },
+#     { amazon = "https://www.amazon.com/hz/wishlist/ls/wishlist-id" },
+#     { apple = "https://www.apple.com" },
+#     { blogger = "https://username.blogspot.com/" },
+#     { codepen = "https://codepen.io/username" },
+#     { dev = "https://dev.to/username" },
+#     { discord = "https://discord.gg/invitecode" },
+#     { dribbble = "https://dribbble.com/username" },
+#     { facebook = "https://facebook.com/username" },
+#     { flickr = "https://www.flickr.com/photos/username/" },
+#     { foursquare = "https://foursquare.com/username" },
+  { github = "https://github.com/username" },
+  { gitlab = "https://gitlab.com/username" },
+#     { google = "https://www.google.com/" },
+#     { hashnode = "https://username.hashnode.dev" },
+#     { instagram = "https://instagram.com/username" },
+#     { keybase = "https://keybase.io/username" },
+#     { kickstarter = "https://www.kickstarter.com/profile/username" },
+#     { lastfm = "https://lastfm.com/user/username" },
+#     { linkedin = "https://linkedin.com/in/username" },
+#     { mastodon = "https://mastodon.instance/@username" },
+#     { medium = "https://medium.com/username" },
+#     { microsoft = "https://www.microsoft.com/" },
+#     { orcid = "https://orcid.org/userid" },
+#     { patreon = "https://www.patreon.com/username" },
+#     { pinterest = "https://pinterest.com/username" },
+#     { reddit = "https://reddit.com/user/username" },
+#     { researchgate = "https://www.researchgate.net/profile/username" },
+#     { slack = "https://workspace.url/team/userid" },
+#     { snapchat = "https://snapchat.com/add/username" },
+#     { soundcloud = "https://soundcloud.com/username" },
+#     { stack-overflow = "https://stackoverflow.com/users/userid/username" },
+#     { steam = "https://steamcommunity.com/profiles/userid" },
+#     { telegram = "https://t.me/username" },
+#     { tiktok = "https://tiktok.com/@username" },
+#     { tumblr = "https://username.tumblr.com" },
+#     { twitch = "https://twitch.tv/username" },
+#     { twitter = "https://twitter.com/username" },
+#     { x-twitter = "https://twitter.com/username" },
+#     { whatsapp = "https://wa.me/phone-number" },
+#     { youtube = "https://youtube.com/username" },
+#     { ko-fi = "https://ko-fi.com/username" },
+]
diff --git a/config/_default/languages.es.toml b/config/_default/languages.es.toml
new file mode 100644
index 0000000..d4fba88
--- /dev/null
+++ b/config/_default/languages.es.toml
@@ -0,0 +1,65 @@
+languageCode = "es"
+languageName = "Spanish"
+weight = 1
+title = "Blowfish"
+
+[params]
+  displayName = "ES"
+  isoCode = "es"
+  rtl = false
+  dateFormat = "2 January 2006"
+  logo = "img/logo.png"
+  secondaryLogo = "img/secondary-logo.png"
+  description = "My awesome website"
+  copyright = "Copy, _right?_ :thinking_face:"
+
+[author]
+  name = "Your name here"
+  image = "img/blowfish_logo.png"
+  headline = "I'm only human"
+  bio = "A little bit about you"
+  links = [
+  { email = "mailto:hello@your_domain.com" },
+#     { link = "https://link-to-some-website.com/" },
+#     { amazon = "https://www.amazon.com/hz/wishlist/ls/wishlist-id" },
+#     { apple = "https://www.apple.com" },
+#     { blogger = "https://username.blogspot.com/" },
+#     { codepen = "https://codepen.io/username" },
+#     { dev = "https://dev.to/username" },
+#     { discord = "https://discord.gg/invitecode" },
+#     { dribbble = "https://dribbble.com/username" },
+#     { facebook = "https://facebook.com/username" },
+#     { flickr = "https://www.flickr.com/photos/username/" },
+#     { foursquare = "https://foursquare.com/username" },
+#     { github = "https://github.com/username" },
+#     { gitlab = "https://gitlab.com/username" },
+#     { google = "https://www.google.com/" },
+#     { hashnode = "https://username.hashnode.dev" },
+#     { instagram = "https://instagram.com/username" },
+#     { keybase = "https://keybase.io/username" },
+#     { kickstarter = "https://www.kickstarter.com/profile/username" },
+#     { lastfm = "https://lastfm.com/user/username" },
+#     { linkedin = "https://linkedin.com/in/username" },
+#     { mastodon = "https://mastodon.instance/@username" },
+#     { medium = "https://medium.com/username" },
+#     { microsoft = "https://www.microsoft.com/" },
+#     { orcid = "https://orcid.org/userid" },
+#     { patreon = "https://www.patreon.com/username" },
+#     { pinterest = "https://pinterest.com/username" },
+#     { reddit = "https://reddit.com/user/username" },
+#     { researchgate = "https://www.researchgate.net/profile/username" },
+#     { slack = "https://workspace.url/team/userid" },
+#     { snapchat = "https://snapchat.com/add/username" },
+#     { soundcloud = "https://soundcloud.com/username" },
+#     { stack-overflow = "https://stackoverflow.com/users/userid/username" },
+#     { steam = "https://steamcommunity.com/profiles/userid" },
+#     { telegram = "https://t.me/username" },
+#     { tiktok = "https://tiktok.com/@username" },
+#     { tumblr = "https://username.tumblr.com" },
+#     { twitch = "https://twitch.tv/username" },
+#     { twitter = "https://twitter.com/username" },
+#     { x-twitter = "https://twitter.com/username" },
+#     { whatsapp = "https://wa.me/phone-number" },
+#     { youtube = "https://youtube.com/username" },
+#     { ko-fi = "https://ko-fi.com/username" },
+]
diff --git a/config/_default/menus.cs.toml b/config/_default/menus.cs.toml
new file mode 100644
index 0000000..b38af0e
--- /dev/null
+++ b/config/_default/menus.cs.toml
@@ -0,0 +1,90 @@
+# -- Main Menu --
+# The main menu is displayed in the header at the top of the page.
+# Acceptable parameters are name, pageRef, page, url, title, weight.
+# 
+# The simplest menu configuration is to provide:
+#   name = The name to be displayed for this menu link
+#   pageRef = The identifier of the page or section to link to
+#
+# By default the menu is ordered alphabetically. This can be
+# overridden by providing a weight value. The menu will then be
+# ordered by weight from lowest to highest.
+
+[[main]]
+  name = "Docs"
+  pageRef = "docs"
+  weight = 10
+
+[[main]]
+  name = "Shortcodes"
+  pageRef = "docs/shortcodes"
+  weight = 15
+
+[[main]]
+  name = "Samples"
+  pageRef = "samples"
+  weight = 16
+
+[[main]]
+  name = "Examples"
+  weight = 20
+
+[[main]]
+  name = "Showcase"
+  parent = "Examples"
+  pageRef = "examples"
+  weight = 30
+
+[[main]]
+  name = "Recipes"
+  parent = "Examples"
+  pageRef = "guides"
+  weight = 40
+
+[[main]]
+  name = "Users"
+  pageRef = "users"
+  weight = 90
+
+#[[main]]
+#  name = "Merch"
+#  url = "http://tee.pub/lic/qwSlWVBL5zc"
+#  weight = 100
+
+#[[main]]
+#  name = "Test"
+#  pageRef = "pagTest"
+#  weight = 1000
+
+[[main]]
+  identifier = "twitter"
+  pre = "x-twitter"
+  url = "https://twitter.com/burufugu"
+  weight = 200
+
+[[main]]
+  identifier = "mastodon"
+  pre = "mastodon"
+  url = "https://masto.ai/@blowfish"
+  weight = 300
+
+[[main]]
+  identifier = "github"
+  pre = "github"
+  url = "https://github.com/nunocoracao/blowfish"
+  weight = 400
+
+
+# -- Footer Menu --
+# The footer menu is displayed at the bottom of the page, just before
+# the copyright notice. Configure as per the main menu above.
+
+ [[footer]]
+   name = "Tags"
+   pageRef = "tags"
+   weight = 10
+
+ [[footer]]
+   name = "Authors"
+   pageRef = "authors"
+   weight = 20
diff --git a/config/_default/menus.es.toml b/config/_default/menus.es.toml
new file mode 100644
index 0000000..b38af0e
--- /dev/null
+++ b/config/_default/menus.es.toml
@@ -0,0 +1,90 @@
+# -- Main Menu --
+# The main menu is displayed in the header at the top of the page.
+# Acceptable parameters are name, pageRef, page, url, title, weight.
+# 
+# The simplest menu configuration is to provide:
+#   name = The name to be displayed for this menu link
+#   pageRef = The identifier of the page or section to link to
+#
+# By default the menu is ordered alphabetically. This can be
+# overridden by providing a weight value. The menu will then be
+# ordered by weight from lowest to highest.
+
+[[main]]
+  name = "Docs"
+  pageRef = "docs"
+  weight = 10
+
+[[main]]
+  name = "Shortcodes"
+  pageRef = "docs/shortcodes"
+  weight = 15
+
+[[main]]
+  name = "Samples"
+  pageRef = "samples"
+  weight = 16
+
+[[main]]
+  name = "Examples"
+  weight = 20
+
+[[main]]
+  name = "Showcase"
+  parent = "Examples"
+  pageRef = "examples"
+  weight = 30
+
+[[main]]
+  name = "Recipes"
+  parent = "Examples"
+  pageRef = "guides"
+  weight = 40
+
+[[main]]
+  name = "Users"
+  pageRef = "users"
+  weight = 90
+
+#[[main]]
+#  name = "Merch"
+#  url = "http://tee.pub/lic/qwSlWVBL5zc"
+#  weight = 100
+
+#[[main]]
+#  name = "Test"
+#  pageRef = "pagTest"
+#  weight = 1000
+
+[[main]]
+  identifier = "twitter"
+  pre = "x-twitter"
+  url = "https://twitter.com/burufugu"
+  weight = 200
+
+[[main]]
+  identifier = "mastodon"
+  pre = "mastodon"
+  url = "https://masto.ai/@blowfish"
+  weight = 300
+
+[[main]]
+  identifier = "github"
+  pre = "github"
+  url = "https://github.com/nunocoracao/blowfish"
+  weight = 400
+
+
+# -- Footer Menu --
+# The footer menu is displayed at the bottom of the page, just before
+# the copyright notice. Configure as per the main menu above.
+
+ [[footer]]
+   name = "Tags"
+   pageRef = "tags"
+   weight = 10
+
+ [[footer]]
+   name = "Authors"
+   pageRef = "authors"
+   weight = 20
diff --git a/config/_default/module.toml b/config/_default/module.toml
new file mode 100644
index 0000000..e90665b
--- /dev/null
+++ b/config/_default/module.toml
@@ -0,0 +1,3 @@
+[hugoVersion]
+  extended = true
+  min = "0.87.0"
diff --git a/config/_default/params.toml b/config/_default/params.toml
index 11319d6..dcd0db9 100644
--- a/config/_default/params.toml
+++ b/config/_default/params.toml
@@ -10,23 +10,23 @@ defaultAppearance = "dark" # valid options: light or dark
 autoSwitchAppearance = true
 
 enableSearch = true
-enableCodeCopy = true
+enableCodeCopy = false
 
-mainSections = ["docs"]
+# mainSections = ["section1", "section2"]
 # robots = ""
 
 disableImageOptimization = false
 disableTextInHeader = false
 
-defaultBackgroundImage = "/img/ocean.jpg"
-defaultFeaturedImage = "/img/ocean.jpg"
+# defaultBackgroundImage = "IMAGE.jpg" # used as default for background images 
+# defaultFeaturedImage = "IMAGE.jpg" # used as default for featured images in all articles
 
 highlightCurrentMenuArea = true
 smartTOC = true
-smartTOCHideUnfocusedChildren = false
+# smartTOCHideUnfocusedChildren = true
 
 [header]
-  layout = "fixed" # valid options: basic, fixed, fixed-fill, fixed-fill-blur
+  layout = "fixed-fill" # valid options: basic, fixed, fixed-fill, fixed-fill-blur
 
 [footer]
   showMenu = true
@@ -36,106 +36,108 @@ smartTOCHideUnfocusedChildren = false
   showScrollToTop = true
 
 [homepage]
-  layout = "custom" # valid options: page, profile, hero, card, background, custom
-  # homepageImage = "/img/iceland.jpg" # used in: hero, and card
+  layout = "page" # valid options: page, profile, hero, card, background, custom
+  # homepageImage = "banner.webp" # used in: hero, and card
   showRecent = false
-  showRecentItems = 12
-  showMoreLink = true
-  showMoreLinkDest = "docs"
+  showRecentItems = 3
+  showMoreLink = false
+  showMoreLinkDest = "/posts"
   cardView = false
   cardViewScreenWidth = false
-  layoutBackgroundBlur = true # only used when layout equals background
+  layoutBackgroundBlur = false # only used when layout equals background
 
 [article]
-  showDate = false
-  showViews = true
-  showLikes = true
-  showDateUpdated = false
+  showDate = true
+  showViews = false
+  showLikes = false
+  showDateUpdated = true
   showAuthor = true
   showHero = true
-  heroStyle = "background" # valid options: basic, big, background, thumbAndBackground
-  layoutBackgroundBlur = true # only used when heroStyle equals background
+  heroStyle = "big" # valid options: basic, big, background, thumbAndBackground
+  layoutBackgroundBlur = false # only used when heroStyle equals background or thumbAndBackground
+  layoutBackgroundHeaderSpace = true # only used when heroStyle equals background
   showBreadcrumbs = true
   showDraftLabel = true
-  showEdit = true
-  editURL = "https://github.com/nunocoracao/blowfish/tree/main/exampleSite/content"
+  showEdit = false
+  # editURL = "https://github.com/username/repo/"
   editAppendPath = true
   seriesOpened = false
   showHeadingAnchors = true
   showPagination = true
-  invertPagination = false
+  invertPagination = true
   showReadingTime = true
   showTableOfContents = true
   showRelatedContent = true
-  relatedContentLimit = 6
-  showTaxonomies = true 
-  showAuthorsBadges = true 
-  showWordCount = false
-  sharingLinks = [ "linkedin", "twitter", "reddit", "whatsapp", "telegram", "pinterest", "facebook", "email"]
-  showZenMode = true
+  relatedContentLimit = 3
+  showTaxonomies = true
+  showAuthorsBadges = true
+  showWordCount = true
+  sharingLinks = [ "linkedin", "twitter", "reddit", "pinterest", "facebook", "email", "whatsapp", "telegram"]
+  showZenMode = false
 
 [list]
-  showHero = true
-  heroStyle = "background" # valid options: basic, big, background, thumbAndBackground
-  layoutBackgroundBlur = true # only used when heroStyle equals background
-  layoutBackgroundHeaderSpace = false
-  showBreadcrumbs = false
-  showSummary = false
-  showViews = true
-  showLikes = true
-  showTableOfContents = true
-  showCards = true
-  groupByYear = false
+  showHero = false
+  # heroStyle = "background" # valid options: basic, big, background, thumbAndBackground
+  layoutBackgroundBlur = false # only used when heroStyle equals background or thumbAndBackground
+  layoutBackgroundHeaderSpace = true # only used when heroStyle equals background
+  showBreadcrumbs = true
+  showSummary = true
+  showViews = false
+  showLikes = false
+  showTableOfContents = false
+  showCards = false
+  groupByYear = true
   cardView = true
   cardViewScreenWidth = false
   constrainItemsWidth = false
 
 [sitemap]
-  excludedKinds = []
+  excludedKinds = ["taxonomy", "term"]
 
 [taxonomy]
   showTermCount = true
-  showHero = true
-  heroStyle = "background" # valid options: basic, big, background, thumbAndBackground
+  showHero = false
+  # heroStyle = "background" # valid options: basic, big, background, thumbAndBackground
   showBreadcrumbs = false
-  showViews = true
-  showLikes = true
-  showTableOfContents = true
+  showViews = false
+  showLikes = false
+  showTableOfContents = false
   cardView = false
 
 [term]
-  showHero = true
-  heroStyle = "background" # valid options: basic, big, background, thumbAndBackground
+  showHero = false
+  # heroStyle = "background" # valid options: basic, big, background, thumbAndBackground
   showBreadcrumbs = false
-  showViews = true
-  showLikes = true
+  showViews = false
+  showLikes = false
   showTableOfContents = true
   groupByYear = false
-  cardView = true
+  cardView = false
   cardViewScreenWidth = false
-  
+
 [firebase]
-  apiKey = "AIzaSyB5tqlqDky77Vb4Tc4apiHV4hRZI18KGiY"
-  authDomain = "blowfish-21fff.firebaseapp.com"
-  projectId = "blowfish-21fff"
-  storageBucket = "blowfish-21fff.appspot.com"
-  messagingSenderId = "60108104191"
-  appId = "1:60108104191:web:039842ebe1370698b487ca"
-  measurementId = "G-PEDMYR1V0K"
+  # apiKey = "XXXXXX"
+  # authDomain = "XXXXXX"
+  # projectId = "XXXXXX"
+  # storageBucket = "XXXXXX"
+  # messagingSenderId = "XXXXXX"
+  # appId = "XXXXXX"
+  # measurementId = "XXXXXX"
 
 [fathomAnalytics]
   # site = "ABC12345"
   # domain = "llama.yoursite.com"
 
 [buymeacoffee]
-  identifier = "nunocoracao"
-  globalWidget = true
-  globalWidgetMessage = ""
-  globalWidgetColor = "#FFDD00"
-  globalWidgetPosition = "Right"
+#identifier = ""
+#globalWidget = true
+#globalWidgetMessage = "Cookie consent. This site is not gathering cookies"
+#globalWidgetColor = "#FFDD00"
+#globalWidgetPosition = "Right"
 
 [verification]
   # google = ""
   # bing = ""
   # pinterest = ""
   # yandex = ""
+
diff --git a/content/123.webp b/content/123.webp
new file mode 100644
index 0000000..3f670e2
Binary files /dev/null and b/content/123.webp differ
diff --git a/content/_index.cs.md b/content/_index.cs.md
new file mode 100755
index 0000000..6a912c5
--- /dev/null
+++ b/content/_index.cs.md
@@ -0,0 +1,646 @@
+---
+title: ""
+description: ""
+---
+{{< rawhtml >}}
+<!-- Section: Design Block -->
+<section class="background-radial-gradient mb-40 overflow-hidden">
+  <!-- Jumbotron -->
+  <div class="bg-neutral-50 px-6 py-12 text-center dark:bg-neutral-900 md:px-12 lg:text-left">
+    <div class="w-100 mx-auto sm:max-w-2xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl">
+      <div class="grid items-center gap-12 lg:grid-cols-2">
+        <div class="mt-12 lg:mt-0">
+          <h1 class="mt-8 mb-16 font-bold tracking-tight" style="font-size:4.5rem">
+      Hlava
+    </h1>
+    <h2 class="mb-8 text-4xl font-extrabold text-primary-400">template for Astro 4.0 + Tailwind CSS
+    </h2>
+    <p class="mt-8 mx-auto text-2xl mb-10 prose dark:prose-invert max-lg">
+      AstroWind is a free, customizable and production-ready template for Astro 4.0 + Tailwind CSS. Suitable for Startups, Small Business, SaaS websites, Professional Portfolios, Marketing websites, Landing Pages & Blogs.          </p>
+    <a href="#" class="inline-flex justify-center items-center py-3 px-5 sm:ms-4 text-center rounded-full text-neutral-50
+    bg-primary-600 dark:bg-primary-500">
+      Learn more
+      {{< typeit 
+  tag=h3
+  speed=50
+  breakLines=false
+  loop=true
+>}}
+Lorem
+{{< /typeit >}}
+  </a>  
+    <a href="#" class="inline-flex justify-center items-center py-3 px-5 text-center">
+      Ask a Question
+      <svg class="w-3.5 h-3.5 ms-2 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
+          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/></svg>
+  </a>
+        </div>
+        <div class="mb-12 lg:mb-0">
+           {{< figure
+    src="banner.webp"
+    alt="Abstract purple artwork"
+    >}}
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Jumbotron -->
+</section>
+  <!-- /Hero -->
+<section>
+  <div class="bg-neutral-50 pt-24 mt-20 px-6 text-center dark:bg-neutral-900">
+    <h1 class="mt-8 mb-16 font-bold tracking-tight" style="font-size:4.5rem">
+      Hlava
+    </h1>
+    <h2 class="mb-8 text-4xl font-extrabold text-primary-400">template for Astro 4.0 + Tailwind CSS
+    </h2>
+    <p class="mt-8 mx-auto text-2xl mb-10 prose dark:prose-invert max-lg">
+      AstroWind is a free, customizable and production-ready template for Astro 4.0 + Tailwind CSS. Suitable for Startups, Small Business, SaaS websites, Professional Portfolios, Marketing websites, Landing Pages & Blogs.          </p>
+    <a href="#" class="inline-flex justify-center items-center py-3 px-5 sm:ms-4 text-center rounded-full text-neutral-50
+    bg-primary-600 dark:bg-primary-500">
+      Learn more
+      {{< typeit 
+  tag=h3
+  speed=50
+  breakLines=false
+  loop=true
+>}}
+Lorem
+{{< /typeit >}}
+  </a>  
+    <a href="#" class="inline-flex justify-center items-center py-3 px-5 text-center">
+      Ask a Question
+      <svg class="w-3.5 h-3.5 ms-2 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
+          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/></svg>
+  </a>
+  </div>
+</section>
+<!-- /Hero -->
+
+ {{< figure
+    src="banner.webp"
+    alt="Abstract purple artwork"
+    >}}
+
+<!-- Quote -->
+<div class="bg-gradient-to-r from-primary-500 to-secondary-700 dark:from-primary-500 dark:to-secondary-700 py-6 mb-20 rounded-lg text-neutral-50">
+<div class="container text-center text-lg">
+Philosophy: Keep It Simple Stupid principle. Delicate dance of flow and elegance!
+</div>
+</div>
+<!--  /Quote -->
+<!-- Abstract -->
+<div class="py-6">
+<div class="ontainer text-center text-lg">
+FEATURES. What you get with AstroWind. One of the most professional and comprehensive templates currently on the market. Most starred & forked Astro theme in 2022.
+</div>
+<!-- /abstract -->
+<!-- Features -->
+<div class="relative w-screen max-w-[1600px] mt-20 px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section>
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Features</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  What you get with AstroWind
+</h2>
+<p class="text-xl">
+  One of the most professional and comprehensive templates currently on the market. Most starred & forked Astro theme in 2022.
+</p>
+</div>
+<div class="container max-w-6xl mx-auto">
+<div class="grid sm:grid-cols-2 gap-6 md:gap-12">
+  <div class="flex">
+    <div class="mr-4">
+      <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-84 -84 468.00 468.00" xml:space="preserve" width="64px" height="64px" fill="#000000" stroke="#000000" stroke-width="0.003" transform="rotate(45)"><g id="SVGRepo_bgCarrier" stroke-width="0"><rect x="-84" y="-84" width="468.00" height="468.00" rx="234" fill="#7ed0ec" strokewidth="0"></rect></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="XMLID_1185_"> <rect id="XMLID_28_" y="140" style="fill:#EA348B;" width="160" height="160"></rect> <rect id="XMLID_27_" x="150.001" y="140" style="fill:#FF9811;" width="149.999" height="160"></rect> <rect id="XMLID_26_" x="140" y="0.001" style="fill:#FFE98F;" width="160" height="149.999"></rect> <path id="XMLID_1186_" style="fill:#AF2768;" d="M162.504,193.776c-3.638,0-7.967,0.628-12.529,1.771V150L0,300h149.975v-45.5 c4.563,1.144,8.893,1.772,12.53,1.772c17.256-0.001,31.244-13.992,31.244-31.25C193.749,207.765,179.76,193.775,162.504,193.776z"></path> <polygon id="XMLID_24_" style="fill:#00D7DF;" points="150,0 150.001,150 0,130 0,0 "></polygon> <path id="XMLID_23_" style="fill:#FFDA44;" d="M137.496,106.224c3.637,0,7.967-0.628,12.529-1.771V150L300,0H150.023l0.002,45.5 c-4.563-1.144-8.895-1.773-12.531-1.772c-17.256,0.001-31.244,13.992-31.244,31.25C106.25,92.235,120.24,106.224,137.496,106.224z"></path> <path id="XMLID_3_" style="fill:#FF5023;" d="M193.776,137.496c0,3.638,0.628,7.967,1.771,12.53H150L300,300V150.024l-45.5,0.002 c1.144-4.563,1.773-8.895,1.772-12.531c-0.001-17.256-13.992-31.244-31.25-31.244C207.765,106.251,193.776,120.24,193.776,137.496z "></path> <path id="XMLID_2_" style="fill:#00A0A6;" d="M106.224,162.504c0-3.638-0.628-7.967-1.771-12.53H150L0,0v149.976l45.5-0.002 c-1.144,4.563-1.773,8.895-1.772,12.531c0.001,17.256,13.992,31.244,31.25,31.244C92.235,193.749,106.224,179.76,106.224,162.504z"></path> </g> </g></svg>
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        <a href="" class="text-primary-500" title="Go to W3Schools HTML section" hover:bg-primary-600>Awards good deed</a>
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+      </p>
+    </div>
+  </div>
+    <div class="flex">
+      <div class="mr-4">
+        <svg width="64px" height="64px" viewBox="-12.8 -12.8 153.60 153.60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--noto" preserveAspectRatio="xMidYMid meet" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"><rect x="-12.8" y="-12.8" width="153.60" height="153.60" rx="76.8" fill="#c752a2" strokewidth="0"></rect></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M31.13 110.55c0-4.3 6.01-19.49 6.01-19.49c5.79-1.79 47.6-.27 53.97-.27c0 0 5.76 12.33 5.76 19.76S79.19 124 64.06 124s-32.93-6.02-32.93-13.45z" fill="#8b5738"> </path> <ellipse cx="64.06" cy="93.5" rx="27.05" ry="11.75" fill="#ffb17a"> </ellipse> <g> <path d="M38.67 106.15c3.02 1.72 7.8 1.59 11.51 2.26c4.72.86 7.39 4.46 16.49 4.3c3.25-.06 10.83-.43 10.41-.42c-.26-.53-1.74-1.04-4.62-1.49c-2.64-.42-4.54-.38-7.6-.38c-2.34 0-5.55-.7-8.79-2.48c-1.48-.81-3.78-1.71-6.03-2.17c-3.46-.71-5.87.04-10.7-2.25c-2.31-1.09-4.18-3.35-4.62-5.98l-1.14 3.28c1.5 2.75 2.87 4.07 5.09 5.33z" fill="#cc8552"> </path> <path d="M88.44 103.46c-7.74 4.92-14.28 4.37-14.28 4.37c-.55.36 3.96 1.33 7.31.77c6.58-1.1 10.58-4.4 13.18-8.82c-.36-1.12-1.15-3.24-1.15-3.24c-.75 1.81-1.62 4.73-5.06 6.92z" fill="#cc8552"> </path> <path d="M74.51 117.42c-4.28.78-8.38-.55-12.59-1.54c-5.77-1.35-16.61-1.16-16.61-1.16c-.65.32 5.11 2.41 7.91 2.65c2.55.22 5.25 0 7.67.99c3.41 1.39 6.71 2.09 10.01 2.09c6.27 0 14.46-3.78 16.41-8.69c0 0-3.58 2.1-6.36 3.51c-2.02 1.03-4.2 1.75-6.44 2.15z" fill="#a86d44"> </path> <path d="M35.82 111.48c.85 1.36 1.72 2.62 2.86 3.75c1.93 1.92 4.37 3.03 5.94 2.75c0 0-5.56-4.49-4.97-5.66c.3-.6 11.84.35 11.84.35s-3.5-1.84-6.91-2.5c-2.21-.43-6.25.43-9.93-2.16c-2.03-1.43-2.34-3.15-2.34-3.15s-.73 2.49-.88 3.44c2.13 2.23 4.11 2.73 4.39 3.18z" fill="#a86d44"> </path> <path d="M94.3 106.54c-2.02 1.81-5.21 5.47-5.21 7.36c0 0 3.58-3.47 5.99-5.06c.6-.39 1.03-.89 1.5-1.42c0 0-.24-1.79-.62-3.06c-.15.85-.76 1.38-1.66 2.18z" fill="#a86d44"> </path> </g> <g> <radialGradient id="IconifyId17ecdb2904d178eab7492" cx="77.121" cy="66.694" r="76.184" gradientTransform="rotate(-3.714 -608.323 2.714)" gradientUnits="userSpaceOnUse"> <stop offset=".104" stop-color="#ce93d8"> </stop> <stop offset="1" stop-color="#ab47bc"> </stop> </radialGradient> <circle cx="64" cy="52.76" r="48.76" fill="url(#IconifyId17ecdb2904d178eab7492)"> </circle> <radialGradient id="IconifyId17ecdb2904d178eab7493" cx="53.349" cy="46.135" r="69.389" gradientUnits="userSpaceOnUse"> <stop offset=".28" stop-color="#81d4fa" stop-opacity="0"> </stop> <stop offset=".964" stop-color="#81d4fa" stop-opacity=".9"> </stop> </radialGradient> <circle cx="64" cy="52.76" r="48.76" fill="url(#IconifyId17ecdb2904d178eab7493)"> </circle> <linearGradient id="IconifyId17ecdb2904d178eab7494" gradientUnits="userSpaceOnUse" x1="74.69" y1="10.651" x2="35.942" y2="111.007"> <stop offset="0" stop-color="#673ab7"> </stop> <stop offset=".937" stop-color="#673ab7" stop-opacity="0"> </stop> </linearGradient> <path d="M45.91 22.37c4.54.39 13.84 3.79 7.07 12.51C48.53 40.61 42.97 45.94 41 50.55c-5.69 13.33 8.57 18.77 13 20.16c3.84 1.21 11.24 3.91 13.32 7.36C75.35 91.37 50.93 95 50.93 95s17.97 6.55 32.77-3.46c5.6-3.79 10.53-12.61 5.71-20.55c-2.34-3.85-8.79-7.32-10.37-8.56c-6.76-5.34-10.93-10.86-7.57-17.05c1.36-2.5 4.2-3.8 6.95-4.56c7.7-2.13 17.31-1.75 19.82-11.26C100.41 21.36 84.57 3.04 60 6.02c-10.2 1.23-19.38 5.5-26.89 12.52c-13.86 12.97-12.66 23.7-12.66 23.7s9.03-21.3 25.46-19.87z" opacity=".7" fill="url(#IconifyId17ecdb2904d178eab7494)"> </path> <linearGradient id="IconifyId17ecdb2904d178eab7495" gradientUnits="userSpaceOnUse" x1="80.878" y1="24.934" x2="80.878" y2="108.077"> <stop offset=".235" stop-color="#1d44b3"> </stop> <stop offset=".884" stop-color="#2044b3" stop-opacity=".074"> </stop> <stop offset=".936" stop-color="#2144b3" stop-opacity="0"> </stop> </linearGradient> <path d="M99.77 24.22c-3.48-5.06-8.29-9.08-13.36-12.55c-8.09-5.53-18.55-5.98-18.55-5.98c12.84 6.14 11.4 14.28 7.21 20.1c-5.1 7.09-15.33 11.88-18 20.51c-1.56 5.04-.6 10.34 4.31 13.56s22.58 11.77 23.19 21.89c.46 7.62-5.6 12.42-5.6 12.42c7.09-1.53 22.01-11.97 17.59-22.71c-2.14-5.2-11.87-8.65-6.97-14.58c1.82-2.21 14.53-3.39 15.72-16.25c.55-6.01-2.69-12.27-5.54-16.41z" opacity=".39" fill="url(#IconifyId17ecdb2904d178eab7495)"> </path> <linearGradient id="IconifyId17ecdb2904d178eab7496" gradientUnits="userSpaceOnUse" x1="-2575.355" y1="437.519" x2="-2575.355" y2="471.206" gradientTransform="scale(-1 1) rotate(15.017 293.083 9871.848)"> <stop offset=".227" stop-color="#ffffff"> </stop> <stop offset="1" stop-color="#ffffff" stop-opacity="0"> </stop> </linearGradient> <path d="M24.71 61.66s-7.3-19.36 7.69-37.29c12.35-14.78 23.5-8.8 21.78-2.5c-1.73 6.3-7.1 8.24-15.19 14.57C28.3 44.8 24.71 61.66 24.71 61.66z" opacity=".85" fill="url(#IconifyId17ecdb2904d178eab7496)"> </path> <g> <linearGradient id="IconifyId17ecdb2904d178eab7497" gradientUnits="userSpaceOnUse" x1="85.871" y1="28.96" x2="85.871" y2="52.387"> <stop offset=".261" stop-color="#ffffff"> </stop> <stop offset="1" stop-color="#ffffff" stop-opacity="0"> </stop> </linearGradient> <path d="M92.96 34.77c-1.95-.97-3.51-2.19-4.19-4.26l-2.89-9.57l-2.89 9.57c-.68 2.06-2.25 3.29-4.19 4.26l-4.83 2.09l4.97 2.06c1.95.97 3.37 2.3 4.06 4.36l2.89 9.49l2.89-9.49c.68-2.06 2.11-3.39 4.06-4.36l4.97-2.06l-4.85-2.09z" fill="url(#IconifyId17ecdb2904d178eab7497)"> </path> <linearGradient id="IconifyId17ecdb2904d178eab7498" gradientUnits="userSpaceOnUse" x1="76.221" y1="58.161" x2="76.221" y2="85.231"> <stop offset="0" stop-color="#ffffff"> </stop> <stop offset="1" stop-color="#ffffff" stop-opacity="0"> </stop> </linearGradient> <path d="M83.31 69.37c-1.95-.97-3.51-2.19-4.19-4.26l-2.89-9.57l-2.89 9.57c-.68 2.06-2.25 3.29-4.19 4.26l-4.83 2.09l4.97 2.06c1.95.97 3.37 2.3 4.06 4.36l2.89 9.49l2.89-9.49c.68-2.06 2.11-3.39 4.06-4.36l4.97-2.06l-4.85-2.09z" fill="url(#IconifyId17ecdb2904d178eab7498)"> </path> <path d="M106.34 53.97c-1.47-.73-2.65-1.66-3.17-3.21l-2.18-7.23l-2.18 7.23c-.52 1.56-1.7 2.48-3.17 3.21L92 55.55l3.75 1.56c1.47.73 2.55 1.73 3.06 3.29l2.18 7.16l2.18-7.16c.52-1.56 1.59-2.56 3.06-3.29l3.75-1.56l-3.64-1.58z" fill="#ffffff"> </path> </g> </g> </g></svg>
+      </div>
+      <div>
+        <h3 class="mb-4 text-xl font-bold">
+          Liste greta deed
+        </h3>
+        <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+          A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+        </p>
+      </div>
+    </div>
+  <div class="flex">
+    <div class="mr-4">
+      <svg height="64px" width="64px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path style="fill:#FFCD54;" d="M512,256.006C512,397.402,397.394,512.004,256.004,512C114.606,512.004,0,397.402,0,256.006 C-0.007,114.61,114.606,0,256.004,0C397.394,0,512,114.614,512,256.006z"></path> <path style="fill:#F4BA41;" d="M512,256.005c0-3.914-0.122-7.798-0.294-11.668c-0.267-0.27-0.532-0.545-0.802-0.802 C510.4,243.031,349.401,81.979,349.02,81.612c-12.581-13.25-26.645-20.335-39.07-23.959c-41.022-11.974-86.061,6.35-97.707,19.122 c-16.612,18.201-76.782,70.688-77.391,71.214c-3.506,3.057-3.872,8.382-0.815,11.892c0.334,0.382,0.777,0.58,1.159,0.889 c0.145,0.199,0.192,0.438,0.357,0.628c0.334,0.382,59.505,59.389,59.665,59.545c2.143,11.626,4.56,19.62,4.857,20.572 c0.514,1.65,1.58,2.907,2.829,3.919c0.433,0.595,0.957,1.063,1.518,1.518c0.433,0.595,66.167,66.275,66.73,66.73 c0.075,0.102,0.107,0.241,0.186,0.34c-1.902,1.372-3.809,2.723-5.78,3.789c-5.137,2.779-10.163,4.25-15.017,4.989 c-0.043-0.036-0.081-0.075-0.125-0.11c-0.422-0.601-63.145-63.234-63.697-63.697c-1.957-2.783-5.447-4.237-8.976-3.327 c-4.502,1.178-7.197,5.781-6.016,10.288c5.133,19.622,14.977,50.489,28.387,62.665c0.477,0.494,58.558,58.596,59.071,59.066 c0.051,0.052,0.101,0.111,0.153,0.163c-8.42,12.126-11.81,18.443-12.466,22.238c-3.837,5.593-12.523,16.3-26.85,23.621 c-0.091-0.069-0.208-0.101-0.303-0.166c-0.465-0.55-73.713-73.893-74.314-74.314c-1.1-1.303-2.487-2.382-4.269-2.827 c-4.539-1.135-9.093,1.605-10.225,6.123c-1.333,5.325-5.831,49.29,13.793,75.881c2.345,3.178,4.951,5.935,7.764,8.352 c0.517,0.487,60.13,60.205,60.666,60.666c0.388,0.366,0.759,0.763,1.14,1.14c13.585,2.227,27.513,3.438,41.73,3.438 C397.394,512.004,512,397.401,512,256.005z"></path> <g> <path style="fill:#F4F6F9;" d="M381.666,152.455c-11.347-65.202-45.133-87.98-71.468-95.686 c-41.238-12.024-83.831,7.531-98.142,19.222c-19.171,15.662-77.142,71.045-77.734,71.553c-3.556,3.048-3.895,8.383-0.847,11.94 c3.048,3.556,8.383,3.895,11.94,0.847c2.54-2.202,58.834-57.179,79.174-72.908c13.818-10.685,46.15-24.557,80.952-14.395 c31.67,9.23,51.654,36.92,59.529,82.392c0.169,0.762,13.125,77.311-56.65,167.747c-46.996,60.968-55.327,78.92-62.736,87.917 c-7.652,9.291-25.329,33.088-63.18,31.056c-10.246-0.508-18.206-4.573-24.133-12.194c-15.581-20.069-12.617-58.004-11.601-62.831 c1.101-4.573-1.694-9.145-6.266-10.246c-4.488-1.101-9.061,1.609-10.161,6.097c-1.355,5.335-5.843,49.537,13.887,76.21 c9.061,12.278,21.678,18.968,37.428,19.815c1.948,0.085,3.726,0.169,5.589,0.169c53.347,0,76.041-42.424,77.057-44.287 c0.677-1.355,17.02-28.875,57.581-81.376C396.146,237.218,382.344,155.757,381.666,152.455z"></path> <path style="fill:#F4F6F9;" d="M187.669,261.774c-1.185-4.488-5.843-7.198-10.331-6.012c-4.488,1.185-7.198,5.843-6.012,10.331 c6.266,23.964,23.551,74.271,71.976,74.686c10.585,0.085,21.085-2.625,30.399-7.621c24.557-13.294,44.033-44.117,57.92-91.706 c13.548-46.488,11.432-82.561-6.436-107.202c-21-28.96-55.633-30.484-57.242-30.484c-27.52-0.339-47.928,8.298-60.884,25.742 c-29.383,39.46-8.129,109.15-7.198,112.114c1.355,4.488,6.182,6.944,10.585,5.589c4.488-1.355,6.944-6.182,5.589-10.585l0,0 c-0.169-0.677-19.561-64.44,4.657-96.956c9.653-13.21,25.065-19.391,46.827-19.137c0.254,0,27.774,1.185,43.948,23.54 c14.649,20.153,15.919,51.315,3.895,92.553c-12.617,43.101-28.766,71.592-49.791,81.545 C222.463,338.577,194.697,288.617,187.669,261.774z"></path> <path style="fill:#F4F6F9;" d="M253.668,283.024c-2.104,0-4.194-0.921-5.612-2.682c-0.476-0.591-11.597-14.73-7.27-37.064 c2.12-10.937,10.66-15.75,18.195-19.995c7.796-4.393,14.529-8.187,16.165-18.408c1.937-12.107-0.316-21.979-6.697-29.341 c-4.516-5.211-9.573-7.287-9.622-7.306c-3.689-1.4-5.545-5.526-4.145-9.215c1.4-3.689,5.522-5.547,9.215-4.145 c10.995,4.172,30.446,20.466,25.358,52.265c-2.724,17.029-14.593,23.717-23.259,28.6c-6.59,3.714-10.36,6.021-11.182,10.265 c-3.018,15.573,4.113,25.047,4.419,25.443c2.474,3.074,1.964,7.543-1.109,10.017C256.812,282.513,255.235,283.024,253.668,283.024z "></path> </g> </g></svg>
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        I am good camper
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+      </p>
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-4">
+      <span class="flex items-center justify-center w-12 h-12 mb-4 rounded-full bg-primary-600 dark:bg-primary-500 text-neutral-50 shadow-xl">
+        <svg class="w-6 h-6 text-white dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 12.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 18.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5Z" /></svg>  
+      </span>
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        Really. Ok that's fine
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+      </p>
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-4">
+      <span class="flex items-center justify-center w-12 h-12 mb-4 rounded-full bg-primary-600 dark:bg-primary-500 text-neutral-50 shadow-xl">
+        <svg class="w-6 h-6 text-white dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h1.5C5.496 19.5 6 18.996 6 18.375m-3.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-1.5A1.125 1.125 0 0 1 18 18.375M20.625 4.5H3.375m17.25 0c.621 0 1.125.504 1.125 1.125M20.625 4.5h-1.5C18.504 4.5 18 5.004 18 5.625m3.75 0v1.5c0 .621-.504 1.125-1.125 1.125M3.375 4.5c-.621 0-1.125.504-1.125 1.125M3.375 4.5h1.5C5.496 4.5 6 5.004 6 5.625m-3.75 0v1.5c0 .621.504 1.125 1.125 1.125m0 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m1.5-3.75C5.496 8.25 6 7.746 6 7.125v-1.5M4.875 8.25C5.496 8.25 6 8.754 6 9.375v1.5m0-5.25v5.25m0-5.25C6 5.004 6.504 4.5 7.125 4.5h9.75c.621 0 1.125.504 1.125 1.125m1.125 2.625h1.5m-1.5 0A1.125 1.125 0 0 1 18 7.125v-1.5m1.125 2.625c-.621 0-1.125.504-1.125 1.125v1.5m2.625-2.625c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125M18 5.625v5.25M7.125 12h9.75m-9.75 0A1.125 1.125 0 0 1 6 10.875M7.125 12C6.504 12 6 12.504 6 13.125m0-2.25C6 11.496 5.496 12 4.875 12M18 10.875c0 .621-.504 1.125-1.125 1.125M18 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m-12 5.25v-5.25m0 5.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125m-12 0v-1.5c0-.621-.504-1.125-1.125-1.125M18 18.375v-5.25m0 5.25v-1.5c0-.621.504-1.125 1.125-1.125M18 13.125v1.5c0 .621.504 1.125 1.125 1.125M18 13.125c0-.621.504-1.125 1.125-1.125M6 13.125v1.5c0 .621-.504 1.125-1.125 1.125M6 13.125C6 12.504 5.496 12 4.875 12m-1.5 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M19.125 12h1.5m0 0c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h1.5m14.25 0h1.5" /></svg> 
+      </span>
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        demo demo demo
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+      </p>
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-4">
+      <span class="flex items-center justify-center w-12 h-12 mb-4 rounded-full bg-primary-600 dark:bg-primary-500 text-neutral-50 shadow-xl">
+        <svg class="w-6 h-6 text-white dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" /></svg> 
+      </span>
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        More connected I become
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+      </p>
+    </div>
+  </div>
+</div>
+</div>
+<div class="mt-10 flex justify-center">
+  <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 border border-primary-500 hover:border-transparent rounded-full">
+      Show all
+    </button>
+  </a>
+</div>
+</section>
+</div>
+<!-- /Features -->
+<!-- Blueprint -->
+<div class="relative mt-20 w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section class="mx-auto max-w-7xl">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Plan</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  Blueprint
+</h2>
+<p class="text-xl">
+  Do or don't
+</p>
+</div>
+<div class="px-4 mx-auto">
+  <div class="grid gap-6 row-gap-10 lg:grid-cols-2">
+  <div class="relative">
+       {{< figure
+    src="direction.webp"
+    alt="Abstract purple artwork"
+    >}}
+    </div>
+    <div class="lg:py-6 lg:pr-16">
+      <div class="flex">
+        <div class="flex flex-col items-center mr-4">
+          <div>
+            <div class="flex">
+              <svg fill="#000000" width="48px" height="48px" viewBox="0 0 24 24" id="check-circle" data-name="Flat Color" xmlns="http://www.w3.org/2000/svg" class="icon flat-color"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><circle id="primary" cx="12" cy="12" r="10" style="fill: #43a047;"></circle><path id="secondary" d="M11,16a1,1,0,0,1-.71-.29l-3-3a1,1,0,1,1,1.42-1.42L11,13.59l4.29-4.3a1,1,0,0,1,1.42,1.42l-5,5A1,1,0,0,1,11,16Z" style="fill: #ffffff;"></path></g></svg>        
+              <div class="w-px h-full bg-primary-200"></div>
+            </div>
+          </div>
+          <div class="w-px h-full bg:primary-200"></div>
+        </div>
+        <div class="pt-1 pb-8">
+          <h3 class="text-xl font-bold">Step 1</h3>
+          <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+            A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+          </p>
+        </div>
+      </div>
+      <div class="flex">
+        <div class="flex flex-col items-center mr-4">
+          <div>
+            <div class="flex">
+              <svg fill="#000000" width="48px" height="48px" viewBox="0 0 24 24" id="check-circle" data-name="Flat Color" xmlns="http://www.w3.org/2000/svg" class="icon flat-color"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><circle id="primary" cx="12" cy="12" r="10" style="fill: #43a047;"></circle><path id="secondary" d="M11,16a1,1,0,0,1-.71-.29l-3-3a1,1,0,1,1,1.42-1.42L11,13.59l4.29-4.3a1,1,0,0,1,1.42,1.42l-5,5A1,1,0,0,1,11,16Z" style="fill: #ffffff;"></path></g></svg>       
+               <div class="w-px h-full bg-gray-300"></div>
+            </div>
+          </div>
+          <div class="w-px h-full bg-primary-300"></div>
+        </div>
+        <div class="pt-1 pb-8">
+          <h3 class="text-xl font-bold">Step 2</h3>
+          <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+            The first mate and his Skipper too will do their very best to make the others comfortable in their tropic island nest. Michael Knight a young loner.
+          </p>
+        </div>
+      </div>
+      <div class="flex">
+        <div class="flex flex-col items-center mr-4">
+          <div>
+            <div class="flex">
+              <svg fill="#000000" width="48px" height="48px" viewBox="0 0 24 24" id="check-circle" data-name="Flat Color" xmlns="http://www.w3.org/2000/svg" class="icon flat-color"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><circle id="primary" cx="12" cy="12" r="10" style="fill: #43a047;"></circle><path id="secondary" d="M11,16a1,1,0,0,1-.71-.29l-3-3a1,1,0,1,1,1.42-1.42L11,13.59l4.29-4.3a1,1,0,0,1,1.42,1.42l-5,5A1,1,0,0,1,11,16Z" style="fill: #ffffff;"></path></g></svg>        
+              <div class="w-px h-full bg-gray-300"></div>
+            </div>
+          </div>
+          <div class="w-px h-full bg-gray-300"></div>
+        </div>
+        <div class="pt-1 pb-8">
+          <h3 class="text-xl font-bold">Step 3</h3>
+          <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+            Tell them I hate them. Is the Space Pope reptilian!? Tell her she looks thin. Hello, little man. I will destroy you!
+          </p>
+        </div>
+      </div>
+      <div class="flex">
+        <div class="flex flex-col items-center mr-4">
+          <div>
+            <div class="flex">
+              <svg fill="#000000" width="48px" height="48px" viewBox="0 0 24 24" id="check-circle" data-name="Flat Color" xmlns="http://www.w3.org/2000/svg" class="icon flat-color"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><circle id="primary" cx="12" cy="12" r="10" style="fill: #43a047;"></circle><path id="secondary" d="M11,16a1,1,0,0,1-.71-.29l-3-3a1,1,0,1,1,1.42-1.42L11,13.59l4.29-4.3a1,1,0,0,1,1.42,1.42l-5,5A1,1,0,0,1,11,16Z" style="fill: #ffffff;"></path></g></svg>        
+              <div class="w-px h-full bg-gray-300"></div>
+            </div>
+        </div>
+        <div class="w-px h-full bg-gray-300"></div>
+        </div>
+        <div class="pt-1 pb-8">
+          <h3 class="text-xl font-bold">Step 4</h3>
+          <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+            If one examines precultural libertarianism, one is faced with a choice: either accept rationalism or conclude that context is a product.
+          </p>
+        </div>
+      </div>
+      <div class="flex">
+        <div class="flex flex-col items-center mr-4">
+          <div>
+            <svg fill="#000000" width="48px" height="48px" viewBox="0 0 24 24" id="check-circle" data-name="Flat Color" xmlns="http://www.w3.org/2000/svg" class="icon flat-color"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><circle id="primary" cx="12" cy="12" r="10" style="fill: #43a047;"></circle><path id="secondary" d="M11,16a1,1,0,0,1-.71-.29l-3-3a1,1,0,1,1,1.42-1.42L11,13.59l4.29-4.3a1,1,0,0,1,1.42,1.42l-5,5A1,1,0,0,1,11,16Z" style="fill: #ffffff;"></path></g></svg>        
+            <div class="w-px h-full bg-gray-300"></div>
+          </div>
+        </div>
+        <div class="pt-1">
+          <h3 class="text-xl font-bold">Success</h3>
+          <p class="mt-4 text-neutral-500 dark:text-neutral-300"></p>
+        </div>
+      </div>
+    </div>
+  </div>
+  </div>
+  </section>
+  </div>    
+<!-- /Blueprint -->
+<!-- Events -->
+<div class="relative mt-20 w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section>
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Events</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  Get somewthing
+</h2>
+<p class="text-xl">
+  Yummi yam
+</p>
+</div>
+<div class="max-w-6xl mx-auto grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl text-center">
+    <div class="flex justify-center items-center">
+    <svg width="128px" height="128px" viewBox="0 0 24 24" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g transform="translate(0 -1028.4)"> <path fill="#e74c3c" d="m0 1044.4 12 6 12-6-12-6z"></path> <path fill="#c0392b" d="m12 1038.4-9 4.5 9 4.5 9-4.5-9-4.5z"></path> <path fill="#3498db" d="m4.2e-7 1040.4 12 6 12-6-12-6z"></path> <path fill="#2980b9" d="m12 1034.4-9 4.5 9 4.5 9-4.5-9-4.5z"></path> <path fill="#f1c40f" d="m4e-7 1036.4 12 6 12-6-12-6z"></path> </g> </g></svg>    
+    </div>
+    <h3 class="mb-4 mt-4 text-xl font-bold">Romy</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl text-center">
+    <div class="flex justify-center items-center">
+    <svg width="128px" height="128px" viewBox="0 0 24 24" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g transform="translate(0 -1028.4)"> <path fill="#e74c3c" d="m0 1044.4 12 6 12-6-12-6z"></path> <path fill="#c0392b" d="m12 1038.4-9 4.5 9 4.5 9-4.5-9-4.5z"></path> <path fill="#3498db" d="m4.2e-7 1040.4 12 6 12-6-12-6z"></path> <path fill="#2980b9" d="m12 1034.4-9 4.5 9 4.5 9-4.5-9-4.5z"></path> <path fill="#f1c40f" d="m4e-7 1036.4 12 6 12-6-12-6z"></path> </g> </g></svg>    
+    </div>
+    <h3 class="mb-4 mt-4 text-xl font-bold">Romy</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl text-center">
+    <div class="flex justify-center items-center">
+    <svg width="128px" height="128px" viewBox="0 0 24 24" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g transform="translate(0 -1028.4)"> <path fill="#e74c3c" d="m0 1044.4 12 6 12-6-12-6z"></path> <path fill="#c0392b" d="m12 1038.4-9 4.5 9 4.5 9-4.5-9-4.5z"></path> <path fill="#3498db" d="m4.2e-7 1040.4 12 6 12-6-12-6z"></path> <path fill="#2980b9" d="m12 1034.4-9 4.5 9 4.5 9-4.5-9-4.5z"></path> <path fill="#f1c40f" d="m4e-7 1036.4 12 6 12-6-12-6z"></path> </g> </g></svg>    
+    </div>
+    <h3 class="mb-4 mt-4 text-xl font-bold">Romy</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl text-center">
+    <div class="flex justify-center items-center">
+    <svg height="128px" width="128px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <circle style="fill:#99b2c7;" cx="256" cy="256" r="256"></circle> <path style="fill:#a1acba;" d="M275.939,511.233c101.693-7.833,186.742-75.085,220.482-167.091L339.573,186.939l-44.197,43.501 l-80.748-80.748l-35.5,35.164L150.99,213.94l57.31,58.14L89.385,324.677L275.939,511.233z"></path> <circle style="fill:#FFD300;" cx="182.82" cy="181.7" r="45.304"></circle> <path style="fill:#F4A200;" d="M182.813,136.406c-0.219,0-0.434,0.014-0.653,0.017v90.565c0.219,0.003,0.434,0.017,0.653,0.017 c25.017,0,45.299-20.282,45.299-45.299S207.831,136.406,182.813,136.406z"></path> <path style="fill:#FC6F58;" d="M89.385,324.679c0-51.6,41.829-93.429,93.429-93.429s93.429,41.829,93.429,93.429H89.385z"></path> <path style="fill:#F1543F;" d="M182.813,231.25c-0.219,0-0.434,0.016-0.653,0.017v93.412h94.082 C276.242,273.079,234.413,231.25,182.813,231.25z"></path> <circle style="fill:#FFD15D;" cx="304.787" cy="215.971" r="45.304"></circle> <path style="fill:#F9B54C;" d="M304.793,170.667c-0.079,0-0.157,0.005-0.236,0.005v90.586c0.079,0,0.157,0.005,0.236,0.005 c25.017,0,45.299-20.282,45.299-45.299C350.092,190.948,329.812,170.667,304.793,170.667z"></path> <path style="fill:#31BAFD;" d="M211.365,358.94c0-51.6,41.829-93.429,93.429-93.429s93.429,41.831,93.429,93.429H211.365z"></path> <path style="fill:#2B9ED8;" d="M304.793,265.511c-0.079,0-0.157,0.005-0.236,0.005v93.424h93.665 C398.222,307.341,356.393,265.511,304.793,265.511z"></path> </g></svg>    
+    </div>
+    <h3 class="mb-4 mt-4 text-xl font-bold">Shjfsdractice</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+    </p>
+  </div>
+</div>
+</section>
+</div>
+<!-- /Events -->
+<!-- Bio -->
+<div class="relative mt-20 w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section class="mx-auto max-w-7xl">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Bio</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  I don't care
+</h2>
+<p class="text-xl">
+  He knows what he knows
+</p>
+</div>
+  <div class="grid gap-6 row-gap-10 sm:grid-cols-2">
+  <div class="relative">
+       {{< figure
+    src="map.webp"
+    alt="Abstract purple artwork"
+    >}}
+    </div>
+    <div class="lg:py-6 lg:pr-16">
+      <div class="flex flex-col">
+          <h3 class="text-xl font-bold">Real & Imaginatory</h3>
+          <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+            All recipes are written using certain conventions, which define the characteristics of common ingredients. The rules vary from place to place.
+      </div>
+    </div>
+  </div>
+  </section>
+  </div>    
+<!-- /Bio -->
+<!-- Toolbox -->
+<div class="relative mt-20 w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section>
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Toolbox</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  Favorite tools
+</h2>
+<p class="text-xl">
+  Pool of resources
+</p>
+</div>
+<div class="grid gap-8 sm:grid-cols-2 lg:grid-cols-3">
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+    <svg height="64px" width="64px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-51.2 -51.2 614.39 614.39" xml:space="preserve" fill="#000000" transform="rotate(0)matrix(1, 0, 0, 1, 0, 0)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <circle style="fill:#E84F4F;" cx="255.997" cy="255.997" r="255.997"></circle> <path style="fill:#C94545;" d="M283.902,510.581L154.168,388.729v-265.3h9.458l55.172,59.744v-59.744h9.458l55.33,59.113v-59.113 h9.301l55.488,59.113l-0.158-59.113h9.616l153.695,149.596c-8.197,124.216-104.827,224.158-227.468,237.556H283.902z"></path> <path style="fill:#FFD630;" d="M163.783,123.429v265.3h-9.458v-265.3H163.783z"></path> <path style="fill:#EBECEC;" d="M146.128,303.291h25.852c5.99,0,10.877,4.887,10.877,10.877v18.601 c0,5.99-4.887,10.877-10.877,10.877h-25.852c-5.99,0-10.877-4.887-10.877-10.877v-18.601 C135.251,308.178,140.138,303.291,146.128,303.291z"></path> <path style="fill:#FFD630;" d="M228.414,123.429v265.3h-9.458v-265.3H228.414z"></path> <path style="fill:#EBECEC;" d="M210.759,233.616h25.852c5.99,0,10.877,4.887,10.877,10.877v18.601 c0,5.99-4.887,10.877-10.877,10.877h-25.852c-5.99,0-10.877-4.887-10.877-10.877v-18.601 C199.882,238.503,204.768,233.616,210.759,233.616z"></path> <path style="fill:#FFD630;" d="M293.044,123.429v265.3h-9.458v-265.3H293.044z"></path> <path style="fill:#EBECEC;" d="M275.547,300.611h25.852c5.99,0,10.877,4.887,10.877,10.877v18.601 c0,5.99-4.887,10.877-10.877,10.877h-25.852c-5.99,0-10.877-4.887-10.877-10.877v-18.601 C264.67,305.498,269.557,300.611,275.547,300.611z"></path> <path style="fill:#FFD630;" d="M357.832,123.429v265.3h-9.458v-265.3H357.832z"></path> <path style="fill:#EBECEC;" d="M340.177,182.384h25.852c5.99,0,10.877,4.887,10.877,10.877v18.601 c0,5.99-4.887,10.877-10.877,10.877h-25.852c-5.99,0-10.877-4.887-10.877-10.877v-18.601 C329.301,187.271,334.188,182.384,340.177,182.384z"></path> <g> <path style="fill:#727271;" d="M152.276,312.591h13.556c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891 h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153C146.601,313.537,149.123,312.591,152.276,312.591z M152.276,327.251h13.556 c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153 C146.601,328.197,149.123,327.251,152.276,327.251z"></path> <path style="fill:#727271;" d="M216.906,243.074h13.556c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891 h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153C211.232,244.02,213.753,243.074,216.906,243.074z M216.906,257.734h13.556 c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153 C211.232,258.68,213.753,257.734,216.906,257.734z"></path> <path style="fill:#727271;" d="M281.694,309.912h13.556c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891 h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153C276.02,310.857,278.541,309.912,281.694,309.912z M281.694,324.572h13.556 c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153 C276.02,325.517,278.541,324.572,281.694,324.572z"></path> <path style="fill:#727271;" d="M346.325,191.842h13.556c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891 h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153C340.651,192.789,343.172,191.842,346.325,191.842z M346.325,206.502h13.556 c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153 C340.651,207.449,343.172,206.502,346.325,206.502z"></path> </g> </g></svg>
+    <h3 class="mb-4 mt-4 text-xl font-bold">Sjsdfkjsdhsd</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+      <svg width="64px" height="64px" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--noto" preserveAspectRatio="xMidYMid meet" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M111.42 113.34H16.58a4.88 4.88 0 0 1-4.88-4.88V42.03c0-7.27 5.65-13.16 12.62-13.16h79.37c6.97 0 12.62 5.89 12.62 13.16V108.46c0 2.7-2.19 4.88-4.89 4.88z" fill="#fafafa" stroke="#bdbdbd" stroke-width="3" stroke-miterlimit="10"> </path> <path d="M112.11 4h-4.8c-1 0-1.81.81-1.81 1.81V9.9c0 .67.38 1.25.95 1.6c2.01 1.2 3.24 3.57 2.71 6.17c-.45 2.2-2.21 3.98-4.41 4.44a5.788 5.788 0 0 1-7.03-5.65c0-2.12 1.14-3.97 2.85-4.97c.57-.34.94-.92.94-1.58v-4.1c0-1-.81-1.81-1.81-1.81H28.27c-.98 0-1.77.79-1.77 1.77v4.16c0 .65.37 1.22.93 1.55a5.783 5.783 0 0 1 2.73 6.18c-.45 2.2-2.21 3.98-4.41 4.44a5.788 5.788 0 0 1-7.03-5.65c0-2.13 1.16-3.98 2.87-4.99c.55-.32.91-.9.91-1.54V5.77c0-.98-.79-1.77-1.77-1.77h-4.85a5.75 5.75 0 0 0-5.75 5.75v37.52H117.7l.16-37.49A5.745 5.745 0 0 0 112.11 4z" fill="#f44336"> </path> <g fill="#ffffff"> <path d="M45.09 15.46h4.12V29.3c0 1.27-.28 2.4-.84 3.37s-1.36 1.73-2.38 2.26c-1.03.53-2.18.8-3.47.8c-2.11 0-3.76-.54-4.94-1.61c-1.18-1.07-1.77-2.6-1.77-4.56h4.15c0 .98.21 1.7.62 2.17c.41.47 1.06.7 1.95.7c.79 0 1.41-.27 1.88-.81s.7-1.31.7-2.31V15.46z"> </path> <path d="M61.37 33.94c-.98 1.19-2.33 1.78-4.06 1.78c-1.59 0-2.81-.46-3.64-1.37c-.84-.91-1.27-2.26-1.28-4.02V20.6h3.97v9.61c0 1.55.7 2.32 2.11 2.32c1.35 0 2.27-.47 2.77-1.4V20.6h3.98v14.85h-3.73l-.12-1.51z"> </path> <path d="M72.39 35.45h-3.98V14.37h3.98v21.08z"> </path> <path d="M81.2 29.83l2.75-9.24h4.26l-5.97 17.16l-.33.78c-.89 1.94-2.35 2.91-4.39 2.91c-.58 0-1.16-.09-1.76-.26v-3.01l.6.01c.75 0 1.31-.11 1.68-.34c.37-.23.66-.61.87-1.14l.47-1.22l-5.2-14.89h4.27l2.75 9.24z"> </path> </g> <path d="M53.22 102.31h-8.57V69.26l-10.24 3.17v-6.97l17.89-6.41h.92v43.26z" fill="#000000"> </path> <path d="M93.59 63.9l-16.7 38.41h-9.05l16.73-36.28H63.09v-6.91h30.5v4.78z" fill="#000000"> </path> </g></svg>
+      <h3 class="mb-4 mt-4 text-xl font-bold">fuhusrhfrfirei</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+    <svg width="64px" height="64px" viewBox="0 0 14 14" role="img" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill="#90caf9" d="M5.1230769 9.67458367h-.73846154V8.44381443H5.6153846l.12307692.46153847c.0923077.4-.21538461.76923077-.61538462.76923077zm6.03076928.92307693S7.52307692 8.44381443 5.6153846 8.44381443V4.13612209c1.7846154 0 5.53846158-2.15384617 5.53846158-2.15384617v8.61538468z"></path> <g fill="#283593" transform="translate(-.23076929 -.47926256) scale(.3077)"> <circle cx="9" cy="22" r="5"></circle> <path d="M40 19h-3v6h3c1.7 0 3-1.3 3-3s-1.3-3-3-3zM18.6 41.2c-.9.6-2.5 1.2-4.6 1.4-.6.1-1.2-.3-1.4-1L8.2 27.9S17 21.7 17 29c0 5.5 1.5 8.4 2.2 9.5.5.7.5 1.6 0 2.3-.2.2-.4.3-.6.4z"></path> </g> <path fill="#3f51b5" d="M2.5384615 8.44381443h3.0769231V4.13612209H2.5384615c-.33846154 0-.61538462.27692308-.61538462.61538462v3.0769231c0 .33846154.27692308.61538462.61538462.61538462z"></path> <path fill="#42a5f5" d="M11.46153849 11.21304522c-.33846154 0-.61538462-.27692308-.61538462-.61538462V1.98227592c0-.33846154.27692308-.61538462.61538462-.61538462.33846154 0 .61538462.27692308.61538462.61538462v8.61538468c0 .33846154-.27692308.61538462-.61538462.61538462z"></path> </g></svg>
+    <h3 class="mb-4 mt-4 text-xl font-bold">eiohfwuhfrwiu</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+    <svg height="64px" width="64px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path style="fill:#74D6D0;" d="M256,452.121c-65.547,0-127.48-10.637-174.393-29.951C28.982,400.503,0,369.467,0,334.78 s28.982-65.723,81.607-87.389C128.52,228.076,190.454,217.438,256,217.438s127.482,10.637,174.393,29.952 C483.018,269.056,512,300.093,512,334.78s-28.982,65.723-81.607,87.391C383.482,441.483,321.546,452.121,256,452.121z M256,258.037 c-60.367,0-116.812,9.551-158.936,26.895c-35.357,14.556-56.466,33.191-56.466,49.848s21.108,35.292,56.466,49.848 c42.124,17.344,98.569,26.895,158.936,26.895c60.368,0,116.814-9.551,158.937-26.895c35.356-14.556,56.464-33.192,56.464-49.848 c0-16.658-21.108-35.292-56.464-49.848C372.812,267.588,316.368,258.037,256,258.037z"></path> <path style="fill:#74D6D0;" d="M256,386.257c-40.141,0-78.115-3.971-106.924-11.179c-14.251-3.566-57.621-14.418-57.621-45.216 c0-30.795,43.37-41.649,57.621-45.214c28.81-7.209,66.783-11.179,106.924-11.179c40.142,0,78.117,3.971,106.925,11.179 c14.251,3.566,57.62,14.418,57.62,45.214s-43.369,41.649-57.62,45.216C334.115,382.287,296.142,386.257,256,386.257z M140.284,329.863c17.978,7.216,57.964,15.795,115.716,15.795s97.739-8.58,115.718-15.795 c-17.978-7.216-57.965-15.796-115.718-15.796S158.262,322.648,140.284,329.863z"></path> </g> <g> <path style="fill:#CCF7F5;" d="M430.393,247.39C383.482,228.076,321.546,217.438,256,217.438v40.598 c60.368,0,116.812,9.551,158.937,26.895c35.356,14.557,56.464,33.192,56.464,49.848c0,16.658-21.108,35.292-56.464,49.848 c-42.124,17.344-98.569,26.895-158.937,26.895v40.598c65.546,0,127.482-10.637,174.393-29.951 C483.018,400.503,512,369.469,512,334.78S483.018,269.056,430.393,247.39z"></path> <path style="fill:#CCF7F5;" d="M362.925,284.649C334.117,277.44,296.142,273.47,256,273.47v40.598 c57.753,0,97.739,8.58,115.718,15.795c-17.978,7.216-57.965,15.796-115.718,15.796v40.598c40.142,0,78.117-3.97,106.925-11.179 c14.251-3.566,57.62-14.418,57.62-45.216C420.545,299.067,377.177,288.215,362.925,284.649z"></path> </g> <path style="fill:#74D6D0;" d="M256,332.896c-53.938,0-97.819-43.883-97.819-97.82c0-15.877,3.889-31.569,11.267-45.569 c0.361-0.907,0.789-1.793,1.286-2.654L238.18,70.03c3.627-6.282,10.327-10.151,17.579-10.151c7.252,0,13.954,3.869,17.579,10.15 l63.486,109.966c11.121,16.284,16.995,35.308,16.995,55.081C353.819,289.013,309.938,332.896,256,332.896z"></path> <path style="fill:#CCF7F5;" d="M256,332.896c-53.938,0-97.819-43.883-97.819-97.82c0-15.877,3.889-31.569,11.267-45.569 c0.361-0.907,0.789-1.793,1.286-2.654L238.18,70.03c3.627-6.282,10.327-10.151,17.579-10.151L256,332.896z"></path> </g></svg>     
+    <h3 class="mb-4 mt-4 text-xl font-bold">No way we can do this</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+    <svg height="64px" width="64px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path style="fill:#88CC2A;" d="M329.111,414.169l-19.163-7.907H202.055l-19.163,7.907c-8.598,3.354-12.837,13.033-9.489,21.625 c11.804,30.266,66.544,49.554,77.392,53.115c3.342,1.092,6.971,1.125,10.413,0c10.848-3.56,65.588-22.848,77.392-53.115 C341.948,427.202,337.708,417.522,329.111,414.169z"></path> <path style="fill:#7FB335;" d="M329.111,414.169l-19.163-7.907h-53.946v83.473c1.743,0,3.497-0.267,5.207-0.826 c10.848-3.56,65.588-22.848,77.392-53.115C341.948,427.202,337.708,417.522,329.111,414.169z"></path> <path style="fill:#FF8095;" d="M107.718,325.484C49.805,336.256,7.087,375.696,5.294,377.37C1.913,380.527,0,384.941,0,389.565 c0,4.619,1.913,9.038,5.294,12.196c2.381,2.228,59.207,54.587,131.055,54.587s128.674-52.359,131.055-54.587L107.718,325.484z"></path> <path style="fill:#FF6680;" d="M506.71,377.37c-1.793-1.674-44.511-41.114-102.424-51.886L244.6,401.761 c2.381,2.228,59.207,54.587,131.055,54.587s128.674-52.359,131.055-54.587C513.763,395.173,513.763,383.958,506.71,377.37z"></path> <path style="fill:#FF8095;" d="M466.188,205.167c-0.489-8.495-7.283-15.267-15.772-15.729c-3.218-0.136-79.838-3.81-137.566,35.593 l-57.62,186.647c0.62,0.032,3.348,0.163,7.728,0.163c24.5,0,100.708-4.087,149.87-52.114 C471.003,302.919,466.405,209.135,466.188,205.167z"></path> <path style="fill:#FF99AA;" d="M199.154,225.032c-57.728-39.408-134.337-35.75-137.566-35.593 c-8.489,0.462-15.282,7.234-15.772,15.729c-0.217,3.967-4.815,97.75,53.359,154.56c49.175,48.027,125.381,52.114,149.87,52.114 c4.381,0,7.109-0.13,7.728-0.163L199.154,225.032z"></path> <circle style="fill:#FFC033;" cx="161.392" cy="105.74" r="16.696"></circle> <circle style="fill:#F9A926;" cx="356.176" cy="105.74" r="16.696"></circle> <circle style="fill:#FFC033;" cx="256.002" cy="38.954" r="16.696"></circle> <path style="fill:#F9A926;" d="M272.697,38.954c0-9.221-7.475-16.696-16.696-16.696V55.65 C265.222,55.65,272.697,48.176,272.697,38.954z"></path> <path style="fill:#FFB3BF;" d="M267.021,115.421c-3.228-2.783-7.124-4.118-11.019-4.118c-3.896,0-7.791,1.336-11.019,4.118 c-3.005,2.671-74.018,65.67-74.018,146.144s71.013,143.472,74.018,146.144c3.117,2.783,7.124,4.118,11.019,4.118 c3.896,0,7.903-1.336,11.019-4.118c3.005-2.671,74.018-65.67,74.018-146.144S270.026,118.092,267.021,115.421z"></path> <path style="fill:#FF99AA;" d="M341.039,261.565c0,80.474-71.013,143.472-74.018,146.144c-3.117,2.783-7.124,4.118-11.019,4.118 V111.303c3.896,0,7.791,1.336,11.019,4.118C270.026,118.092,341.039,181.091,341.039,261.565z"></path> </g></svg>      
+    <h3 class="mb-4 mt-4 text-xl font-bold">Don't get caught</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+    <svg width="64px" height="64px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" width="64px" height="64px" fill="#e01a1a" stroke="#e01a1a"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path style="fill:#E21B1B;" d="M281.04,129.624v-15.008c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176s-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15.008 c-47.352,2.216-71.432,34.232-71.432,55.752v17.672h192.944v-17.672C352.472,163.856,328.392,131.832,281.04,129.624z"></path> <path style="fill:#E21B1B;" d="M121.512,419v-14.976c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176c-24.424,13.832-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15 C24.08,421.216,0,453.232,0,474.752v17.672h192.944v-17.672C192.944,453.232,168.864,421.216,121.512,419z"></path> <path style="fill:#E21B1B;" d="M440.568,419v-14.976c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176s-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15 c-47.352,2.216-71.432,34.232-71.432,55.752v17.648H512v-17.672C512,453.232,487.92,421.216,440.568,419z"></path> </g></svg>
+    <h3 class="mb-4 mt-4 text-xl font-bold">Yummi yumii yum </h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+    </p>
+  </div>
+</div>
+</section>
+</div>
+<!-- /Toolbox -->
+{{< /rawhtml >}}
+<!-- Recent -->
+<div class="relative mt-20 w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section>
+    <div class="max-w-6xl mx-auto text-center mb-10 lg:mb-14">
+      <div class="mx-auto text-center mb-10 lg:mb-14">
+        <p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Recent</p>
+        <h2 class="mb-4 text-4xl font-extrabold">
+          Publications
+        </h2>
+        <p class="text-xl">
+          Learning
+        </p>
+        </div>
+    </div>
+</section>
+<section>
+  {{< list cardView=true limit=3 where="Type" value="posts" >}}
+  <div class="mt-10 flex justify-center">
+  <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 border border-primary-500 hover:border-transparent rounded-full">
+      Show all
+    </button>
+  </a>
+</div>
+</section>
+</div>
+<!-- /Recent -->
+{{< rawhtml >}}
+<!-- FAQ -->
+<div class="relative mt-20 w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section>
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">FAQ</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  Frequently asked questions
+</h2>
+<p class="text-xl">
+  About life
+</p>
+</div>
+<div class="max-w-7xl mx-auto">
+<div class="grid sm:grid-cols-2 gap-6 md:gap-12">
+  <div class="flex">
+    <div class="mr-2">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        What exactly is
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+    </div>
+  </div>
+    <div class="flex">
+      <div class="mr-2">
+        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+          <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+      </div>
+      <div>
+        <h3 class="mb-4 text-xl font-bold">
+          I struggle or not
+        </h3>
+        <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+          A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+        </div>
+    </div>
+  <div class="flex">
+    <div class="mr-2">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        thoughts?      
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-2">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        Are we there yet?
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-2">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        Meaning is abstract
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+      </p>
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-2">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        Doesn't do that and this
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-off as a cracker. Meanwhile, in behind the bicycle shed, Hercules Morse, as big as a horse and Mrs Falani were up to no good with a bunch of crook pikelets.
+      </p>
+    </div>
+  </div>
+</div>
+</div>
+</section>
+</div>
+<!-- /FAQ -->
+<!-- Contact -->
+<section class="section-sm mt-20">
+  <div class="container mx-auto">
+    <div class="max-w-6xl mx-auto text-center mb-10 lg:mb-14">
+      <div class="mx-auto text-center mb-10 lg:mb-14">
+        <p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Contact</p>
+        <h2 class="mb-4 text-4xl font-extrabold">
+          Ask and You shall receive
+        </h2>
+        <p class="text-xl">
+          I'll answer in working days in 48 hours
+        </p>
+        </div>
+        <p class="text-lg mb-10 lg:mb-14">
+          Languages spoken and written: English 🇬🇧, Spanish 🇪🇸, Czech 🇨🇿
+        </p>
+        <a href="#" class="inline-flex justify-center items-center py-3 px-5 sm:ms-4 text-center rounded-full text-neutral-50
+          bg-primary-600 dark:bg-primary-500">
+          📨 Contact form
+        </a>  
+    </div>
+  </div>
+</section>
+<!-- /Contact -->
+<!-- Stats -->
+<div class="relative w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section class="max-w-6xl mx-auto">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Stats</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  I walk the talk
+</h2>
+<p class="text-xl">
+  Learning from ees
+</p>
+</div>
+<div class="grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
+  <div class="text-center">
+    <h3 class="mb-10" style="font-size:5rem">7K</h3>
+    <p class="mb-2 text-5xl">Shows</p>
+  </div>
+  <div class="text-center border-r-4 border-primary-500">
+    <h3 class="mb-10" style="font-size:5rem">7K</h3>
+    <p class="mb-2 text-5xl">Y. Views</p>
+  </div>
+  <div class="text-center">
+    <h3 class="mb-10" style="font-size:5rem">7K</h3>
+    <p class="mb-2 text-5xl">Winnings</p>
+  </div>
+  <div class="text-center">
+    <h3 class="mb-10" style="font-size:5rem">7K</h3>
+    <p class="mb-2 text-5xl">Experience</p>
+  </div>
+</div>
+</div>
+<!-- /Stats -->
+{{< /rawhtml >}}
\ No newline at end of file
diff --git a/content/_index.es.md b/content/_index.es.md
new file mode 100755
index 0000000..a944f05
--- /dev/null
+++ b/content/_index.es.md
@@ -0,0 +1,1245 @@
+---
+title: ""
+description: ""
+---
+{{< rawhtml >}}
+<section class="cointainer">
+  <!-- Jumbotron -->
+  <div class="px-6 py-6 text-center md:px-12">
+    <div class="w-100 mx-auto sm:max-w-2xl">
+      <div class="grid items-center gap-12 lg:grid-cols-2 mb-20">
+        <div class="lg:mt-0">
+          <h1 class="mb-16 font-bold tracking-tight" style="font-size:4.5rem">
+            Title
+          </h1>
+          <h2 class="mb-8 text-4xl font-extrabold text-primary-600 dark:text-primary-400">template for Astro 4.0 + Tailwind CSS
+          </h2>
+          <p class="mt-8 mx-auto text-2xl mb-10 prose dark:prose-invert max-lg">
+           AstroWind is a free, customizable and production-ready template for Astro 4.0 + Tailwind CSS. Suitable for Startups, Small Business, SaaS websites, Professional Portfolios, Marketing websites, Landing Pages & Blogs.</p>
+          <a href="#" class="inline-flex justify-center items-center mt-4 py-3 px-5 sm:ms-4 text-center rounded-full text-neutral-50 bg-primary-600 dark:bg-primary-900">
+           Read more
+        </a>
+        <span class="mr-2"></span>
+          <a href="#" class="inline-flex justify-center items-center mt-6 py-3 px-5 text-center bg-transparent hover:text-primary-600 prose dark:prose-invert font-semibold border border-primary-500 hover:border-transparent rounded-full">
+            Ask a Question
+        <svg class="w-3.5 h-3.5 ms-2 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/></svg>
+        </a>
+        </div>
+        <div class="mt-8">
+           <img class="rounded-full shadow-lx" width="1000" height="628" alt="" src="123.webp" />
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Jumbotron -->
+</section>
+  <!-- Quote -->
+  <section>
+<div class="px-6 py-6 mb-20 rounded-xl text-neutral-50" style="background-color:#1b3c89">
+<div class="container text-center text-lg">
+Philosophy: Keep It Simple Stupid principle. Delicate dance of flow and elegance!
+</div>
+</div>
+</section>
+<!--  /Quote -->
+<!-- Abstract -->
+<div class="py-6">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">
+What's teh purpose of this page?
+</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  Journal, exploration, organization
+</h2>
+<p class="text-xl">
+  Do or don't
+</p>
+</div>
+<div class="ontainer text-center text-lg">
+FEATURES. What you get with AstroWind. One of the most professional and comprehensive templates currently on the market. Most starred & forked Astro theme in 2022.
+</div>
+<!-- /abstract -->
+<!-- Features -->
+<div class="relative w-screen max-w-[1600px] mt-20 px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section>
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Features</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  What you get with AstroWind
+</h2>
+<p class="text-xl">
+  One of the most professional and comprehensive templates currently on the market. Most starred & forked Astro theme in 2022.
+</p>
+</div>
+<div class="container max-w-6xl mx-auto">
+<div class="grid sm:grid-cols-2 gap-6 md:gap-12">
+  <div class="flex">
+    <div class="mr-4">
+      <svg height="32px" width="32px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 503.76 503.76" xml:space="preserve" fill="#000000" stroke="#000000" stroke-width="2.015024"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path style="fill:#EF705D;" d="M267.715,357.098c-13.885,0-28.637-5.207-39.919-16.488l-27.769-28.637 c-3.471-3.471-3.471-8.678,0-12.149c3.471-3.471,8.678-3.471,12.149,0l28.637,28.637c16.488,16.488,43.39,13.017,59.01,0 c7.81-7.81,11.281-18.224,11.281-28.637c0-11.281-4.339-21.695-12.149-29.505l-20.827-21.695c-3.471-3.471-3.471-8.678,0-12.149 s8.678-3.471,12.149,0l20.827,20.827c11.281,11.281,17.356,26.034,17.356,41.654s-6.075,30.373-17.356,41.654 C299.824,350.156,284.203,357.098,267.715,357.098"></path> <path style="fill:#EF705D;" d="M136.678,469.044c-2.603,0-4.339-0.868-6.075-2.603L16.922,353.627 c-22.563-22.563-22.563-59.878,0-83.308c22.563-22.563,59.878-22.563,83.308,0l35.58,35.58c3.471,3.471,3.471,8.678,0,12.149 c-3.471,3.471-8.678,3.471-12.149,0l-35.58-35.58c-16.488-16.488-42.522-16.488-59.01,0s-16.488,42.522,0,59.01l113.681,113.681 c3.471,3.471,3.471,8.678,0,12.149C141.017,468.176,138.414,469.044,136.678,469.044"></path> <path style="fill:#EF705D;" d="M442.142,173.993c-17.356,0-34.712-8.678-51.2-25.166c-3.471-3.471-3.471-8.678,0-12.149 c3.471-3.471,8.678-3.471,12.149,0c27.769,27.77,53.803,26.034,85.912-4.339c3.471-3.471,8.678-3.471,12.149,0 c3.471,3.471,3.471,8.678,0,12.149C481.193,164.447,461.234,173.993,442.142,173.993"></path> </g> <path style="fill:#E6E6E6;" d="M411.77,57.708c-19.092-19.092-51.2-19.092-71.159,0L0.434,469.044L411.77,128.868 C430.861,109.776,430.861,77.668,411.77,57.708"></path> <path style="fill:#CDCDCD;" d="M347.553,130.603c-2.603,0-4.339-0.868-6.075-2.603c-3.471-3.471-3.471-8.678,0-12.149l28.637-28.637 c3.471-3.471,8.678-3.471,12.149,0s3.471,8.678,0,12.149L353.627,128C351.892,129.736,350.156,130.603,347.553,130.603"></path> <path style="fill:#EF705D;" d="M262.508,158.373c-2.603,0-4.339-0.868-6.075-2.603l-21.695-20.827 c-22.563-22.563-22.563-59.878,0-83.308c22.563-22.563,59.878-22.563,83.308,0l49.464,49.464c3.471,3.471,3.471,8.678,0,12.149 c-3.471,3.471-8.678,3.471-12.149,0l-49.464-49.464c-16.488-16.488-42.522-16.488-59.01,0s-16.488,42.522,0,59.01l20.827,20.827 c3.471,3.471,3.471,8.678,0,12.149C266.847,158.373,265.112,158.373,262.508,158.373"></path> </g></svg>
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        <a href="" class="text-primary-500" title="Go to W3Schools HTML section" hover:bg-primary-600>Awards good deed</a>
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+      </p>
+    </div>
+  </div>
+    <div class="flex">
+      <div class="mr-4">
+        <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 370.298 370.298" xml:space="preserve" width="32px" height="32px" fill="#000000" stroke="#000000" stroke-width="1.110894"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <g> <circle style="fill:#FFE473;" cx="81.367" cy="193.051" r="48.533"></circle> <circle style="fill:#FFE473;" cx="288.931" cy="193.051" r="48.533"></circle> </g> <path style="fill:#FFE473;" d="M313.76,142.809c0,2.615-0.085,5.259-0.24,7.917c-0.17,2.743-0.438,5.513-0.778,8.298 l-11.875,94.689c-7.309,58.343-56.915,102.125-115.724,102.125c-58.809,0-108.416-43.782-115.724-102.125l-11.833-94.519 c-0.014,0.014-0.014,0.014-0.014,0l-0.014-0.169c-0.339-2.785-0.608-5.556-0.778-8.313C52.44,79.618,107.178,18.207,178.54,14.63 c2.05-0.113,4.114-0.155,6.192-0.169h0.41c64.209,0,116.374,46.722,126.737,106.507 C313.123,128.079,313.76,135.387,313.76,142.809z"></path> <path style="fill:#808080;" d="M313.76,142.809c0,2.615-0.085,5.259-0.24,7.917c-50.101,0.269-73.37-39.852-73.37-39.852 c-80.113,60.322-183.355,39.852-183.355,39.852l-0.014-0.014C52.44,79.618,107.178,18.207,178.54,14.63 c2.05-0.113,4.114-0.155,6.192-0.169h0.41c64.209,0,116.374,46.722,126.737,106.507 C313.123,128.079,313.76,135.387,313.76,142.809z"></path> <path style="fill:#F98680;" d="M143.554,286.902c22.991,22.991,60.199,22.991,83.19,0"></path> </g> <g> <path style="fill:#F98680;" d="M319.149,61.568h33.149v33.149c0,4.971,4.029,9,9,9l0,0c4.971,0,9-4.029,9-9V52.568 c0-4.971-4.029-9-9-9h-42.149c-4.971,0-9,4.029-9,9v0C310.149,57.539,314.179,61.568,319.149,61.568z"></path> <path style="fill:#F98680;" d="M18,94.717V61.568h33.149c4.971,0,9-4.029,9-9v0c0-4.971-4.029-9-9-9H9c-4.971,0-9,4.029-9,9 v42.149c0,4.971,4.029,9,9,9h0C13.971,103.717,18,99.688,18,94.717z"></path> <path style="fill:#F98680;" d="M51.149,308.73H18v-33.149c0-4.971-4.029-9-9-9h0c-4.971,0-9,4.029-9,9l0,42.149 c0,4.971,4.029,9,9,9h42.149c4.971,0,9-4.029,9-9v0C60.149,312.76,56.12,308.73,51.149,308.73z"></path> <path style="fill:#F98680;" d="M352.298,275.581v33.149h-33.149c-4.971,0-9,4.029-9,9v0c0,4.971,4.029,9,9,9h42.149 c4.971,0,9-4.029,9-9v-42.149c0-4.971-4.029-9-9-9l0,0C356.328,266.581,352.298,270.61,352.298,275.581z"></path> </g> <rect x="41.816" y="79.495" style="fill:#F98680;" width="22" height="51"></rect> <rect x="73.816" y="79.495" style="fill:#F98680;" width="22" height="51"></rect> <rect x="108.816" y="79.495" style="fill:#F98680;" width="22" height="51"></rect> <path style="fill:#F98680;" d="M301.814,83.305L301.814,83.305c-7.246-7.246-18.993-7.246-26.238,0l0,0 c-7.246,7.246-7.246,18.993,0,26.238v0l26.238,26.238l26.238-26.238v0c7.246-7.246,7.246-18.993,0-26.238l0,0 C320.807,76.059,309.06,76.059,301.814,83.305L301.814,83.305z"></path> </g> </g></svg>
+      </div>
+      <div>
+        <h3 class="mb-4 text-xl font-bold">
+          Liste greta deed
+        </h3>
+        <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+          A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+        </p>
+      </div>
+    </div>
+  <div class="flex">
+    <div class="mr-4">
+      <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" width="32px" height="32px" fill="#000000" stroke="#000000" stroke-width="0.00512"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <rect x="53.333" y="456.73" style="fill:#FCD051;" width="106.665" height="44.605"></rect> <rect x="53.333" y="367.518" style="fill:#FCD051;" width="106.665" height="44.609"></rect> </g> <rect x="53.333" y="278.305" style="fill:#ED8C18;" width="106.665" height="44.605"></rect> <g> <rect x="202.662" y="456.73" style="fill:#FCD051;" width="106.665" height="44.605"></rect> <rect x="202.662" y="367.518" style="fill:#FCD051;" width="106.665" height="44.609"></rect> </g> <g> <rect x="202.662" y="278.305" style="fill:#ED8C18;" width="106.665" height="44.605"></rect> <rect x="202.662" y="189.093" style="fill:#ED8C18;" width="106.665" height="44.61"></rect> </g> <g> <rect x="202.662" y="99.88" style="fill:#D12D4E;" width="106.665" height="44.604"></rect> <rect x="202.662" y="10.668" style="fill:#D12D4E;" width="106.665" height="44.605"></rect> </g> <g> <rect x="351.997" y="456.73" style="fill:#FCD051;" width="106.665" height="44.605"></rect> <rect x="351.997" y="367.518" style="fill:#FCD051;" width="106.665" height="44.609"></rect> </g> <g> <rect x="351.997" y="278.305" style="fill:#ED8C18;" width="106.665" height="44.605"></rect> <rect x="351.997" y="189.093" style="fill:#ED8C18;" width="106.665" height="44.61"></rect> </g> <rect x="351.997" y="99.88" style="fill:#D12D4E;" width="106.665" height="44.604"></rect> </g> <g> <path style="fill:#000003;" d="M160,446.06H53.333c-5.891,0-10.668,4.776-10.668,10.668v44.605c0,5.892,4.776,10.668,10.668,10.668 H160c5.892,0,10.668-4.776,10.668-10.668v-44.605C170.668,450.835,165.893,446.06,160,446.06z M149.333,490.665H64.001v-23.27 h85.332L149.333,490.665L149.333,490.665z"></path> <path style="fill:#000003;" d="M160,356.846H53.333c-5.891,0-10.668,4.776-10.668,10.668v44.609c0,5.89,4.776,10.668,10.668,10.668 H160c5.892,0,10.668-4.778,10.668-10.668v-44.609C170.668,361.621,165.893,356.846,160,356.846z M149.333,401.456H64.001v-23.274 h85.332L149.333,401.456L149.333,401.456z"></path> <path style="fill:#000003;" d="M160,267.635H53.333c-5.891,0-10.668,4.778-10.668,10.668v44.606 c0,5.892,4.776,10.668,10.668,10.668H160c5.892,0,10.668-4.776,10.668-10.668v-44.606C170.668,272.411,165.893,267.635,160,267.635 z M149.333,312.24H64.001v-23.271h85.332L149.333,312.24L149.333,312.24z"></path> <path style="fill:#000003;" d="M309.334,446.06H202.667c-5.892,0-10.668,4.776-10.668,10.668v44.605 c0,5.892,4.776,10.668,10.668,10.668h106.667c5.891,0,10.668-4.776,10.668-10.668v-44.605 C320.001,450.835,315.225,446.06,309.334,446.06z M298.666,490.665h-85.332v-23.27h85.332V490.665z"></path> <path style="fill:#000003;" d="M309.334,356.846H202.667c-5.892,0-10.668,4.776-10.668,10.668v44.609 c0,5.89,4.776,10.668,10.668,10.668h106.667c5.891,0,10.668-4.778,10.668-10.668v-44.609 C320.001,361.621,315.225,356.846,309.334,356.846z M298.666,401.456h-85.332v-23.274h85.332V401.456z"></path> <path style="fill:#000003;" d="M309.334,267.635H202.667c-5.892,0-10.668,4.778-10.668,10.668v44.606 c0,5.892,4.776,10.668,10.668,10.668h106.667c5.891,0,10.668-4.776,10.668-10.668v-44.606 C320.001,272.411,315.225,267.635,309.334,267.635z M298.666,312.24h-85.332v-23.271h85.332V312.24z"></path> <path style="fill:#000003;" d="M309.334,178.421H202.667c-5.892,0-10.668,4.776-10.668,10.668v44.609 c0,5.892,4.776,10.668,10.668,10.668h106.667c5.891,0,10.668-4.776,10.668-10.668v-44.609 C320.001,183.196,315.225,178.421,309.334,178.421z M298.666,223.03h-85.332v-23.274h85.332V223.03z"></path> <path style="fill:#000003;" d="M309.334,89.212H202.667c-5.892,0-10.668,4.776-10.668,10.668v44.604 c0,5.892,4.776,10.668,10.668,10.668h106.667c5.891,0,10.668-4.776,10.668-10.668V99.879 C320.001,93.986,315.225,89.212,309.334,89.212z M298.666,133.815h-85.332v-23.269h85.332V133.815z"></path> <path style="fill:#000003;" d="M309.334,0H202.667C196.775,0,192,4.776,192,10.668v44.605c0,5.892,4.776,10.668,10.668,10.668 h106.667c5.891,0,10.668-4.776,10.668-10.668V10.668C320.001,4.776,315.225,0,309.334,0z M298.666,44.605h-85.332v-23.27h85.332 V44.605z"></path> <path style="fill:#000003;" d="M458.667,446.06H352c-5.891,0-10.668,4.776-10.668,10.668v44.605 c0,5.892,4.777,10.668,10.668,10.668h106.667c5.892,0,10.668-4.776,10.668-10.668v-44.605 C469.334,450.835,464.558,446.06,458.667,446.06z M447.999,490.665h-85.332v-23.27h85.332V490.665z"></path> <path style="fill:#000003;" d="M458.667,356.846H352c-5.891,0-10.668,4.776-10.668,10.668v44.609 c0,5.89,4.777,10.668,10.668,10.668h106.667c5.892,0,10.668-4.778,10.668-10.668v-44.609 C469.334,361.621,464.558,356.846,458.667,356.846z M447.999,401.456h-85.332v-23.274h85.332V401.456z"></path> <path style="fill:#000003;" d="M458.667,267.635H352c-5.891,0-10.668,4.778-10.668,10.668v44.606 c0,5.892,4.777,10.668,10.668,10.668h106.667c5.892,0,10.668-4.776,10.668-10.668v-44.606 C469.334,272.411,464.558,267.635,458.667,267.635z M447.999,312.24h-85.332v-23.271h85.332V312.24z"></path> <path style="fill:#000003;" d="M458.667,178.421H352c-5.891,0-10.668,4.776-10.668,10.668v44.609 c0,5.892,4.777,10.668,10.668,10.668h106.667c5.892,0,10.668-4.776,10.668-10.668v-44.609 C469.334,183.196,464.558,178.421,458.667,178.421z M447.999,223.03h-85.332v-23.274h85.332V223.03z"></path> <path style="fill:#000003;" d="M458.667,89.212H352c-5.891,0-10.668,4.776-10.668,10.668v44.604 c0,5.892,4.777,10.668,10.668,10.668h106.667c5.892,0,10.668-4.776,10.668-10.668V99.879 C469.334,93.986,464.558,89.212,458.667,89.212z M447.999,133.815h-85.332v-23.269h85.332V133.815z"></path> <path style="fill:#000003;" d="M53.333,244.239h0.914c5.891,0,10.668-4.776,10.668-10.668c0-5.89-4.777-10.668-10.668-10.668 h-0.914c-5.891,0-10.668,4.778-10.668,10.668C42.666,239.464,47.443,244.239,53.333,244.239z"></path> <path style="fill:#000003;" d="M160,222.903H86.049c-5.892,0-10.668,4.778-10.668,10.668c0,5.892,4.776,10.668,10.668,10.668H160 c5.892,0,10.668-4.776,10.668-10.668C170.668,227.681,165.893,222.903,160,222.903z"></path> </g> </g></svg>
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        I am good camper
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+      </p>
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-4">
+      <svg width="32px" height="32px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#61c2a9"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C12.5523 2 13 2.44772 13 3V5.58579L14.2929 4.29289C14.6834 3.90237 15.3166 3.90237 15.7071 4.29289C16.0976 4.68342 16.0976 5.31658 15.7071 5.70711L12.7071 8.70711C12.3166 9.09763 11.6834 9.09763 11.2929 8.70711L8.29289 5.70711C7.90237 5.31658 7.90237 4.68342 8.29289 4.29289C8.68342 3.90237 9.31658 3.90237 9.70711 4.29289L11 5.58579V3C11 2.44772 11.4477 2 12 2ZM3 12C3 11.4477 3.44772 11 4 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H4C3.44772 13 3 12.5523 3 12ZM15.7071 18.2929L12.7071 15.2929C12.3166 14.9024 11.6834 14.9024 11.2929 15.2929L8.29289 18.2929C7.90237 18.6834 7.90237 19.3166 8.29289 19.7071C8.68342 20.0976 9.31658 20.0976 9.70711 19.7071L11 18.4142V21C11 21.5523 11.4477 22 12 22C12.5523 22 13 21.5523 13 21V18.4142L14.2929 19.7071C14.6834 20.0976 15.3166 20.0976 15.7071 19.7071C16.0976 19.3166 16.0976 18.6834 15.7071 18.2929Z" fill="#000000"></path> </g></svg>
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        Really. Ok that's fine
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+      </p>
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-4">
+      <svg width="32px" height="32px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--emojione" preserveAspectRatio="xMidYMid meet" fill="#000000" stroke="#000000" stroke-width="0.064"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M53.3 55.3c0-3.5 1.7-9.5-5.1-12.8H15.8c-6.8 3.2-5.1 9.3-5.1 12.8C10.7 57.9 6 57 6 60c0 2.3 3.2 2.2 4.4 1.7c3-1.1 4.9-3.8 5.5-4.6c.5-.7.2-.9.5-1.7c.3-.8 1.9.8 4-.1c3.1-1.3 1.1-3.9 3.4-3.9c1.4 0 4.4 1.2 8.2 1.2c3.8 0 6.8-1.2 8.2-1.2c2.3 0 .2 2.5 3.4 3.9c2.2.9 3.8-.7 4 .1c.3.8-.1.9.5 1.7c.6.9 2.5 3.5 5.5 4.6c1.3.5 4.4.6 4.4-1.7c0-3-4.7-2.1-4.7-4.7" fill="#94989b"> </path> <g fill="#b0bdc6"> <path d="M46.1 42.8c-3.9-1.3-24.3-1.3-28.2 0c-7.7 2.6-5.9 10.6-5.9 10.6s2.6-4.4 6.1-3.4c0 0-4.6 2.2-2.3 5c.6-2.6 2.6.2 4.6-1.1c2.2-1.5.2-4.7 4.1-3.7c5.5 1.6 9.6 1.6 15.2 0c3.8-1.1 1.9 2.1 4.1 3.7c2 1.4 4-1.4 4.6 1.1c2.3-2.9-2.3-5-2.3-5c3.5-1 6.1 3.4 6.1 3.4s1.6-8-6.1-10.6"> </path> <path d="M9.9 58.3c0-1.2-4.7.8-2.4 2.5c2.4 1.7 7.2-2.7 4.7-2.7c-1.5 0-2.3 1.3-2.3.2"> </path> <path d="M54.1 58.3c0-1.2 4.7.8 2.4 2.5c-2.3 1.7-7.2-2.7-4.7-2.7c1.5 0 2.3 1.3 2.3.2"> </path> </g> <circle cx="32" cy="25.8" r="23.8" fill="#8c13d4"> </circle> <path d="M35.3 25.3C42.2 28.2 47.1 33.4 49 39c2.8-3.6 4.5-8.2 4.5-13.1C53.5 14 43.8 4.4 32 4.4S10.5 14 10.5 25.9c0 1.1.1 2.2.3 3.3c4.7-6.1 14.9-7.9 24.5-3.9" fill="#ae3ffd"> </path> <ellipse cx="32" cy="39.9" rx="15.2" ry="9.7" fill="#6c368e"> </ellipse> <path d="M18.1 30.5c0-11.4 9.2-20.6 20.6-20.6c2.7 0 5.3.5 7.7 1.5C42.8 8.1 37.9 6 32.5 6C21.2 6 12 15.2 12 26.6c0 8.6 5.3 16 12.8 19.1c-4.1-3.8-6.7-9.2-6.7-15.2" fill="#b371ec"> </path> <g fill="#ffffff"> <path d="M20.4 5.7c0 4.9-2.6 9.2-6.3 9.2c3.7 0 6.3 4.4 6.3 9.2c0-4.9 2.6-9.2 6.3-9.2c-3.6 0-6.3-4.3-6.3-9.2"> </path> <path d="M16.7 22.4c0 2.6-1.4 5-3.4 5c2 0 3.4 2.4 3.4 5c0-2.6 1.4-5 3.4-5c-1.9 0-3.4-2.4-3.4-5"> </path> <path d="M25.8 18.7c0 2.3-1.2 4.3-3 4.3c1.7 0 3 2 3 4.3c0-2.3 1.2-4.3 3-4.3c-1.8.1-3-2-3-4.3"> </path> </g> </g></svg>
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        demo demo demo
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+      </p>
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-4">
+     <svg width="32px" height="32px" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--noto" preserveAspectRatio="xMidYMid meet" fill="#000000" stroke="#000000" stroke-width="0.128"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M67.47 48.2l-1.11 18.48s3.76 10.64 2.71 25.45c-1.01 14.27-4.8 21.49-5.84 23.99s-3.96 5.63 0 6.88s10.64.63 13.56-.42c2.92-1.04 4.37-6.84 4.8-9.18c1.05-5.79 1.63-16.74-.5-27.54C79.46 77.56 76 63.33 76 63.33L67.47 48.2z" fill="#99c23b"></path><path d="M66.78 45.4s4.28-13.43 14.12-23.62c9.43-9.76 19.06-12.96 26.78-13.92c8.51-1.06 11.98-.95 13.44.1s.94 2.7.97 4.16c.19 10.44.58 23.97-11.7 36.35c-13.11 13.2-22.45 15.57-32.68 16.62c-10.22 1.04-9.06-3.62-9.06-3.62L66.78 45.4z" fill="#99c23b"></path><path d="M2.98 37.05c-.37 1.83 9.29 23.31 27.95 30.07c20.09 7.29 39.03 0 39.03 0l1.56-19.34l-4.75-2.38S56.7 34.29 45.51 30.19c-11.6-4.25-24.71-4.58-33.64.19c-5.6 3-8.69 5.7-8.89 6.67z" fill="#99c23b"></path><path d="M86.68 30.68C77.38 41.7 72.69 52.81 72.2 55.71s1.12 2.78 2.03 1.55c1.64-2.22 7.35-12.37 15.85-22.04c7.36-8.36 18.56-17.4 20.2-19.33c1.02-1.2-.1-2.71-1.64-2.03c-1.54.67-12.45 5.55-21.96 16.82z" fill="#e6dc9f"></path><path d="M41.43 41c-13.6-4.68-23.55-4.05-25.58-3.37c-2.03.68-1.93 2.9.48 3.19s12.24 1.27 24.56 5.7c13.15 4.74 22.52 11.89 24.17 12.86c1.64.97 2.71-.97 1.26-2.71c-1.11-1.31-9.89-10.51-24.89-15.67z" fill="#e6dc9f"></path></g></svg>
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        More connected I become
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+      </p>
+    </div>
+  </div>
+</div>
+</div>
+<div class="mt-10 flex justify-center">
+  <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 border border-primary-500 hover:border-transparent rounded-full">
+      Courses
+    </button>
+  </a>
+</div>
+</section>
+</div>
+<!-- /Features -->
+<!-- primaryprint -->
+<div class="mt-20 max-w-7xl">
+  <section class="mx-auto max-w-7xl">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Plan</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  Steps
+</h2>
+<p class="text-xl">
+  Do or don't
+</p>
+</div>
+<div class="px-4 mx-auto">
+  <div class="grid gap-6 row-gap-10 lg:grid-cols-2">
+  <div class="relative">
+       {{< figure
+    src="direction.webp"
+    Resize="600x400"
+    alt="Abstract purple artwork"
+    >}}
+    </div>
+    <div class="lg:py-6">
+        <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+           <div class="flex items-center justify-center w-12 h-12 border rounded-full border-primary-500">
+             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-500">
+             <path stroke-linecap="round" stroke-linejoin="round" d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z" /></svg>
+           </div>
+         </div>
+         <div class="w-px h-full bg-primary-500"></div>
+       </div>
+       <div class="pt-1 pb-8">
+         <p class="mb-2 text-xl font-bold">Step 1</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Where, when? Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+       </div>
+     </div>
+     <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+           <div class="flex items-center justify-center w-12 h-12 border rounded-full border-primary-500">
+             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-500">
+             <path stroke-linecap="round" stroke-linejoin="round" d="M15.362 5.214A8.252 8.252 0 0 1 12 21 8.25 8.25 0 0 1 6.038 7.047 8.287 8.287 0 0 0 9 9.601a8.983 8.983 0 0 1 3.361-6.867 8.21 8.21 0 0 0 3 2.48Z" />
+             <path stroke-linecap="round" stroke-linejoin="round" d="M12 18a3.75 3.75 0 0 0 .495-7.468 5.99 5.99 0 0 0-1.925 3.547 5.975 5.975 0 0 1-2.133-1.001A3.75 3.75 0 0 0 12 18Z" /></svg>
+           </div>
+         </div>
+         <div class="w-px h-full bg-primary-500"></div>
+       </div>
+       <div class="pt-1 pb-8">
+         <p class="mb-2 text-xl font-bold">Step 2</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Burning question. Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+       </div>
+     </div>
+     <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+           <div class="flex items-center justify-center w-12 h-12 border rounded-full border-primary-500">
+             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-500">
+             <path stroke-linecap="round" stroke-linejoin="round" d="M6 13.5V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m12-3V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m-6-9V3.75m0 3.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 9.75V10.5" /></svg>
+           </div>
+         </div>
+         <div class="w-px h-full bg-primary-500"></div>
+       </div>
+       <div class="pt-1 pb-8">
+         <p class="mb-2 text-xl font-bold">Step 1</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Sensation quality. Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+       </div>
+     </div>
+     <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+           <div class="flex items-center justify-center w-12 h-12 border rounded-full border-primary-500">
+             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-500">
+             <path stroke-linecap="round" stroke-linejoin="round" d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h1.5C5.496 19.5 6 18.996 6 18.375m-3.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-1.5A1.125 1.125 0 0 1 18 18.375M20.625 4.5H3.375m17.25 0c.621 0 1.125.504 1.125 1.125M20.625 4.5h-1.5C18.504 4.5 18 5.004 18 5.625m3.75 0v1.5c0 .621-.504 1.125-1.125 1.125M3.375 4.5c-.621 0-1.125.504-1.125 1.125M3.375 4.5h1.5C5.496 4.5 6 5.004 6 5.625m-3.75 0v1.5c0 .621.504 1.125 1.125 1.125m0 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m1.5-3.75C5.496 8.25 6 7.746 6 7.125v-1.5M4.875 8.25C5.496 8.25 6 8.754 6 9.375v1.5m0-5.25v5.25m0-5.25C6 5.004 6.504 4.5 7.125 4.5h9.75c.621 0 1.125.504 1.125 1.125m1.125 2.625h1.5m-1.5 0A1.125 1.125 0 0 1 18 7.125v-1.5m1.125 2.625c-.621 0-1.125.504-1.125 1.125v1.5m2.625-2.625c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125M18 5.625v5.25M7.125 12h9.75m-9.75 0A1.125 1.125 0 0 1 6 10.875M7.125 12C6.504 12 6 12.504 6 13.125m0-2.25C6 11.496 5.496 12 4.875 12M18 10.875c0 .621-.504 1.125-1.125 1.125M18 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m-12 5.25v-5.25m0 5.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125m-12 0v-1.5c0-.621-.504-1.125-1.125-1.125M18 18.375v-5.25m0 5.25v-1.5c0-.621.504-1.125 1.125-1.125M18 13.125v1.5c0 .621.504 1.125 1.125 1.125M18 13.125c0-.621.504-1.125 1.125-1.125M6 13.125v1.5c0 .621-.504 1.125-1.125 1.125M6 13.125C6 12.504 5.496 12 4.875 12m-1.5 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M19.125 12h1.5m0 0c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h1.5m14.25 0h1.5" /></svg>
+           </div>
+         </div>
+         <div class="w-px h-full bg-primary-500"></div>
+       </div>
+       <div class="pt-1 pb-8">
+         <p class="mb-2 text-xl font-bold">Step 1</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love, kindness, flexibility.
+         </p>
+       </div>
+     </div>
+     <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+           <div class="flex items-center justify-center w-12 h-12 border rounded-full border-primary-500">
+             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-500">
+             <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" /></svg>
+           </div>
+         </div>
+       </div>
+       <div class="pt-1 pb-8">
+         <p class="mb-2 text-xl font-bold">Step 1</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love, kindness, flexibility.
+         </p>
+       </div>
+     </div>
+    </div>
+  </div>
+  </div>
+  </section>
+  </div>    
+<!-- /primaryprint -->
+<!-- Events -->
+<div class="relative mt-20 w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section>
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Events</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  IMPROVE YOUR SELF RELATIONSHIP
+</h2>
+<p class="text-xl">
+  Practice
+</p>
+</div>
+<div class="max-w-6xl mx-auto grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl text-center">
+    <div class="flex justify-center items-center">
+    <svg width="64px" height="64px" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--noto" preserveAspectRatio="xMidYMid meet" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="#41484a" d="M71.08 63.95l4.69-9.39l10.51-13.51L99.8 31.1l13.51-6.2l7.28-.18l1.83 2.81l-3.1 14.22l-4.93 20.98l-3.09 5.06l-7.32 4.09L96.51 73l7.61 3.52l5.63 4.37l3.23 4.5v6.06l-2.81 7.88l-8.45 6.76l-5.21 1.97l-8.16-1.97l-1.83-2.11l-3.9-6.2l-2.72-9.29l-5.49-2.82l-5.3 2.91l1.92 12.44l-.42 3.94l-.7 2.82l-1.97 3.94l-5.07 2.95l-7.18.15l-9.29-2.54l-5.49-4.22l-3.38-5.63l.84-7.46l9.57-12.25l-8.02 2.95l-10.28.29l-8.44-9.16L8.24 55.83l-3.23-9.29l2.67-2.82h7.74l16.62 2.68l18.16 7.18l13.09 7.46z"></path><path d="M67.02 46.26s1.23-11.63 2.53-16.19c1.83-6.41 7.04-11.47 11.4-11.97c4.36-.49 3.8 2.89 1.13 4.29c-2.57 1.35-5.35.56-5.35.56s-3.59 2.62-4.79 8.02c-1.41 6.34-2.53 16.19-2.53 16.19l-2.39-.9z" fill="#676f72"></path><path d="M63.15 47.03s-4.77-9.69-9.92-15.84c-5.14-6.12-11.68-6.34-12.6-6.41c-.92-.07-4.79.56-4.79 2.39c0 2.46 3.4 2.9 5.35 2.53c2.25-.42 3.31-1.76 3.31-1.76s4.18 1.66 6.97 5c3.24 3.87 9.22 15.56 9.22 15.56l.42 1.55l2.04-3.02z" fill="#676f72"></path><path d="M54.84 93.7c-1.75-.87-7.04 4.08-7.04 6.48c0 1.57 1.13 4.22 3.52 3.52c2.4-.71 5.78-8.88 3.52-10z" fill="#ff8b03"></path><path d="M45.41 93.7c2.25 1.97 5.97-1.95 7.6-4.5c1.97-3.1 2.96-10.84 2.39-10.56c-.56.28-7.6 5.35-7.6 5.35s-5.34 7.13-2.39 9.71z" fill="#ff8b03"></path><path d="M56.11 103.27c0 2.46 2.67 4.22 5.35 3.8c1.4-.22 3.91-1.52 3.66-3.8c-.28-2.53-1.41-6.34-4.08-6.76c-2.68-.42-4.93 2.68-4.93 6.76z" fill="#ff8b03"></path><path d="M71.01 83.91s-3.69 7.75-4.49 9.64c-1.13 2.67-1.17 9.34 1.83 10.42c2.14.77 2.67-2.96 2.67-2.96s.37-7.64.37-10.17c.01-2.53-.38-6.93-.38-6.93z" fill="#ff8b03"></path><path d="M73.85 75.12s7.04 8.17 9.15 9.71c2.11 1.55 5.77 5.91 10.56 2.67c4.79-3.24-8.17-14.08-9.29-14.92C83.14 71.74 73 71.6 73 71.6l.85 3.52z" fill="#ff8b03"></path><path d="M76.38 83s4.92 4.49 5.91 5.49c2.11 2.11 4.5 4.07 5.49 7.04c.56 1.69 1.41 4.22-.42 5.21c-1.51.81-3.4-1.39-4.08-2.11c-.69-.72-3.33-6.53-4.87-9.84c-.64-1.36-2.03-5.79-2.03-5.79z" fill="#ff8b03"></path><path d="M90.74 91.45c-1.13 1.52.32 6.76 1.83 7.74c2.82 1.83 6.19-1.41 6.19-2.96c.01-1.55-5.63-8.02-8.02-4.78z" fill="#ff8b03"></path><path d="M88.91 72.02s6.19 9.71 9.57 11.68s6.04 1.75 7.04 0c2.25-3.94-7.46-9.29-7.46-9.29l-9.15-2.39z" fill="#ff8b03"></path><path d="M96.65 87.22c-.84 1.83 2.67 7.18 5.07 7.18s3.26-3.39 3.1-4.5c-.28-1.97-6.73-5.8-8.17-2.68z" fill="#ff8b03"></path><path d="M61.6 75.4s-6.49 10.66-4.5 15.91c1.55 4.08 5.77 3.38 9.43-3.52s4.36-11.26 4.36-11.26l-1.13-3.94l-8.16 2.81z" fill="#ff8b03"></path><path d="M63.99 60.33s-5.77-5.21-17.46-10.14s-22.1-8.02-31.39-7.88s-10.7 2.25-11.12 3.94c-.42 1.69 1.24 7.02 3.1 10.28c2.25 3.94 10.7 17.6 13.66 21.82c2.55 3.65 4.31 7.7 9.85 9.01c6.15 1.45 13.66-1.69 13.66-1.69s-7.18 6.48-7.6 13.37c-.42 6.9 3.24 11.83 10.84 14.5s18.7 4.72 22.24-3.66c1.03-2.44.84-4.93.84-4.93s-2.56 7.31-6.48 8.02c-3.1.56-2.67-1.27-5.49-1.55c-2.82-.28-2.39 1.83-5.35 1.83c-2.27 0-1.55-1.83-3.94-3.1s-3.75.78-5.21-.42c-2.39-1.97-.14-2.96-1.13-4.5c-.99-1.55-3.26-2.02-3.8-3.94c-.99-3.52.99-6.19 3.1-9.29c2.11-3.1 5.91-7.6 8.87-9.71c2.96-2.11 17.53-9.06 17.53-9.06s.77-2.62-.35-2.48c-1.13.14-14.36 7.18-16.76 8.73c-2.39 1.55-12.74 6.91-20.27 5.21c-4.36-.99-12.23-14.87-15.41-19.19c-3.18-4.32-8.68-14.92-8.24-17.98c.41-2.82 5.21-3.38 12.53-2.53c7.32.84 13.8 3.1 22.95 6.9S62.73 62.73 64 62.73c1.26 0-.01-2.4-.01-2.4z" fill="#676f72"></path><path d="M72.58 62.02s-1.13-2.72.84-6.1s8.31-12.9 14.78-18.68c6.48-5.77 28.3-17.74 33.22-14.22c4.93 3.52-.42 17.36-1.55 22.1c-.98 4.13-2.25 17.41-7.04 22.95c-3.72 4.31-11.68 5.77-11.68 5.77s12.94 6.21 13.51 14.36c.7 10-10.98 21.42-19.71 21.12c-6.71-.23-8.45-5.35-8.45-5.35s6.19 3.52 8.73 2.82c2.53-.7.7-3.1 3.1-4.5s4.36 2.25 6.19.56s.42-3.24 1.69-4.93c1.27-1.69 3.1 0 4.22-1.55c1.13-1.55 0-3.66.56-5.07c.56-1.41 1.69-1.69 1.55-3.8c-.14-2.11-4.08-7.04-9.01-9.43s-10.28-3.52-14.64-4.36c-4.36-.84-15.63-1.6-15.63-1.6s-.99-2.3-.42-2.21c1.13.19 3.94.42 8.17.56c8.54.28 22.24 2.25 28.3-2.53s7.04-18.3 7.6-21.82s5.91-19.01 2.82-20.55c-3.1-1.55-18.34 4.61-26.7 11.07s-14.4 15.4-16.23 19.06c-1.83 3.66-4.22 6.33-4.22 6.33z" fill="#676f72"></path><path d="M72.41 58.68c.77-1.06 1.95-1.89 1.44-7.07c-.56-5.7-5.46-7.14-9.33-6.3c-3.14.68-7.57 3.63-5.17 10.73c2.12 6.31 9.29 4.36 9.29 4.36s2.99-.67 3.77-1.72z" fill="#41484a"></path><ellipse transform="rotate(-33.726 95.108 38.234)" cx="95.11" cy="38.23" rx="2.75" ry="2.18" fill="#fcfdfa"></ellipse><path d="M117.21 41.47c-.63-1.03-2.01-1.26-3.17-.28c-.79.66-1.44 2.24-.77 3.24c.67 1 2.14 1.12 3.1.35c1.18-.95 1.41-2.37.84-3.31z" fill="#fcfdfa"></path><path d="M104.33 35.13c-.67-1-2.47-1.12-3.73-.28s-2.21 2.41-1.2 3.94c.7 1.06 2.31 1.04 3.87.14c1.48-.84 1.73-2.79 1.06-3.8z" fill="#fcfdfa"></path><path d="M121.22 26.05c0 1.09-.7 2.18-2.18 1.97c-1.35-.19-1.97-.7-1.97-2.18c0-1.09 1.04-1.76 2.15-1.76s2 .88 2 1.97z" fill="#fcfdfa"></path><path d="M119.53 34.64c0 1.09-1.08 2.04-2.18 1.97c-1.06-.07-1.97-.7-1.97-2.18c0-1.09 1.07-1.9 2.18-1.9s1.97 1.02 1.97 2.11z" fill="#fcfdfa"></path><circle cx="113.79" cy="53.68" r="2.15" fill="#fcfdfa"></circle><ellipse cx="20.74" cy="72.3" rx="1.87" ry="1.9" fill="#fcfdfa"></ellipse><path d="M10 45.97c.83 1.11.18 2.35-.86 3.2c-1.03.85-2.45.83-3.16-.04s-.45-2.27.59-3.12c1.04-.85 2.62-1.14 3.43-.04z" fill="#fcfdfa"></path><path d="M16.74 60.88c1.42.28 1.81 1.53 1.62 2.74c-.19 1.22-1.28 2.06-2.44 1.88c-1.16-.18-1.95-1.31-1.77-2.53s1.19-2.36 2.59-2.09z" fill="#fcfdfa"></path><path d="M12.46 53.78c1.03 1.02.66 2.27-.17 3.18c-.83.91-2.2 1.01-3.07.21c-.87-.79-.9-2.17-.07-3.08c.83-.91 2.3-1.32 3.31-.31z" fill="#fcfdfa"></path><path d="M29.77 49.61c1.04.82.74 2.14-.02 3.2s-2.08 1.42-2.96.8s-.97-1.99-.21-3.06c.76-1.06 2.16-1.75 3.19-.94z" fill="#fcfdfa"></path><path d="M26.55 48.97c-.04 1.36-1.31 1.92-2.64 1.93c-1.33.02-2.42-.87-2.43-1.97c-.01-1.11 1.05-2.02 2.38-2.03c1.33-.02 2.73.72 2.69 2.07z" fill="#fcfdfa"></path><path d="M43.86 99.19c0 1.23-.78 2.22-2.01 2.22s-2.22-1-2.22-2.24c0-1.23.99-2.24 2.22-2.24s2.01 1.02 2.01 2.26z" fill="#fcfdfa"></path><path d="M47.59 107.07c-.8.95-2.44.81-3.28.11c-.83-.7-.86-2.04-.06-2.99s2.12-1.16 2.96-.46c.83.7 1.18 2.39.38 3.34z" fill="#fcfdfa"></path><ellipse transform="rotate(-33.973 107.471 93.774)" cx="107.46" cy="93.77" rx="2.08" ry="1.76" fill="#fcfdfa"></ellipse><ellipse transform="rotate(-33.973 109.79 87.148)" cx="109.78" cy="87.14" rx="2.08" ry="2" fill="#fcfdfa"></ellipse><path d="M95.2 43.49c-3.49-1.45-7.13.47-11.26 6.38s-6.38 10.04-4.6 11.54s10-6.16 11.73-7.51c2.53-1.97 7.98-8.82 4.13-10.41z" fill="#ff8b03"></path><path d="M88.16 60c2.32-1.32 9.1-.75 12.76-.94c2.44-.13 6.01.25 6.1 1.5c.19 2.53-.75 4.13-3.94 5.26s-10.7 1.31-15.49 1.41c-2.82.06-5.41.34-5.73-.94c-.18-.75 2.17-3.94 6.3-6.29z" fill="#ff8b03"></path><path d="M99.24 48.93c2.16.38 9.1.19 11.07-1.31c1.2-.92 1.88-4.79 0-5.63c-1.88-.84-7.23-.66-9.29.94c-1.27.97-3.62 5.68-1.78 6z" fill="#ff8b03"></path><path d="M109.47 31.29c-.36 2.21 3.19 2.16 4.79 1.69c1.6-.47 3.75-3 2.72-4.32c-1.04-1.32-7.05-.28-7.51 2.63z" fill="#ff8b03"></path><path d="M106.93 36.73c0 1.6 1.31 2.16 3.19 2.16s3.1-1.19 3.1-2.44c0-1.69-1.6-2.35-3.66-1.97c-1.57.28-2.63.94-2.63 2.25z" fill="#ff8b03"></path><path d="M94.36 56.16c0 1.2 3.38.84 8.26.84s6.01-.75 6.57-2.63c.56-1.88.38-3.1-2.53-3.19c-2.91-.09-8.63.19-10.32 1.41c-.77.55-1.98 2.63-1.98 3.57z" fill="#ff8b03"></path><path d="M29.13 75.58c-.2 2.15 1.69 4.88 7.32 4.41s12.3-3.79 14.08-4.6c3.28-1.5 6.29-2.72 6.29-4.22c0-1.69-3.75-2.25-8.82-2.72c-5.07-.47-8.82.47-13.05 2.82c-3.53 1.96-5.73 3.28-5.82 4.31z" fill="#ff8b03"></path><path d="M23.59 68.17c-.17 1.3 1.97 4.41 3.38 4.5c1.41.09 8.82-3.85 9.01-5.16c.19-1.31-1.69-3.38-3.19-3.75c-1.5-.38-9.01 3-9.2 4.41z" fill="#ff8b03"></path><path d="M32.79 53.81c-2.26 2.26.38 6.48 5.26 8.92c4.88 2.44 12.67 3.1 15.77 3.57c3.1.47 5.35.56 5.82-.38c1.01-2.01-6.48-5.73-13.42-9.01c-4.33-2.05-11.65-4.88-13.43-3.1z" fill="#ff8b03"></path><path d="M10.73 49.21c.28 2.82 7.79 2.1 7.88-.66c.1-2.72-8.16-2.15-7.88.66z" fill="#ff8b03"></path><path d="M15.61 55.78c1.17 1.95 6.01.19 4.41-2.35c-1.52-2.41-6.1-.46-4.41 2.35z" fill="#ff8b03"></path><path d="M20.87 63.57c.77 1.31 3.33 1.22 5.73.09c1.6-.75 3.7-2.29 3.28-4.13c-.47-2.06-4.32-2.35-6.85-1.13c-1.79.87-3.76 2.45-2.16 5.17z" fill="#ff8b03"></path><path d="M74.06 71.24L67.79 73s1.94 8.4 2.67 11.54c.77 3.31 5.7 27.17 9.57 26.54c3.99-.65-2.67-25.34-3.31-28.02c-.6-2.57-2.66-11.82-2.66-11.82z" fill="#676f72"></path><path d="M73.43 82.51c1.85-.4 2.87-1.51 2.87-1.51l1.23 5.3s-.93.86-2.76 1.28c-2.02.47-3.59.11-3.59.11l-1.21-5.26c-.01-.01 1.48.5 3.46.08z" fill="#41484a"></path><path d="M67.79 73l6.26-1.76l.93 4.22s-1.65.83-2.99 1.11c-1.34.28-3.31.3-3.31.3L67.79 73z" fill="#41484a"></path><path d="M72.3 92.5s1.78.21 3.4-.14c1.62-.35 2.97-1.39 2.97-1.39l1.04 4.66s-1.54 1.09-2.95 1.35c-1.45.27-3.28.11-3.26.11l-1.2-4.59z" fill="#41484a"></path><path d="M67.23 56.67c-2.19.61-3.83 1.97-3.94 4.36c-.14 3.1.56 4.93 1.41 7.88c.54 1.89 1.17 6.22 6.9 4.79c3.94-.99 3.52-4.65 3.38-7.32c-.14-2.69-.7-6.19-1.69-7.74c-.92-1.44-3.52-2.67-6.06-1.97z" fill="#303031"></path><path d="M72.54 47.42c.87 1.29.9 3.07-.24 3.83c-1.13.76-3 .22-3.87-1.07c-.87-1.29-.65-2.95.48-3.72c1.14-.76 2.76-.33 3.63.96z" fill="#303031"></path><path d="M63.3 51.58c-.42 1.5-1.86 2.58-3.17 2.21c-1.32-.37-2.01-2.03-1.6-3.53c.42-1.5 1.82-2.42 3.14-2.05s2.04 1.87 1.63 3.37z" fill="#303031"></path></g></svg>   
+    </div>
+    <h3 class="mb-4 mt-4 text-xl font-bold">Romy</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl text-center">
+    <div class="flex justify-center items-center">
+   <svg width="64px" height="64px" viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M853.333333 469.333333h-170.666666l-85.333334 85.333334V256c0-46.933333 38.4-85.333333 85.333334-85.333333h170.666666c46.933333 0 85.333333 38.4 85.333334 85.333333v128c0 46.933333-38.4 85.333333-85.333334 85.333333z" fill="#2196F3"></path><path d="M362.666667 405.333333m-170.666667 0a170.666667 170.666667 0 1 0 341.333333 0 170.666667 170.666667 0 1 0-341.333333 0Z" fill="#FFA726"></path><path d="M640 782.933333S563.2 640 362.666667 640 85.333333 782.933333 85.333333 782.933333V853.333333h554.666667v-70.4z" fill="#607D8B"></path></g></svg> 
+    </div>
+    <h3 class="mb-4 mt-4 text-xl font-bold">Romy</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl text-center">
+    <div class="flex justify-center items-center">
+    <svg width="64px" height="64px" viewBox="0 0 64 64" id="svg5" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <defs id="defs2"></defs> <g id="layer1" transform="translate(0,-576)"> <path d="m 9.999992,585 h 49 v 6 h -49 z" id="path61150" style="fill:#3e4f59;fill-opacity:1;fill-rule:evenodd;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 9.999992,591 h 49 v 40 h -49 z" id="path61152" style="fill:#acbec2;fill-opacity:1;fill-rule:evenodd;stroke-width:2.00001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 9.999992,591 v 40 h 29.76953 a 28.484051,41.392605 35.599482 0 0 18.625,-40 z" id="path61154" style="fill:#e8edee;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.00002;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 11.999992,584 c -1.64501,0 -3,1.355 -3,3 v 40 c 0,0.55229 0.44772,1 1,1 0.55229,0 1,-0.44771 1,-1 v -40 c 0,-0.56413 0.43587,-1 1,-1 h 45 c 0.56413,0 1,0.43587 1,1 v 3 h -42 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 h 42 v 37 c 0,0.56413 -0.43587,1 -1,1 h -49 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 h 49 c 1.64501,0 3,-1.35499 3,-3 0,-14 0,-28 0,-42 0,-1.645 -1.35499,-3 -3,-3 z" id="path61156" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 54.999992,587 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 0.55229,0 1,-0.44771 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path61158" style="color:#000000;fill:#ed7161;fill-opacity:1;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"></path> <path d="m 50.999992,587 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 0.55229,0 1,-0.44771 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path61160" style="color:#000000;fill:#ecba16;fill-opacity:1;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"></path> <path d="m 46.999992,587 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 0.55229,0 1,-0.44771 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path61162" style="color:#000000;fill:#42b05c;fill-opacity:1;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"></path> <path d="m 4.999992,630 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 z" id="path61164" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"></path> <path d="m 12.999992,590 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 0.55229,0 1,-0.44771 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path61166" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"></path> <path d="m 19.714314,625 c 0,-2.76143 1.854822,-5 4.142852,-5 C 26.145197,620 28,622.23857 28,625 Z" id="path2154-6-8" style="fill:#ffa221;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 23.857422,620 c -2.288028,0 -4.142578,2.23857 -4.142578,5 h 3.755859 a 4.6546698,8.5063829 0 0 0 0.896485,-4.96094 C 24.200019,620.01429 24.030139,620 23.857422,620 Z" id="ellipse41890" style="fill:#ffc343;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="M 26.342869,617.50001 A 2.4857024,2.4999882 0 0 1 23.857166,620 a 2.4857024,2.4999882 0 0 1 -2.485702,-2.49999 2.4857024,2.4999882 0 0 1 2.485702,-2.49999 2.4857024,2.4999882 0 0 1 2.485703,2.49999 z" id="path2152-3-1" style="fill:#ffa221;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 23.490234,615.02734 a 2.4857024,2.4999882 0 0 0 -2.11914,2.47266 2.4857024,2.4999882 0 0 0 2.486328,2.5 2.4857024,2.4999882 0 0 0 0.511719,-0.0547 4.6546698,8.5063829 0 0 0 -0.878907,-4.91797 z" id="ellipse41896" style="fill:#ffc343;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 41.714314,625 c 0,-2.76143 1.854821,-5 4.142851,-5 C 48.145196,620 50,622.23857 50,625 Z" id="path2154-6-7" style="fill:#fe73c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 45.857422,620 c -2.288028,0 -4.142578,2.23857 -4.142578,5 h 4.367187 a 4.6546698,8.5063829 0 0 0 0.535157,-3.91992 4.6546698,8.5063829 0 0 0 -0.03516,-1.00196 C 46.346416,620.02789 46.104981,620 45.857422,620 Z" id="ellipse41892" style="fill:#fe93d3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="M 48.342868,617.50001 A 2.4857024,2.4999882 0 0 1 45.857165,620 a 2.4857024,2.4999882 0 0 1 -2.485702,-2.49999 2.4857024,2.4999882 0 0 1 2.485702,-2.49999 2.4857024,2.4999882 0 0 1 2.485703,2.49999 z" id="path2152-3-2" style="fill:#fe73c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 45.257812,615.08008 a 2.4857024,2.4999882 0 0 0 -1.886718,2.41992 2.4857024,2.4999882 0 0 0 2.486328,2.5 2.4857024,2.4999882 0 0 0 0.71289,-0.10547 4.6546698,8.5063829 0 0 0 -1.3125,-4.81445 z" id="ellipse41904" style="fill:#fe93d3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 41.714314,607 c 0,-2.76143 1.854821,-5 4.142851,-5 C 48.145196,602 50,604.23857 50,607 Z" id="path2154-6-0" style="fill:#ffa221;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 45.857422,602 c -2.288028,0 -4.142578,2.23857 -4.142578,5 h 3.943359 a 4.6546698,8.5063829 0 0 0 0.710938,-4.49414 4.6546698,8.5063829 0 0 0 -0.0078,-0.46875 C 46.196098,602.01292 46.028061,602 45.857422,602 Z" id="path41872" style="fill:#ffc343;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="M 48.342868,599.50001 A 2.4857024,2.4999882 0 0 1 45.857165,602 a 2.4857024,2.4999882 0 0 1 -2.485702,-2.49999 2.4857024,2.4999882 0 0 1 2.485702,-2.49999 2.4857024,2.4999882 0 0 1 2.485703,2.49999 z" id="path2152-3-6" style="fill:#ffa221;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 45.292969,597.07227 a 2.4857024,2.4999882 0 0 0 -1.921875,2.42773 2.4857024,2.4999882 0 0 0 2.486328,2.5 2.4857024,2.4999882 0 0 0 0.5,-0.0527 4.6546698,8.5063829 0 0 0 -1.064453,-4.875 z" id="path41884" style="fill:#ffc343;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 19.714314,606.99998 c 0,-2.76142 1.854821,-5 4.142851,-5 2.288031,0 4.142835,2.23858 4.142835,5 z" id="path2154-6" style="fill:#fe73c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 23.857422,602 c -2.288028,0 -4.142578,2.23858 -4.142578,5 h 3.755859 a 4.6546698,8.5063829 0 0 0 0.896485,-4.96094 C 24.200019,602.01429 24.030139,602 23.857422,602 Z" id="path41876" style="fill:#fe93d3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 26.342868,599.49999 a 2.4857024,2.4999882 0 0 1 -2.485703,2.49999 2.4857024,2.4999882 0 0 1 -2.485702,-2.49999 2.4857024,2.4999882 0 0 1 2.485702,-2.49998 2.4857024,2.4999882 0 0 1 2.485703,2.49998 z" id="path2152-3" style="fill:#fe73c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 23.490234,597.02734 a 2.4857024,2.4999882 0 0 0 -2.11914,2.47266 2.4857024,2.4999882 0 0 0 2.486328,2.5 2.4857024,2.4999882 0 0 0 0.511719,-0.0547 4.6546698,8.5063829 0 0 0 -0.878907,-4.91797 z" id="path41874" style="fill:#fe93d3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 34,594 a 1,1 0 0 0 -1,1 v 15 H 17.5 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 H 33 v 16 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 v -16 h 4.900391 a 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 H 35 v -15 a 1,1 0 0 0 -1,-1 z m 9.796875,16 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 H 50.5 a 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 z" id="path33737" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 17.357157,596 c -0.55228,0 -1,0.44771 -1,1 0,0.55228 0.44772,1 1,1 0.55229,0 1,-0.44772 1,-1 0,-0.55229 -0.44771,-1 -1,-1 z" id="path33741" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"></path> <path d="m 23.857422,596 c -1.916353,0 -3.486322,1.58195 -3.486328,3.5 -1e-6,0.88522 0.334286,1.69879 0.882812,2.31836 -1.544444,1.05882 -2.539062,3.02524 -2.539062,5.18164 a 1.000105,1.000105 0 0 0 1,1 h 2.65625 a 1.000005,1.000005 0 0 0 1,-1 1.000005,1.000005 0 0 0 -1,-1 h -1.494141 c 0.36871,-1.76544 1.600039,-3 2.980469,-3 1.3804,0 2.609778,1.23462 2.978516,3 h -0.501954 a 1.000005,1.000005 0 0 0 -1,1 1.000005,1.000005 0 0 0 1,1 H 28 a 1.000105,1.000105 0 0 0 1,-1 c 0,-2.1564 -0.994619,-4.12282 -2.539062,-5.18164 0.548525,-0.61957 0.882812,-1.43314 0.882812,-2.31836 -6e-6,-1.91805 -1.569974,-3.5 -3.486328,-3.5 z m 0,2 c 0.829266,0 1.486325,0.65665 1.486328,1.5 1e-6,0.84335 -0.65706,1.5 -1.486328,1.5 -0.829268,0 -1.486329,-0.65665 -1.486328,-1.5 3e-6,-0.84335 0.657062,-1.5 1.486328,-1.5 z" id="path6938" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 39.357157,614.00001 c -0.55228,0 -1,0.44772 -1,1 0,0.55228 0.44772,1 1,1 0.55229,0 1,-0.44772 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path33741-0" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"></path> <path d="m 45.857422,614 c -1.916359,0 -3.48633,1.58194 -3.486328,3.5 -10e-7,0.88522 0.334286,1.69879 0.882812,2.31836 -1.544444,1.05882 -2.539062,3.02524 -2.539062,5.18164 a 1.000105,1.000105 0 0 0 1,1 h 2.65625 a 1.000005,1.000005 0 0 0 1,-1 1.000005,1.000005 0 0 0 -1,-1 h -1.494141 c 0.36871,-1.76545 1.600036,-3 2.980469,-3 1.380403,0 2.609779,1.23461 2.978516,3 h -0.501954 a 1.000005,1.000005 0 0 0 -1,1 1.000005,1.000005 0 0 0 1,1 H 50 a 1.000105,1.000105 0 0 0 1,-1 c 0,-2.1564 -0.994619,-4.12282 -2.539062,-5.18164 0.548525,-0.61957 0.882812,-1.43314 0.882812,-2.31836 10e-7,-1.91806 -1.569969,-3.5 -3.486328,-3.5 z m 0,2 c 0.829268,0 1.486329,0.65665 1.486328,1.5 10e-7,0.84335 -0.65706,1.5 -1.486328,1.5 -0.829268,0 -1.486329,-0.65665 -1.486328,-1.5 -10e-7,-0.84335 0.65706,-1.5 1.486328,-1.5 z" id="path6938-9" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 39.357157,596.00001 c -0.55228,0 -1,0.44772 -1,1 0,0.55228 0.44772,1 1,1 0.55229,0 1,-0.44772 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path33741-6" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 45.857422,596 c -1.916359,0 -3.48633,1.58194 -3.486328,3.5 -10e-7,0.88522 0.334286,1.69879 0.882812,2.31836 -1.544444,1.05882 -2.539062,3.02524 -2.539062,5.18164 a 1.000105,1.000105 0 0 0 1,1 h 2.65625 a 1.000005,1.000005 0 0 0 1,-1 1.000005,1.000005 0 0 0 -1,-1 h -1.494141 c 0.36871,-1.76545 1.600036,-3 2.980469,-3 1.380403,0 2.609779,1.23461 2.978516,3 h -0.501954 a 1.000005,1.000005 0 0 0 -1,1 1.000005,1.000005 0 0 0 1,1 H 50 a 1.000105,1.000105 0 0 0 1,-1 c 0,-2.1564 -0.994619,-4.12282 -2.539062,-5.18164 0.548525,-0.61957 0.882812,-1.43314 0.882812,-2.31836 10e-7,-1.91806 -1.569969,-3.5 -3.486328,-3.5 z m 0,2 c 0.829268,0 1.486329,0.65665 1.486328,1.5 10e-7,0.84335 -0.65706,1.5 -1.486328,1.5 -0.829268,0 -1.486329,-0.65665 -1.486328,-1.5 -10e-7,-0.84335 0.65706,-1.5 1.486328,-1.5 z" id="path6938-2" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 17.357157,614.00001 c -0.55228,0 -1,0.44772 -1,1 0,0.55228 0.44772,1 1,1 0.55229,0 1,-0.44772 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path33741-7" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 23.857422,614 c -1.916359,0 -3.48633,1.58194 -3.486328,3.5 -1e-6,0.88522 0.334286,1.69879 0.882812,2.31836 -1.544444,1.05882 -2.539062,3.02524 -2.539062,5.18164 a 1.000105,1.000105 0 0 0 1,1 h 2.65625 a 1.000005,1.000005 0 0 0 1,-1 1.000005,1.000005 0 0 0 -1,-1 h -1.494141 c 0.36871,-1.76545 1.600036,-3 2.980469,-3 1.380403,0 2.609779,1.23461 2.978516,3 h -0.501954 a 1.000005,1.000005 0 0 0 -1,1 1.000005,1.000005 0 0 0 1,1 H 28 a 1.000105,1.000105 0 0 0 1,-1 c 0,-2.1564 -0.994619,-4.12282 -2.539062,-5.18164 0.548525,-0.61957 0.882812,-1.43314 0.882812,-2.31836 1e-6,-1.91806 -1.569969,-3.5 -3.486328,-3.5 z m 0,2 c 0.829268,0 1.486329,0.65665 1.486328,1.5 1e-6,0.84335 -0.65706,1.5 -1.486328,1.5 -0.829268,0 -1.486329,-0.65665 -1.486328,-1.5 -1e-6,-0.84335 0.65706,-1.5 1.486328,-1.5 z" id="path6938-92" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> </g> </g></svg>   
+    </div>
+    <h3 class="mb-4 mt-4 text-xl font-bold">Romy</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl text-center">
+    <div class="flex justify-center items-center">
+    <svg height="64px" width="64px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <circle style="fill:#1B4145;" cx="312.889" cy="125.156" r="62.578"></circle> <path style="fill:#1B4145;" d="M312.889,221.867c-69.121,0-125.156,56.034-125.156,125.156h250.311 C438.044,277.901,382.01,221.867,312.889,221.867z"></path> </g> <g> <circle style="fill:#609399;" cx="125.156" cy="125.156" r="62.578"></circle> <path style="fill:#609399;" d="M125.156,221.867C56.034,221.867,0,277.901,0,347.022h250.311 C250.311,277.901,194.277,221.867,125.156,221.867z"></path> </g> <circle style="fill:#F14742;" cx="438.044" cy="375.467" r="73.956"></circle> <path style="fill:#FFFFFF;" d="M466.489,366.933h-19.911v-19.911c0-4.714-3.821-8.533-8.533-8.533s-8.533,3.82-8.533,8.533v19.911 H409.6c-4.713,0-8.533,3.82-8.533,8.533S404.887,384,409.6,384h19.911v19.911c0,4.714,3.821,8.533,8.533,8.533 s8.533-3.82,8.533-8.533V384h19.911c4.713,0,8.533-3.82,8.533-8.533S471.202,366.933,466.489,366.933z"></path> </g></svg>
+    </div>
+    <h3 class="mb-4 mt-4 text-xl font-bold">Shjfsdractice</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+</div>
+<div class="mt-10 flex justify-center">
+  <a href="#" class="inline-flex justify-center items-center mt-6 py-2 px-4 sm:ms-4 text-center rounded-full bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold border border-primary-500 hover:border-transparent">
+           Eventbrite
+        </a>
+        <span class="mr-2"></span>
+          <a href="#" class="inline-flex justify-center items-center mt-6 py-2 px-4 text-center bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold border border-primary-500 hover:border-transparent rounded-full">
+            Offering
+        </a>
+</div>
+</section>
+</div>
+<!-- /Events -->
+<!-- Bio -->
+<div class="relative mt-20 w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section class="mx-auto max-w-2xl">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Bio</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  I don't care
+</h2>
+<p class="text-xl">
+  He knows what he knows
+</p>
+</div>
+  
+<div class="max-w-2xl mx-auto flex author">
+  <img class="!mt-0 !mb-0 h-24 w-24 rounded-full ltr:mr-4 rtl:ml-4" width="96" height="96"
+    alt="" src="map.webp" />
+  <div class="place-self-center">
+    <div class="text-sm text-neutral-500 dark:text-neutral-300">
+      3 days ago - "Hello" is a song recorded by English singer-songwriter Adele, released on 23 October 2015 by XL Recordings as the lead single from her third studio album, 25 (2015).
+    </div>
+  </div>
+</div>
+  <div class="mt-10 flex justify-center">
+  <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 border border-primary-500 hover:border-transparent rounded-full">
+      Explore more
+    </button>
+  </a>
+  </div>
+  </section>
+  </div>    
+<!-- /Bio -->
+<!-- Toolbox -->
+<div class="relative mt-20 w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section>
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Toolbox</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  Favorite tools
+</h2>
+<p class="text-xl">
+  Pool of resources
+</p>
+</div>
+<div class="grid gap-8 sm:grid-cols-2 lg:grid-cols-3">
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+    <svg height="64px" width="64px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-51.2 -51.2 614.39 614.39" xml:space="preserve" fill="#000000" transform="rotate(0)matrix(1, 0, 0, 1, 0, 0)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <circle style="fill:#E84F4F;" cx="255.997" cy="255.997" r="255.997"></circle> <path style="fill:#C94545;" d="M283.902,510.581L154.168,388.729v-265.3h9.458l55.172,59.744v-59.744h9.458l55.33,59.113v-59.113 h9.301l55.488,59.113l-0.158-59.113h9.616l153.695,149.596c-8.197,124.216-104.827,224.158-227.468,237.556H283.902z"></path> <path style="fill:#FFD630;" d="M163.783,123.429v265.3h-9.458v-265.3H163.783z"></path> <path style="fill:#EBECEC;" d="M146.128,303.291h25.852c5.99,0,10.877,4.887,10.877,10.877v18.601 c0,5.99-4.887,10.877-10.877,10.877h-25.852c-5.99,0-10.877-4.887-10.877-10.877v-18.601 C135.251,308.178,140.138,303.291,146.128,303.291z"></path> <path style="fill:#FFD630;" d="M228.414,123.429v265.3h-9.458v-265.3H228.414z"></path> <path style="fill:#EBECEC;" d="M210.759,233.616h25.852c5.99,0,10.877,4.887,10.877,10.877v18.601 c0,5.99-4.887,10.877-10.877,10.877h-25.852c-5.99,0-10.877-4.887-10.877-10.877v-18.601 C199.882,238.503,204.768,233.616,210.759,233.616z"></path> <path style="fill:#FFD630;" d="M293.044,123.429v265.3h-9.458v-265.3H293.044z"></path> <path style="fill:#EBECEC;" d="M275.547,300.611h25.852c5.99,0,10.877,4.887,10.877,10.877v18.601 c0,5.99-4.887,10.877-10.877,10.877h-25.852c-5.99,0-10.877-4.887-10.877-10.877v-18.601 C264.67,305.498,269.557,300.611,275.547,300.611z"></path> <path style="fill:#FFD630;" d="M357.832,123.429v265.3h-9.458v-265.3H357.832z"></path> <path style="fill:#EBECEC;" d="M340.177,182.384h25.852c5.99,0,10.877,4.887,10.877,10.877v18.601 c0,5.99-4.887,10.877-10.877,10.877h-25.852c-5.99,0-10.877-4.887-10.877-10.877v-18.601 C329.301,187.271,334.188,182.384,340.177,182.384z"></path> <g> <path style="fill:#727271;" d="M152.276,312.591h13.556c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891 h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153C146.601,313.537,149.123,312.591,152.276,312.591z M152.276,327.251h13.556 c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153 C146.601,328.197,149.123,327.251,152.276,327.251z"></path> <path style="fill:#727271;" d="M216.906,243.074h13.556c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891 h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153C211.232,244.02,213.753,243.074,216.906,243.074z M216.906,257.734h13.556 c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153 C211.232,258.68,213.753,257.734,216.906,257.734z"></path> <path style="fill:#727271;" d="M281.694,309.912h13.556c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891 h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153C276.02,310.857,278.541,309.912,281.694,309.912z M281.694,324.572h13.556 c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153 C276.02,325.517,278.541,324.572,281.694,324.572z"></path> <path style="fill:#727271;" d="M346.325,191.842h13.556c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891 h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153C340.651,192.789,343.172,191.842,346.325,191.842z M346.325,206.502h13.556 c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153 C340.651,207.449,343.172,206.502,346.325,206.502z"></path> </g> </g></svg>
+    <h3 class="mb-4 mt-4 text-xl font-bold">Sjsdfkjsdhsd</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+      <svg width="64px" height="64px" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--noto" preserveAspectRatio="xMidYMid meet" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M111.42 113.34H16.58a4.88 4.88 0 0 1-4.88-4.88V42.03c0-7.27 5.65-13.16 12.62-13.16h79.37c6.97 0 12.62 5.89 12.62 13.16V108.46c0 2.7-2.19 4.88-4.89 4.88z" fill="#fafafa" stroke="#bdbdbd" stroke-width="3" stroke-miterlimit="10"> </path> <path d="M112.11 4h-4.8c-1 0-1.81.81-1.81 1.81V9.9c0 .67.38 1.25.95 1.6c2.01 1.2 3.24 3.57 2.71 6.17c-.45 2.2-2.21 3.98-4.41 4.44a5.788 5.788 0 0 1-7.03-5.65c0-2.12 1.14-3.97 2.85-4.97c.57-.34.94-.92.94-1.58v-4.1c0-1-.81-1.81-1.81-1.81H28.27c-.98 0-1.77.79-1.77 1.77v4.16c0 .65.37 1.22.93 1.55a5.783 5.783 0 0 1 2.73 6.18c-.45 2.2-2.21 3.98-4.41 4.44a5.788 5.788 0 0 1-7.03-5.65c0-2.13 1.16-3.98 2.87-4.99c.55-.32.91-.9.91-1.54V5.77c0-.98-.79-1.77-1.77-1.77h-4.85a5.75 5.75 0 0 0-5.75 5.75v37.52H117.7l.16-37.49A5.745 5.745 0 0 0 112.11 4z" fill="#f44336"> </path> <g fill="#ffffff"> <path d="M45.09 15.46h4.12V29.3c0 1.27-.28 2.4-.84 3.37s-1.36 1.73-2.38 2.26c-1.03.53-2.18.8-3.47.8c-2.11 0-3.76-.54-4.94-1.61c-1.18-1.07-1.77-2.6-1.77-4.56h4.15c0 .98.21 1.7.62 2.17c.41.47 1.06.7 1.95.7c.79 0 1.41-.27 1.88-.81s.7-1.31.7-2.31V15.46z"> </path> <path d="M61.37 33.94c-.98 1.19-2.33 1.78-4.06 1.78c-1.59 0-2.81-.46-3.64-1.37c-.84-.91-1.27-2.26-1.28-4.02V20.6h3.97v9.61c0 1.55.7 2.32 2.11 2.32c1.35 0 2.27-.47 2.77-1.4V20.6h3.98v14.85h-3.73l-.12-1.51z"> </path> <path d="M72.39 35.45h-3.98V14.37h3.98v21.08z"> </path> <path d="M81.2 29.83l2.75-9.24h4.26l-5.97 17.16l-.33.78c-.89 1.94-2.35 2.91-4.39 2.91c-.58 0-1.16-.09-1.76-.26v-3.01l.6.01c.75 0 1.31-.11 1.68-.34c.37-.23.66-.61.87-1.14l.47-1.22l-5.2-14.89h4.27l2.75 9.24z"> </path> </g> <path d="M53.22 102.31h-8.57V69.26l-10.24 3.17v-6.97l17.89-6.41h.92v43.26z" fill="#000000"> </path> <path d="M93.59 63.9l-16.7 38.41h-9.05l16.73-36.28H63.09v-6.91h30.5v4.78z" fill="#000000"> </path> </g></svg>
+      <h3 class="mb-4 mt-4 text-xl font-bold">fuhusrhfrfirei</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+    <svg width="64px" height="64px" viewBox="0 0 14 14" role="img" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill="#90caf9" d="M5.1230769 9.67458367h-.73846154V8.44381443H5.6153846l.12307692.46153847c.0923077.4-.21538461.76923077-.61538462.76923077zm6.03076928.92307693S7.52307692 8.44381443 5.6153846 8.44381443V4.13612209c1.7846154 0 5.53846158-2.15384617 5.53846158-2.15384617v8.61538468z"></path> <g fill="#283593" transform="translate(-.23076929 -.47926256) scale(.3077)"> <circle cx="9" cy="22" r="5"></circle> <path d="M40 19h-3v6h3c1.7 0 3-1.3 3-3s-1.3-3-3-3zM18.6 41.2c-.9.6-2.5 1.2-4.6 1.4-.6.1-1.2-.3-1.4-1L8.2 27.9S17 21.7 17 29c0 5.5 1.5 8.4 2.2 9.5.5.7.5 1.6 0 2.3-.2.2-.4.3-.6.4z"></path> </g> <path fill="#3f51b5" d="M2.5384615 8.44381443h3.0769231V4.13612209H2.5384615c-.33846154 0-.61538462.27692308-.61538462.61538462v3.0769231c0 .33846154.27692308.61538462.61538462.61538462z"></path> <path fill="#42a5f5" d="M11.46153849 11.21304522c-.33846154 0-.61538462-.27692308-.61538462-.61538462V1.98227592c0-.33846154.27692308-.61538462.61538462-.61538462.33846154 0 .61538462.27692308.61538462.61538462v8.61538468c0 .33846154-.27692308.61538462-.61538462.61538462z"></path> </g></svg>
+    <h3 class="mb-4 mt-4 text-xl font-bold">eiohfwuhfrwiu</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+    <svg height="64px" width="64px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path style="fill:#74D6D0;" d="M256,452.121c-65.547,0-127.48-10.637-174.393-29.951C28.982,400.503,0,369.467,0,334.78 s28.982-65.723,81.607-87.389C128.52,228.076,190.454,217.438,256,217.438s127.482,10.637,174.393,29.952 C483.018,269.056,512,300.093,512,334.78s-28.982,65.723-81.607,87.391C383.482,441.483,321.546,452.121,256,452.121z M256,258.037 c-60.367,0-116.812,9.551-158.936,26.895c-35.357,14.556-56.466,33.191-56.466,49.848s21.108,35.292,56.466,49.848 c42.124,17.344,98.569,26.895,158.936,26.895c60.368,0,116.814-9.551,158.937-26.895c35.356-14.556,56.464-33.192,56.464-49.848 c0-16.658-21.108-35.292-56.464-49.848C372.812,267.588,316.368,258.037,256,258.037z"></path> <path style="fill:#74D6D0;" d="M256,386.257c-40.141,0-78.115-3.971-106.924-11.179c-14.251-3.566-57.621-14.418-57.621-45.216 c0-30.795,43.37-41.649,57.621-45.214c28.81-7.209,66.783-11.179,106.924-11.179c40.142,0,78.117,3.971,106.925,11.179 c14.251,3.566,57.62,14.418,57.62,45.214s-43.369,41.649-57.62,45.216C334.115,382.287,296.142,386.257,256,386.257z M140.284,329.863c17.978,7.216,57.964,15.795,115.716,15.795s97.739-8.58,115.718-15.795 c-17.978-7.216-57.965-15.796-115.718-15.796S158.262,322.648,140.284,329.863z"></path> </g> <g> <path style="fill:#CCF7F5;" d="M430.393,247.39C383.482,228.076,321.546,217.438,256,217.438v40.598 c60.368,0,116.812,9.551,158.937,26.895c35.356,14.557,56.464,33.192,56.464,49.848c0,16.658-21.108,35.292-56.464,49.848 c-42.124,17.344-98.569,26.895-158.937,26.895v40.598c65.546,0,127.482-10.637,174.393-29.951 C483.018,400.503,512,369.469,512,334.78S483.018,269.056,430.393,247.39z"></path> <path style="fill:#CCF7F5;" d="M362.925,284.649C334.117,277.44,296.142,273.47,256,273.47v40.598 c57.753,0,97.739,8.58,115.718,15.795c-17.978,7.216-57.965,15.796-115.718,15.796v40.598c40.142,0,78.117-3.97,106.925-11.179 c14.251-3.566,57.62-14.418,57.62-45.216C420.545,299.067,377.177,288.215,362.925,284.649z"></path> </g> <path style="fill:#74D6D0;" d="M256,332.896c-53.938,0-97.819-43.883-97.819-97.82c0-15.877,3.889-31.569,11.267-45.569 c0.361-0.907,0.789-1.793,1.286-2.654L238.18,70.03c3.627-6.282,10.327-10.151,17.579-10.151c7.252,0,13.954,3.869,17.579,10.15 l63.486,109.966c11.121,16.284,16.995,35.308,16.995,55.081C353.819,289.013,309.938,332.896,256,332.896z"></path> <path style="fill:#CCF7F5;" d="M256,332.896c-53.938,0-97.819-43.883-97.819-97.82c0-15.877,3.889-31.569,11.267-45.569 c0.361-0.907,0.789-1.793,1.286-2.654L238.18,70.03c3.627-6.282,10.327-10.151,17.579-10.151L256,332.896z"></path> </g></svg>     
+    <h3 class="mb-4 mt-4 text-xl font-bold">No way we can do this</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+    <svg height="64px" width="64px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path style="fill:#88CC2A;" d="M329.111,414.169l-19.163-7.907H202.055l-19.163,7.907c-8.598,3.354-12.837,13.033-9.489,21.625 c11.804,30.266,66.544,49.554,77.392,53.115c3.342,1.092,6.971,1.125,10.413,0c10.848-3.56,65.588-22.848,77.392-53.115 C341.948,427.202,337.708,417.522,329.111,414.169z"></path> <path style="fill:#7FB335;" d="M329.111,414.169l-19.163-7.907h-53.946v83.473c1.743,0,3.497-0.267,5.207-0.826 c10.848-3.56,65.588-22.848,77.392-53.115C341.948,427.202,337.708,417.522,329.111,414.169z"></path> <path style="fill:#FF8095;" d="M107.718,325.484C49.805,336.256,7.087,375.696,5.294,377.37C1.913,380.527,0,384.941,0,389.565 c0,4.619,1.913,9.038,5.294,12.196c2.381,2.228,59.207,54.587,131.055,54.587s128.674-52.359,131.055-54.587L107.718,325.484z"></path> <path style="fill:#FF6680;" d="M506.71,377.37c-1.793-1.674-44.511-41.114-102.424-51.886L244.6,401.761 c2.381,2.228,59.207,54.587,131.055,54.587s128.674-52.359,131.055-54.587C513.763,395.173,513.763,383.958,506.71,377.37z"></path> <path style="fill:#FF8095;" d="M466.188,205.167c-0.489-8.495-7.283-15.267-15.772-15.729c-3.218-0.136-79.838-3.81-137.566,35.593 l-57.62,186.647c0.62,0.032,3.348,0.163,7.728,0.163c24.5,0,100.708-4.087,149.87-52.114 C471.003,302.919,466.405,209.135,466.188,205.167z"></path> <path style="fill:#FF99AA;" d="M199.154,225.032c-57.728-39.408-134.337-35.75-137.566-35.593 c-8.489,0.462-15.282,7.234-15.772,15.729c-0.217,3.967-4.815,97.75,53.359,154.56c49.175,48.027,125.381,52.114,149.87,52.114 c4.381,0,7.109-0.13,7.728-0.163L199.154,225.032z"></path> <circle style="fill:#FFC033;" cx="161.392" cy="105.74" r="16.696"></circle> <circle style="fill:#F9A926;" cx="356.176" cy="105.74" r="16.696"></circle> <circle style="fill:#FFC033;" cx="256.002" cy="38.954" r="16.696"></circle> <path style="fill:#F9A926;" d="M272.697,38.954c0-9.221-7.475-16.696-16.696-16.696V55.65 C265.222,55.65,272.697,48.176,272.697,38.954z"></path> <path style="fill:#FFB3BF;" d="M267.021,115.421c-3.228-2.783-7.124-4.118-11.019-4.118c-3.896,0-7.791,1.336-11.019,4.118 c-3.005,2.671-74.018,65.67-74.018,146.144s71.013,143.472,74.018,146.144c3.117,2.783,7.124,4.118,11.019,4.118 c3.896,0,7.903-1.336,11.019-4.118c3.005-2.671,74.018-65.67,74.018-146.144S270.026,118.092,267.021,115.421z"></path> <path style="fill:#FF99AA;" d="M341.039,261.565c0,80.474-71.013,143.472-74.018,146.144c-3.117,2.783-7.124,4.118-11.019,4.118 V111.303c3.896,0,7.791,1.336,11.019,4.118C270.026,118.092,341.039,181.091,341.039,261.565z"></path> </g></svg>      
+    <h3 class="mb-4 mt-4 text-xl font-bold">Don't get caught</h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+    <svg width="64px" height="64px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" width="32px" height="32px" fill="#e01a1a" stroke="#e01a1a"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path style="fill:#E21B1B;" d="M281.04,129.624v-15.008c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176s-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15.008 c-47.352,2.216-71.432,34.232-71.432,55.752v17.672h192.944v-17.672C352.472,163.856,328.392,131.832,281.04,129.624z"></path> <path style="fill:#E21B1B;" d="M121.512,419v-14.976c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176c-24.424,13.832-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15 C24.08,421.216,0,453.232,0,474.752v17.672h192.944v-17.672C192.944,453.232,168.864,421.216,121.512,419z"></path> <path style="fill:#E21B1B;" d="M440.568,419v-14.976c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176s-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15 c-47.352,2.216-71.432,34.232-71.432,55.752v17.648H512v-17.672C512,453.232,487.92,421.216,440.568,419z"></path> </g></svg>
+    <h3 class="mb-4 mt-4 text-xl font-bold">Yummi yumii yum </h3>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+</div>
+<div class="mt-10 flex justify-center">
+  <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 border border-primary-500 hover:border-transparent rounded-full">
+      Explore more
+    </button>
+  </a>
+</div>
+</section>
+</div>
+<!-- /Toolbox -->
+{{< /rawhtml >}}
+<!-- Recent -->
+<div class="relative mt-20 w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section>
+    <div class="max-w-6xl mx-auto text-center mb-10 lg:mb-14">
+      <div class="mx-auto text-center mb-10 lg:mb-14">
+        <p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Recent</p>
+        <h2 class="mb-4 text-4xl font-extrabold">
+          Publications
+        </h2>
+        <p class="text-xl">
+          Learning
+        </p>
+        </div>
+    </div>
+</section>
+<section>
+  {{< list cardView=true limit=3 where="Type" value="posts" >}}
+  <div class="mt-10 flex justify-center">
+  <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 border border-primary-500 hover:border-transparent rounded-full">
+      Show all
+    </button>
+  </a>
+</div>
+</section>
+</div>
+<!-- /Recent -->
+{{< rawhtml >}}
+<!-- FAQ -->
+<div class="relative mt-20 w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section>
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">FAQ</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  Frequently asked questions
+</h2>
+<p class="text-xl">
+  About life
+</p>
+</div>
+<div class="max-w-7xl mx-auto">
+<div class="grid sm:grid-cols-2 gap-6 md:gap-12">
+  <div class="flex">
+    <div class="mr-2">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        What exactly is
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </div>
+  </div>
+    <div class="flex">
+      <div class="mr-2">
+        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+          <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+      </div>
+      <div>
+        <h3 class="mb-4 text-xl font-bold">
+          I struggle or not
+        </h3>
+        <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+          A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+        </div>
+    </div>
+  <div class="flex">
+    <div class="mr-2">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        thoughts?      
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-2">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        Are we there yet?
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-2">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        Meaning is abstract
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+      </p>
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-2">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+    </div>
+    <div>
+      <h3 class="mb-4 text-xl font-bold">
+        Doesn't do that and this
+      </h3>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+      </p>
+    </div>
+  </div>
+</div>
+</div>
+</section>
+</div>
+<!-- /FAQ -->
+<!-- Contact -->
+<section class="section-sm mt-20">
+  <div class="container mx-auto">
+    <div class="max-w-6xl mx-auto text-center mb-10 lg:mb-14">
+      <div class="mx-auto text-center mb-10 lg:mb-14">
+        <p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Contact</p>
+        <h2 class="mb-4 text-4xl font-extrabold">
+          Ask and You shall receive
+        </h2>
+        <p class="text-xl">
+          We'd love to talk about how we can help you.
+        </p>
+        </div>
+        <p class="text-lg">
+          Languages spoken and written:<br> English 🇬🇧, Spanish 🇪🇸, Czech 🇨🇿
+        </p>
+        <!-- Contact Us -->
+<div class="max-w-[85rem] px-4 mb-10 sm:px-6 lg:px-8 mx-auto">
+  <div class="max-w-2xl lg:max-w-5xl mx-auto">
+    <div class="mt-12 grid items-center lg:grid-cols-2 gap-6 lg:gap-16">
+      <!-- Card -->
+      <div class="flex flex-col border rounded-xl p-4 sm:p-6 lg:p-8 dark:border-gray-700">
+        <h2 class="mb-8 text-xl font-semibold text-gray-800 dark:text-gray-200">
+          Fill in the form
+        </h2>
+        <form action="https://formspree.io/f/mbjnlzov" method="POST">
+          <div class="grid gap-4">
+            <!-- Grid -->
+              <div>
+                <label for="hs-firstname-contacts-1 name" class="sr-only form-label">Name</label>
+                <input type="text" name="name" id="name" class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-primary-500 focus:ring-primary-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral dark:border-neutral-700 dark:text-primary-500 dark:focus:ring-neutral-600 form-input" placeholder="Name" type="text">
+              </div>
+            <div>
+              <label for="hs-email-contacts-1 email" class="sr-only form-label">Email</label>
+              <input type="email" name="hs-email-contacts-1 email" id="hs-email-contacts-1 email" autocomplete="email" class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600 form-input" placeholder="Email" type="email">
+            </div>
+            <div>
+              <label for="hs-about-contacts-1 message" class="sr-only from-label">Message</label>
+              <textarea id="hs-about-contacts-1 message" name="hs-about-contacts-1 message" rows="4" class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600 form-input" placeholder="Message goes here"></textarea>
+            </div>
+          </div>
+          <!-- End Grid -->
+          <div class="mt-4 grid">
+            <button type="submit" class="py-2 px-4 inline-flex justify-center items-center gap-x-2 bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold border border-primary-500 hover:border-transparent rounded-full">Send inquiry</button>
+          </div>
+          <div class="mt-3 text-center">
+            <p class="text-sm text-gray-500">
+              We'll get back to you in 1-2 business days.
+            </p>
+          </div>
+        </form>
+      </div>
+      <!-- End Card -->
+      <div class="text-left">
+        <!-- Icon Block -->
+         <div class="flex pb-8">
+    <div class="mr-4">
+      <svg height="32px" width="32px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path style="fill:#5D9BEB;" d="M0,256.006C0,397.402,114.606,512.004,255.996,512C397.394,512.004,512,397.402,512,256.006 C512.009,114.61,397.394,0,255.996,0C114.606,0,0,114.614,0,256.006z"></path> <path style="fill:#4988DB;" d="M505.249,314.319c-0.272-0.272-205.68-205.733-206.24-206.241c-4.093-4.525-9.948-7.424-16.517-7.424 h-52.985c-12.326,0-22.349,10.023-22.349,22.349v46.007c0,6.567,2.899,12.425,7.424,16.515c0.507,0.56,34.082,34.198,34.439,34.544 v13.154H164.3c-21.771,0-40.869,17.532-40.869,37.523v46.203h-12.538c-12.326,0-22.349,10.023-22.349,22.349v39.031 c0,6.567,2.899,12.425,7.424,16.515c0.507,0.561,77.037,73.373,111.47,111.469c0.398,0.441,0.821,0.846,1.25,1.25 c15.339,2.867,31.137,4.435,47.308,4.435C377.324,512.002,478.85,427.599,505.249,314.319z"></path> <path style="fill:#F6F6F6;" d="M401.106,316.951h-12.538v-46.205c0-19.991-19.099-37.523-40.869-37.523h-84.723V191.36h19.515 c12.326,0,22.349-10.023,22.349-22.349v-46.006c0-12.326-10.023-22.349-22.349-22.349h-52.985 c-12.326,0-22.349,10.023-22.349,22.349v46.006c0,12.326,10.023,22.349,22.349,22.349h19.515v41.863h-84.723 c-21.77,0-40.869,17.532-40.869,37.523v46.205h-12.538c-12.326,0-22.349,10.023-22.349,22.349v39.029 c0,12.326,10.023,22.349,22.349,22.349h39.029c12.326,0,22.349-10.023,22.349-22.349V339.3c0-12.326-10.023-22.349-22.349-22.349 h-12.538v-46.205c0-13.491,14.207-23.569,26.914-23.569h84.723v69.773h-12.538c-12.326,0-22.349,10.023-22.349,22.349v39.029 c0,12.326,10.023,22.349,22.349,22.349h39.029c12.326,0,22.349-10.023,22.349-22.349v-39.029c0-12.326-10.023-22.349-22.349-22.349 h-12.538v-69.773h84.723c12.707,0,26.914,10.078,26.914,23.569v46.205h-12.538c-12.326,0-22.349,10.023-22.349,22.349v39.029 c0,12.326,10.023,22.349,22.349,22.349h39.029c12.326,0,22.349-10.023,22.349-22.349V339.3 C423.456,326.974,413.433,316.951,401.106,316.951z M221.114,169.01v-46.006c0-4.626,3.769-8.395,8.395-8.395h52.985 c4.626,0,8.395,3.769,8.395,8.395v46.006c0,4.626-3.769,8.395-8.395,8.395h-52.985C224.881,177.405,221.114,173.636,221.114,169.01z M158.318,339.3v39.029c0,4.626-3.769,8.395-8.395,8.395h-39.029c-4.626,0-8.395-3.769-8.395-8.395V339.3 c0-4.626,3.769-8.395,8.395-8.395h39.029C154.549,330.906,158.318,334.674,158.318,339.3z M283.909,339.3v39.029 c0,4.626-3.769,8.395-8.395,8.395h-39.029c-4.626,0-8.395-3.769-8.395-8.395V339.3c0-4.626,3.769-8.395,8.395-8.395h39.029 C280.141,330.906,283.909,334.674,283.909,339.3z M409.501,378.33c0,4.626-3.769,8.395-8.395,8.395h-39.029 c-4.626,0-8.395-3.769-8.395-8.395V339.3c0-4.626,3.769-8.395,8.395-8.395h39.029c4.626,0,8.395,3.769,8.395,8.395V378.33z"></path> </g></svg>
+    </div>
+    <div>
+      <p class="font-bold">Sitemap</p>
+         <p class="mt-1 text-sm text-neutral-500 dark:text-neutral-300">
+           Burning question. Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+         <a class="mt-2 inline-flex items-center gap-x-2 text-sm font-medium text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600" href="#">
+              example@site.com
+            </a>
+    </div>
+  </div>
+        <div class="flex pb-8">
+    <div class="mr-4">
+      <svg height="32px" width="32px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 378.22 378.22" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path style="fill:#88C9B3;" d="M378.22,142.485v126.25c0,14.05-11.39,25.44-25.44,25.44h-24.37v40.88l-39.35-40.88H131.15 c-14.05,0-25.44-11.39-25.44-25.44v-48.44v-77.81c0-14.05,11.39-25.44,25.44-25.44H272.5h80.28 C366.83,117.045,378.22,128.435,378.22,142.485z"></path> <path style="fill:#d01b1b;" d="M272.5,68.605v48.44H131.15c-14.05,0-25.44,11.39-25.44,25.44v77.81H89.15l-2.19,2.28l-37.16,38.6 v-40.88H25.43c-14.05,0-25.43-11.39-25.43-25.44V68.605c0-14.05,11.38-25.44,25.43-25.44h221.64 C261.11,43.165,272.5,54.555,272.5,68.605z"></path> <path style="fill:#990000;" d="M272.5,98.295v18.75H131.15c-14.05,0-25.44,11.39-25.44,25.44v77.81H89.15l-2.19,2.28v-98.84 c0-14.05,11.39-25.44,25.44-25.44H272.5z"></path> </g></svg>
+    </div>
+    <div>
+      <p class="font-bold">FAQ</p>
+         <p class="mt-1 text-sm text-neutral-500 dark:text-neutral-300">
+           Burning question. Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+         <a class="mt-2 inline-flex items-center gap-x-2 text-sm font-medium text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600" href="#">
+              example@site.com
+            </a>
+    </div>
+  </div>
+     <div class="flex">
+    <div class="mr-4">
+      <svg width="32px" height="32px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <rect width="48" height="48" fill="white" fill-opacity="0.01"></rect> <path d="M21 38C30.3888 38 38 30.3888 38 21C38 11.6112 30.3888 4 21 4C11.6112 4 4 11.6112 4 21C4 30.3888 11.6112 38 21 38Z" fill="#2F88FF" stroke="#000000" stroke-width="4" stroke-linejoin="round"></path> <path d="M26.6568 14.3431C25.2091 12.8954 23.2091 12 21 12C18.7909 12 16.7909 12.8954 15.3431 14.3431" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M33.2218 33.2218L41.7071 41.7071" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
+    </div>
+    <div>
+      <p class="font-bold">Search</p>
+         <p class="mt-1 text-sm text-neutral-500 dark:text-neutral-300">
+           Burning question. Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+         <a class="mt-2 inline-flex items-center gap-x-2 text-sm font-medium text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600" href="#">
+              example@site.com
+            </a>
+    </div>
+  </div>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- End Contact Us -->
+        <!-- Github -->
+        <a target="_blank" class="text-4xl mr-2 text-neutral-700 dark:text-neutral-300" href="" title="" aria-label="">{{< icon "github" >}}</a>
+        <!-- Github -->
+        <a target="_blank" class="text-4xl mr-2 text-neutral-700 dark:text-neutral-300" href="" title="" aria-label="">{{< icon "twitter" >}}</a>
+        <!-- Github -->
+        <a target="_blank" class="text-4xl mr-2 text-neutral-700 dark:text-neutral-300" href="" title="" aria-label="">{{< icon "mastodon" >}}</a>
+    </div>
+  </div>
+</section>
+<!-- /Contact -->
+<!-- Stats -->
+<div class="relative w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section class="max-w-6xl mx-auto">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Stats</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  I walk the talk
+</h2>
+<p class="text-xl">
+  Learning from ees
+</p>
+</div>
+{{< chart >}}
+type: 'bar',
+data: {
+  labels: ['1.7K Loss', '13K Wins', '87% Certainty', '27Y Experience'],
+  datasets: [{
+    label: 'My First Dataset',
+    data: [13, 87, 87, 97],
+    backgroundColor: [
+      'rgba(201, 203, 207, 0.2)',
+      'rgba(75, 192, 192, 0.2)',
+      'rgba(255, 99, 132, 0.2)',
+      'rgba(255, 205, 86, 0.2)',
+    ],
+    borderColor: [
+      'rgb(201, 203, 207)',
+      'rgb(75, 192, 192)',
+      'rgb(255, 99, 132)',
+      'rgb(255, 205, 86)',
+    ],
+    borderWidth: 1
+  }]
+}
+{{< /chart >}}
+</section>
+</div>
+<!-- /Stats -->
+<!-- Card -->
+<div class="block max-w-2xl mt-20 mx-auto">
+   <section class="mx-auto">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Stats</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  I walk the talk
+</h2>
+<p class="text-xl">
+  Learning from ees
+</p>
+</div>
+<div class="rounded-xl border border-primary-500 p-6 shadow-xl">
+  <p class="mb-4 text-2xl font-bold">
+    Card title
+  </p>
+  <p class="mb-4">
+    Some quick example text to build on the card title and make up the
+    bulk of the card's content.
+  </p>
+ <div class="mt-10 flex justify-center">
+  <a href="">
+    <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 mt-6 border border-primary-500 hover:border-transparent rounded-full">
+      Read more
+    </button>
+  </a>
+</div>
+</div>
+</div>
+<!-- /Card-- >
+<!-- Books -->
+<div class="block max-w-2xl mt-20 mx-auto">
+   <section class="mx-auto">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Books</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  I love reading and writing
+</h2>
+<p class="text-xl">
+  Learning from ees
+</p>
+</div>
+    <div class="lg:py-6">
+        <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+           <div>
+             <svg fill="#27d332" height="32px" width="32px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 511.999 511.999" xml:space="preserve" stroke="#27d332" stroke-width="0.0051199900000000005"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <path d="M238.914,215.862l-26.26-8.698c-5.327-1.764-11.074,1.124-12.838,6.449l-8.604,25.976 c17.501-1.674,34.915,7.953,42.178,25.258l11.973-36.147C247.128,223.375,244.24,217.627,238.914,215.862z"></path> </g> </g> <g> <g> <circle cx="91.211" cy="169.563" r="50.468"></circle> </g> </g> <g> <g> <path d="M241.296,377.506l-78.489-28.513c-4.518-1.642-9.414-1.956-14.111-0.905c-6.245,1.399-39.634,8.877-46.193,10.346 l1.245-16.43L54.655,293.15c7.98,4.491,56.46,31.777,63.789,35.901c5.689,3.301,12.818,3.865,19.22,0.961l66.175-30.024 c10.561-4.792,15.239-17.238,10.447-27.798c-4.792-10.561-17.235-15.241-27.798-10.447l-56.478,25.624 c-11.178-6.291-43.6-24.538-54.754-30.816l33.972,8.35c-0.32-7.942-3.317-15.589-8.583-21.648 c-6.151-7.08-14.876-11.408-24.235-12.025l-32.278-2.124c-9.366-0.617-18.59,2.537-25.619,8.759S7.233,252.858,6.71,262.229 L0.055,381.311c-0.522,9.34,2.699,18.503,8.951,25.463c6.252,6.959,15.019,11.14,24.361,11.618h0.002 c17.242,0.883,34.327-0.589,51.18-4.334c13.881-3.084,35.213-7.844,67.973-15.182l71.566,25.999 c13.078,4.752,27.536-2,32.288-15.081C261.129,396.715,254.377,382.258,241.296,377.506z"></path> </g> </g> <g> <g> <circle cx="412.686" cy="136.875" r="51.273"></circle> </g> </g> <g> <g> <path d="M486.238,374.874h-20.982l9.855-3.273c11.887-3.947,17.651-11.94,17.439-27.695c0.505-19.163,0.656-51.263,0.816-107.383 c0.03-9.599-3.779-18.811-10.58-25.586c-6.801-6.774-16.028-10.547-25.628-10.478l-32.966,0.236 c-9.604,0.069-18.78,3.977-25.484,10.853c-5.734,5.881-9.242,13.518-10.031,21.612l37.308-7.633 c-6.7,3.27-53.398,26.063-59.946,29.258l-56.108-29.532c-10.493-5.522-23.475-1.493-28.996,8.998 c-5.522,10.49-1.493,23.475,8.998,28.996l65.742,34.603c6.193,3.26,13.485,3.279,19.644,0.184l31.644-15.445l37.856-18.476 l-54.944,48.407l0.599,32.895l-48.555,16.122c-15.577,5.172-24.983,20.686-22.366,36.897 c2.622,16.202,16.438,27.962,32.852,27.962h133.832c14.229,0,25.762-11.533,25.762-25.762S500.465,374.874,486.238,374.874z"></path> </g> </g> <g> <g> <path d="M291.525,165.259c-1.783-5.32-7.542-8.186-12.861-6.403l-26.228,8.795c-5.32,1.783-8.186,7.542-6.402,12.861 l15.853,47.281c0.416-0.961,0.859-1.916,1.355-2.858c8.12-15.43,24.594-23.611,40.938-21.934L291.525,165.259z"></path> </g> </g> </g></svg>
+           </div>
+         </div>
+       </div>
+       <div class="pt-1 pb-8">
+         <p class="mb-2 text-xl font-bold">Step 1</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Where, when? Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+       </div>
+     </div>
+     <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+             <svg width="32px" height="32px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" fill="#672768" stroke="#672768"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="#852978" d="M312.094 21.97l59.094 119.686h52.093L362.595 22l-50.5-.03zM173 22.687l-63.594 127.218 65.844 345.75 114.688.094L354.467 150 291.626 22.75 173 22.687zm16.063 76.28h88.78v18.688h-88.78V98.97zm0 36.22h88.78v18.687h-88.78v-18.688zm182.5 25.156L309 495.438l47.25.03 68.313-335.124h-53z"></path></g></svg>
+         </div>
+       </div>
+       <div class="pt-1 pb-8">
+         <p class="mb-2 text-xl font-bold">Step 2</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Burning question. Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+       </div>
+     </div>
+     <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+           <svg width="32px" height="32px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#000000" stroke-width="0.21600000000000003"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M20.58 19.37L17.59 11.01C17.38 10.46 16.91 10.12 16.37 10.12C15.83 10.12 15.37 10.46 15.14 11.03L12.16 19.37C12.02 19.76 12.22 20.19 12.61 20.33C13 20.47 13.43 20.27 13.57 19.88L14.19 18.15H18.54L19.16 19.88C19.27 20.19 19.56 20.38 19.87 20.38C19.95 20.38 20.04 20.37 20.12 20.34C20.51 20.2 20.71 19.77 20.57 19.38L20.58 19.37ZM14.74 16.64L16.38 12.05L18.02 16.64H14.74ZM12.19 7.85C9.92999 11.42 7.89 13.58 5.41 15.02C5.29 15.09 5.16 15.12 5.04 15.12C4.78 15.12 4.53 14.99 4.39 14.75C4.18 14.39 4.3 13.93 4.66 13.73C6.75999 12.51 8.48 10.76 10.41 7.86H4.12C3.71 7.86 3.37 7.52 3.37 7.11C3.37 6.7 3.71 6.36 4.12 6.36H7.87V4.38C7.87 3.97 8.21 3.63 8.62 3.63C9.02999 3.63 9.37 3.97 9.37 4.38V6.36H13.12C13.53 6.36 13.87 6.7 13.87 7.11C13.87 7.52 13.53 7.86 13.12 7.86H12.18L12.19 7.85ZM12.23 15.12C12.1 15.12 11.97 15.09 11.85 15.02C11.2 14.64 10.57 14.22 9.97999 13.78C9.64999 13.53 9.58 13.06 9.83 12.73C10.08 12.4 10.55 12.33 10.88 12.58C11.42 12.99 12.01 13.37 12.61 13.72C12.97 13.93 13.09 14.39 12.88 14.75C12.74 14.99 12.49 15.12 12.23 15.12Z" fill="#3d48e1"></path> </g></svg>
+         </div>
+       </div>
+       <div class="pt-1 pb-8">
+         <p class="mb-2 text-xl font-bold">Step 1</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Sensation quality. Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+       </div>
+     </div>
+     <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+           <svg fill="#e29818" height="32px" width="32px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" stroke="#e29818" stroke-width="0.00512"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <path d="M484.123,394.095h-21.84v-35.472c0-15.372-12.505-27.878-27.878-27.878h-16.444v-35.471 c0-15.372-12.505-27.878-27.878-27.878H121.917c-15.372,0-27.878,12.505-27.878,27.878v35.471H77.596 c-15.372,0-27.878,12.505-27.878,27.878v35.472h-21.84C12.505,394.095,0,406.6,0,421.973v44.706c0,5.102,4.134,9.236,9.236,9.236 h493.529c5.102,0,9.236-4.134,9.236-9.236v-44.706C512,406.6,499.495,394.095,484.123,394.095z M112.51,295.276 c0-5.187,4.22-9.407,9.407-9.407h268.166c5.187,0,9.407,4.22,9.407,9.407v35.471H112.51V295.276z M68.189,358.623 c0-5.187,4.22-9.407,9.407-9.407h25.68h305.451h25.68c5.187,0,9.407,4.22,9.407,9.407v35.472H68.189V358.623z M493.529,457.443 H18.471v-35.471c0-5.187,4.22-9.407,9.407-9.407h31.076h394.093h31.076c5.187,0,9.407,4.22,9.407,9.407V457.443z"></path> </g> </g> <g> <g> <path d="M364.245,139.532c-1.15-3.262-4.028-5.61-7.455-6.081c-3.441-0.47-6.832,1.016-8.817,3.848l-9.91,14.133 c-0.261-7.217-1.103-15.065-2.692-23.064c-4.03-20.318-14.289-49.292-40.267-71.946c-9.079-7.917-19.505-14.495-30.988-19.552 c-2.447-1.079-5.242-1.044-7.658,0.096c-2.419,1.139-4.225,3.269-4.951,5.841c-8.238,29.12-21.243,53.872-38.654,73.566 c-7.52,8.508-14.815,14.971-21.871,21.222c-13.739,12.175-26.717,23.675-34.498,45.405c-3.534,9.872-8.759,29.884-4.048,52.983 c1.021,4.998,5.9,8.227,10.897,7.204c4.998-1.02,8.223-5.897,7.204-10.896c-3.814-18.7,0.456-35.009,3.341-43.066 c6.183-17.271,16.41-26.334,29.357-37.805c7.121-6.31,15.193-13.462,23.46-22.812c17.085-19.326,30.289-42.89,39.334-70.167 c6.125,3.436,11.797,7.419,16.94,11.904c41.756,36.41,38.404,94.799,34.529,104.574c-0.339,0.856-5.481,13.612-5.898,14.646 c-1.74,4.2-0.156,9.098,3.806,11.461c4.157,2.478,9.516,1.329,12.291-2.631l24.407-34.807c5.152,21.609,7.882,51.281-3.969,79.38 c-1.983,4.7,0.22,10.117,4.919,12.099c1.172,0.494,2.388,0.729,3.586,0.729c3.602,0,7.025-2.122,8.513-5.648 C383.2,207.348,372.33,162.473,364.245,139.532z"></path> </g> </g> <g> <g> <path d="M228.197,188.998c-3.166-4-8.976-4.673-12.973-1.508c-5.048,3.996-14.27,12.73-19.329,26.334 c-3.857,10.367-4.821,20.831-2.948,31.986c0.757,4.512,4.668,7.707,9.098,7.707c0.507,0,1.022-0.042,1.54-0.128 c5.03-0.845,8.423-5.608,7.578-10.638c-1.341-7.987-0.693-15.133,2.043-22.487c3.495-9.393,9.947-15.492,13.483-18.293 C230.688,198.805,231.363,192.996,228.197,188.998z"></path> </g> </g> </g></svg>
+         </div>
+       </div>
+       <div class="pt-1">
+         <p class="mb-2 text-xl font-bold">Step 1</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love, kindness, flexibility.
+         </p>
+       </div>
+     </div>
+    </div>
+  </div>
+  </div>
+ <div class="flex justify-center">
+    <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold py-2 px-4 mt-6 border border-primary-500 hover:border-primary-900 rounded-full">
+      Read more
+    </button>
+  </a>
+</div>
+</div>
+</div>
+<!-- /Books-- >
+<!-- Pricing -->
+<div class="max-w-7xl px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Pricing</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  PRICES TO FIT YOUR WALLET AND LIFE STYLE
+</h2>
+<p class="text-xl">
+  Whatever your status, our offers evolve according to your needs.
+</p>
+</div>
+  <!-- Grid -->
+  <div class="mt-12 grid sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:items-center">
+    <!-- Card -->
+    <div class="flex flex-col border border-neutral-200 text-center rounded-xl py-8 px-8 dark:border-neutral-700">
+      <h4 class="font-medium text-lg text-neutral-800 dark:text-neutral-200">Free</h4>
+      <span class="mt-7 font-bold text-5xl text-neutral-800 dark:text-neutral-200">Free</span>
+      <p class="mt-2 text-sm text-neutral-500">Forever free</p>
+      <ul class="mt-6 space-y-2.5 text-sm">
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            1 user
+          </span>
+        </li>
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            Plan features
+          </span>
+        </li>
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            Product support
+          </span>
+        </li>
+      </ul>
+      <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 mt-6 border border-primary-500 hover:border-transparent rounded-full">
+      Read more
+    </button>
+  </a>
+    </div>
+    <!-- End Card -->
+    <!-- Card -->
+    <div class="flex flex-col border-2 border-primary-500 text-center shadow-xl rounded-xl py-8 px-8 dark:border-primary-700">
+      <p class="mb-3"><span class="inline-flex items-center gap-1.5 py-1.5 px-3 rounded-lg text-xs uppercase font-semibold bg-primary-100 text-primary-800 dark:bg-primary-500 dark:text-white">Most popular</span></p>
+      <h4 class="font-medium text-lg text-neutral-800 dark:text-neutral-200">Startup</h4>
+      <span class="mt-5 font-bold text-5xl text-neutral-800 dark:text-neutral-200">
+        <span class="font-bold text-2xl -me-2">$</span>
+        39
+      </span>
+      <p class="mt-2 text-sm text-neutral-500">All the basics for starting a new business</p>
+      <ul class="mt-6 space-y-2.5 text-sm">
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            2 users
+          </span>
+        </li>
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            Plan features
+          </span>
+        </li>
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            Product support
+          </span>
+        </li>
+      </ul>
+      <a href="">
+    <button class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-bold hover:text-white py-2 px-4 mt-6 border border-primary-500 hover:border-transparent rounded-full">
+      Read more
+    </button>
+  </a>
+    </div>
+    <!-- End Card -->
+    <!-- Card -->
+    <div class="flex flex-col border border-neutral-200 text-center rounded-xl py-8 px-8 dark:border-neutral-700">
+      <h4 class="font-medium text-lg text-neutral-800 dark:text-neutral-200">Team</h4>
+      <span class="mt-5 font-bold text-5xl text-neutral-800 dark:text-neutral-200">
+        <span class="font-bold text-2xl -me-2">$</span>
+        89
+      </span>
+      <p class="mt-2 text-sm text-neutral-500">Everything you need for a growing business</p>
+      <ul class="mt-6 space-y-2.5 text-sm">
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            5 users
+          </span>
+        </li>
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            Plan features
+          </span>
+        </li>
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            Product support
+          </span>
+        </li>
+      </ul>
+      <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 mt-6 border border-primary-500 hover:border-transparent rounded-full">
+      Read more
+    </button>
+  </a>
+    </div>
+    <!-- End Card -->
+    <!-- Card -->
+    <div class="flex flex-col border border-neutral-200 text-center rounded-xl py-8 px-8 dark:border-neutral-700">
+      <h4 class="font-medium text-lg text-neutral-800 dark:text-neutral-200">Enterprise</h4>
+      <span class="mt-5 font-bold text-5xl text-neutral-800 dark:text-neutral-200">
+        <span class="font-bold text-2xl -me-2">$</span>
+        149
+      </span>
+      <p class="mt-2 text-sm text-neutral-500">Advanced features for scaling your business</p>
+      <ul class="mt-6 space-y-2.5 text-sm">
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            10 users
+          </span>
+        </li>
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            Plan features
+          </span>
+        </li>
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            Product support
+          </span>
+        </li>
+      </ul>
+      <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white mt-6 py-2 px-4 border border-primary-500 hover:border-transparent rounded-full">
+      Read more
+    </button>
+  </a>
+    </div>
+  </div>
+  <div class="mt-10 flex justify-center">
+  <a href="">
+    <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 mt-6 border border-primary-500 hover:border-transparent rounded-full">
+      Compare
+    </button>
+  </a>
+</div>
+</div>
+<!-- /Pricing -->
+<!-- Testimonials -->
+<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Testimonials</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  Hear what thety are saying
+</h2>
+<p class="text-xl">
+  Whatever your status, our offers evolve according to your needs.
+</p>
+</div>
+  <!-- Grid -->
+  <div class="grid grid-cols-1 gap-12 sm:grid-cols-2 md:gap-20 md:grid-cols-3 lg:grid-cols-5 lg:gap-8">
+    <!-- Icon Block -->
+    <div class="text-center">
+      <svg class="w-auto h-8 mx-auto text-neutral-800 dark:text-neutral-200" width="106" height="36" viewBox="0 0 106 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M55.4732 9.52669C55.4732 10.6846 54.5258 11.6846 53.3153 11.6846C52.1048 11.6846 51.1574 10.7372 51.1574 9.52669C51.1574 8.31616 52.0521 7.36879 53.3153 7.36879C54.5785 7.47406 55.4732 8.42142 55.4732 9.52669ZM46.6837 13.8425C46.6837 14.053 46.6837 14.3688 46.6837 14.3688C46.6837 14.3688 45.6837 13.053 43.5258 13.053C39.9469 13.053 37.1574 15.7898 37.1574 19.5267C37.1574 23.2635 39.8942 26.0004 43.5258 26.0004C45.7363 26.0004 46.6837 24.6319 46.6837 24.6319V25.2109C46.6837 25.4741 46.8942 25.6846 47.1574 25.6846H49.789V13.3688C49.789 13.3688 47.3679 13.3688 47.1574 13.3688C46.8942 13.3688 46.6837 13.632 46.6837 13.8425ZM46.6837 21.7372C46.21 22.4741 45.21 23.1056 44.0521 23.1056C41.9469 23.1056 40.3679 21.7898 40.3679 19.5793C40.3679 17.3688 41.9995 16.053 44.0521 16.053C45.21 16.053 46.2627 16.6846 46.6837 17.4214V21.7372ZM51.789 13.3688H54.9469V25.6846H51.789V13.3688ZM98.789 13.053C96.6311 13.053 95.6311 14.3688 95.6311 14.3688V7.47406H92.4732V25.7372C92.4732 25.7372 94.8942 25.7372 95.1048 25.7372C95.3679 25.7372 95.5785 25.5267 95.5785 25.2635V24.6846C95.5785 24.6846 96.5785 26.053 98.7364 26.053C102.315 26.053 105.105 23.3162 105.105 19.5793C105.157 15.7898 102.368 13.053 98.789 13.053ZM98.2627 23.053C97.0521 23.053 96.1048 22.4214 95.6311 21.6846V17.2635C96.1048 16.632 97.1574 15.8951 98.2627 15.8951C100.368 15.8951 101.947 17.2109 101.947 19.4214C101.947 21.632 100.368 23.053 98.2627 23.053ZM90.8416 18.4214V25.7898H87.6837V18.7898C87.6837 16.7372 87.0521 15.9477 85.2627 15.9477C84.3153 15.9477 83.3153 16.4214 82.6837 17.1583V25.7372H79.5258V13.3688H81.9995C82.2627 13.3688 82.4732 13.5793 82.4732 13.8425V14.3688C83.3679 13.4214 84.6311 13.053 85.8416 13.053C87.21 13.053 88.3679 13.4214 89.2627 14.2109C90.4206 15.1583 90.8416 16.3162 90.8416 18.4214ZM71.8942 13.053C69.7364 13.053 68.7364 14.3688 68.7364 14.3688V7.47406H65.5785V25.7372C65.5785 25.7372 67.9995 25.7372 68.21 25.7372C68.4732 25.7372 68.6837 25.5267 68.6837 25.2635V24.6846C68.6837 24.6846 69.6837 26.053 71.8416 26.053C75.4206 26.053 78.21 23.3162 78.21 19.5793C78.2627 15.7898 75.4732 13.053 71.8942 13.053ZM71.3679 23.053C70.1574 23.053 69.21 22.4214 68.7364 21.6846V17.2635C69.21 16.632 70.2627 15.8951 71.3679 15.8951C73.4732 15.8951 75.0521 17.2109 75.0521 19.4214C75.0521 21.632 73.4732 23.053 71.3679 23.053ZM62.8416 13.053C63.789 13.053 64.2627 13.2109 64.2627 13.2109V16.1056C64.2627 16.1056 61.6311 15.2109 59.9995 17.1056V25.7372H56.8416V13.3688C56.8416 13.3688 59.2627 13.3688 59.4732 13.3688C59.7364 13.3688 59.9469 13.5793 59.9469 13.8425V14.3688C60.5785 13.6846 61.8942 13.053 62.8416 13.053ZM30.1574 24.6319C29.9995 24.2635 29.8416 23.7898 29.6837 23.4741C29.4206 22.8951 29.1574 22.3162 28.9469 21.7898L28.8942 21.7372C26.6311 16.8425 24.21 11.8425 21.6311 6.89511L21.5258 6.68458C21.2627 6.2109 20.9995 5.68458 20.7363 5.15827C20.4206 4.57932 20.1048 3.94774 19.5785 3.36879C18.5258 2.053 16.9995 1.31616 15.4206 1.31616C13.789 1.31616 12.3153 2.053 11.21 3.26353C10.6837 3.89511 10.3153 4.47406 9.99951 5.10564C9.73635 5.63195 9.47319 6.15827 9.21003 6.63195L9.10477 6.84248C6.57845 11.7372 4.10477 16.7372 1.84161 21.6846L1.78898 21.7372C1.57845 22.2635 1.3153 22.8425 1.05214 23.4214C0.894243 23.7898 0.736348 24.1583 0.578453 24.5793C0.1574 25.7898 -0.000494055 26.9477 0.210032 28.1056C0.578453 30.5793 2.21003 32.632 4.47319 33.5267C5.3153 33.8951 6.21003 34.053 7.10477 34.053C7.36793 34.053 7.68372 34.0004 7.94687 34.0004C9.05214 33.8951 10.1574 33.5267 11.21 32.8951C12.5785 32.1583 13.8416 31.053 15.2627 29.4741C16.6837 31.053 17.9995 32.1056 19.3153 32.8951C20.4206 33.5267 21.5258 33.8951 22.5785 34.0004C22.8416 34.053 23.1574 34.053 23.4206 34.053C24.3153 34.053 25.2627 33.8951 26.0521 33.5267C28.3679 32.632 29.9469 30.5267 30.3153 28.1056C30.6837 26.9477 30.5785 25.8425 30.1574 24.6319ZM15.3679 26.3162C13.5785 24.1056 12.4732 22.0004 12.0521 20.2109C11.8942 19.4741 11.8416 18.7898 11.9469 18.2109C11.9995 17.6846 12.21 17.2109 12.4732 16.8425C13.1048 15.9477 14.1574 15.4214 15.3679 15.4214C16.5785 15.4214 17.6837 15.9477 18.2627 16.8425C18.5258 17.2109 18.7363 17.6846 18.789 18.2109C18.8942 18.7898 18.8416 19.4741 18.6837 20.2109C18.2627 21.9477 17.1048 24.053 15.3679 26.3162ZM28.4206 27.8425C28.21 29.5267 27.0521 31.0004 25.4206 31.6846C24.6311 32.0004 23.789 32.1056 22.9469 32.0004C22.1048 31.8951 21.3153 31.632 20.4732 31.1583C19.3153 30.5267 18.1048 29.4741 16.7363 28.0004C18.8942 25.3688 20.21 22.8951 20.6837 20.7372C20.8942 19.7372 20.9469 18.7898 20.8416 17.9477C20.7363 17.1056 20.4206 16.3688 19.9469 15.7372C18.9469 14.2635 17.21 13.4214 15.3153 13.4214C13.4206 13.4214 11.6837 14.3162 10.6837 15.7372C10.21 16.3688 9.94687 17.1583 9.78898 17.9477C9.68372 18.7898 9.68372 19.7372 9.94687 20.7372C10.4206 22.8951 11.789 25.3688 13.8942 28.0004C12.5258 29.5267 11.3153 30.5267 10.1574 31.1583C9.3153 31.632 8.47319 31.8951 7.68372 32.0004C6.78898 32.1056 5.94687 31.9477 5.21003 31.6846C3.57845 31.053 2.47319 29.5267 2.21003 27.8425C2.10477 27.0004 2.1574 26.2109 2.52582 25.2635C2.63108 24.9477 2.78898 24.632 2.94687 24.2109C3.1574 23.6846 3.42056 23.1056 3.68372 22.5793L3.73635 22.5267C5.99951 17.632 8.42056 12.632 10.9469 7.78985L11.0521 7.57932C11.3153 7.10564 11.5785 6.57932 11.8416 6.053C12.1048 5.52669 12.4206 5.053 12.7363 4.63195C13.4206 3.84248 14.3679 3.42143 15.3679 3.42143C16.3679 3.42143 17.3153 3.84248 17.9995 4.63195C18.3679 5.053 18.6311 5.52669 18.8942 6.053C19.1574 6.52669 19.4206 7.053 19.6837 7.57932L19.789 7.78985C22.2627 12.6846 24.6837 17.6846 26.9469 22.5267V22.5793C27.21 23.1056 27.4206 23.6846 27.6837 24.2109C27.8416 24.5793 27.9995 24.9477 28.1048 25.2635C28.4732 26.1583 28.5785 27.0004 28.4206 27.8425Z" fill="currentColor"/></svg>
+      <div class="mt-2 sm:mt-6">
+        <p class="text-neutral-800 dark:text-neutral-200">
+          "Great design and thorough documentation."
+        </p>
+      </div>
+      <!-- Star -->
+      <div class="flex-shrink-0 flex justify-center space-x-1 mt-3">
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold"  width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold"  width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+      </div>
+      <!-- End Star -->
+    </div>
+    <!-- End Icon Block -->
+    <!-- Icon Block -->
+    <div class="text-center">
+      <svg class="w-auto h-8 mx-auto text-neutral-800 dark:text-neutral-200" width="140" height="47" viewBox="0 0 140 47" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <g clip-path="url(#clip0)">
+          <path d="M96.2674 23.8697C93.7525 23.5204 92.7744 22.8916 92.8443 21.9136C92.984 20.1671 95.1497 19.9575 96.477 20.0274C99.0619 20.2369 99.6207 22.4725 99.6207 22.7519L102.136 22.5423C101.996 20.9355 100.669 17.7918 96.8962 17.5124C94.8004 17.3727 92.984 17.7918 91.7964 18.8397C90.8882 19.6082 90.1197 20.7958 89.98 21.9835C89.7006 25.8258 93.473 26.3847 95.8483 26.734C98.8523 27.1531 99.5509 27.5723 99.481 28.69C99.481 29.2489 99.1317 29.8078 98.7126 30.1571C98.0838 30.6461 96.8263 30.8557 95.5688 30.716C92.7046 30.4365 92.495 28.6202 92.495 28.2709L89.98 28.3407C89.98 29.8777 91.0279 32.8817 95.2894 33.3707C97.5948 33.6501 99.481 32.9515 100.459 32.2529C101.577 31.4146 102.206 30.0174 102.275 28.69C102.485 24.708 98.6427 24.219 96.2674 23.8697Z" fill="currentColor"/>
+          <path d="M110.659 30.7161C114.431 30.7161 114.152 26.4546 114.152 26.4546V17.9316H117.086V26.3847C117.086 26.3847 117.086 26.4546 117.086 26.6642C117.086 27.9217 116.946 33.3009 110.728 33.3009H110.519C104.301 33.3009 104.162 27.9915 104.162 26.6642C104.162 26.5245 104.162 26.3847 104.162 26.3847V17.9316H107.096V26.3847C107.166 26.3847 106.886 30.7161 110.659 30.7161Z" fill="currentColor"/>
+          <path d="M136.926 28.3405C136.088 29.8076 134.411 30.6459 132.595 30.6459C130.08 30.6459 128.054 29.0392 127.705 26.5242H139.93C139.93 26.1749 139.93 25.6859 139.93 25.3366C139.93 20.5861 136.717 17.5122 132.455 17.5122C128.194 17.5122 124.771 20.5162 124.771 25.3366C124.771 30.1569 128.194 33.2308 132.455 33.2308C135.11 33.2308 137.625 32.113 139.022 29.8775L136.926 28.3405ZM132.525 20.2368C134.97 20.2368 136.717 21.7737 137.136 24.2887H127.774C128.124 21.7038 130.01 20.2368 132.525 20.2368Z" fill="currentColor"/>
+          <path d="M80.9681 17.582C78.8723 17.582 76.7066 18.5601 75.7286 20.2367V17.8615H72.7944V40.2168H75.7286V30.7158C76.7066 32.4623 78.8723 33.3006 80.9681 33.3006C85.0898 33.3006 88.513 30.2966 88.513 25.4762C88.513 20.7257 85.0898 17.582 80.9681 17.582ZM80.6886 30.576C78.2435 30.576 75.6587 28.8295 75.6587 25.616C75.6587 22.4024 78.1737 20.3066 80.8284 20.3066C83.5529 20.3066 85.7186 22.3325 85.7186 25.3365C85.6487 28.4104 83.3433 30.576 80.6886 30.576Z" fill="currentColor"/>
+          <path d="M122.605 9.68799H119.67V32.9515H122.605V9.68799Z" fill="currentColor"/>
+          <path d="M64.4113 17.4424C64.3414 17.4424 64.2716 17.4424 64.2017 17.4424C64.2017 17.4424 61.6867 17.4424 59.3115 18.4204L59.5909 19.1889L60.1498 20.7957C60.9881 20.4464 62.3853 20.0272 64.2017 19.9574C64.2716 19.9574 64.3414 19.9574 64.4113 19.9574C67.6249 19.9574 67.6947 22.8915 67.6947 22.8915V23.6599L62.6648 23.5901C62.3155 23.5901 60.2895 23.5901 58.8225 24.9873C58.4732 25.3366 58.1937 25.6859 57.9841 26.1051C57.7047 26.7338 57.4951 27.4324 57.4951 28.2009C57.4951 29.1789 57.7746 30.0871 58.1937 30.8556C58.4033 31.2049 58.6827 31.5542 58.9622 31.8336C59.9402 32.7418 61.3374 33.3007 62.8744 33.3007C63.0141 33.3007 63.1538 33.3007 63.2237 33.3007C64.9702 33.2308 66.577 32.5322 67.6249 30.8556V32.9514H70.2097V23.4504C70.2796 21.0053 68.7426 17.4424 64.4113 17.4424ZM63.1538 30.9254C62.2456 30.9953 60.1498 30.5063 60.1498 28.2009C60.1498 27.5721 60.7087 26.1051 62.5251 26.1051C64.3414 26.1051 67.555 26.1051 67.555 26.1051C67.6249 28.8995 65.9482 30.7857 63.1538 30.9254Z" fill="currentColor"/>
+          <path d="M49.1118 30.3667C44.4311 30.3667 40.8682 26.5942 40.8682 21.9136C40.8682 17.233 44.501 13.3906 49.1118 13.3906C51.3473 13.3906 53.3034 14.2988 54.7704 15.696L56.5169 13.3208C54.6307 11.5743 51.976 10.5264 49.1118 10.5264C42.8243 10.5264 37.8643 15.6262 37.8643 21.9136C37.8643 28.201 42.8243 33.3008 49.1118 33.3008C51.6966 33.3008 54.002 32.4625 55.8183 31.1351L54.8403 28.4106C53.2335 29.5284 51.0678 30.3667 49.1118 30.3667Z" fill="currentColor"/>
+          <path d="M0 30.2965H3.63273V28.061H8.24351V30.2965H11.8064V12.9712H0V30.2965Z" fill="currentColor"/>
+          <path d="M18.0938 8.08105C17.5349 8.08105 17.1157 8.50022 17.1157 9.0591C17.1157 9.61798 17.5349 10.0371 18.0938 10.0371C18.6526 10.0371 19.0718 9.61798 19.0718 9.0591C19.1417 8.57008 18.6526 8.08105 18.0938 8.08105Z" fill="currentColor"/>
+          <path d="M18.0938 12.6221C17.5349 12.6221 17.1157 13.0412 17.1157 13.6001C17.1157 14.159 17.5349 14.5782 18.0938 14.5782C18.6526 14.5782 19.0718 14.159 19.0718 13.6001C19.1417 13.1111 18.6526 12.6221 18.0938 12.6221Z" fill="currentColor"/>
+          <path d="M18.0938 17.2329C17.5349 17.2329 17.1157 17.6521 17.1157 18.211C17.1157 18.7698 17.5349 19.189 18.0938 19.189C18.6526 19.189 19.0718 18.7698 19.0718 18.211C19.1417 17.6521 18.6526 17.2329 18.0938 17.2329Z" fill="currentColor"/>
+          <path d="M22.7744 8.08105C22.2155 8.08105 21.7964 8.50022 21.7964 9.0591C21.7964 9.61798 22.2155 10.0371 22.7744 10.0371C23.3333 10.0371 23.7525 9.61798 23.7525 9.0591C23.7525 8.57008 23.3333 8.08105 22.7744 8.08105Z" fill="currentColor"/>
+          <path d="M22.7744 12.6221C22.2155 12.6221 21.7964 13.0412 21.7964 13.6001C21.7964 14.159 22.2155 14.5782 22.7744 14.5782C23.3333 14.5782 23.7525 14.159 23.7525 13.6001C23.7525 13.1111 23.3333 12.6221 22.7744 12.6221Z" fill="currentColor"/>
+          <path d="M22.7744 17.2329C22.2155 17.2329 21.7964 17.6521 21.7964 18.211C21.7964 18.7698 22.2155 19.189 22.7744 19.189C23.3333 19.189 23.7525 18.7698 23.7525 18.211C23.7525 17.6521 23.3333 17.2329 22.7744 17.2329Z" fill="currentColor"/>
+          <path d="M27.3154 8.08105C26.7566 8.08105 26.3374 8.50022 26.3374 9.0591C26.3374 9.61798 26.7566 10.0371 27.3154 10.0371C27.8743 10.0371 28.2935 9.61798 28.2935 9.0591C28.2935 8.57008 27.8743 8.08105 27.3154 8.08105Z" fill="currentColor"/>
+          <path d="M27.3154 12.6221C26.7566 12.6221 26.3374 13.0412 26.3374 13.6001C26.3374 14.159 26.7566 14.5782 27.3154 14.5782C27.8743 14.5782 28.2935 14.159 28.2935 13.6001C28.2935 13.1111 27.8743 12.6221 27.3154 12.6221Z" fill="currentColor"/>
+          <path d="M27.3154 17.2329C26.7566 17.2329 26.3374 17.6521 26.3374 18.211C26.3374 18.7698 26.7566 19.189 27.3154 19.189C27.8743 19.189 28.2935 18.7698 28.2935 18.211C28.2935 17.6521 27.8743 17.2329 27.3154 17.2329Z" fill="currentColor"/>
+          <path d="M6.07776 24.2885C2.79433 24.2186 0.0697788 26.8035 -8.15348e-05 30.017C-0.0699418 33.2306 2.51489 35.9552 5.79832 36.0949C9.08176 36.1647 11.7364 33.5799 11.8762 30.2965C11.8762 27.0829 9.29134 24.3584 6.07776 24.2885ZM7.89413 32.3224H3.91209V28.3404H7.89413V32.3224Z" fill="currentColor"/>
+          <path d="M6.07776 24.2885C2.79433 24.2186 0.0697788 26.8035 -8.15348e-05 30.017C-0.0699418 33.2306 2.51489 35.9552 5.79832 36.0949C9.08176 36.1647 11.7364 33.5799 11.8762 30.2965C11.8762 27.0829 9.29134 24.3584 6.07776 24.2885ZM7.89413 32.3224H3.91209V28.3404H7.89413V32.3224Z" fill="white" fill-opacity="0.2"/>
+          <path d="M5.93812 19.1189C9.21766 19.1189 11.8762 16.4603 11.8762 13.1808C11.8762 9.90126 9.21766 7.24268 5.93812 7.24268C2.65859 7.24268 0 9.90126 0 13.1808C0 16.4603 2.65859 19.1189 5.93812 19.1189Z" fill="white"/>
+          <path d="M16.627 23.1709V35.3266H28.7826V23.1709H16.627ZM26.3375 31.9733H19.1419V30.4364H26.3375V31.9733ZM26.3375 27.9913H19.1419V26.4543H26.3375V27.9913Z" fill="currentColor"/>
+        </g>
+        <defs>
+          <clipPath id="clip0">
+            <rect width="140" height="47" fill="white"/>
+          </clipPath>
+        </defs></svg>
+      <div class="mt-2 sm:mt-6">
+        <p class="text-neutral-800 dark:text-neutral-200">
+          "Great design and thorough documentation."
+        </p>
+      </div>
+      <!-- Star -->
+      <div class="flex-shrink-0 flex justify-center space-x-1 mt-3">
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+      </div>
+      <!-- End Star -->
+    </div>
+    <!-- End Icon Block -->
+    <!-- Icon Block -->
+    <div class="text-center">
+      <svg class="w-auto h-8 mx-auto text-neutral-800 dark:text-neutral-200" width="140" height="47" viewBox="0 0 140 47" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M20.3991 8.15082C20.3991 9.61789 19.1416 10.8754 17.6745 10.8754C16.2075 10.8754 14.95 9.61789 14.95 8.15082C14.95 6.68375 16.2075 5.42627 17.6745 5.42627C19.1416 5.42627 20.3991 6.68375 20.3991 8.15082ZM17.6745 13.1109C16.0678 13.1109 14.8103 14.3684 14.8103 15.9752C14.8103 17.582 16.0678 18.8394 17.6745 18.8394C19.2813 18.8394 20.5388 17.582 20.5388 15.9752C20.5388 14.2985 19.2813 13.1109 17.6745 13.1109ZM17.6745 20.7257C16.0678 20.7257 14.7404 22.053 14.7404 23.6598C14.7404 25.2666 16.0678 26.5939 17.6745 26.5939C19.2813 26.5939 20.6087 25.2666 20.6087 23.6598C20.6785 22.053 19.2813 20.7257 17.6745 20.7257ZM17.6745 28.4802C16.0678 28.4802 14.8103 29.7376 14.8103 31.3444C14.8103 32.9512 16.0678 34.2087 17.6745 34.2087C19.2813 34.2087 20.5388 32.9512 20.5388 31.3444C20.5388 29.8075 19.2813 28.4802 17.6745 28.4802ZM17.6745 36.3744C16.2075 36.3744 14.95 37.6319 14.95 39.0989C14.95 40.566 16.2075 41.8235 17.6745 41.8235C19.1416 41.8235 20.3991 40.566 20.3991 39.0989C20.3991 37.6319 19.2115 36.3744 17.6745 36.3744ZM25.2195 12.7616C23.4729 12.7616 22.0059 14.2287 22.0059 15.9752C22.0059 17.7217 23.4729 19.1887 25.2195 19.1887C26.966 19.1887 28.433 17.7217 28.433 15.9752C28.433 14.2287 26.966 12.7616 25.2195 12.7616ZM25.2195 20.3764C23.4031 20.3764 21.8662 21.8434 21.8662 23.7297C21.8662 25.546 23.3332 27.083 25.2195 27.083C27.0358 27.083 28.5728 25.6159 28.5728 23.7297C28.5728 21.8434 27.0358 20.3764 25.2195 20.3764ZM25.2195 28.1309C23.4729 28.1309 22.0059 29.5979 22.0059 31.3444C22.0059 33.0909 23.4729 34.558 25.2195 34.558C26.966 34.558 28.433 33.0909 28.433 31.3444C28.433 29.5979 26.966 28.1309 25.2195 28.1309ZM32.9739 19.9572C31.0179 19.9572 29.2714 21.564 29.2714 23.6598C29.2714 25.6159 30.8781 27.3624 32.9739 27.3624C35.0698 27.3624 36.6765 25.7556 36.6765 23.6598C36.5368 21.564 34.93 19.9572 32.9739 19.9572ZM10.0598 13.4602C8.73243 13.4602 7.61466 14.578 7.61466 15.9053C7.61466 17.2327 8.73243 18.3504 10.0598 18.3504C11.3871 18.3504 12.5049 17.2327 12.5049 15.9053C12.5049 14.578 11.457 13.4602 10.0598 13.4602ZM10.0598 21.075C8.59271 21.075 7.47494 22.1927 7.47494 23.6598C7.47494 25.1269 8.59271 26.2446 10.0598 26.2446C11.5268 26.2446 12.6446 25.1269 12.6446 23.6598C12.6446 22.1927 11.5268 21.075 10.0598 21.075ZM10.0598 28.8295C8.73243 28.8295 7.61466 29.9472 7.61466 31.2746C7.61466 32.6019 8.73243 33.7197 10.0598 33.7197C11.3871 33.7197 12.5049 32.6019 12.5049 31.2746C12.5049 29.9472 11.457 28.8295 10.0598 28.8295ZM2.445 21.4941C1.18752 21.4941 0.209473 22.4722 0.209473 23.7297C0.209473 24.9871 1.18752 25.9652 2.445 25.9652C3.70249 25.9652 4.68053 24.9871 4.68053 23.7297C4.68053 22.4722 3.70249 21.4941 2.445 21.4941Z" fill="currentColor"/>
+        <path d="M64.4812 18.9092C64.2018 18.9092 63.9922 19.1886 63.9922 19.3982V38.7495C63.9922 39.0289 64.2716 39.2385 64.4812 39.2385H66.7866C67.066 39.2385 67.2756 38.9591 67.2756 38.7495V19.3982C67.2756 19.1188 66.9962 18.9092 66.7866 18.9092H64.4812Z" fill="currentColor"/>
+        <path d="M65.7389 10.7358C64.4815 10.7358 63.5034 11.7139 63.5034 12.9714C63.5034 14.2289 64.4815 15.2069 65.7389 15.2069C66.9964 15.2069 67.9745 14.2289 67.9745 12.9714C67.9745 11.7139 66.9266 10.7358 65.7389 10.7358Z" fill="currentColor"/>
+        <path d="M114.082 18.9092C113.803 18.9092 113.593 19.1886 113.593 19.3982V38.7495C113.593 39.0289 113.873 39.2385 114.082 39.2385H116.388C116.667 39.2385 116.877 38.9591 116.877 38.7495V19.3982C116.877 19.1188 116.597 18.9092 116.388 18.9092H114.082Z" fill="currentColor"/>
+        <path d="M115.2 10.7358C113.942 10.7358 112.964 11.7139 112.964 12.9714C112.964 14.2289 113.942 15.2069 115.2 15.2069C116.457 15.2069 117.435 14.2289 117.435 12.9714C117.435 11.7139 116.457 10.7358 115.2 10.7358Z" fill="currentColor"/>
+        <path d="M138.603 37.3525C138.743 37.2127 138.743 37.073 138.743 37.0031C138.743 36.8634 138.743 36.8634 138.743 36.8634C138.743 36.8634 138.743 36.7237 138.603 36.7237C138.603 36.7237 138.463 36.584 138.324 36.584C138.184 36.584 138.184 36.584 138.044 36.584H137.416V38.3305H137.695V37.7018H138.044L138.533 38.3305H138.813L138.184 37.562C138.463 37.6319 138.603 37.4922 138.603 37.3525ZM137.765 37.4922V36.8634H138.254C138.394 36.8634 138.533 36.8634 138.603 37.0031C138.743 37.0031 138.743 37.1429 138.743 37.2826C138.743 37.4223 138.743 37.562 138.603 37.562C138.463 37.562 138.324 37.7018 138.254 37.7018H137.765V37.4922Z" fill="currentColor"/>
+        <path d="M138.114 35.8853C137.276 35.8853 136.507 36.6537 136.507 37.492C136.507 38.3304 137.276 39.0988 138.114 39.0988C138.952 39.0988 139.721 38.3304 139.721 37.492C139.721 36.5839 139.022 35.8853 138.114 35.8853ZM138.114 38.9591C137.276 38.9591 136.647 38.3304 136.647 37.492C136.647 36.6537 137.276 36.025 138.114 36.025C138.952 36.025 139.581 36.6537 139.581 37.492C139.581 38.3304 138.883 38.9591 138.114 38.9591Z" fill="currentColor"/>
+        <path d="M83.6928 22.0531C83.9722 22.0531 84.1818 21.7737 84.1818 21.5641V19.2587C84.1818 18.9793 83.9024 18.7697 83.6928 18.7697H78.7327V11.3645C78.7327 11.0851 78.4533 10.8755 78.2437 10.8755H75.9383C75.6588 10.8755 75.4493 11.1549 75.4493 11.3645V18.7697H73.0042C72.7247 18.7697 72.5151 19.0491 72.5151 19.2587V21.5641C72.5151 21.8436 72.7946 22.0531 73.0042 22.0531H75.4493V33.2308C75.4493 36.6539 77.7547 38.8895 81.108 38.8895H83.5531C83.8325 38.8895 84.0421 38.61 84.0421 38.4004V36.0951C84.0421 35.8156 83.7626 35.606 83.5531 35.606H81.4573C79.8505 35.606 78.7327 34.4883 78.7327 32.7418V21.9833L83.6928 22.0531Z" fill="currentColor"/>
+        <path d="M132.735 22.0531C133.014 22.0531 133.224 21.7737 133.224 21.5641V19.2587C133.224 18.9793 132.944 18.7697 132.735 18.7697H127.775V11.3645C127.775 11.0851 127.495 10.8755 127.286 10.8755H124.98C124.701 10.8755 124.491 11.1549 124.491 11.3645V18.7697H122.046C121.767 18.7697 121.557 19.0491 121.557 19.2587V21.5641C121.557 21.8436 121.837 22.0531 122.046 22.0531H124.491V33.2308C124.491 36.6539 126.797 38.8895 130.15 38.8895H132.595C132.874 38.8895 133.084 38.61 133.084 38.4004V36.0951C133.084 35.8156 132.805 35.606 132.595 35.606H130.36C128.753 35.606 127.635 34.4883 127.635 32.7418V21.9833L132.735 22.0531Z" fill="currentColor"/>
+        <path d="M49.8106 22.053V38.5401C49.8106 38.8195 50.09 39.0291 50.2996 39.0291H52.605C52.8844 39.0291 53.094 38.7497 53.094 38.5401V22.053H58.5431C58.8226 22.053 59.0321 21.7736 59.0321 21.564V19.2586C59.0321 18.9792 58.7527 18.7696 58.5431 18.7696H53.094V14.4383C53.094 12.6918 54.3515 11.5041 55.8186 11.5041H58.5431C58.8226 11.5041 59.0321 11.2247 59.0321 11.0151V8.70973C59.0321 8.43028 58.7527 8.2207 58.5431 8.2207H55.9583C52.5351 8.2207 49.8106 11.085 49.8106 14.3684V18.7696H47.3655C47.086 18.7696 46.8765 19.049 46.8765 19.2586V21.564C46.8765 21.8435 47.1559 22.053 47.3655 22.053H49.8106Z" fill="currentColor"/>
+        <path d="M106.258 21.2148C104.442 19.2587 101.857 18.1409 99.1321 18.1409C96.5473 18.1409 93.9625 19.2587 92.3557 20.8655V8.57008C92.3557 8.29064 92.0763 8.08105 91.8667 8.08105H89.5613C89.2818 8.08105 89.0723 8.3605 89.0723 8.57008V28.8994C89.0723 36.4443 94.1022 39.7278 99.0623 39.7278C103.952 39.7278 109.052 36.3745 109.052 28.8994C109.052 25.8954 108.074 23.1709 106.258 21.2148ZM99.0623 36.584C94.1022 36.584 92.2858 32.6719 92.2858 28.9693C92.2858 24.4284 95.0104 21.4244 99.0623 21.4244C103.114 21.4244 105.839 24.4982 105.839 28.9693C105.769 32.6719 104.022 36.584 99.0623 36.584Z" fill="currentColor"/></svg>
+      <div class="mt-2 sm:mt-6">
+        <p class="text-neutral-800 dark:text-neutral-200">
+          " Great design and thorough documentation. "
+        </p>
+      </div>
+      <!-- Star -->
+      <div class="flex-shrink-0 flex justify-center space-x-1 mt-3">
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M49.6867 20.0305C50.2889 19.3946 49.9878 18.1228 49.0846 18.1228L33.7306 15.8972C33.4296 15.8972 33.1285 15.8972 32.8275 15.2613L25.9032 0.317944C25.6021 0 25.3011 0 25 0V42.6046C25 42.6046 25.3011 42.6046 25.6021 42.6046L39.7518 49.9173C40.3539 50.2352 41.5581 49.5994 41.2571 48.6455L38.5476 32.4303C38.5476 32.1124 38.5476 31.7944 38.8486 31.4765L49.6867 20.0305Z" fill="#cbd5e1"/>
+          <path d="M0.313299 20.0305C-0.288914 19.3946 0.0122427 18.1228 0.915411 18.1228L16.2694 15.8972C16.5704 15.8972 16.8715 15.8972 17.1725 15.2613L24.0968 0.317944C24.3979 0 24.6989 0 25 0V42.6046C25 42.6046 24.6989 42.6046 24.3979 42.6046L10.2482 49.9173C9.64609 50.2352 8.44187 49.5994 8.74292 48.6455L11.4524 32.4303C11.4524 32.1124 11.4524 31.7944 11.1514 31.4765L0.313299 20.0305Z" fill="currentColor"/></svg>
+      </div>
+      <!-- End Star -->
+    </div>
+    <!-- End Icon Block -->
+  </div>
+  <!-- End Grid -->
+</div>
+<!-- End Testimonials -->
+<!-- Testimonials People -->
+<div class="overflow-hidden bg-slate-800">
+  <div class="relative max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Testimonials people</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  Know faces are confirming what we know
+</h2>
+<p class="text-xl">
+  Whatever your status, our offers evolve according to your needs.
+</p>
+</div>
+    <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
+      <div class="flex h-auto">
+        <div class="flex flex-col rounded-xl">
+          <div class="flex-auto p-4 md:p-6">
+            <p class="text-base italic md:text-lg text-neutral-500 dark:text-neutral-300">
+              " With Preline, we're able to easily track our performance in full detail. It's become an essential tool for us to grow and engage with our audience. "
+            </p>
+          </div>
+          <div class="p-4 rounded-b-lg md:px-7 shadow-xl bg-primary-100 dark:bg-neutral-700">
+            <div class="flex items-center">
+              <div class="flex-shrink-0">
+                <img class="h-8 w-8 rounded-full sm:h-[2.875rem] sm:w-[2.875rem]" src="https://images.unsplash.com/photo-1492562080023-ab3db95bfbce?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=320&h=320&q=80" alt="Image Description">
+              </div>
+              <div class="grow ms-3 ml-2">
+                <p class="text-sm sm:text-base font-semibold text-primary-500 dark:text-primary-200">
+                  Josh Tyson
+                </p>
+                <p class="text-xs text-neutral-500 dark:text-neutral-400">
+                  Product Manager | Capsule
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="flex h-auto">
+        <div class="flex flex-col rounded-xl shadow-xl">
+          <div class="flex-auto p-4 md:p-6">
+            <p class="text-base italic md:text-lg text-neutral-500 dark:text-neutral-300">
+              " In September, I will be using this theme for 2 years. I went through multiple updates and changes and I'm very glad to see the consistency and effort made by the team. "
+            </p>
+          </div>
+          <div class="p-4 rounded-b-lg md:px-7 shadow-xl bg-primary-100 dark:bg-neutral-700">
+            <div class="flex items-center">
+              <div class="flex-shrink-0">
+                <img class="h-8 w-8 rounded-full sm:h-[2.875rem] sm:w-[2.875rem]" src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=320&h=320&q=80" alt="Image Description">
+              </div>
+              <div class="grow ms-3 ml-2">
+                <p class="text-sm sm:text-base font-semibold text-primary-500 dark:text-primary-200">
+                  Luisa
+                </p>
+                <p class="text-xs text-neutral-500 dark:text-neutral-400">
+                  Senior Director of Operations | Fitbit
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="flex h-auto">
+        <div class="flex flex-col rounded-xl shadow-xl">
+          <div class="flex-auto p-4 md:p-6">
+            <p class="text-base italic md:text-lg text-neutral-500 dark:text-neutral-300">
+              " Refreshing and Thought provoking design and it changes my view about how I design the websites. Great typography, modern clean white design, nice tones of the color. "
+            </p>
+          </div>
+          <div class="p-4 rounded-b-lg md:px-7 shadow-xl bg-primary-100 dark:bg-neutral-700">
+            <div class="flex items-center">
+              <div class="flex-shrink-0">
+                <img class="h-8 w-8 rounded-full sm:h-[2.875rem] sm:w-[2.875rem]" src="https://images.unsplash.com/photo-1579017331263-ef82f0bbc748?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80" alt="Image Description">
+              </div>
+              <div class="grow ms-3 ml-2">
+                <p class="text-sm sm:text-base font-semibold text-primary-500 dark:text-primary-200">
+                  Alisa Williams
+                </p>
+                <p class="text-xs text-neutral-500 dark:text-neutral-400">
+                  Entrepreneur | Happy customer
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- End Card -->
+    </div>
+    <!-- End Grid -->
+    <!-- Grid -->
+    <div class="mt-20 grid gap-6 grid-cols-2 sm:gap-12 lg:grid-cols-3 lg:gap-8 text-center">
+      <!-- Stats -->
+      <div>
+        <h4 class="text-lg sm:text-xl font-semibold text-white">Accuracy rate</h4>
+        <p class="mt-2 sm:mt-3 text-4xl sm:text-6xl font-bold text-primary-500">99.95%</p>
+        <p class="mt-1 text-neutral-400">in fulfilling orders</p>
+      </div>
+      <!-- End Stats -->
+      <!-- Stats -->
+      <div>
+        <h4 class="text-lg sm:text-xl font-semibold text-white">Startup businesses</h4>
+        <p class="mt-2 sm:mt-3 text-4xl sm:text-6xl font-bold text-primary-500">2,000+</p>
+        <p class="mt-1 text-neutral-400">partner with Preline</p>
+      </div>
+      <!-- End Stats -->
+      <!-- Stats -->
+      <div>
+        <h4 class="text-lg sm:text-xl font-semibold text-white">Happy customer</h4>
+        <p class="mt-2 sm:mt-3 text-4xl sm:text-6xl font-bold text-primary-500">85%</p>
+        <p class="mt-1 text-neutral-400">this year alone</p>
+      </div>
+      <!-- End Stats -->
+    </div>
+    <!-- End Grid -->
+  </div>
+</div>
+<!-- End Testimonials People -->      
+{{< /rawhtml >}}
\ No newline at end of file
diff --git a/content/_index.md b/content/_index.md
new file mode 100755
index 0000000..e1a919f
--- /dev/null
+++ b/content/_index.md
@@ -0,0 +1,1325 @@
+---
+title: ""
+description: ""
+---
+{{< rawhtml >}}
+<section class="cointainer">
+  <!-- Jumbotron -->
+  <div class="max-w-[85rem] px-6 py-6 text-center md:px-12">
+    <div class="mx-auto">
+      <div class="grid items-center gap-12 lg:grid-cols-2 mb-20">
+        <div class="lg:mt-0">
+          <h1 class="mb-16 font-bold tracking-tight" style="font-size:4.5rem">
+            Title
+          </h1>
+          <h2 class="mb-8 text-4xl font-extrabold text-primary-800 dark:text-primary-200">template for Astro 4.0 + Tailwind CSS
+          </h2>
+          <p class="mt-8 mx-auto text-2xl mb-10 prose dark:prose-invert max-lg">
+           AstroWind is a free, customizable and production-ready template for Astro 4.0 + Tailwind CSS. Suitable for Startups, Small Business, SaaS websites, Professional Portfolios, Marketing websites, Landing Pages & Blogs.</p>
+          <a href="#" class="inline-flex justify-center items-center mt-4 py-3 px-5 sm:ms-4 text-center rounded-full text-neutral-50 bg-primary-800 dark:bg-primary-800">
+           Read more
+        </a>
+        <span class="mr-2"></span>
+          <a href="#" class="inline-flex justify-center items-center mt-6 py-3 px-5 text-center bg-transparent hover:text-primary-800 prose dark:prose-invert font-semibold border border-primary-700 hover:border-transparent rounded-full">
+            Ask a Question
+        <svg class="w-3.5 h-3.5 ms-2 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/></svg>
+        </a>
+        </div>
+        <div class="mt-8">
+           <img class="rounded-full shadow-lx" width="1000" height="628" alt="" src="123.webp" />
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Jumbotron -->
+</section>
+  <!-- Quote -->
+  <section>
+<div class="bg-gradient-to-r from-primary-500 to-secondary-700 dark:from-primary-500 dark:to-secondary-700 px-6 py-6 mb-20 rounded-xl text-neutral-50">
+<div class="container">
+   <div class="flex items-center justify-center">
+    <div class="mr-4">
+      <svg width="32px" height="32px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M12 17V11" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round"></path> <circle cx="1" cy="1" r="1" transform="matrix(1 0 0 -1 11 9)" fill="#ffffff"></circle> <path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z" stroke="#ffffff" stroke-width="1.5"></path> </g></svg>
+    </div>
+    <div>
+      <p class="text-xl font-bold">
+        Awards good deed
+      </p>
+    </div>
+  </div>
+</div>
+</div>
+</section>
+<!--  /Quote -->
+<!-- Abstract -->
+<div class="py-6">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-700 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">
+Purpose
+</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  What's the purpose of this page?
+</h2>
+<p class="text-xl">
+  Journal, exploration, organization
+</p>
+</div>
+<div class="container text-center text-lg">
+FEATURES. What you get with AstroWind. One of the most professional and comprehensive templates currently on the market. Most starred & forked Astro theme.
+</div>
+<!-- /abstract -->
+<!-- Features -->
+<div class="relative w-screen max-w-[1600px] mt-20 px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section>
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-700 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Features</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  What's in it for me?'
+</h2>
+<p class="container text-xl">
+  One of the most professional and comprehensive templates 
+</p>
+</div>
+<div class="container max-w-6xl mx-auto">
+<div class="grid sm:grid-cols-2 gap-6 md:gap-12">
+  <div class="flex">
+    <div class="mr-4">
+      <svg height="32px" width="32px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 503.76 503.76" xml:space="preserve" fill="#000000" stroke="#000000" stroke-width="2.015024"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path style="fill:#EF705D;" d="M267.715,357.098c-13.885,0-28.637-5.207-39.919-16.488l-27.769-28.637 c-3.471-3.471-3.471-8.678,0-12.149c3.471-3.471,8.678-3.471,12.149,0l28.637,28.637c16.488,16.488,43.39,13.017,59.01,0 c7.81-7.81,11.281-18.224,11.281-28.637c0-11.281-4.339-21.695-12.149-29.505l-20.827-21.695c-3.471-3.471-3.471-8.678,0-12.149 s8.678-3.471,12.149,0l20.827,20.827c11.281,11.281,17.356,26.034,17.356,41.654s-6.075,30.373-17.356,41.654 C299.824,350.156,284.203,357.098,267.715,357.098"></path> <path style="fill:#EF705D;" d="M136.678,469.044c-2.603,0-4.339-0.868-6.075-2.603L16.922,353.627 c-22.563-22.563-22.563-59.878,0-83.308c22.563-22.563,59.878-22.563,83.308,0l35.58,35.58c3.471,3.471,3.471,8.678,0,12.149 c-3.471,3.471-8.678,3.471-12.149,0l-35.58-35.58c-16.488-16.488-42.522-16.488-59.01,0s-16.488,42.522,0,59.01l113.681,113.681 c3.471,3.471,3.471,8.678,0,12.149C141.017,468.176,138.414,469.044,136.678,469.044"></path> <path style="fill:#EF705D;" d="M442.142,173.993c-17.356,0-34.712-8.678-51.2-25.166c-3.471-3.471-3.471-8.678,0-12.149 c3.471-3.471,8.678-3.471,12.149,0c27.769,27.77,53.803,26.034,85.912-4.339c3.471-3.471,8.678-3.471,12.149,0 c3.471,3.471,3.471,8.678,0,12.149C481.193,164.447,461.234,173.993,442.142,173.993"></path> </g> <path style="fill:#E6E6E6;" d="M411.77,57.708c-19.092-19.092-51.2-19.092-71.159,0L0.434,469.044L411.77,128.868 C430.861,109.776,430.861,77.668,411.77,57.708"></path> <path style="fill:#CDCDCD;" d="M347.553,130.603c-2.603,0-4.339-0.868-6.075-2.603c-3.471-3.471-3.471-8.678,0-12.149l28.637-28.637 c3.471-3.471,8.678-3.471,12.149,0s3.471,8.678,0,12.149L353.627,128C351.892,129.736,350.156,130.603,347.553,130.603"></path> <path style="fill:#EF705D;" d="M262.508,158.373c-2.603,0-4.339-0.868-6.075-2.603l-21.695-20.827 c-22.563-22.563-22.563-59.878,0-83.308c22.563-22.563,59.878-22.563,83.308,0l49.464,49.464c3.471,3.471,3.471,8.678,0,12.149 c-3.471,3.471-8.678,3.471-12.149,0l-49.464-49.464c-16.488-16.488-42.522-16.488-59.01,0s-16.488,42.522,0,59.01l20.827,20.827 c3.471,3.471,3.471,8.678,0,12.149C266.847,158.373,265.112,158.373,262.508,158.373"></path> </g></svg>
+    </div>
+    <div>
+      <p class="mb-4 text-xl font-bold">
+        Awards good deed
+      </p>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+      </p>
+    </div>
+  </div>
+    <div class="flex">
+      <div class="mr-4">
+        <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 370.298 370.298" xml:space="preserve" width="32px" height="32px" fill="#000000" stroke="#000000" stroke-width="1.110894"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <g> <circle style="fill:#FFE473;" cx="81.367" cy="193.051" r="48.533"></circle> <circle style="fill:#FFE473;" cx="288.931" cy="193.051" r="48.533"></circle> </g> <path style="fill:#FFE473;" d="M313.76,142.809c0,2.615-0.085,5.259-0.24,7.917c-0.17,2.743-0.438,5.513-0.778,8.298 l-11.875,94.689c-7.309,58.343-56.915,102.125-115.724,102.125c-58.809,0-108.416-43.782-115.724-102.125l-11.833-94.519 c-0.014,0.014-0.014,0.014-0.014,0l-0.014-0.169c-0.339-2.785-0.608-5.556-0.778-8.313C52.44,79.618,107.178,18.207,178.54,14.63 c2.05-0.113,4.114-0.155,6.192-0.169h0.41c64.209,0,116.374,46.722,126.737,106.507 C313.123,128.079,313.76,135.387,313.76,142.809z"></path> <path style="fill:#808080;" d="M313.76,142.809c0,2.615-0.085,5.259-0.24,7.917c-50.101,0.269-73.37-39.852-73.37-39.852 c-80.113,60.322-183.355,39.852-183.355,39.852l-0.014-0.014C52.44,79.618,107.178,18.207,178.54,14.63 c2.05-0.113,4.114-0.155,6.192-0.169h0.41c64.209,0,116.374,46.722,126.737,106.507 C313.123,128.079,313.76,135.387,313.76,142.809z"></path> <path style="fill:#F98680;" d="M143.554,286.902c22.991,22.991,60.199,22.991,83.19,0"></path> </g> <g> <path style="fill:#F98680;" d="M319.149,61.568h33.149v33.149c0,4.971,4.029,9,9,9l0,0c4.971,0,9-4.029,9-9V52.568 c0-4.971-4.029-9-9-9h-42.149c-4.971,0-9,4.029-9,9v0C310.149,57.539,314.179,61.568,319.149,61.568z"></path> <path style="fill:#F98680;" d="M18,94.717V61.568h33.149c4.971,0,9-4.029,9-9v0c0-4.971-4.029-9-9-9H9c-4.971,0-9,4.029-9,9 v42.149c0,4.971,4.029,9,9,9h0C13.971,103.717,18,99.688,18,94.717z"></path> <path style="fill:#F98680;" d="M51.149,308.73H18v-33.149c0-4.971-4.029-9-9-9h0c-4.971,0-9,4.029-9,9l0,42.149 c0,4.971,4.029,9,9,9h42.149c4.971,0,9-4.029,9-9v0C60.149,312.76,56.12,308.73,51.149,308.73z"></path> <path style="fill:#F98680;" d="M352.298,275.581v33.149h-33.149c-4.971,0-9,4.029-9,9v0c0,4.971,4.029,9,9,9h42.149 c4.971,0,9-4.029,9-9v-42.149c0-4.971-4.029-9-9-9l0,0C356.328,266.581,352.298,270.61,352.298,275.581z"></path> </g> <rect x="41.816" y="79.495" style="fill:#F98680;" width="22" height="51"></rect> <rect x="73.816" y="79.495" style="fill:#F98680;" width="22" height="51"></rect> <rect x="108.816" y="79.495" style="fill:#F98680;" width="22" height="51"></rect> <path style="fill:#F98680;" d="M301.814,83.305L301.814,83.305c-7.246-7.246-18.993-7.246-26.238,0l0,0 c-7.246,7.246-7.246,18.993,0,26.238v0l26.238,26.238l26.238-26.238v0c7.246-7.246,7.246-18.993,0-26.238l0,0 C320.807,76.059,309.06,76.059,301.814,83.305L301.814,83.305z"></path> </g> </g></svg>
+      </div>
+      <div>
+        <p class="mb-4 text-xl font-bold">
+          Liste greta deed
+        </p>
+        <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+          A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+        </p>
+      </div>
+    </div>
+  <div class="flex">
+    <div class="mr-4">
+      <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" width="32px" height="32px" fill="#000000" stroke="#000000" stroke-width="0.00512"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <rect x="53.333" y="456.73" style="fill:#FCD051;" width="106.665" height="44.605"></rect> <rect x="53.333" y="367.518" style="fill:#FCD051;" width="106.665" height="44.609"></rect> </g> <rect x="53.333" y="278.305" style="fill:#ED8C18;" width="106.665" height="44.605"></rect> <g> <rect x="202.662" y="456.73" style="fill:#FCD051;" width="106.665" height="44.605"></rect> <rect x="202.662" y="367.518" style="fill:#FCD051;" width="106.665" height="44.609"></rect> </g> <g> <rect x="202.662" y="278.305" style="fill:#ED8C18;" width="106.665" height="44.605"></rect> <rect x="202.662" y="189.093" style="fill:#ED8C18;" width="106.665" height="44.61"></rect> </g> <g> <rect x="202.662" y="99.88" style="fill:#D12D4E;" width="106.665" height="44.604"></rect> <rect x="202.662" y="10.668" style="fill:#D12D4E;" width="106.665" height="44.605"></rect> </g> <g> <rect x="351.997" y="456.73" style="fill:#FCD051;" width="106.665" height="44.605"></rect> <rect x="351.997" y="367.518" style="fill:#FCD051;" width="106.665" height="44.609"></rect> </g> <g> <rect x="351.997" y="278.305" style="fill:#ED8C18;" width="106.665" height="44.605"></rect> <rect x="351.997" y="189.093" style="fill:#ED8C18;" width="106.665" height="44.61"></rect> </g> <rect x="351.997" y="99.88" style="fill:#D12D4E;" width="106.665" height="44.604"></rect> </g> <g> <path style="fill:#000003;" d="M160,446.06H53.333c-5.891,0-10.668,4.776-10.668,10.668v44.605c0,5.892,4.776,10.668,10.668,10.668 H160c5.892,0,10.668-4.776,10.668-10.668v-44.605C170.668,450.835,165.893,446.06,160,446.06z M149.333,490.665H64.001v-23.27 h85.332L149.333,490.665L149.333,490.665z"></path> <path style="fill:#000003;" d="M160,356.846H53.333c-5.891,0-10.668,4.776-10.668,10.668v44.609c0,5.89,4.776,10.668,10.668,10.668 H160c5.892,0,10.668-4.778,10.668-10.668v-44.609C170.668,361.621,165.893,356.846,160,356.846z M149.333,401.456H64.001v-23.274 h85.332L149.333,401.456L149.333,401.456z"></path> <path style="fill:#000003;" d="M160,267.635H53.333c-5.891,0-10.668,4.778-10.668,10.668v44.606 c0,5.892,4.776,10.668,10.668,10.668H160c5.892,0,10.668-4.776,10.668-10.668v-44.606C170.668,272.411,165.893,267.635,160,267.635 z M149.333,312.24H64.001v-23.271h85.332L149.333,312.24L149.333,312.24z"></path> <path style="fill:#000003;" d="M309.334,446.06H202.667c-5.892,0-10.668,4.776-10.668,10.668v44.605 c0,5.892,4.776,10.668,10.668,10.668h106.667c5.891,0,10.668-4.776,10.668-10.668v-44.605 C320.001,450.835,315.225,446.06,309.334,446.06z M298.666,490.665h-85.332v-23.27h85.332V490.665z"></path> <path style="fill:#000003;" d="M309.334,356.846H202.667c-5.892,0-10.668,4.776-10.668,10.668v44.609 c0,5.89,4.776,10.668,10.668,10.668h106.667c5.891,0,10.668-4.778,10.668-10.668v-44.609 C320.001,361.621,315.225,356.846,309.334,356.846z M298.666,401.456h-85.332v-23.274h85.332V401.456z"></path> <path style="fill:#000003;" d="M309.334,267.635H202.667c-5.892,0-10.668,4.778-10.668,10.668v44.606 c0,5.892,4.776,10.668,10.668,10.668h106.667c5.891,0,10.668-4.776,10.668-10.668v-44.606 C320.001,272.411,315.225,267.635,309.334,267.635z M298.666,312.24h-85.332v-23.271h85.332V312.24z"></path> <path style="fill:#000003;" d="M309.334,178.421H202.667c-5.892,0-10.668,4.776-10.668,10.668v44.609 c0,5.892,4.776,10.668,10.668,10.668h106.667c5.891,0,10.668-4.776,10.668-10.668v-44.609 C320.001,183.196,315.225,178.421,309.334,178.421z M298.666,223.03h-85.332v-23.274h85.332V223.03z"></path> <path style="fill:#000003;" d="M309.334,89.212H202.667c-5.892,0-10.668,4.776-10.668,10.668v44.604 c0,5.892,4.776,10.668,10.668,10.668h106.667c5.891,0,10.668-4.776,10.668-10.668V99.879 C320.001,93.986,315.225,89.212,309.334,89.212z M298.666,133.815h-85.332v-23.269h85.332V133.815z"></path> <path style="fill:#000003;" d="M309.334,0H202.667C196.775,0,192,4.776,192,10.668v44.605c0,5.892,4.776,10.668,10.668,10.668 h106.667c5.891,0,10.668-4.776,10.668-10.668V10.668C320.001,4.776,315.225,0,309.334,0z M298.666,44.605h-85.332v-23.27h85.332 V44.605z"></path> <path style="fill:#000003;" d="M458.667,446.06H352c-5.891,0-10.668,4.776-10.668,10.668v44.605 c0,5.892,4.777,10.668,10.668,10.668h106.667c5.892,0,10.668-4.776,10.668-10.668v-44.605 C469.334,450.835,464.558,446.06,458.667,446.06z M447.999,490.665h-85.332v-23.27h85.332V490.665z"></path> <path style="fill:#000003;" d="M458.667,356.846H352c-5.891,0-10.668,4.776-10.668,10.668v44.609 c0,5.89,4.777,10.668,10.668,10.668h106.667c5.892,0,10.668-4.778,10.668-10.668v-44.609 C469.334,361.621,464.558,356.846,458.667,356.846z M447.999,401.456h-85.332v-23.274h85.332V401.456z"></path> <path style="fill:#000003;" d="M458.667,267.635H352c-5.891,0-10.668,4.778-10.668,10.668v44.606 c0,5.892,4.777,10.668,10.668,10.668h106.667c5.892,0,10.668-4.776,10.668-10.668v-44.606 C469.334,272.411,464.558,267.635,458.667,267.635z M447.999,312.24h-85.332v-23.271h85.332V312.24z"></path> <path style="fill:#000003;" d="M458.667,178.421H352c-5.891,0-10.668,4.776-10.668,10.668v44.609 c0,5.892,4.777,10.668,10.668,10.668h106.667c5.892,0,10.668-4.776,10.668-10.668v-44.609 C469.334,183.196,464.558,178.421,458.667,178.421z M447.999,223.03h-85.332v-23.274h85.332V223.03z"></path> <path style="fill:#000003;" d="M458.667,89.212H352c-5.891,0-10.668,4.776-10.668,10.668v44.604 c0,5.892,4.777,10.668,10.668,10.668h106.667c5.892,0,10.668-4.776,10.668-10.668V99.879 C469.334,93.986,464.558,89.212,458.667,89.212z M447.999,133.815h-85.332v-23.269h85.332V133.815z"></path> <path style="fill:#000003;" d="M53.333,244.239h0.914c5.891,0,10.668-4.776,10.668-10.668c0-5.89-4.777-10.668-10.668-10.668 h-0.914c-5.891,0-10.668,4.778-10.668,10.668C42.666,239.464,47.443,244.239,53.333,244.239z"></path> <path style="fill:#000003;" d="M160,222.903H86.049c-5.892,0-10.668,4.778-10.668,10.668c0,5.892,4.776,10.668,10.668,10.668H160 c5.892,0,10.668-4.776,10.668-10.668C170.668,227.681,165.893,222.903,160,222.903z"></path> </g> </g></svg>
+    </div>
+    <div>
+      <p class="mb-4 text-xl font-bold">
+        I am good camper
+      </p>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+      </p>
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-4">
+      <svg width="32px" height="32px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#61c2a9"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C12.5523 2 13 2.44772 13 3V5.58579L14.2929 4.29289C14.6834 3.90237 15.3166 3.90237 15.7071 4.29289C16.0976 4.68342 16.0976 5.31658 15.7071 5.70711L12.7071 8.70711C12.3166 9.09763 11.6834 9.09763 11.2929 8.70711L8.29289 5.70711C7.90237 5.31658 7.90237 4.68342 8.29289 4.29289C8.68342 3.90237 9.31658 3.90237 9.70711 4.29289L11 5.58579V3C11 2.44772 11.4477 2 12 2ZM3 12C3 11.4477 3.44772 11 4 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H4C3.44772 13 3 12.5523 3 12ZM15.7071 18.2929L12.7071 15.2929C12.3166 14.9024 11.6834 14.9024 11.2929 15.2929L8.29289 18.2929C7.90237 18.6834 7.90237 19.3166 8.29289 19.7071C8.68342 20.0976 9.31658 20.0976 9.70711 19.7071L11 18.4142V21C11 21.5523 11.4477 22 12 22C12.5523 22 13 21.5523 13 21V18.4142L14.2929 19.7071C14.6834 20.0976 15.3166 20.0976 15.7071 19.7071C16.0976 19.3166 16.0976 18.6834 15.7071 18.2929Z" fill="#000000"></path> </g></svg>
+    </div>
+    <div>
+      <p class="mb-4 text-xl font-bold">
+        Really. Ok that's fine
+      </p>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+      </p>
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-4">
+      <svg width="32px" height="32px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--emojione" preserveAspectRatio="xMidYMid meet" fill="#000000" stroke="#000000" stroke-width="0.064"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M53.3 55.3c0-3.5 1.7-9.5-5.1-12.8H15.8c-6.8 3.2-5.1 9.3-5.1 12.8C10.7 57.9 6 57 6 60c0 2.3 3.2 2.2 4.4 1.7c3-1.1 4.9-3.8 5.5-4.6c.5-.7.2-.9.5-1.7c.3-.8 1.9.8 4-.1c3.1-1.3 1.1-3.9 3.4-3.9c1.4 0 4.4 1.2 8.2 1.2c3.8 0 6.8-1.2 8.2-1.2c2.3 0 .2 2.5 3.4 3.9c2.2.9 3.8-.7 4 .1c.3.8-.1.9.5 1.7c.6.9 2.5 3.5 5.5 4.6c1.3.5 4.4.6 4.4-1.7c0-3-4.7-2.1-4.7-4.7" fill="#94989b"> </path> <g fill="#b0bdc6"> <path d="M46.1 42.8c-3.9-1.3-24.3-1.3-28.2 0c-7.7 2.6-5.9 10.6-5.9 10.6s2.6-4.4 6.1-3.4c0 0-4.6 2.2-2.3 5c.6-2.6 2.6.2 4.6-1.1c2.2-1.5.2-4.7 4.1-3.7c5.5 1.6 9.6 1.6 15.2 0c3.8-1.1 1.9 2.1 4.1 3.7c2 1.4 4-1.4 4.6 1.1c2.3-2.9-2.3-5-2.3-5c3.5-1 6.1 3.4 6.1 3.4s1.6-8-6.1-10.6"> </path> <path d="M9.9 58.3c0-1.2-4.7.8-2.4 2.5c2.4 1.7 7.2-2.7 4.7-2.7c-1.5 0-2.3 1.3-2.3.2"> </path> <path d="M54.1 58.3c0-1.2 4.7.8 2.4 2.5c-2.3 1.7-7.2-2.7-4.7-2.7c1.5 0 2.3 1.3 2.3.2"> </path> </g> <circle cx="32" cy="25.8" r="23.8" fill="#8c13d4"> </circle> <path d="M35.3 25.3C42.2 28.2 47.1 33.4 49 39c2.8-3.6 4.5-8.2 4.5-13.1C53.5 14 43.8 4.4 32 4.4S10.5 14 10.5 25.9c0 1.1.1 2.2.3 3.3c4.7-6.1 14.9-7.9 24.5-3.9" fill="#ae3ffd"> </path> <ellipse cx="32" cy="39.9" rx="15.2" ry="9.7" fill="#6c368e"> </ellipse> <path d="M18.1 30.5c0-11.4 9.2-20.6 20.6-20.6c2.7 0 5.3.5 7.7 1.5C42.8 8.1 37.9 6 32.5 6C21.2 6 12 15.2 12 26.6c0 8.6 5.3 16 12.8 19.1c-4.1-3.8-6.7-9.2-6.7-15.2" fill="#b371ec"> </path> <g fill="#ffffff"> <path d="M20.4 5.7c0 4.9-2.6 9.2-6.3 9.2c3.7 0 6.3 4.4 6.3 9.2c0-4.9 2.6-9.2 6.3-9.2c-3.6 0-6.3-4.3-6.3-9.2"> </path> <path d="M16.7 22.4c0 2.6-1.4 5-3.4 5c2 0 3.4 2.4 3.4 5c0-2.6 1.4-5 3.4-5c-1.9 0-3.4-2.4-3.4-5"> </path> <path d="M25.8 18.7c0 2.3-1.2 4.3-3 4.3c1.7 0 3 2 3 4.3c0-2.3 1.2-4.3 3-4.3c-1.8.1-3-2-3-4.3"> </path> </g> </g></svg>
+    </div>
+    <div>
+      <p class="mb-4 text-xl font-bold">
+        demo demo demo
+      </p>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+      </p>
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-4">
+     <svg width="32px" height="32px" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--noto" preserveAspectRatio="xMidYMid meet" fill="#000000" stroke="#000000" stroke-width="0.128"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M67.47 48.2l-1.11 18.48s3.76 10.64 2.71 25.45c-1.01 14.27-4.8 21.49-5.84 23.99s-3.96 5.63 0 6.88s10.64.63 13.56-.42c2.92-1.04 4.37-6.84 4.8-9.18c1.05-5.79 1.63-16.74-.5-27.54C79.46 77.56 76 63.33 76 63.33L67.47 48.2z" fill="#99c23b"></path><path d="M66.78 45.4s4.28-13.43 14.12-23.62c9.43-9.76 19.06-12.96 26.78-13.92c8.51-1.06 11.98-.95 13.44.1s.94 2.7.97 4.16c.19 10.44.58 23.97-11.7 36.35c-13.11 13.2-22.45 15.57-32.68 16.62c-10.22 1.04-9.06-3.62-9.06-3.62L66.78 45.4z" fill="#99c23b"></path><path d="M2.98 37.05c-.37 1.83 9.29 23.31 27.95 30.07c20.09 7.29 39.03 0 39.03 0l1.56-19.34l-4.75-2.38S56.7 34.29 45.51 30.19c-11.6-4.25-24.71-4.58-33.64.19c-5.6 3-8.69 5.7-8.89 6.67z" fill="#99c23b"></path><path d="M86.68 30.68C77.38 41.7 72.69 52.81 72.2 55.71s1.12 2.78 2.03 1.55c1.64-2.22 7.35-12.37 15.85-22.04c7.36-8.36 18.56-17.4 20.2-19.33c1.02-1.2-.1-2.71-1.64-2.03c-1.54.67-12.45 5.55-21.96 16.82z" fill="#e6dc9f"></path><path d="M41.43 41c-13.6-4.68-23.55-4.05-25.58-3.37c-2.03.68-1.93 2.9.48 3.19s12.24 1.27 24.56 5.7c13.15 4.74 22.52 11.89 24.17 12.86c1.64.97 2.71-.97 1.26-2.71c-1.11-1.31-9.89-10.51-24.89-15.67z" fill="#e6dc9f"></path></g></svg>
+    </div>
+    <div>
+      <p class="mb-4 text-xl font-bold">
+        More connected I become
+      </p>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+      </p>
+    </div>
+  </div>
+</div>
+</div>
+<div class="mt-10 flex justify-center">
+  <a href="">
+    <button
+      class="bg-transparent hover:text-primary-700 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 border border-primary-700 hover:border-transparent rounded-full">
+      Courses
+    </button>
+  </a>
+</div>
+</section>
+</div>
+<!-- /Features -->
+<!-- Blueprint -->
+<div class="mt-20 max-w-7xl">
+  <section class="mx-auto max-w-7xl">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-700 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Plan</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  Steps
+</h2>
+<p class="text-xl">
+  Do or don't
+</p>
+</div>
+<div class="px-4 mx-auto">
+  <div class="grid gap-6 row-gap-10 lg:grid-cols-2">
+  <div class="relative">
+       <img class="rounded-xl shadow-lg" width="1000" height="628" alt="" src="direction.webp" />
+    </div>
+    <div class="lg:py-6">
+        <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+           <div class="flex items-center justify-center w-12 h-12 border rounded-full border-primary-700">
+             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-700 dark:text-primary-200">
+             <path stroke-linecap="round" stroke-linejoin="round" d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z" /></svg>
+           </div>
+         </div>
+         <div class="w-px h-full bg-primary-700"></div>
+       </div>
+       <div class="pt-1 pb-8">
+         <p class="mb-2 text-xl font-bold">Step 1</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Where, when? Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+       </div>
+     </div>
+     <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+           <div class="flex items-center justify-center w-12 h-12 border rounded-full border-primary-700">
+             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-700 dark:text-primary-200">
+             <path stroke-linecap="round" stroke-linejoin="round" d="M15.362 5.214A8.252 8.252 0 0 1 12 21 8.25 8.25 0 0 1 6.038 7.047 8.287 8.287 0 0 0 9 9.601a8.983 8.983 0 0 1 3.361-6.867 8.21 8.21 0 0 0 3 2.48Z" />
+             <path stroke-linecap="round" stroke-linejoin="round" d="M12 18a3.75 3.75 0 0 0 .495-7.468 5.99 5.99 0 0 0-1.925 3.547 5.975 5.975 0 0 1-2.133-1.001A3.75 3.75 0 0 0 12 18Z" /></svg>
+           </div>
+         </div>
+         <div class="w-px h-full bg-primary-500"></div>
+       </div>
+       <div class="pt-1 pb-8">
+         <p class="mb-2 text-xl font-bold">Step 2</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Burning question. Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+       </div>
+     </div>
+     <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+           <div class="flex items-center justify-center w-12 h-12 border rounded-full border-primary-700">
+             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-700 dark:text-primary-200">
+             <path stroke-linecap="round" stroke-linejoin="round" d="M6 13.5V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m12-3V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m-6-9V3.75m0 3.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 9.75V10.5" /></svg>
+           </div>
+         </div>
+         <div class="w-px h-full bg-primary-700"></div>
+       </div>
+       <div class="pt-1 pb-8">
+         <p class="mb-2 text-xl font-bold">Step 1</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Sensation quality. Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+       </div>
+     </div>
+     <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+           <div class="flex items-center justify-center w-12 h-12 border rounded-full border-primary-700">
+             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-700 dark:text-primary-200">
+             <path stroke-linecap="round" stroke-linejoin="round" d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h1.5C5.496 19.5 6 18.996 6 18.375m-3.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-1.5A1.125 1.125 0 0 1 18 18.375M20.625 4.5H3.375m17.25 0c.621 0 1.125.504 1.125 1.125M20.625 4.5h-1.5C18.504 4.5 18 5.004 18 5.625m3.75 0v1.5c0 .621-.504 1.125-1.125 1.125M3.375 4.5c-.621 0-1.125.504-1.125 1.125M3.375 4.5h1.5C5.496 4.5 6 5.004 6 5.625m-3.75 0v1.5c0 .621.504 1.125 1.125 1.125m0 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m1.5-3.75C5.496 8.25 6 7.746 6 7.125v-1.5M4.875 8.25C5.496 8.25 6 8.754 6 9.375v1.5m0-5.25v5.25m0-5.25C6 5.004 6.504 4.5 7.125 4.5h9.75c.621 0 1.125.504 1.125 1.125m1.125 2.625h1.5m-1.5 0A1.125 1.125 0 0 1 18 7.125v-1.5m1.125 2.625c-.621 0-1.125.504-1.125 1.125v1.5m2.625-2.625c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125M18 5.625v5.25M7.125 12h9.75m-9.75 0A1.125 1.125 0 0 1 6 10.875M7.125 12C6.504 12 6 12.504 6 13.125m0-2.25C6 11.496 5.496 12 4.875 12M18 10.875c0 .621-.504 1.125-1.125 1.125M18 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m-12 5.25v-5.25m0 5.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125m-12 0v-1.5c0-.621-.504-1.125-1.125-1.125M18 18.375v-5.25m0 5.25v-1.5c0-.621.504-1.125 1.125-1.125M18 13.125v1.5c0 .621.504 1.125 1.125 1.125M18 13.125c0-.621.504-1.125 1.125-1.125M6 13.125v1.5c0 .621-.504 1.125-1.125 1.125M6 13.125C6 12.504 5.496 12 4.875 12m-1.5 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M19.125 12h1.5m0 0c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h1.5m14.25 0h1.5" /></svg>
+           </div>
+         </div>
+         <div class="w-px h-full bg-primary-700"></div>
+       </div>
+       <div class="pt-1 pb-8">
+         <p class="mb-2 text-xl font-bold">Step 1</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love, kindness, flexibility.
+         </p>
+       </div>
+     </div>
+     <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+           <div class="flex items-center justify-center w-12 h-12 border rounded-full border-primary-700">
+             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-700 dark:text-primary-200">
+             <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" /></svg>
+           </div>
+         </div>
+       </div>
+       <div class="pt-1 pb-8">
+         <p class="mb-2 text-xl font-bold">Step 1</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love, kindness, flexibility.
+         </p>
+       </div>
+     </div>
+    </div>
+  </div>
+  </div>
+  </section>
+  </div>    
+<!-- /primaryprint -->
+<!-- Events -->
+<div class="relative mt-20 w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section>
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-700 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Events</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  IMPROVE YOUR SELF RELATIONSHIP
+</h2>
+<p class="text-xl">
+  Practice
+</p>
+</div>
+<div class="max-w-6xl mx-auto grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl text-center">
+    <div class="flex justify-center items-center">
+    <svg width="64px" height="64px" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--noto" preserveAspectRatio="xMidYMid meet" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="#41484a" d="M71.08 63.95l4.69-9.39l10.51-13.51L99.8 31.1l13.51-6.2l7.28-.18l1.83 2.81l-3.1 14.22l-4.93 20.98l-3.09 5.06l-7.32 4.09L96.51 73l7.61 3.52l5.63 4.37l3.23 4.5v6.06l-2.81 7.88l-8.45 6.76l-5.21 1.97l-8.16-1.97l-1.83-2.11l-3.9-6.2l-2.72-9.29l-5.49-2.82l-5.3 2.91l1.92 12.44l-.42 3.94l-.7 2.82l-1.97 3.94l-5.07 2.95l-7.18.15l-9.29-2.54l-5.49-4.22l-3.38-5.63l.84-7.46l9.57-12.25l-8.02 2.95l-10.28.29l-8.44-9.16L8.24 55.83l-3.23-9.29l2.67-2.82h7.74l16.62 2.68l18.16 7.18l13.09 7.46z"></path><path d="M67.02 46.26s1.23-11.63 2.53-16.19c1.83-6.41 7.04-11.47 11.4-11.97c4.36-.49 3.8 2.89 1.13 4.29c-2.57 1.35-5.35.56-5.35.56s-3.59 2.62-4.79 8.02c-1.41 6.34-2.53 16.19-2.53 16.19l-2.39-.9z" fill="#676f72"></path><path d="M63.15 47.03s-4.77-9.69-9.92-15.84c-5.14-6.12-11.68-6.34-12.6-6.41c-.92-.07-4.79.56-4.79 2.39c0 2.46 3.4 2.9 5.35 2.53c2.25-.42 3.31-1.76 3.31-1.76s4.18 1.66 6.97 5c3.24 3.87 9.22 15.56 9.22 15.56l.42 1.55l2.04-3.02z" fill="#676f72"></path><path d="M54.84 93.7c-1.75-.87-7.04 4.08-7.04 6.48c0 1.57 1.13 4.22 3.52 3.52c2.4-.71 5.78-8.88 3.52-10z" fill="#ff8b03"></path><path d="M45.41 93.7c2.25 1.97 5.97-1.95 7.6-4.5c1.97-3.1 2.96-10.84 2.39-10.56c-.56.28-7.6 5.35-7.6 5.35s-5.34 7.13-2.39 9.71z" fill="#ff8b03"></path><path d="M56.11 103.27c0 2.46 2.67 4.22 5.35 3.8c1.4-.22 3.91-1.52 3.66-3.8c-.28-2.53-1.41-6.34-4.08-6.76c-2.68-.42-4.93 2.68-4.93 6.76z" fill="#ff8b03"></path><path d="M71.01 83.91s-3.69 7.75-4.49 9.64c-1.13 2.67-1.17 9.34 1.83 10.42c2.14.77 2.67-2.96 2.67-2.96s.37-7.64.37-10.17c.01-2.53-.38-6.93-.38-6.93z" fill="#ff8b03"></path><path d="M73.85 75.12s7.04 8.17 9.15 9.71c2.11 1.55 5.77 5.91 10.56 2.67c4.79-3.24-8.17-14.08-9.29-14.92C83.14 71.74 73 71.6 73 71.6l.85 3.52z" fill="#ff8b03"></path><path d="M76.38 83s4.92 4.49 5.91 5.49c2.11 2.11 4.5 4.07 5.49 7.04c.56 1.69 1.41 4.22-.42 5.21c-1.51.81-3.4-1.39-4.08-2.11c-.69-.72-3.33-6.53-4.87-9.84c-.64-1.36-2.03-5.79-2.03-5.79z" fill="#ff8b03"></path><path d="M90.74 91.45c-1.13 1.52.32 6.76 1.83 7.74c2.82 1.83 6.19-1.41 6.19-2.96c.01-1.55-5.63-8.02-8.02-4.78z" fill="#ff8b03"></path><path d="M88.91 72.02s6.19 9.71 9.57 11.68s6.04 1.75 7.04 0c2.25-3.94-7.46-9.29-7.46-9.29l-9.15-2.39z" fill="#ff8b03"></path><path d="M96.65 87.22c-.84 1.83 2.67 7.18 5.07 7.18s3.26-3.39 3.1-4.5c-.28-1.97-6.73-5.8-8.17-2.68z" fill="#ff8b03"></path><path d="M61.6 75.4s-6.49 10.66-4.5 15.91c1.55 4.08 5.77 3.38 9.43-3.52s4.36-11.26 4.36-11.26l-1.13-3.94l-8.16 2.81z" fill="#ff8b03"></path><path d="M63.99 60.33s-5.77-5.21-17.46-10.14s-22.1-8.02-31.39-7.88s-10.7 2.25-11.12 3.94c-.42 1.69 1.24 7.02 3.1 10.28c2.25 3.94 10.7 17.6 13.66 21.82c2.55 3.65 4.31 7.7 9.85 9.01c6.15 1.45 13.66-1.69 13.66-1.69s-7.18 6.48-7.6 13.37c-.42 6.9 3.24 11.83 10.84 14.5s18.7 4.72 22.24-3.66c1.03-2.44.84-4.93.84-4.93s-2.56 7.31-6.48 8.02c-3.1.56-2.67-1.27-5.49-1.55c-2.82-.28-2.39 1.83-5.35 1.83c-2.27 0-1.55-1.83-3.94-3.1s-3.75.78-5.21-.42c-2.39-1.97-.14-2.96-1.13-4.5c-.99-1.55-3.26-2.02-3.8-3.94c-.99-3.52.99-6.19 3.1-9.29c2.11-3.1 5.91-7.6 8.87-9.71c2.96-2.11 17.53-9.06 17.53-9.06s.77-2.62-.35-2.48c-1.13.14-14.36 7.18-16.76 8.73c-2.39 1.55-12.74 6.91-20.27 5.21c-4.36-.99-12.23-14.87-15.41-19.19c-3.18-4.32-8.68-14.92-8.24-17.98c.41-2.82 5.21-3.38 12.53-2.53c7.32.84 13.8 3.1 22.95 6.9S62.73 62.73 64 62.73c1.26 0-.01-2.4-.01-2.4z" fill="#676f72"></path><path d="M72.58 62.02s-1.13-2.72.84-6.1s8.31-12.9 14.78-18.68c6.48-5.77 28.3-17.74 33.22-14.22c4.93 3.52-.42 17.36-1.55 22.1c-.98 4.13-2.25 17.41-7.04 22.95c-3.72 4.31-11.68 5.77-11.68 5.77s12.94 6.21 13.51 14.36c.7 10-10.98 21.42-19.71 21.12c-6.71-.23-8.45-5.35-8.45-5.35s6.19 3.52 8.73 2.82c2.53-.7.7-3.1 3.1-4.5s4.36 2.25 6.19.56s.42-3.24 1.69-4.93c1.27-1.69 3.1 0 4.22-1.55c1.13-1.55 0-3.66.56-5.07c.56-1.41 1.69-1.69 1.55-3.8c-.14-2.11-4.08-7.04-9.01-9.43s-10.28-3.52-14.64-4.36c-4.36-.84-15.63-1.6-15.63-1.6s-.99-2.3-.42-2.21c1.13.19 3.94.42 8.17.56c8.54.28 22.24 2.25 28.3-2.53s7.04-18.3 7.6-21.82s5.91-19.01 2.82-20.55c-3.1-1.55-18.34 4.61-26.7 11.07s-14.4 15.4-16.23 19.06c-1.83 3.66-4.22 6.33-4.22 6.33z" fill="#676f72"></path><path d="M72.41 58.68c.77-1.06 1.95-1.89 1.44-7.07c-.56-5.7-5.46-7.14-9.33-6.3c-3.14.68-7.57 3.63-5.17 10.73c2.12 6.31 9.29 4.36 9.29 4.36s2.99-.67 3.77-1.72z" fill="#41484a"></path><ellipse transform="rotate(-33.726 95.108 38.234)" cx="95.11" cy="38.23" rx="2.75" ry="2.18" fill="#fcfdfa"></ellipse><path d="M117.21 41.47c-.63-1.03-2.01-1.26-3.17-.28c-.79.66-1.44 2.24-.77 3.24c.67 1 2.14 1.12 3.1.35c1.18-.95 1.41-2.37.84-3.31z" fill="#fcfdfa"></path><path d="M104.33 35.13c-.67-1-2.47-1.12-3.73-.28s-2.21 2.41-1.2 3.94c.7 1.06 2.31 1.04 3.87.14c1.48-.84 1.73-2.79 1.06-3.8z" fill="#fcfdfa"></path><path d="M121.22 26.05c0 1.09-.7 2.18-2.18 1.97c-1.35-.19-1.97-.7-1.97-2.18c0-1.09 1.04-1.76 2.15-1.76s2 .88 2 1.97z" fill="#fcfdfa"></path><path d="M119.53 34.64c0 1.09-1.08 2.04-2.18 1.97c-1.06-.07-1.97-.7-1.97-2.18c0-1.09 1.07-1.9 2.18-1.9s1.97 1.02 1.97 2.11z" fill="#fcfdfa"></path><circle cx="113.79" cy="53.68" r="2.15" fill="#fcfdfa"></circle><ellipse cx="20.74" cy="72.3" rx="1.87" ry="1.9" fill="#fcfdfa"></ellipse><path d="M10 45.97c.83 1.11.18 2.35-.86 3.2c-1.03.85-2.45.83-3.16-.04s-.45-2.27.59-3.12c1.04-.85 2.62-1.14 3.43-.04z" fill="#fcfdfa"></path><path d="M16.74 60.88c1.42.28 1.81 1.53 1.62 2.74c-.19 1.22-1.28 2.06-2.44 1.88c-1.16-.18-1.95-1.31-1.77-2.53s1.19-2.36 2.59-2.09z" fill="#fcfdfa"></path><path d="M12.46 53.78c1.03 1.02.66 2.27-.17 3.18c-.83.91-2.2 1.01-3.07.21c-.87-.79-.9-2.17-.07-3.08c.83-.91 2.3-1.32 3.31-.31z" fill="#fcfdfa"></path><path d="M29.77 49.61c1.04.82.74 2.14-.02 3.2s-2.08 1.42-2.96.8s-.97-1.99-.21-3.06c.76-1.06 2.16-1.75 3.19-.94z" fill="#fcfdfa"></path><path d="M26.55 48.97c-.04 1.36-1.31 1.92-2.64 1.93c-1.33.02-2.42-.87-2.43-1.97c-.01-1.11 1.05-2.02 2.38-2.03c1.33-.02 2.73.72 2.69 2.07z" fill="#fcfdfa"></path><path d="M43.86 99.19c0 1.23-.78 2.22-2.01 2.22s-2.22-1-2.22-2.24c0-1.23.99-2.24 2.22-2.24s2.01 1.02 2.01 2.26z" fill="#fcfdfa"></path><path d="M47.59 107.07c-.8.95-2.44.81-3.28.11c-.83-.7-.86-2.04-.06-2.99s2.12-1.16 2.96-.46c.83.7 1.18 2.39.38 3.34z" fill="#fcfdfa"></path><ellipse transform="rotate(-33.973 107.471 93.774)" cx="107.46" cy="93.77" rx="2.08" ry="1.76" fill="#fcfdfa"></ellipse><ellipse transform="rotate(-33.973 109.79 87.148)" cx="109.78" cy="87.14" rx="2.08" ry="2" fill="#fcfdfa"></ellipse><path d="M95.2 43.49c-3.49-1.45-7.13.47-11.26 6.38s-6.38 10.04-4.6 11.54s10-6.16 11.73-7.51c2.53-1.97 7.98-8.82 4.13-10.41z" fill="#ff8b03"></path><path d="M88.16 60c2.32-1.32 9.1-.75 12.76-.94c2.44-.13 6.01.25 6.1 1.5c.19 2.53-.75 4.13-3.94 5.26s-10.7 1.31-15.49 1.41c-2.82.06-5.41.34-5.73-.94c-.18-.75 2.17-3.94 6.3-6.29z" fill="#ff8b03"></path><path d="M99.24 48.93c2.16.38 9.1.19 11.07-1.31c1.2-.92 1.88-4.79 0-5.63c-1.88-.84-7.23-.66-9.29.94c-1.27.97-3.62 5.68-1.78 6z" fill="#ff8b03"></path><path d="M109.47 31.29c-.36 2.21 3.19 2.16 4.79 1.69c1.6-.47 3.75-3 2.72-4.32c-1.04-1.32-7.05-.28-7.51 2.63z" fill="#ff8b03"></path><path d="M106.93 36.73c0 1.6 1.31 2.16 3.19 2.16s3.1-1.19 3.1-2.44c0-1.69-1.6-2.35-3.66-1.97c-1.57.28-2.63.94-2.63 2.25z" fill="#ff8b03"></path><path d="M94.36 56.16c0 1.2 3.38.84 8.26.84s6.01-.75 6.57-2.63c.56-1.88.38-3.1-2.53-3.19c-2.91-.09-8.63.19-10.32 1.41c-.77.55-1.98 2.63-1.98 3.57z" fill="#ff8b03"></path><path d="M29.13 75.58c-.2 2.15 1.69 4.88 7.32 4.41s12.3-3.79 14.08-4.6c3.28-1.5 6.29-2.72 6.29-4.22c0-1.69-3.75-2.25-8.82-2.72c-5.07-.47-8.82.47-13.05 2.82c-3.53 1.96-5.73 3.28-5.82 4.31z" fill="#ff8b03"></path><path d="M23.59 68.17c-.17 1.3 1.97 4.41 3.38 4.5c1.41.09 8.82-3.85 9.01-5.16c.19-1.31-1.69-3.38-3.19-3.75c-1.5-.38-9.01 3-9.2 4.41z" fill="#ff8b03"></path><path d="M32.79 53.81c-2.26 2.26.38 6.48 5.26 8.92c4.88 2.44 12.67 3.1 15.77 3.57c3.1.47 5.35.56 5.82-.38c1.01-2.01-6.48-5.73-13.42-9.01c-4.33-2.05-11.65-4.88-13.43-3.1z" fill="#ff8b03"></path><path d="M10.73 49.21c.28 2.82 7.79 2.1 7.88-.66c.1-2.72-8.16-2.15-7.88.66z" fill="#ff8b03"></path><path d="M15.61 55.78c1.17 1.95 6.01.19 4.41-2.35c-1.52-2.41-6.1-.46-4.41 2.35z" fill="#ff8b03"></path><path d="M20.87 63.57c.77 1.31 3.33 1.22 5.73.09c1.6-.75 3.7-2.29 3.28-4.13c-.47-2.06-4.32-2.35-6.85-1.13c-1.79.87-3.76 2.45-2.16 5.17z" fill="#ff8b03"></path><path d="M74.06 71.24L67.79 73s1.94 8.4 2.67 11.54c.77 3.31 5.7 27.17 9.57 26.54c3.99-.65-2.67-25.34-3.31-28.02c-.6-2.57-2.66-11.82-2.66-11.82z" fill="#676f72"></path><path d="M73.43 82.51c1.85-.4 2.87-1.51 2.87-1.51l1.23 5.3s-.93.86-2.76 1.28c-2.02.47-3.59.11-3.59.11l-1.21-5.26c-.01-.01 1.48.5 3.46.08z" fill="#41484a"></path><path d="M67.79 73l6.26-1.76l.93 4.22s-1.65.83-2.99 1.11c-1.34.28-3.31.3-3.31.3L67.79 73z" fill="#41484a"></path><path d="M72.3 92.5s1.78.21 3.4-.14c1.62-.35 2.97-1.39 2.97-1.39l1.04 4.66s-1.54 1.09-2.95 1.35c-1.45.27-3.28.11-3.26.11l-1.2-4.59z" fill="#41484a"></path><path d="M67.23 56.67c-2.19.61-3.83 1.97-3.94 4.36c-.14 3.1.56 4.93 1.41 7.88c.54 1.89 1.17 6.22 6.9 4.79c3.94-.99 3.52-4.65 3.38-7.32c-.14-2.69-.7-6.19-1.69-7.74c-.92-1.44-3.52-2.67-6.06-1.97z" fill="#303031"></path><path d="M72.54 47.42c.87 1.29.9 3.07-.24 3.83c-1.13.76-3 .22-3.87-1.07c-.87-1.29-.65-2.95.48-3.72c1.14-.76 2.76-.33 3.63.96z" fill="#303031"></path><path d="M63.3 51.58c-.42 1.5-1.86 2.58-3.17 2.21c-1.32-.37-2.01-2.03-1.6-3.53c.42-1.5 1.82-2.42 3.14-2.05s2.04 1.87 1.63 3.37z" fill="#303031"></path></g></svg>   
+    </div>
+    <p class="mb-4 mt-4 text-xl font-bold">Romy</p>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl text-center">
+    <div class="flex justify-center items-center">
+   <svg width="64px" height="64px" viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M853.333333 469.333333h-170.666666l-85.333334 85.333334V256c0-46.933333 38.4-85.333333 85.333334-85.333333h170.666666c46.933333 0 85.333333 38.4 85.333334 85.333333v128c0 46.933333-38.4 85.333333-85.333334 85.333333z" fill="#2196F3"></path><path d="M362.666667 405.333333m-170.666667 0a170.666667 170.666667 0 1 0 341.333333 0 170.666667 170.666667 0 1 0-341.333333 0Z" fill="#FFA726"></path><path d="M640 782.933333S563.2 640 362.666667 640 85.333333 782.933333 85.333333 782.933333V853.333333h554.666667v-70.4z" fill="#607D8B"></path></g></svg> 
+    </div>
+    <p class="mb-4 mt-4 text-xl font-bold">Romy</p>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl text-center">
+    <div class="flex justify-center items-center">
+    <svg width="64px" height="64px" viewBox="0 0 64 64" id="svg5" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <defs id="defs2"></defs> <g id="layer1" transform="translate(0,-576)"> <path d="m 9.999992,585 h 49 v 6 h -49 z" id="path61150" style="fill:#3e4f59;fill-opacity:1;fill-rule:evenodd;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 9.999992,591 h 49 v 40 h -49 z" id="path61152" style="fill:#acbec2;fill-opacity:1;fill-rule:evenodd;stroke-width:2.00001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 9.999992,591 v 40 h 29.76953 a 28.484051,41.392605 35.599482 0 0 18.625,-40 z" id="path61154" style="fill:#e8edee;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.00002;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 11.999992,584 c -1.64501,0 -3,1.355 -3,3 v 40 c 0,0.55229 0.44772,1 1,1 0.55229,0 1,-0.44771 1,-1 v -40 c 0,-0.56413 0.43587,-1 1,-1 h 45 c 0.56413,0 1,0.43587 1,1 v 3 h -42 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 h 42 v 37 c 0,0.56413 -0.43587,1 -1,1 h -49 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 h 49 c 1.64501,0 3,-1.35499 3,-3 0,-14 0,-28 0,-42 0,-1.645 -1.35499,-3 -3,-3 z" id="path61156" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 54.999992,587 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 0.55229,0 1,-0.44771 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path61158" style="color:#000000;fill:#ed7161;fill-opacity:1;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"></path> <path d="m 50.999992,587 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 0.55229,0 1,-0.44771 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path61160" style="color:#000000;fill:#ecba16;fill-opacity:1;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"></path> <path d="m 46.999992,587 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 0.55229,0 1,-0.44771 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path61162" style="color:#000000;fill:#42b05c;fill-opacity:1;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"></path> <path d="m 4.999992,630 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 z" id="path61164" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"></path> <path d="m 12.999992,590 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 0.55229,0 1,-0.44771 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path61166" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"></path> <path d="m 19.714314,625 c 0,-2.76143 1.854822,-5 4.142852,-5 C 26.145197,620 28,622.23857 28,625 Z" id="path2154-6-8" style="fill:#ffa221;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 23.857422,620 c -2.288028,0 -4.142578,2.23857 -4.142578,5 h 3.755859 a 4.6546698,8.5063829 0 0 0 0.896485,-4.96094 C 24.200019,620.01429 24.030139,620 23.857422,620 Z" id="ellipse41890" style="fill:#ffc343;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="M 26.342869,617.50001 A 2.4857024,2.4999882 0 0 1 23.857166,620 a 2.4857024,2.4999882 0 0 1 -2.485702,-2.49999 2.4857024,2.4999882 0 0 1 2.485702,-2.49999 2.4857024,2.4999882 0 0 1 2.485703,2.49999 z" id="path2152-3-1" style="fill:#ffa221;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 23.490234,615.02734 a 2.4857024,2.4999882 0 0 0 -2.11914,2.47266 2.4857024,2.4999882 0 0 0 2.486328,2.5 2.4857024,2.4999882 0 0 0 0.511719,-0.0547 4.6546698,8.5063829 0 0 0 -0.878907,-4.91797 z" id="ellipse41896" style="fill:#ffc343;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 41.714314,625 c 0,-2.76143 1.854821,-5 4.142851,-5 C 48.145196,620 50,622.23857 50,625 Z" id="path2154-6-7" style="fill:#fe73c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 45.857422,620 c -2.288028,0 -4.142578,2.23857 -4.142578,5 h 4.367187 a 4.6546698,8.5063829 0 0 0 0.535157,-3.91992 4.6546698,8.5063829 0 0 0 -0.03516,-1.00196 C 46.346416,620.02789 46.104981,620 45.857422,620 Z" id="ellipse41892" style="fill:#fe93d3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="M 48.342868,617.50001 A 2.4857024,2.4999882 0 0 1 45.857165,620 a 2.4857024,2.4999882 0 0 1 -2.485702,-2.49999 2.4857024,2.4999882 0 0 1 2.485702,-2.49999 2.4857024,2.4999882 0 0 1 2.485703,2.49999 z" id="path2152-3-2" style="fill:#fe73c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 45.257812,615.08008 a 2.4857024,2.4999882 0 0 0 -1.886718,2.41992 2.4857024,2.4999882 0 0 0 2.486328,2.5 2.4857024,2.4999882 0 0 0 0.71289,-0.10547 4.6546698,8.5063829 0 0 0 -1.3125,-4.81445 z" id="ellipse41904" style="fill:#fe93d3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 41.714314,607 c 0,-2.76143 1.854821,-5 4.142851,-5 C 48.145196,602 50,604.23857 50,607 Z" id="path2154-6-0" style="fill:#ffa221;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 45.857422,602 c -2.288028,0 -4.142578,2.23857 -4.142578,5 h 3.943359 a 4.6546698,8.5063829 0 0 0 0.710938,-4.49414 4.6546698,8.5063829 0 0 0 -0.0078,-0.46875 C 46.196098,602.01292 46.028061,602 45.857422,602 Z" id="path41872" style="fill:#ffc343;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="M 48.342868,599.50001 A 2.4857024,2.4999882 0 0 1 45.857165,602 a 2.4857024,2.4999882 0 0 1 -2.485702,-2.49999 2.4857024,2.4999882 0 0 1 2.485702,-2.49999 2.4857024,2.4999882 0 0 1 2.485703,2.49999 z" id="path2152-3-6" style="fill:#ffa221;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 45.292969,597.07227 a 2.4857024,2.4999882 0 0 0 -1.921875,2.42773 2.4857024,2.4999882 0 0 0 2.486328,2.5 2.4857024,2.4999882 0 0 0 0.5,-0.0527 4.6546698,8.5063829 0 0 0 -1.064453,-4.875 z" id="path41884" style="fill:#ffc343;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 19.714314,606.99998 c 0,-2.76142 1.854821,-5 4.142851,-5 2.288031,0 4.142835,2.23858 4.142835,5 z" id="path2154-6" style="fill:#fe73c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 23.857422,602 c -2.288028,0 -4.142578,2.23858 -4.142578,5 h 3.755859 a 4.6546698,8.5063829 0 0 0 0.896485,-4.96094 C 24.200019,602.01429 24.030139,602 23.857422,602 Z" id="path41876" style="fill:#fe93d3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 26.342868,599.49999 a 2.4857024,2.4999882 0 0 1 -2.485703,2.49999 2.4857024,2.4999882 0 0 1 -2.485702,-2.49999 2.4857024,2.4999882 0 0 1 2.485702,-2.49998 2.4857024,2.4999882 0 0 1 2.485703,2.49998 z" id="path2152-3" style="fill:#fe73c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 23.490234,597.02734 a 2.4857024,2.4999882 0 0 0 -2.11914,2.47266 2.4857024,2.4999882 0 0 0 2.486328,2.5 2.4857024,2.4999882 0 0 0 0.511719,-0.0547 4.6546698,8.5063829 0 0 0 -0.878907,-4.91797 z" id="path41874" style="fill:#fe93d3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 34,594 a 1,1 0 0 0 -1,1 v 15 H 17.5 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 H 33 v 16 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 v -16 h 4.900391 a 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 H 35 v -15 a 1,1 0 0 0 -1,-1 z m 9.796875,16 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 H 50.5 a 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 z" id="path33737" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 17.357157,596 c -0.55228,0 -1,0.44771 -1,1 0,0.55228 0.44772,1 1,1 0.55229,0 1,-0.44772 1,-1 0,-0.55229 -0.44771,-1 -1,-1 z" id="path33741" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"></path> <path d="m 23.857422,596 c -1.916353,0 -3.486322,1.58195 -3.486328,3.5 -1e-6,0.88522 0.334286,1.69879 0.882812,2.31836 -1.544444,1.05882 -2.539062,3.02524 -2.539062,5.18164 a 1.000105,1.000105 0 0 0 1,1 h 2.65625 a 1.000005,1.000005 0 0 0 1,-1 1.000005,1.000005 0 0 0 -1,-1 h -1.494141 c 0.36871,-1.76544 1.600039,-3 2.980469,-3 1.3804,0 2.609778,1.23462 2.978516,3 h -0.501954 a 1.000005,1.000005 0 0 0 -1,1 1.000005,1.000005 0 0 0 1,1 H 28 a 1.000105,1.000105 0 0 0 1,-1 c 0,-2.1564 -0.994619,-4.12282 -2.539062,-5.18164 0.548525,-0.61957 0.882812,-1.43314 0.882812,-2.31836 -6e-6,-1.91805 -1.569974,-3.5 -3.486328,-3.5 z m 0,2 c 0.829266,0 1.486325,0.65665 1.486328,1.5 1e-6,0.84335 -0.65706,1.5 -1.486328,1.5 -0.829268,0 -1.486329,-0.65665 -1.486328,-1.5 3e-6,-0.84335 0.657062,-1.5 1.486328,-1.5 z" id="path6938" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 39.357157,614.00001 c -0.55228,0 -1,0.44772 -1,1 0,0.55228 0.44772,1 1,1 0.55229,0 1,-0.44772 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path33741-0" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"></path> <path d="m 45.857422,614 c -1.916359,0 -3.48633,1.58194 -3.486328,3.5 -10e-7,0.88522 0.334286,1.69879 0.882812,2.31836 -1.544444,1.05882 -2.539062,3.02524 -2.539062,5.18164 a 1.000105,1.000105 0 0 0 1,1 h 2.65625 a 1.000005,1.000005 0 0 0 1,-1 1.000005,1.000005 0 0 0 -1,-1 h -1.494141 c 0.36871,-1.76545 1.600036,-3 2.980469,-3 1.380403,0 2.609779,1.23461 2.978516,3 h -0.501954 a 1.000005,1.000005 0 0 0 -1,1 1.000005,1.000005 0 0 0 1,1 H 50 a 1.000105,1.000105 0 0 0 1,-1 c 0,-2.1564 -0.994619,-4.12282 -2.539062,-5.18164 0.548525,-0.61957 0.882812,-1.43314 0.882812,-2.31836 10e-7,-1.91806 -1.569969,-3.5 -3.486328,-3.5 z m 0,2 c 0.829268,0 1.486329,0.65665 1.486328,1.5 10e-7,0.84335 -0.65706,1.5 -1.486328,1.5 -0.829268,0 -1.486329,-0.65665 -1.486328,-1.5 -10e-7,-0.84335 0.65706,-1.5 1.486328,-1.5 z" id="path6938-9" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 39.357157,596.00001 c -0.55228,0 -1,0.44772 -1,1 0,0.55228 0.44772,1 1,1 0.55229,0 1,-0.44772 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path33741-6" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 45.857422,596 c -1.916359,0 -3.48633,1.58194 -3.486328,3.5 -10e-7,0.88522 0.334286,1.69879 0.882812,2.31836 -1.544444,1.05882 -2.539062,3.02524 -2.539062,5.18164 a 1.000105,1.000105 0 0 0 1,1 h 2.65625 a 1.000005,1.000005 0 0 0 1,-1 1.000005,1.000005 0 0 0 -1,-1 h -1.494141 c 0.36871,-1.76545 1.600036,-3 2.980469,-3 1.380403,0 2.609779,1.23461 2.978516,3 h -0.501954 a 1.000005,1.000005 0 0 0 -1,1 1.000005,1.000005 0 0 0 1,1 H 50 a 1.000105,1.000105 0 0 0 1,-1 c 0,-2.1564 -0.994619,-4.12282 -2.539062,-5.18164 0.548525,-0.61957 0.882812,-1.43314 0.882812,-2.31836 10e-7,-1.91806 -1.569969,-3.5 -3.486328,-3.5 z m 0,2 c 0.829268,0 1.486329,0.65665 1.486328,1.5 10e-7,0.84335 -0.65706,1.5 -1.486328,1.5 -0.829268,0 -1.486329,-0.65665 -1.486328,-1.5 -10e-7,-0.84335 0.65706,-1.5 1.486328,-1.5 z" id="path6938-2" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 17.357157,614.00001 c -0.55228,0 -1,0.44772 -1,1 0,0.55228 0.44772,1 1,1 0.55229,0 1,-0.44772 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path33741-7" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> <path d="m 23.857422,614 c -1.916359,0 -3.48633,1.58194 -3.486328,3.5 -1e-6,0.88522 0.334286,1.69879 0.882812,2.31836 -1.544444,1.05882 -2.539062,3.02524 -2.539062,5.18164 a 1.000105,1.000105 0 0 0 1,1 h 2.65625 a 1.000005,1.000005 0 0 0 1,-1 1.000005,1.000005 0 0 0 -1,-1 h -1.494141 c 0.36871,-1.76545 1.600036,-3 2.980469,-3 1.380403,0 2.609779,1.23461 2.978516,3 h -0.501954 a 1.000005,1.000005 0 0 0 -1,1 1.000005,1.000005 0 0 0 1,1 H 28 a 1.000105,1.000105 0 0 0 1,-1 c 0,-2.1564 -0.994619,-4.12282 -2.539062,-5.18164 0.548525,-0.61957 0.882812,-1.43314 0.882812,-2.31836 1e-6,-1.91806 -1.569969,-3.5 -3.486328,-3.5 z m 0,2 c 0.829268,0 1.486329,0.65665 1.486328,1.5 1e-6,0.84335 -0.65706,1.5 -1.486328,1.5 -0.829268,0 -1.486329,-0.65665 -1.486328,-1.5 -1e-6,-0.84335 0.65706,-1.5 1.486328,-1.5 z" id="path6938-92" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"></path> </g> </g></svg>   
+    </div>
+    <p class="mb-4 mt-4 text-xl font-bold">Romy</p>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl text-center">
+    <div class="flex justify-center items-center">
+    <svg height="64px" width="64px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <circle style="fill:#1B4145;" cx="312.889" cy="125.156" r="62.578"></circle> <path style="fill:#1B4145;" d="M312.889,221.867c-69.121,0-125.156,56.034-125.156,125.156h250.311 C438.044,277.901,382.01,221.867,312.889,221.867z"></path> </g> <g> <circle style="fill:#609399;" cx="125.156" cy="125.156" r="62.578"></circle> <path style="fill:#609399;" d="M125.156,221.867C56.034,221.867,0,277.901,0,347.022h250.311 C250.311,277.901,194.277,221.867,125.156,221.867z"></path> </g> <circle style="fill:#F14742;" cx="438.044" cy="375.467" r="73.956"></circle> <path style="fill:#FFFFFF;" d="M466.489,366.933h-19.911v-19.911c0-4.714-3.821-8.533-8.533-8.533s-8.533,3.82-8.533,8.533v19.911 H409.6c-4.713,0-8.533,3.82-8.533,8.533S404.887,384,409.6,384h19.911v19.911c0,4.714,3.821,8.533,8.533,8.533 s8.533-3.82,8.533-8.533V384h19.911c4.713,0,8.533-3.82,8.533-8.533S471.202,366.933,466.489,366.933z"></path> </g></svg>
+    </div>
+    <p class="mb-4 mt-4 text-xl font-bold">Shjfsdractice</p>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+</div>
+<div class="mt-10 flex justify-center">
+  <a href="#" class="inline-flex justify-center items-center mt-6 py-2 px-4 sm:ms-4 text-center rounded-full bg-transparent hover:text-primary-700 prose dark:prose-invert font-semibold border border-primary-700 hover:border-transparent">
+           Eventbrite
+        </a>
+        <span class="mr-2"></span>
+          <a href="#" class="inline-flex justify-center items-center mt-6 py-2 px-4 text-center bg-transparent hover:text-primary-700 prose dark:prose-invert font-semibold border border-primary-700 hover:border-transparent rounded-full">
+            Offering
+        </a>
+</div>
+</section>
+</div>
+<!-- /Events -->
+<!-- Bio -->
+<div class="relative mt-20 w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section class="mx-auto max-w-2xl">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-700 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Bio</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  I don't care
+</h2>
+<p class="text-xl">
+  He knows what he knows
+</p>
+</div>
+  
+<div class="max-w-2xl mx-auto flex author">
+  <img class="!mt-0 !mb-0 h-24 w-24 rounded-full ltr:mr-4 rtl:ml-4" width="96" height="96"
+    alt="" src="map.webp" />
+  <div class="place-self-center">
+    <div class="text-sm text-neutral-500 dark:text-neutral-300">
+      3 days ago - "Hello" is a song recorded by English singer-songwriter Adele, released on 23 October 2015 by XL Recordings as the lead single from her third studio album, 25 (2015).
+    </div>
+  </div>
+</div>
+  <div class="mt-10 flex justify-center">
+  <a href="">
+    <button
+      class="bg-transparent hover:text-primary-700 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 border border-primary-700 hover:border-transparent rounded-full">
+      Explore more
+    </button>
+  </a>
+  </div>
+  </section>
+  </div>    
+<!-- /Bio -->
+<!-- Toolbox -->
+<div class="relative mt-20 w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section>
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Toolbox</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  Favorite tools
+</h2>
+<p class="text-xl">
+  Pool of resources
+</p>
+</div>
+<div class="grid gap-8 sm:grid-cols-2 lg:grid-cols-3">
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+    <svg height="64px" width="64px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-51.2 -51.2 614.39 614.39" xml:space="preserve" fill="#000000" transform="rotate(0)matrix(1, 0, 0, 1, 0, 0)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <circle style="fill:#E84F4F;" cx="255.997" cy="255.997" r="255.997"></circle> <path style="fill:#C94545;" d="M283.902,510.581L154.168,388.729v-265.3h9.458l55.172,59.744v-59.744h9.458l55.33,59.113v-59.113 h9.301l55.488,59.113l-0.158-59.113h9.616l153.695,149.596c-8.197,124.216-104.827,224.158-227.468,237.556H283.902z"></path> <path style="fill:#FFD630;" d="M163.783,123.429v265.3h-9.458v-265.3H163.783z"></path> <path style="fill:#EBECEC;" d="M146.128,303.291h25.852c5.99,0,10.877,4.887,10.877,10.877v18.601 c0,5.99-4.887,10.877-10.877,10.877h-25.852c-5.99,0-10.877-4.887-10.877-10.877v-18.601 C135.251,308.178,140.138,303.291,146.128,303.291z"></path> <path style="fill:#FFD630;" d="M228.414,123.429v265.3h-9.458v-265.3H228.414z"></path> <path style="fill:#EBECEC;" d="M210.759,233.616h25.852c5.99,0,10.877,4.887,10.877,10.877v18.601 c0,5.99-4.887,10.877-10.877,10.877h-25.852c-5.99,0-10.877-4.887-10.877-10.877v-18.601 C199.882,238.503,204.768,233.616,210.759,233.616z"></path> <path style="fill:#FFD630;" d="M293.044,123.429v265.3h-9.458v-265.3H293.044z"></path> <path style="fill:#EBECEC;" d="M275.547,300.611h25.852c5.99,0,10.877,4.887,10.877,10.877v18.601 c0,5.99-4.887,10.877-10.877,10.877h-25.852c-5.99,0-10.877-4.887-10.877-10.877v-18.601 C264.67,305.498,269.557,300.611,275.547,300.611z"></path> <path style="fill:#FFD630;" d="M357.832,123.429v265.3h-9.458v-265.3H357.832z"></path> <path style="fill:#EBECEC;" d="M340.177,182.384h25.852c5.99,0,10.877,4.887,10.877,10.877v18.601 c0,5.99-4.887,10.877-10.877,10.877h-25.852c-5.99,0-10.877-4.887-10.877-10.877v-18.601 C329.301,187.271,334.188,182.384,340.177,182.384z"></path> <g> <path style="fill:#727271;" d="M152.276,312.591h13.556c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891 h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153C146.601,313.537,149.123,312.591,152.276,312.591z M152.276,327.251h13.556 c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153 C146.601,328.197,149.123,327.251,152.276,327.251z"></path> <path style="fill:#727271;" d="M216.906,243.074h13.556c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891 h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153C211.232,244.02,213.753,243.074,216.906,243.074z M216.906,257.734h13.556 c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153 C211.232,258.68,213.753,257.734,216.906,257.734z"></path> <path style="fill:#727271;" d="M281.694,309.912h13.556c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891 h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153C276.02,310.857,278.541,309.912,281.694,309.912z M281.694,324.572h13.556 c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153 C276.02,325.517,278.541,324.572,281.694,324.572z"></path> <path style="fill:#727271;" d="M346.325,191.842h13.556c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891 h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153C340.651,192.789,343.172,191.842,346.325,191.842z M346.325,206.502h13.556 c3.153,0,5.674,0.788,5.674,1.891v3.153c0,0.946-2.523,1.891-5.674,1.891h-13.556c-3.153,0-5.674-0.788-5.674-1.891v-3.153 C340.651,207.449,343.172,206.502,346.325,206.502z"></path> </g> </g></svg>
+    <p class="mb-4 mt-4 text-xl font-bold">Sjsdfkjsdhsd</p>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+      <svg width="64px" height="64px" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--noto" preserveAspectRatio="xMidYMid meet" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M111.42 113.34H16.58a4.88 4.88 0 0 1-4.88-4.88V42.03c0-7.27 5.65-13.16 12.62-13.16h79.37c6.97 0 12.62 5.89 12.62 13.16V108.46c0 2.7-2.19 4.88-4.89 4.88z" fill="#fafafa" stroke="#bdbdbd" stroke-width="3" stroke-miterlimit="10"> </path> <path d="M112.11 4h-4.8c-1 0-1.81.81-1.81 1.81V9.9c0 .67.38 1.25.95 1.6c2.01 1.2 3.24 3.57 2.71 6.17c-.45 2.2-2.21 3.98-4.41 4.44a5.788 5.788 0 0 1-7.03-5.65c0-2.12 1.14-3.97 2.85-4.97c.57-.34.94-.92.94-1.58v-4.1c0-1-.81-1.81-1.81-1.81H28.27c-.98 0-1.77.79-1.77 1.77v4.16c0 .65.37 1.22.93 1.55a5.783 5.783 0 0 1 2.73 6.18c-.45 2.2-2.21 3.98-4.41 4.44a5.788 5.788 0 0 1-7.03-5.65c0-2.13 1.16-3.98 2.87-4.99c.55-.32.91-.9.91-1.54V5.77c0-.98-.79-1.77-1.77-1.77h-4.85a5.75 5.75 0 0 0-5.75 5.75v37.52H117.7l.16-37.49A5.745 5.745 0 0 0 112.11 4z" fill="#f44336"> </path> <g fill="#ffffff"> <path d="M45.09 15.46h4.12V29.3c0 1.27-.28 2.4-.84 3.37s-1.36 1.73-2.38 2.26c-1.03.53-2.18.8-3.47.8c-2.11 0-3.76-.54-4.94-1.61c-1.18-1.07-1.77-2.6-1.77-4.56h4.15c0 .98.21 1.7.62 2.17c.41.47 1.06.7 1.95.7c.79 0 1.41-.27 1.88-.81s.7-1.31.7-2.31V15.46z"> </path> <path d="M61.37 33.94c-.98 1.19-2.33 1.78-4.06 1.78c-1.59 0-2.81-.46-3.64-1.37c-.84-.91-1.27-2.26-1.28-4.02V20.6h3.97v9.61c0 1.55.7 2.32 2.11 2.32c1.35 0 2.27-.47 2.77-1.4V20.6h3.98v14.85h-3.73l-.12-1.51z"> </path> <path d="M72.39 35.45h-3.98V14.37h3.98v21.08z"> </path> <path d="M81.2 29.83l2.75-9.24h4.26l-5.97 17.16l-.33.78c-.89 1.94-2.35 2.91-4.39 2.91c-.58 0-1.16-.09-1.76-.26v-3.01l.6.01c.75 0 1.31-.11 1.68-.34c.37-.23.66-.61.87-1.14l.47-1.22l-5.2-14.89h4.27l2.75 9.24z"> </path> </g> <path d="M53.22 102.31h-8.57V69.26l-10.24 3.17v-6.97l17.89-6.41h.92v43.26z" fill="#000000"> </path> <path d="M93.59 63.9l-16.7 38.41h-9.05l16.73-36.28H63.09v-6.91h30.5v4.78z" fill="#000000"> </path> </g></svg>
+      <p class="mb-4 mt-4 text-xl font-bold">fuhusrhfrfirei</p>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+    <svg width="64px" height="64px" viewBox="0 0 14 14" role="img" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill="#90caf9" d="M5.1230769 9.67458367h-.73846154V8.44381443H5.6153846l.12307692.46153847c.0923077.4-.21538461.76923077-.61538462.76923077zm6.03076928.92307693S7.52307692 8.44381443 5.6153846 8.44381443V4.13612209c1.7846154 0 5.53846158-2.15384617 5.53846158-2.15384617v8.61538468z"></path> <g fill="#283593" transform="translate(-.23076929 -.47926256) scale(.3077)"> <circle cx="9" cy="22" r="5"></circle> <path d="M40 19h-3v6h3c1.7 0 3-1.3 3-3s-1.3-3-3-3zM18.6 41.2c-.9.6-2.5 1.2-4.6 1.4-.6.1-1.2-.3-1.4-1L8.2 27.9S17 21.7 17 29c0 5.5 1.5 8.4 2.2 9.5.5.7.5 1.6 0 2.3-.2.2-.4.3-.6.4z"></path> </g> <path fill="#3f51b5" d="M2.5384615 8.44381443h3.0769231V4.13612209H2.5384615c-.33846154 0-.61538462.27692308-.61538462.61538462v3.0769231c0 .33846154.27692308.61538462.61538462.61538462z"></path> <path fill="#42a5f5" d="M11.46153849 11.21304522c-.33846154 0-.61538462-.27692308-.61538462-.61538462V1.98227592c0-.33846154.27692308-.61538462.61538462-.61538462.33846154 0 .61538462.27692308.61538462.61538462v8.61538468c0 .33846154-.27692308.61538462-.61538462.61538462z"></path> </g></svg>
+    <p class="mb-4 mt-4 text-xl font-bold">eiohfwuhfrwiu</p>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+    <svg height="64px" width="64px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path style="fill:#74D6D0;" d="M256,452.121c-65.547,0-127.48-10.637-174.393-29.951C28.982,400.503,0,369.467,0,334.78 s28.982-65.723,81.607-87.389C128.52,228.076,190.454,217.438,256,217.438s127.482,10.637,174.393,29.952 C483.018,269.056,512,300.093,512,334.78s-28.982,65.723-81.607,87.391C383.482,441.483,321.546,452.121,256,452.121z M256,258.037 c-60.367,0-116.812,9.551-158.936,26.895c-35.357,14.556-56.466,33.191-56.466,49.848s21.108,35.292,56.466,49.848 c42.124,17.344,98.569,26.895,158.936,26.895c60.368,0,116.814-9.551,158.937-26.895c35.356-14.556,56.464-33.192,56.464-49.848 c0-16.658-21.108-35.292-56.464-49.848C372.812,267.588,316.368,258.037,256,258.037z"></path> <path style="fill:#74D6D0;" d="M256,386.257c-40.141,0-78.115-3.971-106.924-11.179c-14.251-3.566-57.621-14.418-57.621-45.216 c0-30.795,43.37-41.649,57.621-45.214c28.81-7.209,66.783-11.179,106.924-11.179c40.142,0,78.117,3.971,106.925,11.179 c14.251,3.566,57.62,14.418,57.62,45.214s-43.369,41.649-57.62,45.216C334.115,382.287,296.142,386.257,256,386.257z M140.284,329.863c17.978,7.216,57.964,15.795,115.716,15.795s97.739-8.58,115.718-15.795 c-17.978-7.216-57.965-15.796-115.718-15.796S158.262,322.648,140.284,329.863z"></path> </g> <g> <path style="fill:#CCF7F5;" d="M430.393,247.39C383.482,228.076,321.546,217.438,256,217.438v40.598 c60.368,0,116.812,9.551,158.937,26.895c35.356,14.557,56.464,33.192,56.464,49.848c0,16.658-21.108,35.292-56.464,49.848 c-42.124,17.344-98.569,26.895-158.937,26.895v40.598c65.546,0,127.482-10.637,174.393-29.951 C483.018,400.503,512,369.469,512,334.78S483.018,269.056,430.393,247.39z"></path> <path style="fill:#CCF7F5;" d="M362.925,284.649C334.117,277.44,296.142,273.47,256,273.47v40.598 c57.753,0,97.739,8.58,115.718,15.795c-17.978,7.216-57.965,15.796-115.718,15.796v40.598c40.142,0,78.117-3.97,106.925-11.179 c14.251-3.566,57.62-14.418,57.62-45.216C420.545,299.067,377.177,288.215,362.925,284.649z"></path> </g> <path style="fill:#74D6D0;" d="M256,332.896c-53.938,0-97.819-43.883-97.819-97.82c0-15.877,3.889-31.569,11.267-45.569 c0.361-0.907,0.789-1.793,1.286-2.654L238.18,70.03c3.627-6.282,10.327-10.151,17.579-10.151c7.252,0,13.954,3.869,17.579,10.15 l63.486,109.966c11.121,16.284,16.995,35.308,16.995,55.081C353.819,289.013,309.938,332.896,256,332.896z"></path> <path style="fill:#CCF7F5;" d="M256,332.896c-53.938,0-97.819-43.883-97.819-97.82c0-15.877,3.889-31.569,11.267-45.569 c0.361-0.907,0.789-1.793,1.286-2.654L238.18,70.03c3.627-6.282,10.327-10.151,17.579-10.151L256,332.896z"></path> </g></svg>     
+    <p class="mb-4 mt-4 text-xl font-bold">No way we can do this</p>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+    <svg height="64px" width="64px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path style="fill:#88CC2A;" d="M329.111,414.169l-19.163-7.907H202.055l-19.163,7.907c-8.598,3.354-12.837,13.033-9.489,21.625 c11.804,30.266,66.544,49.554,77.392,53.115c3.342,1.092,6.971,1.125,10.413,0c10.848-3.56,65.588-22.848,77.392-53.115 C341.948,427.202,337.708,417.522,329.111,414.169z"></path> <path style="fill:#7FB335;" d="M329.111,414.169l-19.163-7.907h-53.946v83.473c1.743,0,3.497-0.267,5.207-0.826 c10.848-3.56,65.588-22.848,77.392-53.115C341.948,427.202,337.708,417.522,329.111,414.169z"></path> <path style="fill:#FF8095;" d="M107.718,325.484C49.805,336.256,7.087,375.696,5.294,377.37C1.913,380.527,0,384.941,0,389.565 c0,4.619,1.913,9.038,5.294,12.196c2.381,2.228,59.207,54.587,131.055,54.587s128.674-52.359,131.055-54.587L107.718,325.484z"></path> <path style="fill:#FF6680;" d="M506.71,377.37c-1.793-1.674-44.511-41.114-102.424-51.886L244.6,401.761 c2.381,2.228,59.207,54.587,131.055,54.587s128.674-52.359,131.055-54.587C513.763,395.173,513.763,383.958,506.71,377.37z"></path> <path style="fill:#FF8095;" d="M466.188,205.167c-0.489-8.495-7.283-15.267-15.772-15.729c-3.218-0.136-79.838-3.81-137.566,35.593 l-57.62,186.647c0.62,0.032,3.348,0.163,7.728,0.163c24.5,0,100.708-4.087,149.87-52.114 C471.003,302.919,466.405,209.135,466.188,205.167z"></path> <path style="fill:#FF99AA;" d="M199.154,225.032c-57.728-39.408-134.337-35.75-137.566-35.593 c-8.489,0.462-15.282,7.234-15.772,15.729c-0.217,3.967-4.815,97.75,53.359,154.56c49.175,48.027,125.381,52.114,149.87,52.114 c4.381,0,7.109-0.13,7.728-0.163L199.154,225.032z"></path> <circle style="fill:#FFC033;" cx="161.392" cy="105.74" r="16.696"></circle> <circle style="fill:#F9A926;" cx="356.176" cy="105.74" r="16.696"></circle> <circle style="fill:#FFC033;" cx="256.002" cy="38.954" r="16.696"></circle> <path style="fill:#F9A926;" d="M272.697,38.954c0-9.221-7.475-16.696-16.696-16.696V55.65 C265.222,55.65,272.697,48.176,272.697,38.954z"></path> <path style="fill:#FFB3BF;" d="M267.021,115.421c-3.228-2.783-7.124-4.118-11.019-4.118c-3.896,0-7.791,1.336-11.019,4.118 c-3.005,2.671-74.018,65.67-74.018,146.144s71.013,143.472,74.018,146.144c3.117,2.783,7.124,4.118,11.019,4.118 c3.896,0,7.903-1.336,11.019-4.118c3.005-2.671,74.018-65.67,74.018-146.144S270.026,118.092,267.021,115.421z"></path> <path style="fill:#FF99AA;" d="M341.039,261.565c0,80.474-71.013,143.472-74.018,146.144c-3.117,2.783-7.124,4.118-11.019,4.118 V111.303c3.896,0,7.791,1.336,11.019,4.118C270.026,118.092,341.039,181.091,341.039,261.565z"></path> </g></svg>      
+    <p class="mb-4 mt-4 text-xl font-bold">Don't get caught</p>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+  <div class="md:mb-0 rounded-xl border py-6 px-6 shadow-xl">
+    <svg width="64px" height="64px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" width="32px" height="32px" fill="#e01a1a" stroke="#e01a1a"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path style="fill:#E21B1B;" d="M281.04,129.624v-15.008c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176s-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15.008 c-47.352,2.216-71.432,34.232-71.432,55.752v17.672h192.944v-17.672C352.472,163.856,328.392,131.832,281.04,129.624z"></path> <path style="fill:#E21B1B;" d="M121.512,419v-14.976c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176c-24.424,13.832-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15 C24.08,421.216,0,453.232,0,474.752v17.672h192.944v-17.672C192.944,453.232,168.864,421.216,121.512,419z"></path> <path style="fill:#E21B1B;" d="M440.568,419v-14.976c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176s-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15 c-47.352,2.216-71.432,34.232-71.432,55.752v17.648H512v-17.672C512,453.232,487.92,421.216,440.568,419z"></path> </g></svg>
+    <p class="mb-4 mt-4 text-xl font-bold">Yummi yumii yum </p>
+    <p class="text-neutral-500 dark:text-neutral-300">
+      A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </p>
+  </div>
+</div>
+<div class="mt-10 flex justify-center">
+  <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 border border-primary-500 hover:border-transparent rounded-full">
+      Explore more
+    </button>
+  </a>
+</div>
+</section>
+</div>
+<!-- /Toolbox -->
+{{< /rawhtml >}}
+<!-- Recent -->
+<div class="relative mt-20 w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section>
+    <div class="max-w-6xl mx-auto text-center mb-10 lg:mb-14">
+      <div class="mx-auto text-center mb-10 lg:mb-14">
+        <p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Recent</p>
+        <h2 class="mb-4 text-4xl font-extrabold">
+          Publications
+        </h2>
+        <p class="text-xl">
+          Learning
+        </p>
+        </div>
+    </div>
+</section>
+<section>
+  {{< list cardView=true limit=3 where="Type" value="posts" >}}
+  <div class="mt-10 flex justify-center">
+  <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 border border-primary-500 hover:border-transparent rounded-full">
+      Show all
+    </button>
+  </a>
+</div>
+</section>
+</div>
+<!-- /Recent -->
+{{< rawhtml >}}
+<!-- FAQ -->
+<div class="relative mt-20 w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section>
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">FAQ</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  Frequently asked questions
+</h2>
+<p class="text-xl">
+  About life
+</p>
+</div>
+<div class="max-w-7xl mx-auto">
+<div class="grid sm:grid-cols-2 gap-6 md:gap-12">
+  <div class="flex">
+    <div class="mr-2">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+    </div>
+    <div>
+      <p class="mb-4 text-xl font-bold">
+        What exactly is
+      </p>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </div>
+  </div>
+    <div class="flex">
+      <div class="mr-2">
+        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+          <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+      </div>
+      <div>
+        <p class="mb-4 text-xl font-bold">
+          I struggle or not
+        </p>
+        <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+          A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+        </div>
+    </div>
+  <div class="flex">
+    <div class="mr-2">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+    </div>
+    <div>
+      <p class="mb-4 text-xl font-bold">
+        thoughts?      
+      </p>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-2">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+    </div>
+    <div>
+      <p class="mb-4 text-xl font-bold">
+        Are we there yet?
+      </p>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-2">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+    </div>
+    <div>
+      <p class="mb-4 text-xl font-bold">
+        Meaning is abstract
+      </p>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+      </p>
+    </div>
+  </div>
+  <div class="flex">
+    <div class="mr-2">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-primary-600 dark:text-primary-500">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>            
+    </div>
+    <div>
+      <p class="mb-4 text-xl font-bold">
+        Doesn't do that and this
+      </p>
+      <p class="mb-1 text-neutral-500 dark:text-neutral-300">
+        A slice of heaven. O for awesome, this chocka full cuzzie is as rip-of as a cracker.
+      </p>
+    </div>
+  </div>
+</div>
+</div>
+</section>
+</div>
+<!-- /FAQ -->
+<!-- Contact -->
+<section class="section-sm mt-20">
+  <div class="container mx-auto">
+    <div class="max-w-6xl mx-auto text-center mb-10 lg:mb-14">
+      <div class="mx-auto text-center mb-10 lg:mb-14">
+        <p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Contact</p>
+        <h2 class="mb-4 text-4xl font-extrabold">
+          Ask and You shall receive
+        </h2>
+        <p class="text-xl">
+          We'd love to talk about how we can help you.
+        </p>
+        </div>
+        <p class="text-lg">
+          Languages spoken and written:<br> English 🇬🇧, Spanish 🇪🇸, Czech 🇨🇿
+        </p>
+        <!-- Contact Us -->
+<div class="max-w-[85rem] px-4 mb-10 sm:px-6 lg:px-8 mx-auto">
+  <div class="max-w-2xl lg:max-w-5xl mx-auto">
+    <div class="mt-12 grid items-center lg:grid-cols-2 gap-6 lg:gap-16">
+      <!-- Card -->
+      <div class="flex flex-col border rounded-xl p-4 sm:p-6 lg:p-8 dark:border-gray-700">
+        <p class="mb-8 text-xl font-semibold text-gray-800 dark:text-gray-200">
+          Fill in the form
+        </p>
+        <form action="https://formspree.io/f/mbjnlzov" method="POST">
+          <div class="grid gap-4">
+            <!-- Grid -->
+              <div>
+                <label for="hs-firstname-contacts-1 name" class="sr-only form-label">Name</label>
+                <input type="text" name="name" id="name" class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-primary-500 focus:ring-primary-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral dark:border-neutral-700 dark:text-primary-500 dark:focus:ring-neutral-600 form-input" placeholder="Name" type="text">
+              </div>
+            <div>
+              <label for="hs-email-contacts-1 email" class="sr-only form-label">Email</label>
+              <input type="email" name="hs-email-contacts-1 email" id="hs-email-contacts-1 email" autocomplete="email" class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600 form-input" placeholder="Email" type="email">
+            </div>
+            <div>
+              <label for="hs-about-contacts-1 message" class="sr-only from-label">Message</label>
+              <textarea id="hs-about-contacts-1 message" name="hs-about-contacts-1 message" rows="4" class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600 form-input" placeholder="Message goes here"></textarea>
+            </div>
+          </div>
+          <!-- End Grid -->
+          <div class="mt-4 grid">
+            <button type="submit" class="py-2 px-4 inline-flex justify-center items-center gap-x-2 bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold border border-primary-500 hover:border-transparent rounded-full">Send inquiry</button>
+          </div>
+          <div class="mt-3 text-center">
+            <p class="text-sm text-gray-500">
+              We'll get back to you in 1-2 business days.
+            </p>
+          </div>
+        </form>
+      </div>
+      <!-- End Card -->
+      <div class="text-left">
+        <!-- Icon Block -->
+         <div class="flex pb-8">
+    <div class="mr-4">
+      <svg height="32px" width="32px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path style="fill:#5D9BEB;" d="M0,256.006C0,397.402,114.606,512.004,255.996,512C397.394,512.004,512,397.402,512,256.006 C512.009,114.61,397.394,0,255.996,0C114.606,0,0,114.614,0,256.006z"></path> <path style="fill:#4988DB;" d="M505.249,314.319c-0.272-0.272-205.68-205.733-206.24-206.241c-4.093-4.525-9.948-7.424-16.517-7.424 h-52.985c-12.326,0-22.349,10.023-22.349,22.349v46.007c0,6.567,2.899,12.425,7.424,16.515c0.507,0.56,34.082,34.198,34.439,34.544 v13.154H164.3c-21.771,0-40.869,17.532-40.869,37.523v46.203h-12.538c-12.326,0-22.349,10.023-22.349,22.349v39.031 c0,6.567,2.899,12.425,7.424,16.515c0.507,0.561,77.037,73.373,111.47,111.469c0.398,0.441,0.821,0.846,1.25,1.25 c15.339,2.867,31.137,4.435,47.308,4.435C377.324,512.002,478.85,427.599,505.249,314.319z"></path> <path style="fill:#F6F6F6;" d="M401.106,316.951h-12.538v-46.205c0-19.991-19.099-37.523-40.869-37.523h-84.723V191.36h19.515 c12.326,0,22.349-10.023,22.349-22.349v-46.006c0-12.326-10.023-22.349-22.349-22.349h-52.985 c-12.326,0-22.349,10.023-22.349,22.349v46.006c0,12.326,10.023,22.349,22.349,22.349h19.515v41.863h-84.723 c-21.77,0-40.869,17.532-40.869,37.523v46.205h-12.538c-12.326,0-22.349,10.023-22.349,22.349v39.029 c0,12.326,10.023,22.349,22.349,22.349h39.029c12.326,0,22.349-10.023,22.349-22.349V339.3c0-12.326-10.023-22.349-22.349-22.349 h-12.538v-46.205c0-13.491,14.207-23.569,26.914-23.569h84.723v69.773h-12.538c-12.326,0-22.349,10.023-22.349,22.349v39.029 c0,12.326,10.023,22.349,22.349,22.349h39.029c12.326,0,22.349-10.023,22.349-22.349v-39.029c0-12.326-10.023-22.349-22.349-22.349 h-12.538v-69.773h84.723c12.707,0,26.914,10.078,26.914,23.569v46.205h-12.538c-12.326,0-22.349,10.023-22.349,22.349v39.029 c0,12.326,10.023,22.349,22.349,22.349h39.029c12.326,0,22.349-10.023,22.349-22.349V339.3 C423.456,326.974,413.433,316.951,401.106,316.951z M221.114,169.01v-46.006c0-4.626,3.769-8.395,8.395-8.395h52.985 c4.626,0,8.395,3.769,8.395,8.395v46.006c0,4.626-3.769,8.395-8.395,8.395h-52.985C224.881,177.405,221.114,173.636,221.114,169.01z M158.318,339.3v39.029c0,4.626-3.769,8.395-8.395,8.395h-39.029c-4.626,0-8.395-3.769-8.395-8.395V339.3 c0-4.626,3.769-8.395,8.395-8.395h39.029C154.549,330.906,158.318,334.674,158.318,339.3z M283.909,339.3v39.029 c0,4.626-3.769,8.395-8.395,8.395h-39.029c-4.626,0-8.395-3.769-8.395-8.395V339.3c0-4.626,3.769-8.395,8.395-8.395h39.029 C280.141,330.906,283.909,334.674,283.909,339.3z M409.501,378.33c0,4.626-3.769,8.395-8.395,8.395h-39.029 c-4.626,0-8.395-3.769-8.395-8.395V339.3c0-4.626,3.769-8.395,8.395-8.395h39.029c4.626,0,8.395,3.769,8.395,8.395V378.33z"></path> </g></svg>
+    </div>
+    <div>
+      <p class="font-bold">Sitemap</p>
+         <p class="mt-1 text-sm text-neutral-500 dark:text-neutral-300">
+           Burning question. Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+         <a class="mt-2 inline-flex items-center gap-x-2 text-sm font-medium text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600" href="#">
+              example@site.com
+            </a>
+    </div>
+  </div>
+        <div class="flex pb-8">
+    <div class="mr-4">
+      <svg height="32px" width="32px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 378.22 378.22" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path style="fill:#88C9B3;" d="M378.22,142.485v126.25c0,14.05-11.39,25.44-25.44,25.44h-24.37v40.88l-39.35-40.88H131.15 c-14.05,0-25.44-11.39-25.44-25.44v-48.44v-77.81c0-14.05,11.39-25.44,25.44-25.44H272.5h80.28 C366.83,117.045,378.22,128.435,378.22,142.485z"></path> <path style="fill:#d01b1b;" d="M272.5,68.605v48.44H131.15c-14.05,0-25.44,11.39-25.44,25.44v77.81H89.15l-2.19,2.28l-37.16,38.6 v-40.88H25.43c-14.05,0-25.43-11.39-25.43-25.44V68.605c0-14.05,11.38-25.44,25.43-25.44h221.64 C261.11,43.165,272.5,54.555,272.5,68.605z"></path> <path style="fill:#990000;" d="M272.5,98.295v18.75H131.15c-14.05,0-25.44,11.39-25.44,25.44v77.81H89.15l-2.19,2.28v-98.84 c0-14.05,11.39-25.44,25.44-25.44H272.5z"></path> </g></svg>
+    </div>
+    <div>
+      <p class="font-bold">FAQ</p>
+         <p class="mt-1 text-sm text-neutral-500 dark:text-neutral-300">
+           Burning question. Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+         <a class="mt-2 inline-flex items-center gap-x-2 text-sm font-medium text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600" href="#">
+              example@site.com
+            </a>
+    </div>
+  </div>
+     <div class="flex">
+    <div class="mr-4">
+      <svg width="32px" height="32px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <rect width="48" height="48" fill="white" fill-opacity="0.01"></rect> <path d="M21 38C30.3888 38 38 30.3888 38 21C38 11.6112 30.3888 4 21 4C11.6112 4 4 11.6112 4 21C4 30.3888 11.6112 38 21 38Z" fill="#2F88FF" stroke="#000000" stroke-width="4" stroke-linejoin="round"></path> <path d="M26.6568 14.3431C25.2091 12.8954 23.2091 12 21 12C18.7909 12 16.7909 12.8954 15.3431 14.3431" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M33.2218 33.2218L41.7071 41.7071" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
+    </div>
+    <div>
+      <p class="font-bold">Search</p>
+         <p class="mt-1 text-sm text-neutral-500 dark:text-neutral-300">
+           Burning question. Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+         <a class="mt-2 inline-flex items-center gap-x-2 text-sm font-medium text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600" href="#">
+              example@site.com
+            </a>
+    </div>
+  </div>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- End Contact Us -->
+        <!-- Github -->
+        <a target="_blank" class="text-4xl mr-2 text-neutral-700 dark:text-neutral-300" href="" title="" aria-label="">{{< icon "github" >}}</a>
+        <!-- Github -->
+        <a target="_blank" class="text-4xl mr-2 text-neutral-700 dark:text-neutral-300" href="" title="" aria-label="">{{< icon "twitter" >}}</a>
+        <!-- Github -->
+        <a target="_blank" class="text-4xl mr-2 text-neutral-700 dark:text-neutral-300" href="" title="" aria-label="">{{< icon "mastodon" >}}</a>
+    </div>
+  </div>
+</section>
+<!-- /Contact -->
+<!-- Stats -->
+<div class="relative w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+  <section class="max-w-6xl mx-auto">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Stats</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  I walk the talk
+</h2>
+<p class="text-xl">
+  Learning from ees
+</p>
+</div>
+{{< chart >}}
+type: 'bar',
+data: {
+  labels: ['1.7K Loss', '13K Wins', '87% Certainty', '27Y Experience'],
+  datasets: [{
+    label: 'My First Dataset',
+    data: [13, 87, 87, 97],
+    backgroundColor: [
+      'rgba(201, 203, 207, 0.2)',
+      'rgba(75, 192, 192, 0.2)',
+      'rgba(255, 99, 132, 0.2)',
+      'rgba(255, 205, 86, 0.2)',
+    ],
+    borderColor: [
+      'rgb(201, 203, 207)',
+      'rgb(75, 192, 192)',
+      'rgb(255, 99, 132)',
+      'rgb(255, 205, 86)',
+    ],
+    borderWidth: 1
+  }]
+}
+{{< /chart >}}
+</section>
+</div>
+<!-- /Stats -->
+<!-- Card -->
+<div class="block max-w-2xl mt-20 mx-auto">
+   <section class="mx-auto">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Stats</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  I walk the talk
+</h2>
+<p class="text-xl">
+  Learning from ees
+</p>
+</div>
+<div class="rounded-xl border border-primary-500 p-6 shadow-xl">
+  <p class="mb-4 text-2xl font-bold">
+    Card title
+  </p>
+  <p class="mb-4">
+    Some quick example text to build on the card title and make up the
+    bulk of the card's content.
+  </p>
+ <div class="mt-10 flex justify-center">
+  <a href="">
+    <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 mt-6 border border-primary-500 hover:border-transparent rounded-full">
+      Read more
+    </button>
+  </a>
+</div>
+</div>
+</div>
+<!-- /Card-- >
+<!-- Books -->
+<div class="block max-w-2xl mt-20 mx-auto">
+   <section class="mx-auto">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Books</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  I love reading and writing
+</h2>
+<p class="text-xl">
+  Learning from ees
+</p>
+</div>
+    <div class="lg:py-6">
+        <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+           <div>
+             <svg fill="#27d332" height="32px" width="32px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 511.999 511.999" xml:space="preserve" stroke="#27d332" stroke-width="0.0051199900000000005"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <path d="M238.914,215.862l-26.26-8.698c-5.327-1.764-11.074,1.124-12.838,6.449l-8.604,25.976 c17.501-1.674,34.915,7.953,42.178,25.258l11.973-36.147C247.128,223.375,244.24,217.627,238.914,215.862z"></path> </g> </g> <g> <g> <circle cx="91.211" cy="169.563" r="50.468"></circle> </g> </g> <g> <g> <path d="M241.296,377.506l-78.489-28.513c-4.518-1.642-9.414-1.956-14.111-0.905c-6.245,1.399-39.634,8.877-46.193,10.346 l1.245-16.43L54.655,293.15c7.98,4.491,56.46,31.777,63.789,35.901c5.689,3.301,12.818,3.865,19.22,0.961l66.175-30.024 c10.561-4.792,15.239-17.238,10.447-27.798c-4.792-10.561-17.235-15.241-27.798-10.447l-56.478,25.624 c-11.178-6.291-43.6-24.538-54.754-30.816l33.972,8.35c-0.32-7.942-3.317-15.589-8.583-21.648 c-6.151-7.08-14.876-11.408-24.235-12.025l-32.278-2.124c-9.366-0.617-18.59,2.537-25.619,8.759S7.233,252.858,6.71,262.229 L0.055,381.311c-0.522,9.34,2.699,18.503,8.951,25.463c6.252,6.959,15.019,11.14,24.361,11.618h0.002 c17.242,0.883,34.327-0.589,51.18-4.334c13.881-3.084,35.213-7.844,67.973-15.182l71.566,25.999 c13.078,4.752,27.536-2,32.288-15.081C261.129,396.715,254.377,382.258,241.296,377.506z"></path> </g> </g> <g> <g> <circle cx="412.686" cy="136.875" r="51.273"></circle> </g> </g> <g> <g> <path d="M486.238,374.874h-20.982l9.855-3.273c11.887-3.947,17.651-11.94,17.439-27.695c0.505-19.163,0.656-51.263,0.816-107.383 c0.03-9.599-3.779-18.811-10.58-25.586c-6.801-6.774-16.028-10.547-25.628-10.478l-32.966,0.236 c-9.604,0.069-18.78,3.977-25.484,10.853c-5.734,5.881-9.242,13.518-10.031,21.612l37.308-7.633 c-6.7,3.27-53.398,26.063-59.946,29.258l-56.108-29.532c-10.493-5.522-23.475-1.493-28.996,8.998 c-5.522,10.49-1.493,23.475,8.998,28.996l65.742,34.603c6.193,3.26,13.485,3.279,19.644,0.184l31.644-15.445l37.856-18.476 l-54.944,48.407l0.599,32.895l-48.555,16.122c-15.577,5.172-24.983,20.686-22.366,36.897 c2.622,16.202,16.438,27.962,32.852,27.962h133.832c14.229,0,25.762-11.533,25.762-25.762S500.465,374.874,486.238,374.874z"></path> </g> </g> <g> <g> <path d="M291.525,165.259c-1.783-5.32-7.542-8.186-12.861-6.403l-26.228,8.795c-5.32,1.783-8.186,7.542-6.402,12.861 l15.853,47.281c0.416-0.961,0.859-1.916,1.355-2.858c8.12-15.43,24.594-23.611,40.938-21.934L291.525,165.259z"></path> </g> </g> </g></svg>
+           </div>
+         </div>
+       </div>
+       <div class="pt-1 pb-8">
+         <p class="mb-2 text-xl font-bold">Step 1</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Where, when? Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+       </div>
+     </div>
+     <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+             <svg width="32px" height="32px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" fill="#672768" stroke="#672768"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="#852978" d="M312.094 21.97l59.094 119.686h52.093L362.595 22l-50.5-.03zM173 22.687l-63.594 127.218 65.844 345.75 114.688.094L354.467 150 291.626 22.75 173 22.687zm16.063 76.28h88.78v18.688h-88.78V98.97zm0 36.22h88.78v18.687h-88.78v-18.688zm182.5 25.156L309 495.438l47.25.03 68.313-335.124h-53z"></path></g></svg>
+         </div>
+       </div>
+       <div class="pt-1 pb-8">
+         <p class="mb-2 text-xl font-bold">Step 2</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Burning question. Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+       </div>
+     </div>
+     <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+           <svg width="32px" height="32px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#000000" stroke-width="0.21600000000000003"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M20.58 19.37L17.59 11.01C17.38 10.46 16.91 10.12 16.37 10.12C15.83 10.12 15.37 10.46 15.14 11.03L12.16 19.37C12.02 19.76 12.22 20.19 12.61 20.33C13 20.47 13.43 20.27 13.57 19.88L14.19 18.15H18.54L19.16 19.88C19.27 20.19 19.56 20.38 19.87 20.38C19.95 20.38 20.04 20.37 20.12 20.34C20.51 20.2 20.71 19.77 20.57 19.38L20.58 19.37ZM14.74 16.64L16.38 12.05L18.02 16.64H14.74ZM12.19 7.85C9.92999 11.42 7.89 13.58 5.41 15.02C5.29 15.09 5.16 15.12 5.04 15.12C4.78 15.12 4.53 14.99 4.39 14.75C4.18 14.39 4.3 13.93 4.66 13.73C6.75999 12.51 8.48 10.76 10.41 7.86H4.12C3.71 7.86 3.37 7.52 3.37 7.11C3.37 6.7 3.71 6.36 4.12 6.36H7.87V4.38C7.87 3.97 8.21 3.63 8.62 3.63C9.02999 3.63 9.37 3.97 9.37 4.38V6.36H13.12C13.53 6.36 13.87 6.7 13.87 7.11C13.87 7.52 13.53 7.86 13.12 7.86H12.18L12.19 7.85ZM12.23 15.12C12.1 15.12 11.97 15.09 11.85 15.02C11.2 14.64 10.57 14.22 9.97999 13.78C9.64999 13.53 9.58 13.06 9.83 12.73C10.08 12.4 10.55 12.33 10.88 12.58C11.42 12.99 12.01 13.37 12.61 13.72C12.97 13.93 13.09 14.39 12.88 14.75C12.74 14.99 12.49 15.12 12.23 15.12Z" fill="#3d48e1"></path> </g></svg>
+         </div>
+       </div>
+       <div class="pt-1 pb-8">
+         <p class="mb-2 text-xl font-bold">Step 1</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Sensation quality. Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love.
+         </p>
+       </div>
+     </div>
+     <div class="flex">
+       <div class="flex flex-col items-center mr-4">
+         <div>
+           <svg fill="#e29818" height="32px" width="32px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" stroke="#e29818" stroke-width="0.00512"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <path d="M484.123,394.095h-21.84v-35.472c0-15.372-12.505-27.878-27.878-27.878h-16.444v-35.471 c0-15.372-12.505-27.878-27.878-27.878H121.917c-15.372,0-27.878,12.505-27.878,27.878v35.471H77.596 c-15.372,0-27.878,12.505-27.878,27.878v35.472h-21.84C12.505,394.095,0,406.6,0,421.973v44.706c0,5.102,4.134,9.236,9.236,9.236 h493.529c5.102,0,9.236-4.134,9.236-9.236v-44.706C512,406.6,499.495,394.095,484.123,394.095z M112.51,295.276 c0-5.187,4.22-9.407,9.407-9.407h268.166c5.187,0,9.407,4.22,9.407,9.407v35.471H112.51V295.276z M68.189,358.623 c0-5.187,4.22-9.407,9.407-9.407h25.68h305.451h25.68c5.187,0,9.407,4.22,9.407,9.407v35.472H68.189V358.623z M493.529,457.443 H18.471v-35.471c0-5.187,4.22-9.407,9.407-9.407h31.076h394.093h31.076c5.187,0,9.407,4.22,9.407,9.407V457.443z"></path> </g> </g> <g> <g> <path d="M364.245,139.532c-1.15-3.262-4.028-5.61-7.455-6.081c-3.441-0.47-6.832,1.016-8.817,3.848l-9.91,14.133 c-0.261-7.217-1.103-15.065-2.692-23.064c-4.03-20.318-14.289-49.292-40.267-71.946c-9.079-7.917-19.505-14.495-30.988-19.552 c-2.447-1.079-5.242-1.044-7.658,0.096c-2.419,1.139-4.225,3.269-4.951,5.841c-8.238,29.12-21.243,53.872-38.654,73.566 c-7.52,8.508-14.815,14.971-21.871,21.222c-13.739,12.175-26.717,23.675-34.498,45.405c-3.534,9.872-8.759,29.884-4.048,52.983 c1.021,4.998,5.9,8.227,10.897,7.204c4.998-1.02,8.223-5.897,7.204-10.896c-3.814-18.7,0.456-35.009,3.341-43.066 c6.183-17.271,16.41-26.334,29.357-37.805c7.121-6.31,15.193-13.462,23.46-22.812c17.085-19.326,30.289-42.89,39.334-70.167 c6.125,3.436,11.797,7.419,16.94,11.904c41.756,36.41,38.404,94.799,34.529,104.574c-0.339,0.856-5.481,13.612-5.898,14.646 c-1.74,4.2-0.156,9.098,3.806,11.461c4.157,2.478,9.516,1.329,12.291-2.631l24.407-34.807c5.152,21.609,7.882,51.281-3.969,79.38 c-1.983,4.7,0.22,10.117,4.919,12.099c1.172,0.494,2.388,0.729,3.586,0.729c3.602,0,7.025-2.122,8.513-5.648 C383.2,207.348,372.33,162.473,364.245,139.532z"></path> </g> </g> <g> <g> <path d="M228.197,188.998c-3.166-4-8.976-4.673-12.973-1.508c-5.048,3.996-14.27,12.73-19.329,26.334 c-3.857,10.367-4.821,20.831-2.948,31.986c0.757,4.512,4.668,7.707,9.098,7.707c0.507,0,1.022-0.042,1.54-0.128 c5.03-0.845,8.423-5.608,7.578-10.638c-1.341-7.987-0.693-15.133,2.043-22.487c3.495-9.393,9.947-15.492,13.483-18.293 C230.688,198.805,231.363,192.996,228.197,188.998z"></path> </g> </g> </g></svg>
+         </div>
+       </div>
+       <div class="pt-1">
+         <p class="mb-2 text-xl font-bold">Step 1</p>
+         <p class="mt-4 text-neutral-500 dark:text-neutral-300">
+           Write down. What do I really want? I might think about health, realtionships, money, work. I might think about values such as Love, kindness, flexibility.
+         </p>
+       </div>
+     </div>
+    </div>
+  </div>
+  </div>
+ <div class="flex justify-center">
+    <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold py-2 px-4 mt-6 border border-primary-500 hover:border-primary-900 rounded-full">
+      Read more
+    </button>
+  </a>
+</div>
+</div>
+</div>
+<!-- /Books-- >
+<!-- Pricing -->
+<div class="max-w-7xl px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Pricing</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  PRICES TO FIT YOUR WALLET AND LIFE STYLE
+</h2>
+<p class="text-xl">
+  Whatever your status, our offers evolve according to your needs.
+</p>
+</div>
+  <!-- Grid -->
+  <div class="mt-12 grid sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:items-center">
+    <!-- Card -->
+    <div class="flex flex-col border border-neutral-200 text-center rounded-xl py-8 px-8 dark:border-neutral-700">
+      <p class="font-medium text-lg text-neutral-800 dark:text-neutral-200">Free</p>
+      <span class="mt-7 font-bold text-5xl text-neutral-800 dark:text-neutral-200">Free</span>
+      <p class="mt-2 text-sm text-neutral-500">Forever free</p>
+      <ul class="mt-6 space-y-2.5 text-sm">
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            1 user
+          </span>
+        </li>
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            Plan features
+          </span>
+        </li>
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            Product support
+          </span>
+        </li>
+      </ul>
+      <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 mt-6 border border-primary-500 hover:border-transparent rounded-full">
+      Read more
+    </button>
+  </a>
+    </div>
+    <!-- End Card -->
+    <!-- Card -->
+    <div class="flex flex-col border-2 border-primary-500 text-center shadow-xl rounded-xl py-8 px-8 dark:border-primary-700">
+      <p class="mb-3"><span class="inline-flex items-center gap-1.5 py-1.5 px-3 rounded-lg text-xs uppercase font-semibold bg-primary-100 text-primary-800 dark:bg-primary-500 dark:text-white">Most popular</span></p>
+      <p class="font-medium text-lg text-neutral-800 dark:text-neutral-200">Startup</p>
+      <span class="mt-5 font-bold text-5xl text-neutral-800 dark:text-neutral-200">
+        <span class="font-bold text-2xl -me-2">$</span>
+        39
+      </span>
+      <p class="mt-2 text-sm text-neutral-500">All the basics for starting a new business</p>
+      <ul class="mt-6 space-y-2.5 text-sm">
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            2 users
+          </span>
+        </li>
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            Plan features
+          </span>
+        </li>
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            Product support
+          </span>
+        </li>
+      </ul>
+      <a href="">
+    <button class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-bold hover:text-white py-2 px-4 mt-6 border border-primary-500 hover:border-transparent rounded-full">
+      Read more
+    </button>
+  </a>
+    </div>
+    <!-- End Card -->
+    <!-- Card -->
+    <div class="flex flex-col border border-neutral-200 text-center rounded-xl py-8 px-8 dark:border-neutral-700">
+      <p class="font-medium text-lg text-neutral-800 dark:text-neutral-200">Team</p>
+      <span class="mt-5 font-bold text-5xl text-neutral-800 dark:text-neutral-200">
+        <span class="font-bold text-2xl -me-2">$</span>
+        89
+      </span>
+      <p class="mt-2 text-sm text-neutral-500">Everything you need for a growing business</p>
+      <ul class="mt-6 space-y-2.5 text-sm">
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            5 users
+          </span>
+        </li>
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            Plan features
+          </span>
+        </li>
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            Product support
+          </span>
+        </li>
+      </ul>
+      <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 mt-6 border border-primary-500 hover:border-transparent rounded-full">
+      Read more
+    </button>
+  </a>
+    </div>
+    <!-- End Card -->
+    <!-- Card -->
+    <div class="flex flex-col border border-neutral-200 text-center rounded-xl py-8 px-8 dark:border-neutral-700">
+      <p class="font-medium text-lg text-neutral-800 dark:text-neutral-200">Enterprise</p>
+      <span class="mt-5 font-bold text-5xl text-neutral-800 dark:text-neutral-200">
+        <span class="font-bold text-2xl -me-2">$</span>
+        149
+      </span>
+      <p class="mt-2 text-sm text-neutral-500">Advanced features for scaling your business</p>
+      <ul class="mt-6 space-y-2.5 text-sm">
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            10 users
+          </span>
+        </li>
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            Plan features
+          </span>
+        </li>
+        <li class="flex space-x-2">
+          <svg class="flex-shrink-0 mt-0.5 h-4 w-4 text-primary-500 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+          <span class="text-neutral-800 dark:text-neutral-400">
+            Product support
+          </span>
+        </li>
+      </ul>
+      <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white mt-6 py-2 px-4 border border-primary-500 hover:border-transparent rounded-full">
+      Read more
+    </button>
+  </a>
+    </div>
+  </div>
+  <div class="mt-10 flex justify-center">
+  <a href="">
+    <a href="">
+    <button
+      class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 mt-6 border border-primary-500 hover:border-transparent rounded-full">
+      Compare
+    </button>
+  </a>
+</div>
+</div>
+<!-- /Pricing -->
+<!-- Testimonials -->
+<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Testimonials</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  Hear what thety are saying
+</h2>
+<p class="text-xl">
+  Whatever your status, our offers evolve according to your needs.
+</p>
+</div>
+  <!-- Grid -->
+  <div class="grid grid-cols-1 gap-12 sm:grid-cols-2 md:gap-20 md:grid-cols-3 lg:grid-cols-5 lg:gap-8">
+    <!-- Icon Block -->
+    <div class="text-center">
+      <svg class="w-auto h-8 mx-auto text-neutral-800 dark:text-neutral-200" width="106" height="36" viewBox="0 0 106 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M55.4732 9.52669C55.4732 10.6846 54.5258 11.6846 53.3153 11.6846C52.1048 11.6846 51.1574 10.7372 51.1574 9.52669C51.1574 8.31616 52.0521 7.36879 53.3153 7.36879C54.5785 7.47406 55.4732 8.42142 55.4732 9.52669ZM46.6837 13.8425C46.6837 14.053 46.6837 14.3688 46.6837 14.3688C46.6837 14.3688 45.6837 13.053 43.5258 13.053C39.9469 13.053 37.1574 15.7898 37.1574 19.5267C37.1574 23.2635 39.8942 26.0004 43.5258 26.0004C45.7363 26.0004 46.6837 24.6319 46.6837 24.6319V25.2109C46.6837 25.4741 46.8942 25.6846 47.1574 25.6846H49.789V13.3688C49.789 13.3688 47.3679 13.3688 47.1574 13.3688C46.8942 13.3688 46.6837 13.632 46.6837 13.8425ZM46.6837 21.7372C46.21 22.4741 45.21 23.1056 44.0521 23.1056C41.9469 23.1056 40.3679 21.7898 40.3679 19.5793C40.3679 17.3688 41.9995 16.053 44.0521 16.053C45.21 16.053 46.2627 16.6846 46.6837 17.4214V21.7372ZM51.789 13.3688H54.9469V25.6846H51.789V13.3688ZM98.789 13.053C96.6311 13.053 95.6311 14.3688 95.6311 14.3688V7.47406H92.4732V25.7372C92.4732 25.7372 94.8942 25.7372 95.1048 25.7372C95.3679 25.7372 95.5785 25.5267 95.5785 25.2635V24.6846C95.5785 24.6846 96.5785 26.053 98.7364 26.053C102.315 26.053 105.105 23.3162 105.105 19.5793C105.157 15.7898 102.368 13.053 98.789 13.053ZM98.2627 23.053C97.0521 23.053 96.1048 22.4214 95.6311 21.6846V17.2635C96.1048 16.632 97.1574 15.8951 98.2627 15.8951C100.368 15.8951 101.947 17.2109 101.947 19.4214C101.947 21.632 100.368 23.053 98.2627 23.053ZM90.8416 18.4214V25.7898H87.6837V18.7898C87.6837 16.7372 87.0521 15.9477 85.2627 15.9477C84.3153 15.9477 83.3153 16.4214 82.6837 17.1583V25.7372H79.5258V13.3688H81.9995C82.2627 13.3688 82.4732 13.5793 82.4732 13.8425V14.3688C83.3679 13.4214 84.6311 13.053 85.8416 13.053C87.21 13.053 88.3679 13.4214 89.2627 14.2109C90.4206 15.1583 90.8416 16.3162 90.8416 18.4214ZM71.8942 13.053C69.7364 13.053 68.7364 14.3688 68.7364 14.3688V7.47406H65.5785V25.7372C65.5785 25.7372 67.9995 25.7372 68.21 25.7372C68.4732 25.7372 68.6837 25.5267 68.6837 25.2635V24.6846C68.6837 24.6846 69.6837 26.053 71.8416 26.053C75.4206 26.053 78.21 23.3162 78.21 19.5793C78.2627 15.7898 75.4732 13.053 71.8942 13.053ZM71.3679 23.053C70.1574 23.053 69.21 22.4214 68.7364 21.6846V17.2635C69.21 16.632 70.2627 15.8951 71.3679 15.8951C73.4732 15.8951 75.0521 17.2109 75.0521 19.4214C75.0521 21.632 73.4732 23.053 71.3679 23.053ZM62.8416 13.053C63.789 13.053 64.2627 13.2109 64.2627 13.2109V16.1056C64.2627 16.1056 61.6311 15.2109 59.9995 17.1056V25.7372H56.8416V13.3688C56.8416 13.3688 59.2627 13.3688 59.4732 13.3688C59.7364 13.3688 59.9469 13.5793 59.9469 13.8425V14.3688C60.5785 13.6846 61.8942 13.053 62.8416 13.053ZM30.1574 24.6319C29.9995 24.2635 29.8416 23.7898 29.6837 23.4741C29.4206 22.8951 29.1574 22.3162 28.9469 21.7898L28.8942 21.7372C26.6311 16.8425 24.21 11.8425 21.6311 6.89511L21.5258 6.68458C21.2627 6.2109 20.9995 5.68458 20.7363 5.15827C20.4206 4.57932 20.1048 3.94774 19.5785 3.36879C18.5258 2.053 16.9995 1.31616 15.4206 1.31616C13.789 1.31616 12.3153 2.053 11.21 3.26353C10.6837 3.89511 10.3153 4.47406 9.99951 5.10564C9.73635 5.63195 9.47319 6.15827 9.21003 6.63195L9.10477 6.84248C6.57845 11.7372 4.10477 16.7372 1.84161 21.6846L1.78898 21.7372C1.57845 22.2635 1.3153 22.8425 1.05214 23.4214C0.894243 23.7898 0.736348 24.1583 0.578453 24.5793C0.1574 25.7898 -0.000494055 26.9477 0.210032 28.1056C0.578453 30.5793 2.21003 32.632 4.47319 33.5267C5.3153 33.8951 6.21003 34.053 7.10477 34.053C7.36793 34.053 7.68372 34.0004 7.94687 34.0004C9.05214 33.8951 10.1574 33.5267 11.21 32.8951C12.5785 32.1583 13.8416 31.053 15.2627 29.4741C16.6837 31.053 17.9995 32.1056 19.3153 32.8951C20.4206 33.5267 21.5258 33.8951 22.5785 34.0004C22.8416 34.053 23.1574 34.053 23.4206 34.053C24.3153 34.053 25.2627 33.8951 26.0521 33.5267C28.3679 32.632 29.9469 30.5267 30.3153 28.1056C30.6837 26.9477 30.5785 25.8425 30.1574 24.6319ZM15.3679 26.3162C13.5785 24.1056 12.4732 22.0004 12.0521 20.2109C11.8942 19.4741 11.8416 18.7898 11.9469 18.2109C11.9995 17.6846 12.21 17.2109 12.4732 16.8425C13.1048 15.9477 14.1574 15.4214 15.3679 15.4214C16.5785 15.4214 17.6837 15.9477 18.2627 16.8425C18.5258 17.2109 18.7363 17.6846 18.789 18.2109C18.8942 18.7898 18.8416 19.4741 18.6837 20.2109C18.2627 21.9477 17.1048 24.053 15.3679 26.3162ZM28.4206 27.8425C28.21 29.5267 27.0521 31.0004 25.4206 31.6846C24.6311 32.0004 23.789 32.1056 22.9469 32.0004C22.1048 31.8951 21.3153 31.632 20.4732 31.1583C19.3153 30.5267 18.1048 29.4741 16.7363 28.0004C18.8942 25.3688 20.21 22.8951 20.6837 20.7372C20.8942 19.7372 20.9469 18.7898 20.8416 17.9477C20.7363 17.1056 20.4206 16.3688 19.9469 15.7372C18.9469 14.2635 17.21 13.4214 15.3153 13.4214C13.4206 13.4214 11.6837 14.3162 10.6837 15.7372C10.21 16.3688 9.94687 17.1583 9.78898 17.9477C9.68372 18.7898 9.68372 19.7372 9.94687 20.7372C10.4206 22.8951 11.789 25.3688 13.8942 28.0004C12.5258 29.5267 11.3153 30.5267 10.1574 31.1583C9.3153 31.632 8.47319 31.8951 7.68372 32.0004C6.78898 32.1056 5.94687 31.9477 5.21003 31.6846C3.57845 31.053 2.47319 29.5267 2.21003 27.8425C2.10477 27.0004 2.1574 26.2109 2.52582 25.2635C2.63108 24.9477 2.78898 24.632 2.94687 24.2109C3.1574 23.6846 3.42056 23.1056 3.68372 22.5793L3.73635 22.5267C5.99951 17.632 8.42056 12.632 10.9469 7.78985L11.0521 7.57932C11.3153 7.10564 11.5785 6.57932 11.8416 6.053C12.1048 5.52669 12.4206 5.053 12.7363 4.63195C13.4206 3.84248 14.3679 3.42143 15.3679 3.42143C16.3679 3.42143 17.3153 3.84248 17.9995 4.63195C18.3679 5.053 18.6311 5.52669 18.8942 6.053C19.1574 6.52669 19.4206 7.053 19.6837 7.57932L19.789 7.78985C22.2627 12.6846 24.6837 17.6846 26.9469 22.5267V22.5793C27.21 23.1056 27.4206 23.6846 27.6837 24.2109C27.8416 24.5793 27.9995 24.9477 28.1048 25.2635C28.4732 26.1583 28.5785 27.0004 28.4206 27.8425Z" fill="currentColor"/></svg>
+      <div class="mt-2 sm:mt-6">
+        <p class="text-neutral-800 dark:text-neutral-200">
+          "Great design and thorough documentation."
+        </p>
+      </div>
+      <!-- Star -->
+      <div class="flex-shrink-0 flex justify-center space-x-1 mt-3">
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold"  width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold"  width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+      </div>
+      <!-- End Star -->
+    </div>
+    <!-- End Icon Block -->
+    <!-- Icon Block -->
+    <div class="text-center">
+      <svg class="w-auto h-8 mx-auto text-neutral-800 dark:text-neutral-200" width="140" height="47" viewBox="0 0 140 47" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <g clip-path="url(#clip0)">
+          <path d="M96.2674 23.8697C93.7525 23.5204 92.7744 22.8916 92.8443 21.9136C92.984 20.1671 95.1497 19.9575 96.477 20.0274C99.0619 20.2369 99.6207 22.4725 99.6207 22.7519L102.136 22.5423C101.996 20.9355 100.669 17.7918 96.8962 17.5124C94.8004 17.3727 92.984 17.7918 91.7964 18.8397C90.8882 19.6082 90.1197 20.7958 89.98 21.9835C89.7006 25.8258 93.473 26.3847 95.8483 26.734C98.8523 27.1531 99.5509 27.5723 99.481 28.69C99.481 29.2489 99.1317 29.8078 98.7126 30.1571C98.0838 30.6461 96.8263 30.8557 95.5688 30.716C92.7046 30.4365 92.495 28.6202 92.495 28.2709L89.98 28.3407C89.98 29.8777 91.0279 32.8817 95.2894 33.3707C97.5948 33.6501 99.481 32.9515 100.459 32.2529C101.577 31.4146 102.206 30.0174 102.275 28.69C102.485 24.708 98.6427 24.219 96.2674 23.8697Z" fill="currentColor"/>
+          <path d="M110.659 30.7161C114.431 30.7161 114.152 26.4546 114.152 26.4546V17.9316H117.086V26.3847C117.086 26.3847 117.086 26.4546 117.086 26.6642C117.086 27.9217 116.946 33.3009 110.728 33.3009H110.519C104.301 33.3009 104.162 27.9915 104.162 26.6642C104.162 26.5245 104.162 26.3847 104.162 26.3847V17.9316H107.096V26.3847C107.166 26.3847 106.886 30.7161 110.659 30.7161Z" fill="currentColor"/>
+          <path d="M136.926 28.3405C136.088 29.8076 134.411 30.6459 132.595 30.6459C130.08 30.6459 128.054 29.0392 127.705 26.5242H139.93C139.93 26.1749 139.93 25.6859 139.93 25.3366C139.93 20.5861 136.717 17.5122 132.455 17.5122C128.194 17.5122 124.771 20.5162 124.771 25.3366C124.771 30.1569 128.194 33.2308 132.455 33.2308C135.11 33.2308 137.625 32.113 139.022 29.8775L136.926 28.3405ZM132.525 20.2368C134.97 20.2368 136.717 21.7737 137.136 24.2887H127.774C128.124 21.7038 130.01 20.2368 132.525 20.2368Z" fill="currentColor"/>
+          <path d="M80.9681 17.582C78.8723 17.582 76.7066 18.5601 75.7286 20.2367V17.8615H72.7944V40.2168H75.7286V30.7158C76.7066 32.4623 78.8723 33.3006 80.9681 33.3006C85.0898 33.3006 88.513 30.2966 88.513 25.4762C88.513 20.7257 85.0898 17.582 80.9681 17.582ZM80.6886 30.576C78.2435 30.576 75.6587 28.8295 75.6587 25.616C75.6587 22.4024 78.1737 20.3066 80.8284 20.3066C83.5529 20.3066 85.7186 22.3325 85.7186 25.3365C85.6487 28.4104 83.3433 30.576 80.6886 30.576Z" fill="currentColor"/>
+          <path d="M122.605 9.68799H119.67V32.9515H122.605V9.68799Z" fill="currentColor"/>
+          <path d="M64.4113 17.4424C64.3414 17.4424 64.2716 17.4424 64.2017 17.4424C64.2017 17.4424 61.6867 17.4424 59.3115 18.4204L59.5909 19.1889L60.1498 20.7957C60.9881 20.4464 62.3853 20.0272 64.2017 19.9574C64.2716 19.9574 64.3414 19.9574 64.4113 19.9574C67.6249 19.9574 67.6947 22.8915 67.6947 22.8915V23.6599L62.6648 23.5901C62.3155 23.5901 60.2895 23.5901 58.8225 24.9873C58.4732 25.3366 58.1937 25.6859 57.9841 26.1051C57.7047 26.7338 57.4951 27.4324 57.4951 28.2009C57.4951 29.1789 57.7746 30.0871 58.1937 30.8556C58.4033 31.2049 58.6827 31.5542 58.9622 31.8336C59.9402 32.7418 61.3374 33.3007 62.8744 33.3007C63.0141 33.3007 63.1538 33.3007 63.2237 33.3007C64.9702 33.2308 66.577 32.5322 67.6249 30.8556V32.9514H70.2097V23.4504C70.2796 21.0053 68.7426 17.4424 64.4113 17.4424ZM63.1538 30.9254C62.2456 30.9953 60.1498 30.5063 60.1498 28.2009C60.1498 27.5721 60.7087 26.1051 62.5251 26.1051C64.3414 26.1051 67.555 26.1051 67.555 26.1051C67.6249 28.8995 65.9482 30.7857 63.1538 30.9254Z" fill="currentColor"/>
+          <path d="M49.1118 30.3667C44.4311 30.3667 40.8682 26.5942 40.8682 21.9136C40.8682 17.233 44.501 13.3906 49.1118 13.3906C51.3473 13.3906 53.3034 14.2988 54.7704 15.696L56.5169 13.3208C54.6307 11.5743 51.976 10.5264 49.1118 10.5264C42.8243 10.5264 37.8643 15.6262 37.8643 21.9136C37.8643 28.201 42.8243 33.3008 49.1118 33.3008C51.6966 33.3008 54.002 32.4625 55.8183 31.1351L54.8403 28.4106C53.2335 29.5284 51.0678 30.3667 49.1118 30.3667Z" fill="currentColor"/>
+          <path d="M0 30.2965H3.63273V28.061H8.24351V30.2965H11.8064V12.9712H0V30.2965Z" fill="currentColor"/>
+          <path d="M18.0938 8.08105C17.5349 8.08105 17.1157 8.50022 17.1157 9.0591C17.1157 9.61798 17.5349 10.0371 18.0938 10.0371C18.6526 10.0371 19.0718 9.61798 19.0718 9.0591C19.1417 8.57008 18.6526 8.08105 18.0938 8.08105Z" fill="currentColor"/>
+          <path d="M18.0938 12.6221C17.5349 12.6221 17.1157 13.0412 17.1157 13.6001C17.1157 14.159 17.5349 14.5782 18.0938 14.5782C18.6526 14.5782 19.0718 14.159 19.0718 13.6001C19.1417 13.1111 18.6526 12.6221 18.0938 12.6221Z" fill="currentColor"/>
+          <path d="M18.0938 17.2329C17.5349 17.2329 17.1157 17.6521 17.1157 18.211C17.1157 18.7698 17.5349 19.189 18.0938 19.189C18.6526 19.189 19.0718 18.7698 19.0718 18.211C19.1417 17.6521 18.6526 17.2329 18.0938 17.2329Z" fill="currentColor"/>
+          <path d="M22.7744 8.08105C22.2155 8.08105 21.7964 8.50022 21.7964 9.0591C21.7964 9.61798 22.2155 10.0371 22.7744 10.0371C23.3333 10.0371 23.7525 9.61798 23.7525 9.0591C23.7525 8.57008 23.3333 8.08105 22.7744 8.08105Z" fill="currentColor"/>
+          <path d="M22.7744 12.6221C22.2155 12.6221 21.7964 13.0412 21.7964 13.6001C21.7964 14.159 22.2155 14.5782 22.7744 14.5782C23.3333 14.5782 23.7525 14.159 23.7525 13.6001C23.7525 13.1111 23.3333 12.6221 22.7744 12.6221Z" fill="currentColor"/>
+          <path d="M22.7744 17.2329C22.2155 17.2329 21.7964 17.6521 21.7964 18.211C21.7964 18.7698 22.2155 19.189 22.7744 19.189C23.3333 19.189 23.7525 18.7698 23.7525 18.211C23.7525 17.6521 23.3333 17.2329 22.7744 17.2329Z" fill="currentColor"/>
+          <path d="M27.3154 8.08105C26.7566 8.08105 26.3374 8.50022 26.3374 9.0591C26.3374 9.61798 26.7566 10.0371 27.3154 10.0371C27.8743 10.0371 28.2935 9.61798 28.2935 9.0591C28.2935 8.57008 27.8743 8.08105 27.3154 8.08105Z" fill="currentColor"/>
+          <path d="M27.3154 12.6221C26.7566 12.6221 26.3374 13.0412 26.3374 13.6001C26.3374 14.159 26.7566 14.5782 27.3154 14.5782C27.8743 14.5782 28.2935 14.159 28.2935 13.6001C28.2935 13.1111 27.8743 12.6221 27.3154 12.6221Z" fill="currentColor"/>
+          <path d="M27.3154 17.2329C26.7566 17.2329 26.3374 17.6521 26.3374 18.211C26.3374 18.7698 26.7566 19.189 27.3154 19.189C27.8743 19.189 28.2935 18.7698 28.2935 18.211C28.2935 17.6521 27.8743 17.2329 27.3154 17.2329Z" fill="currentColor"/>
+          <path d="M6.07776 24.2885C2.79433 24.2186 0.0697788 26.8035 -8.15348e-05 30.017C-0.0699418 33.2306 2.51489 35.9552 5.79832 36.0949C9.08176 36.1647 11.7364 33.5799 11.8762 30.2965C11.8762 27.0829 9.29134 24.3584 6.07776 24.2885ZM7.89413 32.3224H3.91209V28.3404H7.89413V32.3224Z" fill="currentColor"/>
+          <path d="M6.07776 24.2885C2.79433 24.2186 0.0697788 26.8035 -8.15348e-05 30.017C-0.0699418 33.2306 2.51489 35.9552 5.79832 36.0949C9.08176 36.1647 11.7364 33.5799 11.8762 30.2965C11.8762 27.0829 9.29134 24.3584 6.07776 24.2885ZM7.89413 32.3224H3.91209V28.3404H7.89413V32.3224Z" fill="white" fill-opacity="0.2"/>
+          <path d="M5.93812 19.1189C9.21766 19.1189 11.8762 16.4603 11.8762 13.1808C11.8762 9.90126 9.21766 7.24268 5.93812 7.24268C2.65859 7.24268 0 9.90126 0 13.1808C0 16.4603 2.65859 19.1189 5.93812 19.1189Z" fill="white"/>
+          <path d="M16.627 23.1709V35.3266H28.7826V23.1709H16.627ZM26.3375 31.9733H19.1419V30.4364H26.3375V31.9733ZM26.3375 27.9913H19.1419V26.4543H26.3375V27.9913Z" fill="currentColor"/>
+        </g>
+        <defs>
+          <clipPath id="clip0">
+            <rect width="140" height="47" fill="white"/>
+          </clipPath>
+        </defs></svg>
+      <div class="mt-2 sm:mt-6">
+        <p class="text-neutral-800 dark:text-neutral-200">
+          "Great design and thorough documentation."
+        </p>
+      </div>
+      <!-- Star -->
+      <div class="flex-shrink-0 flex justify-center space-x-1 mt-3">
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+      </div>
+      <!-- End Star -->
+    </div>
+    <!-- End Icon Block -->
+    <!-- Icon Block -->
+    <div class="text-center">
+      <svg class="w-auto h-8 mx-auto text-neutral-800 dark:text-neutral-200" width="140" height="47" viewBox="0 0 140 47" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M20.3991 8.15082C20.3991 9.61789 19.1416 10.8754 17.6745 10.8754C16.2075 10.8754 14.95 9.61789 14.95 8.15082C14.95 6.68375 16.2075 5.42627 17.6745 5.42627C19.1416 5.42627 20.3991 6.68375 20.3991 8.15082ZM17.6745 13.1109C16.0678 13.1109 14.8103 14.3684 14.8103 15.9752C14.8103 17.582 16.0678 18.8394 17.6745 18.8394C19.2813 18.8394 20.5388 17.582 20.5388 15.9752C20.5388 14.2985 19.2813 13.1109 17.6745 13.1109ZM17.6745 20.7257C16.0678 20.7257 14.7404 22.053 14.7404 23.6598C14.7404 25.2666 16.0678 26.5939 17.6745 26.5939C19.2813 26.5939 20.6087 25.2666 20.6087 23.6598C20.6785 22.053 19.2813 20.7257 17.6745 20.7257ZM17.6745 28.4802C16.0678 28.4802 14.8103 29.7376 14.8103 31.3444C14.8103 32.9512 16.0678 34.2087 17.6745 34.2087C19.2813 34.2087 20.5388 32.9512 20.5388 31.3444C20.5388 29.8075 19.2813 28.4802 17.6745 28.4802ZM17.6745 36.3744C16.2075 36.3744 14.95 37.6319 14.95 39.0989C14.95 40.566 16.2075 41.8235 17.6745 41.8235C19.1416 41.8235 20.3991 40.566 20.3991 39.0989C20.3991 37.6319 19.2115 36.3744 17.6745 36.3744ZM25.2195 12.7616C23.4729 12.7616 22.0059 14.2287 22.0059 15.9752C22.0059 17.7217 23.4729 19.1887 25.2195 19.1887C26.966 19.1887 28.433 17.7217 28.433 15.9752C28.433 14.2287 26.966 12.7616 25.2195 12.7616ZM25.2195 20.3764C23.4031 20.3764 21.8662 21.8434 21.8662 23.7297C21.8662 25.546 23.3332 27.083 25.2195 27.083C27.0358 27.083 28.5728 25.6159 28.5728 23.7297C28.5728 21.8434 27.0358 20.3764 25.2195 20.3764ZM25.2195 28.1309C23.4729 28.1309 22.0059 29.5979 22.0059 31.3444C22.0059 33.0909 23.4729 34.558 25.2195 34.558C26.966 34.558 28.433 33.0909 28.433 31.3444C28.433 29.5979 26.966 28.1309 25.2195 28.1309ZM32.9739 19.9572C31.0179 19.9572 29.2714 21.564 29.2714 23.6598C29.2714 25.6159 30.8781 27.3624 32.9739 27.3624C35.0698 27.3624 36.6765 25.7556 36.6765 23.6598C36.5368 21.564 34.93 19.9572 32.9739 19.9572ZM10.0598 13.4602C8.73243 13.4602 7.61466 14.578 7.61466 15.9053C7.61466 17.2327 8.73243 18.3504 10.0598 18.3504C11.3871 18.3504 12.5049 17.2327 12.5049 15.9053C12.5049 14.578 11.457 13.4602 10.0598 13.4602ZM10.0598 21.075C8.59271 21.075 7.47494 22.1927 7.47494 23.6598C7.47494 25.1269 8.59271 26.2446 10.0598 26.2446C11.5268 26.2446 12.6446 25.1269 12.6446 23.6598C12.6446 22.1927 11.5268 21.075 10.0598 21.075ZM10.0598 28.8295C8.73243 28.8295 7.61466 29.9472 7.61466 31.2746C7.61466 32.6019 8.73243 33.7197 10.0598 33.7197C11.3871 33.7197 12.5049 32.6019 12.5049 31.2746C12.5049 29.9472 11.457 28.8295 10.0598 28.8295ZM2.445 21.4941C1.18752 21.4941 0.209473 22.4722 0.209473 23.7297C0.209473 24.9871 1.18752 25.9652 2.445 25.9652C3.70249 25.9652 4.68053 24.9871 4.68053 23.7297C4.68053 22.4722 3.70249 21.4941 2.445 21.4941Z" fill="currentColor"/>
+        <path d="M64.4812 18.9092C64.2018 18.9092 63.9922 19.1886 63.9922 19.3982V38.7495C63.9922 39.0289 64.2716 39.2385 64.4812 39.2385H66.7866C67.066 39.2385 67.2756 38.9591 67.2756 38.7495V19.3982C67.2756 19.1188 66.9962 18.9092 66.7866 18.9092H64.4812Z" fill="currentColor"/>
+        <path d="M65.7389 10.7358C64.4815 10.7358 63.5034 11.7139 63.5034 12.9714C63.5034 14.2289 64.4815 15.2069 65.7389 15.2069C66.9964 15.2069 67.9745 14.2289 67.9745 12.9714C67.9745 11.7139 66.9266 10.7358 65.7389 10.7358Z" fill="currentColor"/>
+        <path d="M114.082 18.9092C113.803 18.9092 113.593 19.1886 113.593 19.3982V38.7495C113.593 39.0289 113.873 39.2385 114.082 39.2385H116.388C116.667 39.2385 116.877 38.9591 116.877 38.7495V19.3982C116.877 19.1188 116.597 18.9092 116.388 18.9092H114.082Z" fill="currentColor"/>
+        <path d="M115.2 10.7358C113.942 10.7358 112.964 11.7139 112.964 12.9714C112.964 14.2289 113.942 15.2069 115.2 15.2069C116.457 15.2069 117.435 14.2289 117.435 12.9714C117.435 11.7139 116.457 10.7358 115.2 10.7358Z" fill="currentColor"/>
+        <path d="M138.603 37.3525C138.743 37.2127 138.743 37.073 138.743 37.0031C138.743 36.8634 138.743 36.8634 138.743 36.8634C138.743 36.8634 138.743 36.7237 138.603 36.7237C138.603 36.7237 138.463 36.584 138.324 36.584C138.184 36.584 138.184 36.584 138.044 36.584H137.416V38.3305H137.695V37.7018H138.044L138.533 38.3305H138.813L138.184 37.562C138.463 37.6319 138.603 37.4922 138.603 37.3525ZM137.765 37.4922V36.8634H138.254C138.394 36.8634 138.533 36.8634 138.603 37.0031C138.743 37.0031 138.743 37.1429 138.743 37.2826C138.743 37.4223 138.743 37.562 138.603 37.562C138.463 37.562 138.324 37.7018 138.254 37.7018H137.765V37.4922Z" fill="currentColor"/>
+        <path d="M138.114 35.8853C137.276 35.8853 136.507 36.6537 136.507 37.492C136.507 38.3304 137.276 39.0988 138.114 39.0988C138.952 39.0988 139.721 38.3304 139.721 37.492C139.721 36.5839 139.022 35.8853 138.114 35.8853ZM138.114 38.9591C137.276 38.9591 136.647 38.3304 136.647 37.492C136.647 36.6537 137.276 36.025 138.114 36.025C138.952 36.025 139.581 36.6537 139.581 37.492C139.581 38.3304 138.883 38.9591 138.114 38.9591Z" fill="currentColor"/>
+        <path d="M83.6928 22.0531C83.9722 22.0531 84.1818 21.7737 84.1818 21.5641V19.2587C84.1818 18.9793 83.9024 18.7697 83.6928 18.7697H78.7327V11.3645C78.7327 11.0851 78.4533 10.8755 78.2437 10.8755H75.9383C75.6588 10.8755 75.4493 11.1549 75.4493 11.3645V18.7697H73.0042C72.7247 18.7697 72.5151 19.0491 72.5151 19.2587V21.5641C72.5151 21.8436 72.7946 22.0531 73.0042 22.0531H75.4493V33.2308C75.4493 36.6539 77.7547 38.8895 81.108 38.8895H83.5531C83.8325 38.8895 84.0421 38.61 84.0421 38.4004V36.0951C84.0421 35.8156 83.7626 35.606 83.5531 35.606H81.4573C79.8505 35.606 78.7327 34.4883 78.7327 32.7418V21.9833L83.6928 22.0531Z" fill="currentColor"/>
+        <path d="M132.735 22.0531C133.014 22.0531 133.224 21.7737 133.224 21.5641V19.2587C133.224 18.9793 132.944 18.7697 132.735 18.7697H127.775V11.3645C127.775 11.0851 127.495 10.8755 127.286 10.8755H124.98C124.701 10.8755 124.491 11.1549 124.491 11.3645V18.7697H122.046C121.767 18.7697 121.557 19.0491 121.557 19.2587V21.5641C121.557 21.8436 121.837 22.0531 122.046 22.0531H124.491V33.2308C124.491 36.6539 126.797 38.8895 130.15 38.8895H132.595C132.874 38.8895 133.084 38.61 133.084 38.4004V36.0951C133.084 35.8156 132.805 35.606 132.595 35.606H130.36C128.753 35.606 127.635 34.4883 127.635 32.7418V21.9833L132.735 22.0531Z" fill="currentColor"/>
+        <path d="M49.8106 22.053V38.5401C49.8106 38.8195 50.09 39.0291 50.2996 39.0291H52.605C52.8844 39.0291 53.094 38.7497 53.094 38.5401V22.053H58.5431C58.8226 22.053 59.0321 21.7736 59.0321 21.564V19.2586C59.0321 18.9792 58.7527 18.7696 58.5431 18.7696H53.094V14.4383C53.094 12.6918 54.3515 11.5041 55.8186 11.5041H58.5431C58.8226 11.5041 59.0321 11.2247 59.0321 11.0151V8.70973C59.0321 8.43028 58.7527 8.2207 58.5431 8.2207H55.9583C52.5351 8.2207 49.8106 11.085 49.8106 14.3684V18.7696H47.3655C47.086 18.7696 46.8765 19.049 46.8765 19.2586V21.564C46.8765 21.8435 47.1559 22.053 47.3655 22.053H49.8106Z" fill="currentColor"/>
+        <path d="M106.258 21.2148C104.442 19.2587 101.857 18.1409 99.1321 18.1409C96.5473 18.1409 93.9625 19.2587 92.3557 20.8655V8.57008C92.3557 8.29064 92.0763 8.08105 91.8667 8.08105H89.5613C89.2818 8.08105 89.0723 8.3605 89.0723 8.57008V28.8994C89.0723 36.4443 94.1022 39.7278 99.0623 39.7278C103.952 39.7278 109.052 36.3745 109.052 28.8994C109.052 25.8954 108.074 23.1709 106.258 21.2148ZM99.0623 36.584C94.1022 36.584 92.2858 32.6719 92.2858 28.9693C92.2858 24.4284 95.0104 21.4244 99.0623 21.4244C103.114 21.4244 105.839 24.4982 105.839 28.9693C105.769 32.6719 104.022 36.584 99.0623 36.584Z" fill="currentColor"/></svg>
+      <div class="mt-2 sm:mt-6">
+        <p class="text-neutral-800 dark:text-neutral-200">
+          " Great design and thorough documentation. "
+        </p>
+      </div>
+      <!-- Star -->
+      <div class="flex-shrink-0 flex justify-center space-x-1 mt-3">
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M49.6867 20.0305C50.2889 19.3946 49.9878 18.1228 49.0846 18.1228L33.7306 15.8972C33.4296 15.8972 33.1285 15.8972 32.8275 15.2613L25.9032 0.317944C25.6021 0 25.3011 0 25 0V42.6046C25 42.6046 25.3011 42.6046 25.6021 42.6046L39.7518 49.9173C40.3539 50.2352 41.5581 49.5994 41.2571 48.6455L38.5476 32.4303C38.5476 32.1124 38.5476 31.7944 38.8486 31.4765L49.6867 20.0305Z" fill="#cbd5e1"/>
+          <path d="M0.313299 20.0305C-0.288914 19.3946 0.0122427 18.1228 0.915411 18.1228L16.2694 15.8972C16.5704 15.8972 16.8715 15.8972 17.1725 15.2613L24.0968 0.317944C24.3979 0 24.6989 0 25 0V42.6046C25 42.6046 24.6989 42.6046 24.3979 42.6046L10.2482 49.9173C9.64609 50.2352 8.44187 49.5994 8.74292 48.6455L11.4524 32.4303C11.4524 32.1124 11.4524 31.7944 11.1514 31.4765L0.313299 20.0305Z" fill="currentColor"/></svg>
+      </div>
+      <!-- End Star -->
+    </div>
+    <!-- End Icon Block -->
+    <!-- Icon Block -->
+    <div class="text-center">
+      <svg class="w-auto h-8 mx-auto text-neutral-800 dark:text-neutral-200" width="140" height="47" viewBox="0 0 140 47" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M20.3991 8.15082C20.3991 9.61789 19.1416 10.8754 17.6745 10.8754C16.2075 10.8754 14.95 9.61789 14.95 8.15082C14.95 6.68375 16.2075 5.42627 17.6745 5.42627C19.1416 5.42627 20.3991 6.68375 20.3991 8.15082ZM17.6745 13.1109C16.0678 13.1109 14.8103 14.3684 14.8103 15.9752C14.8103 17.582 16.0678 18.8394 17.6745 18.8394C19.2813 18.8394 20.5388 17.582 20.5388 15.9752C20.5388 14.2985 19.2813 13.1109 17.6745 13.1109ZM17.6745 20.7257C16.0678 20.7257 14.7404 22.053 14.7404 23.6598C14.7404 25.2666 16.0678 26.5939 17.6745 26.5939C19.2813 26.5939 20.6087 25.2666 20.6087 23.6598C20.6785 22.053 19.2813 20.7257 17.6745 20.7257ZM17.6745 28.4802C16.0678 28.4802 14.8103 29.7376 14.8103 31.3444C14.8103 32.9512 16.0678 34.2087 17.6745 34.2087C19.2813 34.2087 20.5388 32.9512 20.5388 31.3444C20.5388 29.8075 19.2813 28.4802 17.6745 28.4802ZM17.6745 36.3744C16.2075 36.3744 14.95 37.6319 14.95 39.0989C14.95 40.566 16.2075 41.8235 17.6745 41.8235C19.1416 41.8235 20.3991 40.566 20.3991 39.0989C20.3991 37.6319 19.2115 36.3744 17.6745 36.3744ZM25.2195 12.7616C23.4729 12.7616 22.0059 14.2287 22.0059 15.9752C22.0059 17.7217 23.4729 19.1887 25.2195 19.1887C26.966 19.1887 28.433 17.7217 28.433 15.9752C28.433 14.2287 26.966 12.7616 25.2195 12.7616ZM25.2195 20.3764C23.4031 20.3764 21.8662 21.8434 21.8662 23.7297C21.8662 25.546 23.3332 27.083 25.2195 27.083C27.0358 27.083 28.5728 25.6159 28.5728 23.7297C28.5728 21.8434 27.0358 20.3764 25.2195 20.3764ZM25.2195 28.1309C23.4729 28.1309 22.0059 29.5979 22.0059 31.3444C22.0059 33.0909 23.4729 34.558 25.2195 34.558C26.966 34.558 28.433 33.0909 28.433 31.3444C28.433 29.5979 26.966 28.1309 25.2195 28.1309ZM32.9739 19.9572C31.0179 19.9572 29.2714 21.564 29.2714 23.6598C29.2714 25.6159 30.8781 27.3624 32.9739 27.3624C35.0698 27.3624 36.6765 25.7556 36.6765 23.6598C36.5368 21.564 34.93 19.9572 32.9739 19.9572ZM10.0598 13.4602C8.73243 13.4602 7.61466 14.578 7.61466 15.9053C7.61466 17.2327 8.73243 18.3504 10.0598 18.3504C11.3871 18.3504 12.5049 17.2327 12.5049 15.9053C12.5049 14.578 11.457 13.4602 10.0598 13.4602ZM10.0598 21.075C8.59271 21.075 7.47494 22.1927 7.47494 23.6598C7.47494 25.1269 8.59271 26.2446 10.0598 26.2446C11.5268 26.2446 12.6446 25.1269 12.6446 23.6598C12.6446 22.1927 11.5268 21.075 10.0598 21.075ZM10.0598 28.8295C8.73243 28.8295 7.61466 29.9472 7.61466 31.2746C7.61466 32.6019 8.73243 33.7197 10.0598 33.7197C11.3871 33.7197 12.5049 32.6019 12.5049 31.2746C12.5049 29.9472 11.457 28.8295 10.0598 28.8295ZM2.445 21.4941C1.18752 21.4941 0.209473 22.4722 0.209473 23.7297C0.209473 24.9871 1.18752 25.9652 2.445 25.9652C3.70249 25.9652 4.68053 24.9871 4.68053 23.7297C4.68053 22.4722 3.70249 21.4941 2.445 21.4941Z" fill="currentColor"/>
+        <path d="M64.4812 18.9092C64.2018 18.9092 63.9922 19.1886 63.9922 19.3982V38.7495C63.9922 39.0289 64.2716 39.2385 64.4812 39.2385H66.7866C67.066 39.2385 67.2756 38.9591 67.2756 38.7495V19.3982C67.2756 19.1188 66.9962 18.9092 66.7866 18.9092H64.4812Z" fill="currentColor"/>
+        <path d="M65.7389 10.7358C64.4815 10.7358 63.5034 11.7139 63.5034 12.9714C63.5034 14.2289 64.4815 15.2069 65.7389 15.2069C66.9964 15.2069 67.9745 14.2289 67.9745 12.9714C67.9745 11.7139 66.9266 10.7358 65.7389 10.7358Z" fill="currentColor"/>
+        <path d="M114.082 18.9092C113.803 18.9092 113.593 19.1886 113.593 19.3982V38.7495C113.593 39.0289 113.873 39.2385 114.082 39.2385H116.388C116.667 39.2385 116.877 38.9591 116.877 38.7495V19.3982C116.877 19.1188 116.597 18.9092 116.388 18.9092H114.082Z" fill="currentColor"/>
+        <path d="M115.2 10.7358C113.942 10.7358 112.964 11.7139 112.964 12.9714C112.964 14.2289 113.942 15.2069 115.2 15.2069C116.457 15.2069 117.435 14.2289 117.435 12.9714C117.435 11.7139 116.457 10.7358 115.2 10.7358Z" fill="currentColor"/>
+        <path d="M138.603 37.3525C138.743 37.2127 138.743 37.073 138.743 37.0031C138.743 36.8634 138.743 36.8634 138.743 36.8634C138.743 36.8634 138.743 36.7237 138.603 36.7237C138.603 36.7237 138.463 36.584 138.324 36.584C138.184 36.584 138.184 36.584 138.044 36.584H137.416V38.3305H137.695V37.7018H138.044L138.533 38.3305H138.813L138.184 37.562C138.463 37.6319 138.603 37.4922 138.603 37.3525ZM137.765 37.4922V36.8634H138.254C138.394 36.8634 138.533 36.8634 138.603 37.0031C138.743 37.0031 138.743 37.1429 138.743 37.2826C138.743 37.4223 138.743 37.562 138.603 37.562C138.463 37.562 138.324 37.7018 138.254 37.7018H137.765V37.4922Z" fill="currentColor"/>
+        <path d="M138.114 35.8853C137.276 35.8853 136.507 36.6537 136.507 37.492C136.507 38.3304 137.276 39.0988 138.114 39.0988C138.952 39.0988 139.721 38.3304 139.721 37.492C139.721 36.5839 139.022 35.8853 138.114 35.8853ZM138.114 38.9591C137.276 38.9591 136.647 38.3304 136.647 37.492C136.647 36.6537 137.276 36.025 138.114 36.025C138.952 36.025 139.581 36.6537 139.581 37.492C139.581 38.3304 138.883 38.9591 138.114 38.9591Z" fill="currentColor"/>
+        <path d="M83.6928 22.0531C83.9722 22.0531 84.1818 21.7737 84.1818 21.5641V19.2587C84.1818 18.9793 83.9024 18.7697 83.6928 18.7697H78.7327V11.3645C78.7327 11.0851 78.4533 10.8755 78.2437 10.8755H75.9383C75.6588 10.8755 75.4493 11.1549 75.4493 11.3645V18.7697H73.0042C72.7247 18.7697 72.5151 19.0491 72.5151 19.2587V21.5641C72.5151 21.8436 72.7946 22.0531 73.0042 22.0531H75.4493V33.2308C75.4493 36.6539 77.7547 38.8895 81.108 38.8895H83.5531C83.8325 38.8895 84.0421 38.61 84.0421 38.4004V36.0951C84.0421 35.8156 83.7626 35.606 83.5531 35.606H81.4573C79.8505 35.606 78.7327 34.4883 78.7327 32.7418V21.9833L83.6928 22.0531Z" fill="currentColor"/>
+        <path d="M132.735 22.0531C133.014 22.0531 133.224 21.7737 133.224 21.5641V19.2587C133.224 18.9793 132.944 18.7697 132.735 18.7697H127.775V11.3645C127.775 11.0851 127.495 10.8755 127.286 10.8755H124.98C124.701 10.8755 124.491 11.1549 124.491 11.3645V18.7697H122.046C121.767 18.7697 121.557 19.0491 121.557 19.2587V21.5641C121.557 21.8436 121.837 22.0531 122.046 22.0531H124.491V33.2308C124.491 36.6539 126.797 38.8895 130.15 38.8895H132.595C132.874 38.8895 133.084 38.61 133.084 38.4004V36.0951C133.084 35.8156 132.805 35.606 132.595 35.606H130.36C128.753 35.606 127.635 34.4883 127.635 32.7418V21.9833L132.735 22.0531Z" fill="currentColor"/>
+        <path d="M49.8106 22.053V38.5401C49.8106 38.8195 50.09 39.0291 50.2996 39.0291H52.605C52.8844 39.0291 53.094 38.7497 53.094 38.5401V22.053H58.5431C58.8226 22.053 59.0321 21.7736 59.0321 21.564V19.2586C59.0321 18.9792 58.7527 18.7696 58.5431 18.7696H53.094V14.4383C53.094 12.6918 54.3515 11.5041 55.8186 11.5041H58.5431C58.8226 11.5041 59.0321 11.2247 59.0321 11.0151V8.70973C59.0321 8.43028 58.7527 8.2207 58.5431 8.2207H55.9583C52.5351 8.2207 49.8106 11.085 49.8106 14.3684V18.7696H47.3655C47.086 18.7696 46.8765 19.049 46.8765 19.2586V21.564C46.8765 21.8435 47.1559 22.053 47.3655 22.053H49.8106Z" fill="currentColor"/>
+        <path d="M106.258 21.2148C104.442 19.2587 101.857 18.1409 99.1321 18.1409C96.5473 18.1409 93.9625 19.2587 92.3557 20.8655V8.57008C92.3557 8.29064 92.0763 8.08105 91.8667 8.08105H89.5613C89.2818 8.08105 89.0723 8.3605 89.0723 8.57008V28.8994C89.0723 36.4443 94.1022 39.7278 99.0623 39.7278C103.952 39.7278 109.052 36.3745 109.052 28.8994C109.052 25.8954 108.074 23.1709 106.258 21.2148ZM99.0623 36.584C94.1022 36.584 92.2858 32.6719 92.2858 28.9693C92.2858 24.4284 95.0104 21.4244 99.0623 21.4244C103.114 21.4244 105.839 24.4982 105.839 28.9693C105.769 32.6719 104.022 36.584 99.0623 36.584Z" fill="currentColor"/></svg>
+      <div class="mt-2 sm:mt-6">
+        <p class="text-neutral-800 dark:text-neutral-200">
+          " Great design and thorough documentation. "
+        </p>
+      </div>
+      <!-- Star -->
+      <div class="flex-shrink-0 flex justify-center space-x-1 mt-3">
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M49.6867 20.0305C50.2889 19.3946 49.9878 18.1228 49.0846 18.1228L33.7306 15.8972C33.4296 15.8972 33.1285 15.8972 32.8275 15.2613L25.9032 0.317944C25.6021 0 25.3011 0 25 0V42.6046C25 42.6046 25.3011 42.6046 25.6021 42.6046L39.7518 49.9173C40.3539 50.2352 41.5581 49.5994 41.2571 48.6455L38.5476 32.4303C38.5476 32.1124 38.5476 31.7944 38.8486 31.4765L49.6867 20.0305Z" fill="#cbd5e1"/>
+          <path d="M0.313299 20.0305C-0.288914 19.3946 0.0122427 18.1228 0.915411 18.1228L16.2694 15.8972C16.5704 15.8972 16.8715 15.8972 17.1725 15.2613L24.0968 0.317944C24.3979 0 24.6989 0 25 0V42.6046C25 42.6046 24.6989 42.6046 24.3979 42.6046L10.2482 49.9173C9.64609 50.2352 8.44187 49.5994 8.74292 48.6455L11.4524 32.4303C11.4524 32.1124 11.4524 31.7944 11.1514 31.4765L0.313299 20.0305Z" fill="currentColor"/></svg>
+      </div>
+      <!-- End Star -->
+    </div>
+    <!-- End Icon Block -->
+    <!-- Icon Block -->
+    <div class="text-center">
+      <svg class="w-auto h-8 mx-auto text-neutral-800 dark:text-neutral-200" width="140" height="47" viewBox="0 0 140 47" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M20.3991 8.15082C20.3991 9.61789 19.1416 10.8754 17.6745 10.8754C16.2075 10.8754 14.95 9.61789 14.95 8.15082C14.95 6.68375 16.2075 5.42627 17.6745 5.42627C19.1416 5.42627 20.3991 6.68375 20.3991 8.15082ZM17.6745 13.1109C16.0678 13.1109 14.8103 14.3684 14.8103 15.9752C14.8103 17.582 16.0678 18.8394 17.6745 18.8394C19.2813 18.8394 20.5388 17.582 20.5388 15.9752C20.5388 14.2985 19.2813 13.1109 17.6745 13.1109ZM17.6745 20.7257C16.0678 20.7257 14.7404 22.053 14.7404 23.6598C14.7404 25.2666 16.0678 26.5939 17.6745 26.5939C19.2813 26.5939 20.6087 25.2666 20.6087 23.6598C20.6785 22.053 19.2813 20.7257 17.6745 20.7257ZM17.6745 28.4802C16.0678 28.4802 14.8103 29.7376 14.8103 31.3444C14.8103 32.9512 16.0678 34.2087 17.6745 34.2087C19.2813 34.2087 20.5388 32.9512 20.5388 31.3444C20.5388 29.8075 19.2813 28.4802 17.6745 28.4802ZM17.6745 36.3744C16.2075 36.3744 14.95 37.6319 14.95 39.0989C14.95 40.566 16.2075 41.8235 17.6745 41.8235C19.1416 41.8235 20.3991 40.566 20.3991 39.0989C20.3991 37.6319 19.2115 36.3744 17.6745 36.3744ZM25.2195 12.7616C23.4729 12.7616 22.0059 14.2287 22.0059 15.9752C22.0059 17.7217 23.4729 19.1887 25.2195 19.1887C26.966 19.1887 28.433 17.7217 28.433 15.9752C28.433 14.2287 26.966 12.7616 25.2195 12.7616ZM25.2195 20.3764C23.4031 20.3764 21.8662 21.8434 21.8662 23.7297C21.8662 25.546 23.3332 27.083 25.2195 27.083C27.0358 27.083 28.5728 25.6159 28.5728 23.7297C28.5728 21.8434 27.0358 20.3764 25.2195 20.3764ZM25.2195 28.1309C23.4729 28.1309 22.0059 29.5979 22.0059 31.3444C22.0059 33.0909 23.4729 34.558 25.2195 34.558C26.966 34.558 28.433 33.0909 28.433 31.3444C28.433 29.5979 26.966 28.1309 25.2195 28.1309ZM32.9739 19.9572C31.0179 19.9572 29.2714 21.564 29.2714 23.6598C29.2714 25.6159 30.8781 27.3624 32.9739 27.3624C35.0698 27.3624 36.6765 25.7556 36.6765 23.6598C36.5368 21.564 34.93 19.9572 32.9739 19.9572ZM10.0598 13.4602C8.73243 13.4602 7.61466 14.578 7.61466 15.9053C7.61466 17.2327 8.73243 18.3504 10.0598 18.3504C11.3871 18.3504 12.5049 17.2327 12.5049 15.9053C12.5049 14.578 11.457 13.4602 10.0598 13.4602ZM10.0598 21.075C8.59271 21.075 7.47494 22.1927 7.47494 23.6598C7.47494 25.1269 8.59271 26.2446 10.0598 26.2446C11.5268 26.2446 12.6446 25.1269 12.6446 23.6598C12.6446 22.1927 11.5268 21.075 10.0598 21.075ZM10.0598 28.8295C8.73243 28.8295 7.61466 29.9472 7.61466 31.2746C7.61466 32.6019 8.73243 33.7197 10.0598 33.7197C11.3871 33.7197 12.5049 32.6019 12.5049 31.2746C12.5049 29.9472 11.457 28.8295 10.0598 28.8295ZM2.445 21.4941C1.18752 21.4941 0.209473 22.4722 0.209473 23.7297C0.209473 24.9871 1.18752 25.9652 2.445 25.9652C3.70249 25.9652 4.68053 24.9871 4.68053 23.7297C4.68053 22.4722 3.70249 21.4941 2.445 21.4941Z" fill="currentColor"/>
+        <path d="M64.4812 18.9092C64.2018 18.9092 63.9922 19.1886 63.9922 19.3982V38.7495C63.9922 39.0289 64.2716 39.2385 64.4812 39.2385H66.7866C67.066 39.2385 67.2756 38.9591 67.2756 38.7495V19.3982C67.2756 19.1188 66.9962 18.9092 66.7866 18.9092H64.4812Z" fill="currentColor"/>
+        <path d="M65.7389 10.7358C64.4815 10.7358 63.5034 11.7139 63.5034 12.9714C63.5034 14.2289 64.4815 15.2069 65.7389 15.2069C66.9964 15.2069 67.9745 14.2289 67.9745 12.9714C67.9745 11.7139 66.9266 10.7358 65.7389 10.7358Z" fill="currentColor"/>
+        <path d="M114.082 18.9092C113.803 18.9092 113.593 19.1886 113.593 19.3982V38.7495C113.593 39.0289 113.873 39.2385 114.082 39.2385H116.388C116.667 39.2385 116.877 38.9591 116.877 38.7495V19.3982C116.877 19.1188 116.597 18.9092 116.388 18.9092H114.082Z" fill="currentColor"/>
+        <path d="M115.2 10.7358C113.942 10.7358 112.964 11.7139 112.964 12.9714C112.964 14.2289 113.942 15.2069 115.2 15.2069C116.457 15.2069 117.435 14.2289 117.435 12.9714C117.435 11.7139 116.457 10.7358 115.2 10.7358Z" fill="currentColor"/>
+        <path d="M138.603 37.3525C138.743 37.2127 138.743 37.073 138.743 37.0031C138.743 36.8634 138.743 36.8634 138.743 36.8634C138.743 36.8634 138.743 36.7237 138.603 36.7237C138.603 36.7237 138.463 36.584 138.324 36.584C138.184 36.584 138.184 36.584 138.044 36.584H137.416V38.3305H137.695V37.7018H138.044L138.533 38.3305H138.813L138.184 37.562C138.463 37.6319 138.603 37.4922 138.603 37.3525ZM137.765 37.4922V36.8634H138.254C138.394 36.8634 138.533 36.8634 138.603 37.0031C138.743 37.0031 138.743 37.1429 138.743 37.2826C138.743 37.4223 138.743 37.562 138.603 37.562C138.463 37.562 138.324 37.7018 138.254 37.7018H137.765V37.4922Z" fill="currentColor"/>
+        <path d="M138.114 35.8853C137.276 35.8853 136.507 36.6537 136.507 37.492C136.507 38.3304 137.276 39.0988 138.114 39.0988C138.952 39.0988 139.721 38.3304 139.721 37.492C139.721 36.5839 139.022 35.8853 138.114 35.8853ZM138.114 38.9591C137.276 38.9591 136.647 38.3304 136.647 37.492C136.647 36.6537 137.276 36.025 138.114 36.025C138.952 36.025 139.581 36.6537 139.581 37.492C139.581 38.3304 138.883 38.9591 138.114 38.9591Z" fill="currentColor"/>
+        <path d="M83.6928 22.0531C83.9722 22.0531 84.1818 21.7737 84.1818 21.5641V19.2587C84.1818 18.9793 83.9024 18.7697 83.6928 18.7697H78.7327V11.3645C78.7327 11.0851 78.4533 10.8755 78.2437 10.8755H75.9383C75.6588 10.8755 75.4493 11.1549 75.4493 11.3645V18.7697H73.0042C72.7247 18.7697 72.5151 19.0491 72.5151 19.2587V21.5641C72.5151 21.8436 72.7946 22.0531 73.0042 22.0531H75.4493V33.2308C75.4493 36.6539 77.7547 38.8895 81.108 38.8895H83.5531C83.8325 38.8895 84.0421 38.61 84.0421 38.4004V36.0951C84.0421 35.8156 83.7626 35.606 83.5531 35.606H81.4573C79.8505 35.606 78.7327 34.4883 78.7327 32.7418V21.9833L83.6928 22.0531Z" fill="currentColor"/>
+        <path d="M132.735 22.0531C133.014 22.0531 133.224 21.7737 133.224 21.5641V19.2587C133.224 18.9793 132.944 18.7697 132.735 18.7697H127.775V11.3645C127.775 11.0851 127.495 10.8755 127.286 10.8755H124.98C124.701 10.8755 124.491 11.1549 124.491 11.3645V18.7697H122.046C121.767 18.7697 121.557 19.0491 121.557 19.2587V21.5641C121.557 21.8436 121.837 22.0531 122.046 22.0531H124.491V33.2308C124.491 36.6539 126.797 38.8895 130.15 38.8895H132.595C132.874 38.8895 133.084 38.61 133.084 38.4004V36.0951C133.084 35.8156 132.805 35.606 132.595 35.606H130.36C128.753 35.606 127.635 34.4883 127.635 32.7418V21.9833L132.735 22.0531Z" fill="currentColor"/>
+        <path d="M49.8106 22.053V38.5401C49.8106 38.8195 50.09 39.0291 50.2996 39.0291H52.605C52.8844 39.0291 53.094 38.7497 53.094 38.5401V22.053H58.5431C58.8226 22.053 59.0321 21.7736 59.0321 21.564V19.2586C59.0321 18.9792 58.7527 18.7696 58.5431 18.7696H53.094V14.4383C53.094 12.6918 54.3515 11.5041 55.8186 11.5041H58.5431C58.8226 11.5041 59.0321 11.2247 59.0321 11.0151V8.70973C59.0321 8.43028 58.7527 8.2207 58.5431 8.2207H55.9583C52.5351 8.2207 49.8106 11.085 49.8106 14.3684V18.7696H47.3655C47.086 18.7696 46.8765 19.049 46.8765 19.2586V21.564C46.8765 21.8435 47.1559 22.053 47.3655 22.053H49.8106Z" fill="currentColor"/>
+        <path d="M106.258 21.2148C104.442 19.2587 101.857 18.1409 99.1321 18.1409C96.5473 18.1409 93.9625 19.2587 92.3557 20.8655V8.57008C92.3557 8.29064 92.0763 8.08105 91.8667 8.08105H89.5613C89.2818 8.08105 89.0723 8.3605 89.0723 8.57008V28.8994C89.0723 36.4443 94.1022 39.7278 99.0623 39.7278C103.952 39.7278 109.052 36.3745 109.052 28.8994C109.052 25.8954 108.074 23.1709 106.258 21.2148ZM99.0623 36.584C94.1022 36.584 92.2858 32.6719 92.2858 28.9693C92.2858 24.4284 95.0104 21.4244 99.0623 21.4244C103.114 21.4244 105.839 24.4982 105.839 28.9693C105.769 32.6719 104.022 36.584 99.0623 36.584Z" fill="currentColor"/></svg>
+      <div class="mt-2 sm:mt-6">
+        <p class="text-neutral-800 dark:text-neutral-200">
+          " Great design and thorough documentation. "
+        </p>
+      </div>
+      <!-- Star -->
+      <div class="flex-shrink-0 flex justify-center space-x-1 mt-3">
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M27.0352 1.6307L33.9181 16.3633C34.2173 16.6768 34.5166 16.9903 34.8158 16.9903L50.0779 19.1845C50.9757 19.1845 51.275 20.4383 50.6764 21.0652L39.604 32.3498C39.3047 32.6632 39.3047 32.9767 39.3047 33.2901L41.998 49.2766C42.2973 50.217 41.1002 50.8439 40.5017 50.5304L26.4367 43.3208C26.1375 43.3208 25.8382 43.3208 25.539 43.3208L11.7732 50.8439C10.8754 51.1573 9.97763 50.5304 10.2769 49.59L12.9702 33.6036C12.9702 33.2901 12.9702 32.9767 12.671 32.6632L1.29923 21.0652C0.700724 20.4383 0.999979 19.4979 1.89775 19.4979L17.1598 17.3037C17.459 17.3037 17.7583 16.9903 18.0575 16.6768L24.9404 1.6307C25.539 0.69032 26.736 0.69032 27.0352 1.6307Z" fill="currentColor"/></svg>
+        <svg class="h-4 w-4" style="color:gold" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M49.6867 20.0305C50.2889 19.3946 49.9878 18.1228 49.0846 18.1228L33.7306 15.8972C33.4296 15.8972 33.1285 15.8972 32.8275 15.2613L25.9032 0.317944C25.6021 0 25.3011 0 25 0V42.6046C25 42.6046 25.3011 42.6046 25.6021 42.6046L39.7518 49.9173C40.3539 50.2352 41.5581 49.5994 41.2571 48.6455L38.5476 32.4303C38.5476 32.1124 38.5476 31.7944 38.8486 31.4765L49.6867 20.0305Z" fill="#cbd5e1"/>
+          <path d="M0.313299 20.0305C-0.288914 19.3946 0.0122427 18.1228 0.915411 18.1228L16.2694 15.8972C16.5704 15.8972 16.8715 15.8972 17.1725 15.2613L24.0968 0.317944C24.3979 0 24.6989 0 25 0V42.6046C25 42.6046 24.6989 42.6046 24.3979 42.6046L10.2482 49.9173C9.64609 50.2352 8.44187 49.5994 8.74292 48.6455L11.4524 32.4303C11.4524 32.1124 11.4524 31.7944 11.1514 31.4765L0.313299 20.0305Z" fill="currentColor"/></svg>
+      </div>
+      <!-- End Star -->
+    </div>
+    <!-- End Icon Block -->
+  </div>
+  <!-- End Grid -->
+</div>
+<!-- End Testimonials -->
+<!-- Testimonials People -->
+<div class="overflow-hidden bg-slate-800">
+  <div class="relative max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
+<div class="mx-auto text-center mb-10 lg:mb-14">
+<p class="text-base text-primary-600 dark:text-primary-200 font-bold tracking-wide uppercase mb-3">Testimonials people</p>
+<h2 class="mb-4 text-4xl font-extrabold">
+  Know faces are confirming what we know
+</h2>
+<p class="text-xl">
+  Whatever your status, our offers evolve according to your needs.
+</p>
+</div>
+    <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
+      <div class="flex h-auto">
+        <div class="flex flex-col rounded-xl">
+          <div class="flex-auto p-4 md:p-6">
+            <p class="text-base italic md:text-lg text-neutral-500 dark:text-neutral-300">
+              " With Preline, we're able to easily track our performance in full detail. It's become an essential tool for us to grow and engage with our audience. "
+            </p>
+          </div>
+          <div class="p-4 rounded-b-lg md:px-7 shadow-xl bg-primary-100 dark:bg-neutral-700">
+            <div class="flex items-center">
+              <div class="flex-shrink-0">
+                <img class="h-8 w-8 rounded-full sm:h-[2.875rem] sm:w-[2.875rem]" src="https://images.unsplash.com/photo-1492562080023-ab3db95bfbce?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=320&h=320&q=80" alt="Image Description">
+              </div>
+              <div class="grow ms-3 ml-2">
+                <p class="text-sm sm:text-base font-semibold text-primary-500 dark:text-primary-200">
+                  Josh Tyson
+                </p>
+                <p class="text-xs text-neutral-500 dark:text-neutral-400">
+                  Product Manager | Capsule
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="flex h-auto">
+        <div class="flex flex-col rounded-xl shadow-xl">
+          <div class="flex-auto p-4 md:p-6">
+            <p class="text-base italic md:text-lg text-neutral-500 dark:text-neutral-300">
+              " In September, I will be using this theme for 2 years. I went through multiple updates and changes and I'm very glad to see the consistency and effort made by the team. "
+            </p>
+          </div>
+          <div class="p-4 rounded-b-lg md:px-7 shadow-xl bg-primary-100 dark:bg-neutral-700">
+            <div class="flex items-center">
+              <div class="flex-shrink-0">
+                <img class="h-8 w-8 rounded-full sm:h-[2.875rem] sm:w-[2.875rem]" src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=320&h=320&q=80" alt="Image Description">
+              </div>
+              <div class="grow ms-3 ml-2">
+                <p class="text-sm sm:text-base font-semibold text-primary-500 dark:text-primary-200">
+                  Luisa
+                </p>
+                <p class="text-xs text-neutral-500 dark:text-neutral-400">
+                  Senior Director of Operations | Fitbit
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="flex h-auto">
+        <div class="flex flex-col rounded-xl shadow-xl">
+          <div class="flex-auto p-4 md:p-6">
+            <p class="text-base italic md:text-lg text-neutral-500 dark:text-neutral-300">
+              " Refreshing and Thought provoking design and it changes my view about how I design the websites. Great typography, modern clean white design, nice tones of the color. "
+            </p>
+          </div>
+          <div class="p-4 rounded-b-lg md:px-7 shadow-xl bg-primary-100 dark:bg-neutral-700">
+            <div class="flex items-center">
+              <div class="flex-shrink-0">
+                <img class="h-8 w-8 rounded-full sm:h-[2.875rem] sm:w-[2.875rem]" src="https://images.unsplash.com/photo-1579017331263-ef82f0bbc748?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80" alt="Image Description">
+              </div>
+              <div class="grow ms-3 ml-2">
+                <p class="text-sm sm:text-base font-semibold text-primary-500 dark:text-primary-200">
+                  Alisa Williams
+                </p>
+                <p class="text-xs text-neutral-500 dark:text-neutral-400">
+                  Entrepreneur | Happy customer
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- End Card -->
+    </div>
+    <!-- End Grid -->
+    <!-- Grid -->
+    <div class="mt-20 grid gap-6 grid-cols-2 sm:gap-12 lg:grid-cols-3 lg:gap-8 text-center">
+      <!-- Stats -->
+      <div>
+        <p class="text-lg sm:text-xl font-semibold text-white">Accuracy rate</p>
+        <p class="mt-2 sm:mt-3 text-4xl sm:text-6xl font-bold text-primary-500">99.95%</p>
+        <p class="mt-1 text-neutral-400">in fulfilling orders</p>
+      </div>
+      <!-- End Stats -->
+      <!-- Stats -->
+      <div>
+        <p class="text-lg sm:text-xl font-semibold text-white">Startup businesses</p>
+        <p class="mt-2 sm:mt-3 text-4xl sm:text-6xl font-bold text-primary-500">2,000+</p>
+        <p class="mt-1 text-neutral-400">partner with Preline</p>
+      </div>
+      <!-- End Stats -->
+      <!-- Stats -->
+      <div>
+        <p class="text-lg sm:text-xl font-semibold text-white">Happy customer</p>
+        <p class="mt-2 sm:mt-3 text-4xl sm:text-6xl font-bold text-primary-500">85%</p>
+        <p class="mt-1 text-neutral-400">this year alone</p>
+      </div>
+      <!-- End Stats -->
+    </div>
+    <!-- End Grid -->
+  </div>
+</div>
+<!-- End Testimonials People -->      
+{{< /rawhtml >}}
+
+
+
diff --git a/content/contact/contact/index.md b/content/contact/contact/index.md
new file mode 100644
index 0000000..be20699
--- /dev/null
+++ b/content/contact/contact/index.md
@@ -0,0 +1,164 @@
+---
+title: "Contact"
+date: 2020-08-16
+draft: false
+description: "How to install the Blowfish theme."
+cascade:
+  showDate: false
+  showAuthor: false
+  invertPagination: true
+  showRelatedContent: false
+---
+## Contact
+
+{{< rawhtml >}}
+
+<div class="max-w-2xl mt-20 mx-auto text-center p-6 shadow-xl">
+  <section class="mx-auto">
+        <div class="items-center">
+          <form   action="https://formspree.io/f/mbjnlzov"
+                  method="POST">
+            <div class="mb-6">
+              <label for="name" class="form-label">
+                Your Name <span style="color:orange">*</span>
+              </label><br>
+              <input
+                id="name"
+                name="name"
+                class="form-input"
+                placeholder=""
+                type="text" />
+            </div>
+            <div class="mb-6">
+              <label for="email" class="form-label">
+                Your Email <span style="color:orange">*</span>
+              </label><br>
+              <input
+                id="email"
+                name="email"
+                class="form-input"
+                placeholder=""
+                type="email" />
+            </div>
+            <div class="mb-6">
+              <label for="message" class="form-label">
+                Message <span style="color:orange">*</span>
+              </label><br>
+              <textarea
+                id="message"
+                name="message"
+                class="form-input"
+                placeholder="Message goes here..."
+                rows="8"></textarea>
+            </div>
+            <button type="submit" class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 border border-primary-500 hover:border-transparent rounded-full">
+             Submit
+            </button>
+          </form>
+        </div>
+ </section>
+</div>
+
+## Mailchimp
+
+ <form
+        action="{{ .mailchimp_form_action | safeURL }}"
+        method="post"
+        id="mc-embedded-subscribe-form"
+        novalidate="novalidate">
+        <div class="input-group w-75 mx-auto mb-3">
+          <input
+            type="email"
+            name="EMAIL"
+            placeholder="Email"
+            class="form-control required email mce_inline_error"
+            id="mce-EMAIL"
+            aria-required="true"
+            autocomplete="off"
+            required />
+          <button
+            class="input-group-text"
+            name="subscribe"
+            id="mc-embedded-subscribe">
+            Label
+          </button>
+        </div>
+        <input
+          type="hidden"
+          name="EMAILTYPE"
+          id="mce-EMAILTYPE-0"
+          value="html" />
+        <div style="position:absolute;left:-5000px" aria-hidden="true">
+          <input type="text" name="{{ .name }}" tabindex="-1" />
+        </div>
+      </form>
+      <div id="mce-responses" class="clear">
+        <div
+          class="response text-white"
+          id="mce-error-response"
+          style="display:none"></div>
+        <div
+          class="response text-white"
+          id="mce-success-response"
+          style="display:none"></div>
+      </div>
+      <script
+        type="text/javascript"
+        src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
+      <!-- /subscription form -->
+<div class="max-w-full mt-20 mx-auto text center p-6 shadow-xl">
+  <section>
+<!-- Github -->
+        <a target="_blank" class="m-1 rounded bg-neutral-300 p-1.5 text-neutral-700 hover:bg-primary-500 hover:text-neutral dark:bg-neutral-700 dark:text-neutral-300 dark:hover:bg-primary-400 dark:hover:text-neutral-800" href="" title="" aria-label=""></a>
+<button
+  type="button"
+  data-te-ripple-init
+  data-te-ripple-color="light"
+  class="mr-2 inline-block shadow-xl">
+<svg width="32px" height="32px" viewBox="0 -0.5 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>Github-color</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="Icons" stroke-width="0.00048000000000000007" fill="none" fill-rule="evenodd"> <g id="Color-" transform="translate(-700.000000, -560.000000)" fill="#3E75C3"> <path d="M723.9985,560 C710.746,560 700,570.787092 700,584.096644 C700,594.740671 706.876,603.77183 716.4145,606.958412 C717.6145,607.179786 718.0525,606.435849 718.0525,605.797328 C718.0525,605.225068 718.0315,603.710086 718.0195,601.699648 C711.343,603.155898 709.9345,598.469394 709.9345,598.469394 C708.844,595.686405 707.2705,594.94548 707.2705,594.94548 C705.091,593.450075 707.4355,593.480194 707.4355,593.480194 C709.843,593.650366 711.1105,595.963499 711.1105,595.963499 C713.2525,599.645538 716.728,598.58234 718.096,597.964902 C718.3135,596.407754 718.9345,595.346062 719.62,594.743683 C714.2905,594.135281 708.688,592.069123 708.688,582.836167 C708.688,580.205279 709.6225,578.054788 711.1585,576.369634 C710.911,575.759726 710.0875,573.311058 711.3925,569.993458 C711.3925,569.993458 713.4085,569.345902 717.9925,572.46321 C719.908,571.928599 721.96,571.662047 724.0015,571.651505 C726.04,571.662047 728.0935,571.928599 730.0105,572.46321 C734.5915,569.345902 736.603,569.993458 736.603,569.993458 C737.9125,573.311058 737.089,575.759726 736.8415,576.369634 C738.3805,578.054788 739.309,580.205279 739.309,582.836167 C739.309,592.091712 733.6975,594.129257 728.3515,594.725612 C729.2125,595.469549 729.9805,596.939353 729.9805,599.18773 C729.9805,602.408949 729.9505,605.006706 729.9505,605.797328 C729.9505,606.441873 730.3825,607.191834 731.6005,606.9554 C741.13,603.762794 748,594.737659 748,584.096644 C748,570.787092 737.254,560 723.9985,560" id="Github"> </path> </g> </g> </g></svg>
+</button>
+<!-- Telegram -->
+<button
+  type="button"
+  data-te-ripple-init
+  data-te-ripple-color="light"
+  class="mr-2 inline-block">
+  <svg xmlns="http://www.w3.org/2000/svg" aria-label="Telegram" role="img" viewBox="0 0 512 512" width="32px" height="32px" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><rect width="512" height="512" rx="15%" fill="#37aee2"></rect><path fill="#c8daea" d="M199 404c-11 0-10-4-13-14l-32-105 245-144"></path><path fill="#a9c9dd" d="M199 404c7 0 11-4 16-8l45-43-56-34"></path><path fill="#f6fbfe" d="M204 319l135 99c14 9 26 4 30-14l55-258c5-22-9-32-24-25L79 245c-21 8-21 21-4 26l83 26 190-121c9-5 17-3 11 4"></path></g></svg>
+</button>
+<!-- Archive.org -->
+<button
+  type="button"
+  data-te-ripple-init
+  data-te-ripple-color="light"
+  class="mr-2 inline-block">
+ <svg xmlns="http://www.w3.org/2000/svg" aria-label="Internet Archive" role="img" viewBox="0 0 512.00 512.00" width="32px" height="32px" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"><rect x="0" y="0" width="512.00" height="512.00" rx="0" fill="#ffffff" strokewidth="0"></rect></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><rect width="512" height="512" rx="15%" fill="#ffffff"></rect><path d="m81 419h350v18h-350zm14-34h323v25h-323zm-2-284h321v35h-321zm319-10 10-11-169-39-168 39 10 11h158zm-273 154-1-51-3-47c0-2 0-2-2-2a67 67 0 0 0 -28 0c-1 0-2 0-2 2l-2 47a2223 2223 0 0 0 0 127l2 43 1 8 15 3c6-1 11-1 16-3l1-8 2-43a1616 1616 0 0 0 1-76zm88 0-2-51-2-47c0-2-1-2-2-2a67 67 0 0 0 -28 0c-2 0-2 0-2 2l-3 47a2223 2223 0 0 0 0 127l2 43 1 8c5 2 11 2 16 3l16-3v-8l2-43a1620 1620 0 0 0 2-76zm101 0-1-51-3-47c0-2 0-2-2-2a67 67 0 0 0 -28 0c-1 0-2 0-2 2l-2 47a2223 2223 0 0 0 0 127l2 43 1 8 15 3c5-1 11-1 16-3l1-8 2-43a1624 1624 0 0 0 1-76zm85 0-1-51-2-47c0-2-1-2-2-2a67 67 0 0 0 -29 0l-1 2-3 47a2227 2227 0 0 0 0 127l2 43 1 8c5 2 10 2 16 3l15-3 1-8 2-43a1620 1620 0 0 0 1-76z"></path></g></svg>
+</button>
+<!-- Email -->
+<button
+  type="button"
+  data-te-ripple-init
+  data-te-ripple-color="light"
+  class="mr-2 inline-block">
+ <svg height="32px" width="32px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path style="fill:#FA6E51;" d="M512,256.006C512,397.402,397.394,512.004,256.004,512C114.606,512.004,0,397.402,0,256.006 C-0.007,114.61,114.606,0,256.004,0C397.394,0,512,114.614,512,256.006z"></path> <path style="fill:#E8573F;" d="M512,256.005c0-13.015-0.987-25.798-2.861-38.291c-0.14-0.138-0.272-0.282-0.417-0.417 c-0.367-0.394-0.742-0.769-1.136-1.136c-0.368-0.395-87.19-87.217-87.585-87.585c-4.134-4.437-9.981-7.258-16.511-7.258H108.51 c-12.481,0-22.633,10.148-22.633,22.629v224.103c0,6.529,2.82,12.373,7.258,16.507c0.368,0.395,0.743,0.771,1.139,1.139 c0.367,0.395,122.45,122.476,122.845,122.843c0.194,0.208,0.399,0.4,0.599,0.599c12.492,1.873,25.274,2.86,38.288,2.86 C397.394,512.004,512,397.401,512,256.005z"></path> <path style="fill:#F4F6F9;" d="M403.49,121.319H108.51c-12.481,0-22.633,10.148-22.633,22.629v224.104 c0,12.481,10.151,22.629,22.633,22.629h294.981c12.481,0,22.633-10.148,22.633-22.629V143.949 C426.123,131.468,415.971,121.319,403.49,121.319z M100.053,145.605l112.945,114.859L100.053,366.766V145.605z M265.76,274.061 c-5.466,5.302-14.038,5.302-19.399,0.117L109.995,135.497h292.011L265.76,274.061z M222.945,270.579l13.429,13.658 c5.486,5.316,12.523,7.982,19.58,7.982c7.095,0,14.211-2.692,19.791-8.099l10.074-10.244l115.459,102.63H110.4L222.945,270.579z M295.771,263.754l116.176-118.148v221.415L295.771,263.754z"></path> </g></svg>
+</button>
+<!-- Eventbrite -->
+<button
+  type="button"
+  data-te-ripple-init
+  data-te-ripple-color="light"
+  class="mr-2 inline-block">
+  <svg width="32px" height="32px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <circle fill="#F05537" cx="128" cy="128" r="128"> </circle> <path d="M117.475323,82.7290398 C136.772428,78.4407943 156.069532,86.3025777 166.790146,101.311437 L81.5017079,120.608542 C84.3605382,102.26438 98.1782181,87.0172853 117.475323,82.7290398 Z M167.266618,153.48509 C160.596014,163.252761 150.351872,170.161601 138.678314,172.782195 C119.38121,177.070441 99.8458692,169.208657 89.1252554,153.961562 L174.651929,134.664457 L188.469609,131.567391 L215.152026,125.611495 C214.91379,119.893834 214.199082,114.176173 213.007903,108.696749 C202.287289,62.7172275 155.354825,33.8906884 108.42236,44.6113021 C61.4898956,55.3319159 32.1868848,101.073201 43.1457344,147.290958 C54.1045839,193.508715 100.798813,222.097018 147.731277,211.376404 C175.366637,205.182272 196.807864,186.599875 207.766714,163.014525 L167.266618,153.48509 L167.266618,153.48509 Z" fill="#FFFFFF" fill-rule="nonzero"> </path> </g> </g></svg>
+</button>
+<!-- RSS -->
+<button
+  type="button"
+  data-te-ripple-init
+  data-te-ripple-color="light"
+  class="inline-block">
+  <svg xmlns="http://www.w3.org/2000/svg" aria-label="RSS" role="img" viewBox="0 0 512 512" width="32px" height="32px" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><rect width="512" height="512" rx="15%" fill="#f80"></rect><circle cx="145" cy="367" r="35" fill="#ffffff"></circle><path fill="none" stroke="#ffffff" stroke-width="60" d="M109 241c89 0 162 73 162 162m114 0c0-152-124-276-276-276"></path></g></svg>
+</button>
+</section>
+</div>
+{{< /rawhtml >}}
+
+---
\ No newline at end of file
diff --git a/content/direction.webp b/content/direction.webp
new file mode 100644
index 0000000..b6299eb
Binary files /dev/null and b/content/direction.webp differ
diff --git a/content/map.webp b/content/map.webp
new file mode 100644
index 0000000..eff57bd
Binary files /dev/null and b/content/map.webp differ
diff --git a/content/posts/_index.cs.md b/content/posts/_index.cs.md
new file mode 100755
index 0000000..3f2fd64
--- /dev/null
+++ b/content/posts/_index.cs.md
@@ -0,0 +1,17 @@
+---
+title: "Posts"
+description: "Learn how to use Blowfish and its features."
+
+cascade:
+  showDate: true
+  showAuthor: true
+  invertPagination: true
+---
+
+{{< lead >}}
+Simple, yet powerful. Learn how to use Blowfish and its features.
+{{< /lead >}}
+
+This section contains everything you need to know about Blowfish. If you're new, check out the  guide to begin or visit the  section to see what Blowfish can do.
+
+---
diff --git a/content/posts/_index.es.md b/content/posts/_index.es.md
new file mode 100755
index 0000000..3f2fd64
--- /dev/null
+++ b/content/posts/_index.es.md
@@ -0,0 +1,17 @@
+---
+title: "Posts"
+description: "Learn how to use Blowfish and its features."
+
+cascade:
+  showDate: true
+  showAuthor: true
+  invertPagination: true
+---
+
+{{< lead >}}
+Simple, yet powerful. Learn how to use Blowfish and its features.
+{{< /lead >}}
+
+This section contains everything you need to know about Blowfish. If you're new, check out the  guide to begin or visit the  section to see what Blowfish can do.
+
+---
diff --git a/content/posts/_index.md b/content/posts/_index.md
new file mode 100755
index 0000000..3f2fd64
--- /dev/null
+++ b/content/posts/_index.md
@@ -0,0 +1,17 @@
+---
+title: "Posts"
+description: "Learn how to use Blowfish and its features."
+
+cascade:
+  showDate: true
+  showAuthor: true
+  invertPagination: true
+---
+
+{{< lead >}}
+Simple, yet powerful. Learn how to use Blowfish and its features.
+{{< /lead >}}
+
+This section contains everything you need to know about Blowfish. If you're new, check out the  guide to begin or visit the  section to see what Blowfish can do.
+
+---
diff --git a/content/posts/tryout (copy 1)/dog.webp b/content/posts/tryout (copy 1)/dog.webp
new file mode 100644
index 0000000..7c80773
Binary files /dev/null and b/content/posts/tryout (copy 1)/dog.webp differ
diff --git a/content/posts/tryout (copy 1)/featured.webp b/content/posts/tryout (copy 1)/featured.webp
new file mode 100644
index 0000000..a22ba57
Binary files /dev/null and b/content/posts/tryout (copy 1)/featured.webp differ
diff --git a/content/posts/tryout (copy 1)/index.cs.md b/content/posts/tryout (copy 1)/index.cs.md
new file mode 100644
index 0000000..0f11c40
--- /dev/null
+++ b/content/posts/tryout (copy 1)/index.cs.md	
@@ -0,0 +1,18 @@
+---
+title: "Installation"
+date: 2020-08-16
+draft: false
+description: "How to install the Blowfish theme."
+slug: 
+tags: ["installation", "docs"]
+series: ["Documentation"]
+series_order: 1
+---
+
+Simply follow the standard Hugo [Quick Start](https://gohugo.io/getting-started/quick-start/) procedure to get up and running quickly.
+
+Detailed installation instructions can be found below. Instructions for are also available.
+
+## Installation
+
+These instructions will get you up and running using Hugo and Blowfish from a completely blank state. Most of the dependencies mentioned in this guide can be installed using the package manager of choice for your platform.
\ No newline at end of file
diff --git a/content/posts/tryout (copy 1)/index.es.md b/content/posts/tryout (copy 1)/index.es.md
new file mode 100644
index 0000000..0f11c40
--- /dev/null
+++ b/content/posts/tryout (copy 1)/index.es.md	
@@ -0,0 +1,18 @@
+---
+title: "Installation"
+date: 2020-08-16
+draft: false
+description: "How to install the Blowfish theme."
+slug: 
+tags: ["installation", "docs"]
+series: ["Documentation"]
+series_order: 1
+---
+
+Simply follow the standard Hugo [Quick Start](https://gohugo.io/getting-started/quick-start/) procedure to get up and running quickly.
+
+Detailed installation instructions can be found below. Instructions for are also available.
+
+## Installation
+
+These instructions will get you up and running using Hugo and Blowfish from a completely blank state. Most of the dependencies mentioned in this guide can be installed using the package manager of choice for your platform.
\ No newline at end of file
diff --git a/content/posts/tryout (copy 1)/index.md b/content/posts/tryout (copy 1)/index.md
new file mode 100644
index 0000000..0f11c40
--- /dev/null
+++ b/content/posts/tryout (copy 1)/index.md	
@@ -0,0 +1,18 @@
+---
+title: "Installation"
+date: 2020-08-16
+draft: false
+description: "How to install the Blowfish theme."
+slug: 
+tags: ["installation", "docs"]
+series: ["Documentation"]
+series_order: 1
+---
+
+Simply follow the standard Hugo [Quick Start](https://gohugo.io/getting-started/quick-start/) procedure to get up and running quickly.
+
+Detailed installation instructions can be found below. Instructions for are also available.
+
+## Installation
+
+These instructions will get you up and running using Hugo and Blowfish from a completely blank state. Most of the dependencies mentioned in this guide can be installed using the package manager of choice for your platform.
\ No newline at end of file
diff --git a/content/posts/tryout (copy 2)/featured.webp b/content/posts/tryout (copy 2)/featured.webp
new file mode 100644
index 0000000..a22ba57
Binary files /dev/null and b/content/posts/tryout (copy 2)/featured.webp differ
diff --git a/content/posts/tryout (copy 2)/index.cs.md b/content/posts/tryout (copy 2)/index.cs.md
new file mode 100644
index 0000000..0f11c40
--- /dev/null
+++ b/content/posts/tryout (copy 2)/index.cs.md	
@@ -0,0 +1,18 @@
+---
+title: "Installation"
+date: 2020-08-16
+draft: false
+description: "How to install the Blowfish theme."
+slug: 
+tags: ["installation", "docs"]
+series: ["Documentation"]
+series_order: 1
+---
+
+Simply follow the standard Hugo [Quick Start](https://gohugo.io/getting-started/quick-start/) procedure to get up and running quickly.
+
+Detailed installation instructions can be found below. Instructions for are also available.
+
+## Installation
+
+These instructions will get you up and running using Hugo and Blowfish from a completely blank state. Most of the dependencies mentioned in this guide can be installed using the package manager of choice for your platform.
\ No newline at end of file
diff --git a/content/posts/tryout (copy 2)/index.es.md b/content/posts/tryout (copy 2)/index.es.md
new file mode 100644
index 0000000..0f11c40
--- /dev/null
+++ b/content/posts/tryout (copy 2)/index.es.md	
@@ -0,0 +1,18 @@
+---
+title: "Installation"
+date: 2020-08-16
+draft: false
+description: "How to install the Blowfish theme."
+slug: 
+tags: ["installation", "docs"]
+series: ["Documentation"]
+series_order: 1
+---
+
+Simply follow the standard Hugo [Quick Start](https://gohugo.io/getting-started/quick-start/) procedure to get up and running quickly.
+
+Detailed installation instructions can be found below. Instructions for are also available.
+
+## Installation
+
+These instructions will get you up and running using Hugo and Blowfish from a completely blank state. Most of the dependencies mentioned in this guide can be installed using the package manager of choice for your platform.
\ No newline at end of file
diff --git a/content/posts/tryout (copy 2)/index.md b/content/posts/tryout (copy 2)/index.md
new file mode 100644
index 0000000..0f11c40
--- /dev/null
+++ b/content/posts/tryout (copy 2)/index.md	
@@ -0,0 +1,18 @@
+---
+title: "Installation"
+date: 2020-08-16
+draft: false
+description: "How to install the Blowfish theme."
+slug: 
+tags: ["installation", "docs"]
+series: ["Documentation"]
+series_order: 1
+---
+
+Simply follow the standard Hugo [Quick Start](https://gohugo.io/getting-started/quick-start/) procedure to get up and running quickly.
+
+Detailed installation instructions can be found below. Instructions for are also available.
+
+## Installation
+
+These instructions will get you up and running using Hugo and Blowfish from a completely blank state. Most of the dependencies mentioned in this guide can be installed using the package manager of choice for your platform.
\ No newline at end of file
diff --git a/content/posts/tryout (copy 3)/featured.webp b/content/posts/tryout (copy 3)/featured.webp
new file mode 100644
index 0000000..a22ba57
Binary files /dev/null and b/content/posts/tryout (copy 3)/featured.webp differ
diff --git a/content/posts/tryout (copy 3)/index.cs.md b/content/posts/tryout (copy 3)/index.cs.md
new file mode 100644
index 0000000..0f11c40
--- /dev/null
+++ b/content/posts/tryout (copy 3)/index.cs.md	
@@ -0,0 +1,18 @@
+---
+title: "Installation"
+date: 2020-08-16
+draft: false
+description: "How to install the Blowfish theme."
+slug: 
+tags: ["installation", "docs"]
+series: ["Documentation"]
+series_order: 1
+---
+
+Simply follow the standard Hugo [Quick Start](https://gohugo.io/getting-started/quick-start/) procedure to get up and running quickly.
+
+Detailed installation instructions can be found below. Instructions for are also available.
+
+## Installation
+
+These instructions will get you up and running using Hugo and Blowfish from a completely blank state. Most of the dependencies mentioned in this guide can be installed using the package manager of choice for your platform.
\ No newline at end of file
diff --git a/content/posts/tryout (copy 3)/index.es.md b/content/posts/tryout (copy 3)/index.es.md
new file mode 100644
index 0000000..0f11c40
--- /dev/null
+++ b/content/posts/tryout (copy 3)/index.es.md	
@@ -0,0 +1,18 @@
+---
+title: "Installation"
+date: 2020-08-16
+draft: false
+description: "How to install the Blowfish theme."
+slug: 
+tags: ["installation", "docs"]
+series: ["Documentation"]
+series_order: 1
+---
+
+Simply follow the standard Hugo [Quick Start](https://gohugo.io/getting-started/quick-start/) procedure to get up and running quickly.
+
+Detailed installation instructions can be found below. Instructions for are also available.
+
+## Installation
+
+These instructions will get you up and running using Hugo and Blowfish from a completely blank state. Most of the dependencies mentioned in this guide can be installed using the package manager of choice for your platform.
\ No newline at end of file
diff --git a/content/posts/tryout (copy 3)/index.md b/content/posts/tryout (copy 3)/index.md
new file mode 100644
index 0000000..0f11c40
--- /dev/null
+++ b/content/posts/tryout (copy 3)/index.md	
@@ -0,0 +1,18 @@
+---
+title: "Installation"
+date: 2020-08-16
+draft: false
+description: "How to install the Blowfish theme."
+slug: 
+tags: ["installation", "docs"]
+series: ["Documentation"]
+series_order: 1
+---
+
+Simply follow the standard Hugo [Quick Start](https://gohugo.io/getting-started/quick-start/) procedure to get up and running quickly.
+
+Detailed installation instructions can be found below. Instructions for are also available.
+
+## Installation
+
+These instructions will get you up and running using Hugo and Blowfish from a completely blank state. Most of the dependencies mentioned in this guide can be installed using the package manager of choice for your platform.
\ No newline at end of file
diff --git a/content/posts/tryout/dog.webp b/content/posts/tryout/dog.webp
new file mode 100644
index 0000000..7c80773
Binary files /dev/null and b/content/posts/tryout/dog.webp differ
diff --git a/content/posts/tryout/featured.webp b/content/posts/tryout/featured.webp
new file mode 100644
index 0000000..a22ba57
Binary files /dev/null and b/content/posts/tryout/featured.webp differ
diff --git a/content/posts/tryout/index.cs.md b/content/posts/tryout/index.cs.md
new file mode 100644
index 0000000..763b252
--- /dev/null
+++ b/content/posts/tryout/index.cs.md
@@ -0,0 +1,24 @@
+---
+title: "Instalace"
+date: 2020-08-16
+draft: false
+description: "How to install the Blowfish theme."
+slug: 
+tags: ["installation", "docs"]
+series: ["Documentation"]
+series_order: 1
+---
+{{< figure
+    src="banner.webp"
+    alt="Abstract purple artwork"
+    >}}
+
+![hello](dog.webp)
+    
+Simply follow the standard Hugo [Quick Start](https://gohugo.io/getting-started/quick-start/) procedure to get up and running quickly.
+
+Detailed installation instructions can be found below. Instructions for are also available.
+
+## Installation
+
+These instructions will get you up and running using Hugo and Blowfish from a completely blank state. Most of the dependencies mentioned in this guide can be installed using the package manager of choice for your platform.
\ No newline at end of file
diff --git a/content/posts/tryout/index.es.md b/content/posts/tryout/index.es.md
new file mode 100644
index 0000000..3ef1107
--- /dev/null
+++ b/content/posts/tryout/index.es.md
@@ -0,0 +1,20 @@
+---
+title: "Installacion"
+date: 2020-08-16
+draft: false
+description: "How to install the Blowfish theme."
+slug: 
+tags: ["installation", "docs"]
+series: ["Documentation"]
+series_order: 1
+---
+
+Simply follow the standard Hugo [Quick Start](https://gohugo.io/getting-started/quick-start/) procedure to get up and running quickly.
+
+Detailed installation instructions can be found below. Instructions for are also available.
+
+## Installation
+
+![hello](dog.webp)
+
+These instructions will get you up and running using Hugo and Blowfish from a completely blank state. Most of the dependencies mentioned in this guide can be installed using the package manager of choice for your platform.
\ No newline at end of file
diff --git a/content/posts/tryout/index.md b/content/posts/tryout/index.md
new file mode 100644
index 0000000..57eadda
--- /dev/null
+++ b/content/posts/tryout/index.md
@@ -0,0 +1,24 @@
+---
+title: "Installation"
+date: 2020-08-16
+draft: false
+description: "How to install the Blowfish theme."
+slug: 
+tags: ["installation", "docs"]
+series: ["Documentation"]
+series_order: 1
+---
+
+{{< figure
+    src="banner.webp"
+    alt="Abstract purple artwork"
+    >}}
+
+![hello](dog.webp)
+Simply follow the standard Hugo [Quick Start](https://gohugo.io/getting-started/quick-start/) procedure to get up and running quickly.
+
+> Detailed installation instructions can be found below. Instructions for are also available.
+
+## Installation
+
+These instructions will get you up and running using Hugo and Blowfish from a completely blank state. Most of the dependencies mentioned in this guide can be installed using the package manager of choice for your platform.
\ No newline at end of file
diff --git a/content/privacy.cs.md b/content/privacy.cs.md
new file mode 100644
index 0000000..fc383ac
--- /dev/null
+++ b/content/privacy.cs.md
@@ -0,0 +1,24 @@
+---
+title: 🕵️ Zásady ochrany osobních údajů
+date: '2018-06-28T00:00:00+01:00'
+draft: false
+share: false
+commentable: false
+editable: false
+
+# Optional header image (relative to `static/media/` folder).
+header:
+  caption: ''
+  image: ''
+---
+
+Tato stránka je publikována pomocí [Wowchemy theme](https://wowchemy.com/) pro [CSM Hugo](https://gohugo.io). Jelikož se jedná o [statickou stránku](https://en.wikipedia.org/wiki/Static_web_page), neshromažďuje ani nesdílí žádné osobní údaje s třetími stranami. Využívá však externí služby k přidání různých funkcí, které jsou podrobně uvedeny v následujícím seznamu.
+
+- [<i class="fa-brands fa-gitlab"></i> Gitlab](https://about.gitlab.com/privacy/) pro hostování svého zdrojového kódu.
+- [<i class="fa-solid fa-address-book"></i> Formspree](https://formspree.io/legal/privacy-policy/) pro kontaktní formulář
+- [<i class="fa-brands fa-cloudflare"></i> Cloudfare](https://www.cloudflare.com/en-gb/privacypolicy/) pro jeho obsluhu a pro webovou analytiku.
+- [<i class="fa-brands fa-creative-commons"></i> Creative Commons](https://creativecommons.org/privacy/) za licenci.
+
+Tyto webové stránky a jejich obsah jsem vytvořil jako soukromá osoba. Vyjádřené názory jsou mé vlastní a nemusí nutně vyjadřovat názory lidí, se kterými jsem dělal rozhovory nebo převzal myšlenky z jejich knih, videí a/nebo článků.
+
+Tyto webové stránky obsahují odkazy na webové stránky třetích stran ("externí odkazy"). Vzhledem k tomu, že obsah těchto webových stránek není pod mou kontrolou, nemohu za takový externí obsah nést žádnou odpovědnost. Ve všech případech odpovídá za obsah a správnost poskytovaných informací poskytovatel informací odkazovaných webových stránek. V době, kdy byly odkazy umístěny, jsem nepoznal žádné porušení zákona. Jakmile mi bude porušení zákona známo, neprodleně daný odkaz odstraním.
diff --git a/content/privacy.es.md b/content/privacy.es.md
new file mode 100644
index 0000000..0b316fa
--- /dev/null
+++ b/content/privacy.es.md
@@ -0,0 +1,26 @@
+---
+title: 🕵️ Política de privacidad
+date: '2018-06-28T00:00:00+01:00'
+draft: false
+share: false
+commentable: false
+editable: false
+
+# Optional header image (relative to `static/media/` folder).
+header:
+  caption: ''
+  image: ''
+---
+
+ Está página está publicada con [plantilla Wowchemy](https://wowchemy.com/) para [CSM Hugo](https://gohugo.io). Al ser un [sitio web estático](https://es.wikipedia.org/wiki/Página_web_estática), no recoge ni comparte con terceros ningún dato personal. Sin embargo, utiliza servicios externos para añadir diversas funcionalidades, las cuales se detallan en la siguiente lista.
+ 
+ Se enlazan también sus respectivas políticas de privacidad.
+
+- [<i class="fa-brands fa-gitlab"></i> Gitlab](https://about.gitlab.com/privacy/) para el alojamiento de su código fuente.
+- [<i class="fa-solid fa-address-book"></i> Formspree](https://formspree.io/legal/privacy-policy/) para su formulario del contacto.
+- [<i class="fa-brands fa-cloudflare"></i> Cloudfare](https://www.cloudflare.com/en-gb/privacypolicy/) para su servicio y para las analíticas web.
+- [<i class="fa-brands fa-creative-commons"></i> Creative Commons](https://creativecommons.org/privacy/) para la licencia.
+
+Este sitio web y sus contenidos han sido creados a título personal. Las opiniones expresadas son mías y no representan necesariamente las de personas a las que he entrevistado o de las que he tomado ideas de sus libros, vídeos y/o artículos.
+
+Este sitio web contiene enlaces a sitios web de terceros ("enlaces externos"). Dado que el contenido de estos sitios web no está bajo mi control, no puedo asumir ninguna responsabilidad por dicho contenido externo. En todos los casos, el proveedor de la información de los sitios web enlazados es responsable del contenido y la exactitud de la información facilitada. En el momento de colocar los enlaces, no tenía conocimiento de ninguna infracción de la ley. En cuanto tenga conocimiento de una infracción de la ley, eliminaré inmediatamente el enlace en cuestión.
diff --git a/content/privacy.md b/content/privacy.md
new file mode 100644
index 0000000..f926b53
--- /dev/null
+++ b/content/privacy.md
@@ -0,0 +1,33 @@
+---
+title: 🕵️ Privacy Policy
+date: '2023-07-28T00:00:00+01:00'
+authors:
+- vladimir-klimsa
+tags:
+- Privacy
+categories:
+- Site
+draft: false
+share: false
+commentable: false
+editable: false
+
+# Optional header image (relative to `static/media/` folder).
+header:
+  caption: ''
+  image: ''
+pager: true
+show_breadcrumb: true
+---
+
+ This page is published with [Wowchemy theme](https://wowchemy.com/) for [CSM Hugo](https://gohugo.io). Being a [static website](https://en.wikipedia.org/wiki/Static_web_page), it does not collect or share any personal data with third parties. However, it uses external services to add various functionalities, which are detailed in the following list.
+
+- [<i class="fa-brands fa-gitlab"></i> Gitlab](https://about.gitlab.com/privacy/) for hosting it's source code.
+- [<i class="fa-solid fa-address-book"></i> Formspree](https://formspree.io/legal/privacy-policy/) for contact form.
+- [<i class="fa-brands fa-cloudflare"></i> Cloudfare](https://www.cloudflare.com/en-gb/privacypolicy/) for serving the page and analytics.
+- [<i class="fa-brands fa-creative-commons"></i> Creative Commons](https://creativecommons.org/privacy/) for the license. [licence](/licence).
+
+This website and its contents were created in my personal capacity. The views expressed are my own and do not necessarily represent the views of people I have interviewed or taken ideas from their books, videos or/and articles.
+
+This website contains links to the websites of third parties („external links“). As the content of these websites is not under my control, I cannot assume any liability for such external content. In all cases, the provider of information of the linked websites is liable for the content and accuracy of the information provided. At the point in time when the links were placed, no infringements of the law were recognizable to me. As soon as an infringement of the law becomes known to me, I will immediately remove the link in question.
+
diff --git a/content/terms.cs.md b/content/terms.cs.md
new file mode 100644
index 0000000..0629ea0
--- /dev/null
+++ b/content/terms.cs.md
@@ -0,0 +1,15 @@
+---
+title: Terms
+date: '2018-06-28T00:00:00+01:00'
+draft: true
+share: false
+commentable: false
+editable: false
+
+# Optional header image (relative to `static/media/` folder).
+header:
+  caption: ''
+  image: ''
+---
+
+Add your terms here and set `draft: false` to publish it. Otherwise, delete this file if you don't need it.
diff --git a/content/terms.es.md b/content/terms.es.md
new file mode 100644
index 0000000..0629ea0
--- /dev/null
+++ b/content/terms.es.md
@@ -0,0 +1,15 @@
+---
+title: Terms
+date: '2018-06-28T00:00:00+01:00'
+draft: true
+share: false
+commentable: false
+editable: false
+
+# Optional header image (relative to `static/media/` folder).
+header:
+  caption: ''
+  image: ''
+---
+
+Add your terms here and set `draft: false` to publish it. Otherwise, delete this file if you don't need it.
diff --git a/content/terms.md b/content/terms.md
new file mode 100644
index 0000000..26970a5
--- /dev/null
+++ b/content/terms.md
@@ -0,0 +1,15 @@
+---
+title: Terms
+date: '2023-07-28T00:00:00+01:00'
+draft: true
+share: false
+commentable: false
+editable: false
+
+# Optional header image (relative to `static/media/` folder).
+header:
+  caption: ''
+  image: ''
+---
+
+Add your terms here and set `draft: false` to publish it. Otherwise, delete this file if you don't need it.
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
new file mode 100644
index 0000000..86842e7
--- /dev/null
+++ b/layouts/_default/single.html
@@ -0,0 +1,117 @@
+{{ define "main" }}
+{{ .Scratch.Set "scope" "single" }}
+
+<article>
+  {{ if .Params.showHero | default (.Site.Params.article.showHero | default false) }}
+  {{ $heroStyle := .Params.heroStyle }}
+  {{ if not $heroStyle }}{{ $heroStyle = .Site.Params.article.heroStyle }}{{ end }}
+  {{ $heroStyle := print "partials/hero/" $heroStyle ".html" }}
+  {{ if templates.Exists $heroStyle }}
+  {{ partial $heroStyle . }}
+  {{ else }}
+  {{ partial "partials/hero/basic.html" . }}
+  {{ end }}
+  {{ end }}
+
+  <header id="single_header" class="mt-5 max-w-prose">
+    {{ if .Params.showBreadcrumbs | default (.Site.Params.article.showBreadcrumbs | default false) }}
+    {{ partial "breadcrumbs.html" . }}
+    {{ end }}
+    <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
+      {{ .Title | emojify }}
+    </h1>
+    <div class="mt-1 mb-6 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
+      {{ partial "article-meta/basic.html" (dict "context" . "scope" "single") }}
+    </div>
+
+    {{ $authorsData := .Site.Data.authors }}
+    {{ $taxonomies := .Site.Taxonomies.authors }}
+    {{ $baseURL := .Site.BaseURL }}
+    {{ $taxonomyLink := 0 }}
+    {{ $showAuthor := 0 }}
+
+    {{ if .Params.showAuthor | default (.Site.Params.article.showAuthor | default true) }}
+      {{ $showAuthor = 1 }}
+      {{ partial "author.html" . }}
+    {{ end }}
+
+    {{ if not (strings.HasSuffix $baseURL "/") }}
+    {{ $baseURL = delimit (slice $baseURL "/") "" }}
+    {{ end }}
+
+    {{ range $author := .Page.Params.authors }}
+    {{ $authorData := index $authorsData $author }}
+    {{- if $authorData -}}
+
+    {{ range $taxonomyname, $taxonomy := $taxonomies }}
+    {{ if (eq $taxonomyname $author) }}
+    {{ $taxonomyLink = delimit (slice $baseURL "/authors/" $author) "" }}
+    {{ end }}
+    {{ end }}
+
+    {{ partial "author-extra.html" (dict "context" . "data" $authorData "link" $taxonomyLink) }}
+    {{- end -}}
+    {{ end }}
+
+    {{ if or $taxonomyLink $showAuthor }}
+    <div class="mb-5"></div>
+    {{ end }}
+  
+  </header>
+  
+  <section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
+    
+    {{ if or (and (.Params.showTableOfContents | default (.Site.Params.article.showTableOfContents | default false)) (in
+    .TableOfContents "<ul")) (.Site.Params.article.showRelatedPosts | default false) }} <div
+      class="order-first lg:ml-auto px-0 lg:order-last ltr:lg:pl-8 rtl:lg:pr-8">
+      <div class="toc ltr:pl-5 rtl:pr-5 print:hidden lg:sticky {{ if hasPrefix .Site.Params.header.layout "fixed" -}}
+        lg:top-[140px]{{ else }}lg:top-10{{ end }}">
+
+        {{ if and (.Params.showTableOfContents | default (.Site.Params.article.showTableOfContents | default false)) (in
+        .TableOfContents "<ul") }} {{ partial "toc.html" . }} {{ end }} {{ if .Site.Params.article.showRelatedPosts |
+          default false }} sd {{ end }} </div>
+      </div>
+      {{ end }}
+
+      <div class="min-w-0 min-h-0 max-w-fit">
+        
+        {{ partial "series.html" . }}
+
+        <div class="article-content max-w-fit mb-20">
+          {{ .Content | emojify }}
+        </div>
+                
+        {{ partial "series-closed.html" . }}
+        {{ partial "sharing-links.html" . }}
+        {{ partial "related.html" . }}  
+      </div>
+     
+    {{ with .File }}
+     <script>
+        var oid = "views_{{ .Path }}"
+        var oid_likes = "likes_{{ .Path }}"
+      </script>
+      {{ end }}
+      {{ $jsPage := resources.Get "js/page.js" }}
+      {{ $jsPage = $jsPage | resources.Minify | resources.Fingerprint "sha512" }}
+      <script type="text/javascript" src="{{ $jsPage.RelPermalink }}" integrity="{{ $jsPage.Data.Integrity }}"></script>
+  
+    </section>
+  <footer class="pt-8 max-w-prose print:hidden">
+
+    {{ partial "article-pagination.html" . }}
+    {{ if .Params.showComments | default (.Site.Params.article.showComments | default false) }}
+    {{ if templates.Exists "partials/comments.html" }}
+    <div class="pt-3">
+      <hr class="border-dotted border-neutral-300 dark:border-neutral-600" />
+      <div class="pt-3">
+        {{ partial "comments.html" . }}
+      </div>
+    </div>
+    {{ else }}
+    {{ warnf "[BLOWFISH] Comments are enabled for %s but no comments partial exists." .File.Path }}
+    {{ end }}
+    {{ end }}
+  </footer>
+</article>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/author-extra.html b/layouts/partials/author-extra.html
new file mode 100644
index 0000000..4e81d07
--- /dev/null
+++ b/layouts/partials/author-extra.html
@@ -0,0 +1,37 @@
+{{ $disableImageOptimization := .Site.Params.disableImageOptimization | default false }}
+<div class="flex author author-extra mt-4">
+  {{ with .data.image }}
+  {{ $authorImage := resources.Get . }}
+  {{ if $authorImage }}
+  {{ if not $disableImageOptimization }}
+  {{ $authorImage = $authorImage.Fill "192x192" }}
+  {{ end }}
+  <img class="!mt-0 !mb-0 h-24 w-24 rounded-full ltr:mr-4 rtl:ml-4" width="96" height="96"
+    src="{{ $authorImage.RelPermalink }}" />
+  {{ end }}
+  {{ end }}
+  <div class="place-self-center">
+    {{ $link := .link}}
+    {{ with .data.name | markdownify | emojify }}
+    <div class="text-[0.6rem] uppercase leading-3 text-neutral-500 dark:text-neutral-400">
+      {{ i18n "author.byline_title" | markdownify | emojify }}
+    </div>
+    <a {{ if $link }} href="{{ $link }}" {{ end }} class="font-semibold leading-6 text-neutral-800 dark:text-neutral-300">
+      {{ . }}
+    </a>
+    {{ end }}
+    {{ with .data.bio | markdownify | emojify }}
+    <div class="text-sm text-neutral-700 dark:text-neutral-400">{{ . }}</div>
+    {{ end }}
+    <div class="text-2xl sm:text-lg">
+      <div class="flex flex-wrap text-neutral-400 dark:text-neutral-500">
+        {{ range .data.social }}
+        {{ range $name, $link := . }}
+        <a class="px-1 hover:text-primary-700 dark:hover:text-primary-400" href="{{ $link }}" target="_blank"
+          aria-label="{{ $name | title }}" rel="me noopener noreferrer"><span class="inline-block align-text-bottom">{{ partial "icon.html" $name }}</span></a>
+        {{ end }}
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/layouts/partials/author-links.html b/layouts/partials/author-links.html
new file mode 100644
index 0000000..9f168fa
--- /dev/null
+++ b/layouts/partials/author-links.html
@@ -0,0 +1,16 @@
+{{ with .Site.Author.links }}
+  <div class="flex flex-wrap text-neutral-400 dark:text-neutral-500">
+    {{ range $links := . }}
+      {{ range $name, $url := $links }}
+        <a
+          class="px-1 hover:text-primary-700 dark:hover:text-primary-400 mt-2"
+          href="{{ $url | safeURL }}"
+          target="_blank"
+          aria-label="{{ $name | title }}"
+          rel="me noopener noreferrer"
+          ><span class="inline-block text-3xl align-text-bottom">{{ partial "icon.html" $name }}</span></a
+        >
+      {{ end }}
+    {{ end }}
+  </div>
+{{ end }}
diff --git a/layouts/partials/cookie-consent.html b/layouts/partials/cookie-consent.html
new file mode 100644
index 0000000..cfe7265
--- /dev/null
+++ b/layouts/partials/cookie-consent.html
@@ -0,0 +1,84 @@
+    <!-- component -->
+<div class="relative flex justify-center items-center">
+ 
+    <button onclick="showMenu(true)" class="focus:ring-2 focus:ring-offset-2 focus:ring-gray-800 focus:outline-none absolute z-0 top-48 py-2 px-7 bg-gray-800 text-white rounded text-base hover:bg-black">
+        Open</button>
+  
+    <div id="menu" class="w-full h-full bg-gray-900 bg-opacity-80 top-0 fixed sticky-0">
+      <div class="2xl:container  2xl:mx-auto py-48 px-4 md:px-28 flex justify-center items-center">
+        <div class="w-96 md:w-auto dark:bg-gray-800 relative flex flex-col justify-center items-center bg-white py-16 px-4 md:px-24 xl:py-24 xl:px-36">
+          <div role="banner">
+            
+          </div>
+          <div class="mt-12">
+            <h1 role="main" class="text-3xl dark:text-white lg:text-4xl font-semibold leading-7 lg:leading-9 text-center text-gray-800">
+                We use cookies</h1>
+          </div>
+          <div class="mt">
+            <p class="mt-6 sm:w-80 text-base dark:text-white leading-7 text-center text-gray-800">
+                Please, accept these sweeties to continue enjoying our site!</p>
+          </div>
+          <button class="w-full dark:text-gray-800 dark:hover:bg-gray-100 dark:bg-white sm:w-auto mt-14 text-base leading-4 text-center text-white py-6 px-16 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-800 bg-gray-800 hover:bg-black">
+            Mmm... Sweet!</button>
+          <a href="javascript:void(0)" class="mt-6 dark:text-white dark:hover:border-white text-base leading-none focus:outline-none hover:border-gray-800 focus:border-gray-800 border-b border-transparent text-center text-gray-800">
+            Nope.. I am on a diet</a>
+          <button onclick="showMenu(true)" class="text-gray-800 dark:text-gray-400 absolute top-8 right-8 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-800" aria-label="close">
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M18 6L6 18" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
+              <path d="M6 6L18 18" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <script>let menu = document.getElementById("menu");
+  const showMenu = (flag) => {
+    menu.classList.toggle("hidden");
+  };
+  </script>
+
+
+<!-- Cookies -->
+<div class="absolute bottom-0 left-0 p-4 bg-neutral-50 border-t-4">
+  <h2 class="mb-2 text-xl font-heading">Cookie Policy</h2>
+  <p class="mb-4">Our site uses cookies, which helps us to improve our site and enables us to deliver the best possible service and customer experience. By clicking Accept, you are agreeing to our cookie policy. <a class="font-semibold text-primary-500 hover:underline" href="#">Terms</a>.</p>
+  <div class="justify-center">
+        <a class="rounded-full inline-flex items-center px-4 py-2 leading-none text-neutral-50" href="#" style="background-color:#4caf50">
+        <svg class="w-4 h-4 mr-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+           <polyline points="20 6 9 17 4 12" /></svg>
+        Accept
+     </a>
+        <a class="rounded-full inline-flex items-center px-4 py-2 leading-none text-neutral-50" href="#" style="background-color:#f44336">
+        <svg class="w-4 h-4 mr-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+           <line x1="18" y1="6" x2="6" y2="18" />
+           <line x1="6" y1="6" x2="18" y2="18" /></svg>
+        Decline
+     </a>
+     <a class="rounded-full inline-flex items-center px-4 py-2 leading-none text-neutral-50" href="#" style="background-color:#607d8b">
+        <svg class="w-4 h-4 mr-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+           <circle cx="12" cy="12" r="3" />
+           <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" /></svg>
+        Cookie Policy
+     </a>
+  </div>
+</div>
+<!-- /Cookie -->
+
+
+    <script>
+        const cookieContainer = document.querySelector(".cookie-container");
+        const cookieButton = document.querySelector(".cookie-btn");
+
+        cookieButton.addEventListener("click", () => {
+          cookieContainer.classList.remove("active");
+          localStorage.setItem("cookieBannerDisplayed", "true");
+        });
+        
+        setTimeout(() => {
+          if (!localStorage.getItem("cookieBannerDisplayed")) {
+            cookieContainer.classList.add("active");
+          }
+        }, 2000);
+    </script>
+    
\ No newline at end of file
diff --git a/layouts/partials/extend-footer.html b/layouts/partials/extend-footer.html
new file mode 100644
index 0000000..cbf5675
--- /dev/null
+++ b/layouts/partials/extend-footer.html
@@ -0,0 +1,88 @@
+<!-- https://merakiui.com/components/marketing/footers -->
+<footer class="bg-white dark:bg-gray-900">
+    <div class="container mx-auto">
+        <div class="lg:flex">
+            <div class="w-full lg:w-2/5">
+                <div class="">
+                    <h3 class="text-gray-700 uppercase dark:text-white">About</h3>
+
+                    <p class="mt-2 text-gray-500 dark:text-gray-400">Join 31,000+ other</p>
+                    <!-- Github -->
+<button
+type="button"
+data-te-ripple-init
+data-te-ripple-color="light"
+class="mr-2 inline-block shadow-xl">
+<svg width="32px" height="32px" viewBox="0 -0.5 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>Github-color</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="Icons" stroke-width="0.00048000000000000007" fill="none" fill-rule="evenodd"> <g id="Color-" transform="translate(-700.000000, -560.000000)" fill="#3E75C3"> <path d="M723.9985,560 C710.746,560 700,570.787092 700,584.096644 C700,594.740671 706.876,603.77183 716.4145,606.958412 C717.6145,607.179786 718.0525,606.435849 718.0525,605.797328 C718.0525,605.225068 718.0315,603.710086 718.0195,601.699648 C711.343,603.155898 709.9345,598.469394 709.9345,598.469394 C708.844,595.686405 707.2705,594.94548 707.2705,594.94548 C705.091,593.450075 707.4355,593.480194 707.4355,593.480194 C709.843,593.650366 711.1105,595.963499 711.1105,595.963499 C713.2525,599.645538 716.728,598.58234 718.096,597.964902 C718.3135,596.407754 718.9345,595.346062 719.62,594.743683 C714.2905,594.135281 708.688,592.069123 708.688,582.836167 C708.688,580.205279 709.6225,578.054788 711.1585,576.369634 C710.911,575.759726 710.0875,573.311058 711.3925,569.993458 C711.3925,569.993458 713.4085,569.345902 717.9925,572.46321 C719.908,571.928599 721.96,571.662047 724.0015,571.651505 C726.04,571.662047 728.0935,571.928599 730.0105,572.46321 C734.5915,569.345902 736.603,569.993458 736.603,569.993458 C737.9125,573.311058 737.089,575.759726 736.8415,576.369634 C738.3805,578.054788 739.309,580.205279 739.309,582.836167 C739.309,592.091712 733.6975,594.129257 728.3515,594.725612 C729.2125,595.469549 729.9805,596.939353 729.9805,599.18773 C729.9805,602.408949 729.9505,605.006706 729.9505,605.797328 C729.9505,606.441873 730.3825,607.191834 731.6005,606.9554 C741.13,603.762794 748,594.737659 748,584.096644 C748,570.787092 737.254,560 723.9985,560" id="Github"> </path> </g> </g> </g></svg>
+</button>
+<!-- Telegram -->
+<button
+type="button"
+data-te-ripple-init
+data-te-ripple-color="light"
+class="mr-2 inline-block">
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Telegram" role="img" viewBox="0 0 512 512" width="32px" height="32px" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><rect width="512" height="512" rx="15%" fill="#37aee2"></rect><path fill="#c8daea" d="M199 404c-11 0-10-4-13-14l-32-105 245-144"></path><path fill="#a9c9dd" d="M199 404c7 0 11-4 16-8l45-43-56-34"></path><path fill="#f6fbfe" d="M204 319l135 99c14 9 26 4 30-14l55-258c5-22-9-32-24-25L79 245c-21 8-21 21-4 26l83 26 190-121c9-5 17-3 11 4"></path></g></svg>
+</button>
+<!-- Archive.org -->
+<button
+type="button"
+data-te-ripple-init
+data-te-ripple-color="light"
+class="mr-2 inline-block">
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Internet Archive" role="img" viewBox="0 0 512.00 512.00" width="32px" height="32px" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"><rect x="0" y="0" width="512.00" height="512.00" rx="0" fill="#ffffff" strokewidth="0"></rect></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><rect width="512" height="512" rx="15%" fill="#ffffff"></rect><path d="m81 419h350v18h-350zm14-34h323v25h-323zm-2-284h321v35h-321zm319-10 10-11-169-39-168 39 10 11h158zm-273 154-1-51-3-47c0-2 0-2-2-2a67 67 0 0 0 -28 0c-1 0-2 0-2 2l-2 47a2223 2223 0 0 0 0 127l2 43 1 8 15 3c6-1 11-1 16-3l1-8 2-43a1616 1616 0 0 0 1-76zm88 0-2-51-2-47c0-2-1-2-2-2a67 67 0 0 0 -28 0c-2 0-2 0-2 2l-3 47a2223 2223 0 0 0 0 127l2 43 1 8c5 2 11 2 16 3l16-3v-8l2-43a1620 1620 0 0 0 2-76zm101 0-1-51-3-47c0-2 0-2-2-2a67 67 0 0 0 -28 0c-1 0-2 0-2 2l-2 47a2223 2223 0 0 0 0 127l2 43 1 8 15 3c5-1 11-1 16-3l1-8 2-43a1624 1624 0 0 0 1-76zm85 0-1-51-2-47c0-2-1-2-2-2a67 67 0 0 0 -29 0l-1 2-3 47a2227 2227 0 0 0 0 127l2 43 1 8c5 2 10 2 16 3l15-3 1-8 2-43a1620 1620 0 0 0 1-76z"></path></g></svg>
+</button>
+<!-- Email -->
+<button
+type="button"
+data-te-ripple-init
+data-te-ripple-color="light"
+class="mr-2 inline-block">
+<svg height="32px" width="32px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path style="fill:#FA6E51;" d="M512,256.006C512,397.402,397.394,512.004,256.004,512C114.606,512.004,0,397.402,0,256.006 C-0.007,114.61,114.606,0,256.004,0C397.394,0,512,114.614,512,256.006z"></path> <path style="fill:#E8573F;" d="M512,256.005c0-13.015-0.987-25.798-2.861-38.291c-0.14-0.138-0.272-0.282-0.417-0.417 c-0.367-0.394-0.742-0.769-1.136-1.136c-0.368-0.395-87.19-87.217-87.585-87.585c-4.134-4.437-9.981-7.258-16.511-7.258H108.51 c-12.481,0-22.633,10.148-22.633,22.629v224.103c0,6.529,2.82,12.373,7.258,16.507c0.368,0.395,0.743,0.771,1.139,1.139 c0.367,0.395,122.45,122.476,122.845,122.843c0.194,0.208,0.399,0.4,0.599,0.599c12.492,1.873,25.274,2.86,38.288,2.86 C397.394,512.004,512,397.401,512,256.005z"></path> <path style="fill:#F4F6F9;" d="M403.49,121.319H108.51c-12.481,0-22.633,10.148-22.633,22.629v224.104 c0,12.481,10.151,22.629,22.633,22.629h294.981c12.481,0,22.633-10.148,22.633-22.629V143.949 C426.123,131.468,415.971,121.319,403.49,121.319z M100.053,145.605l112.945,114.859L100.053,366.766V145.605z M265.76,274.061 c-5.466,5.302-14.038,5.302-19.399,0.117L109.995,135.497h292.011L265.76,274.061z M222.945,270.579l13.429,13.658 c5.486,5.316,12.523,7.982,19.58,7.982c7.095,0,14.211-2.692,19.791-8.099l10.074-10.244l115.459,102.63H110.4L222.945,270.579z M295.771,263.754l116.176-118.148v221.415L295.771,263.754z"></path> </g></svg>
+</button>
+<!-- Eventbrite -->
+<button
+type="button"
+data-te-ripple-init
+data-te-ripple-color="light"
+class="mr-2 inline-block">
+<svg width="32px" height="32px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <circle fill="#F05537" cx="128" cy="128" r="128"> </circle> <path d="M117.475323,82.7290398 C136.772428,78.4407943 156.069532,86.3025777 166.790146,101.311437 L81.5017079,120.608542 C84.3605382,102.26438 98.1782181,87.0172853 117.475323,82.7290398 Z M167.266618,153.48509 C160.596014,163.252761 150.351872,170.161601 138.678314,172.782195 C119.38121,177.070441 99.8458692,169.208657 89.1252554,153.961562 L174.651929,134.664457 L188.469609,131.567391 L215.152026,125.611495 C214.91379,119.893834 214.199082,114.176173 213.007903,108.696749 C202.287289,62.7172275 155.354825,33.8906884 108.42236,44.6113021 C61.4898956,55.3319159 32.1868848,101.073201 43.1457344,147.290958 C54.1045839,193.508715 100.798813,222.097018 147.731277,211.376404 C175.366637,205.182272 196.807864,186.599875 207.766714,163.014525 L167.266618,153.48509 L167.266618,153.48509 Z" fill="#FFFFFF" fill-rule="nonzero"> </path> </g> </g></svg>
+</button>
+<!-- RSS -->
+<button
+type="button"
+data-te-ripple-init
+data-te-ripple-color="light"
+class="inline-block">
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="RSS" role="img" viewBox="0 0 512 512" width="32px" height="32px" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><rect width="512" height="512" rx="15%" fill="#f80"></rect><circle cx="145" cy="367" r="35" fill="#ffffff"></circle><path fill="none" stroke="#ffffff" stroke-width="60" d="M109 241c89 0 162 73 162 162m114 0c0-152-124-276-276-276"></path></g></svg>
+</button>
+
+                </div>
+            </div>
+
+            <div class="mt-6 lg:mt-0 lg:flex-1">
+                <div class="grid gap-8 sm:grid-cols-2 lg:grid-cols-4 text-center">
+                    <div>
+                        <h3 class="text-gray-700 uppercase dark:text-white">About</h3>
+                        <a href="#" class="block mt-2 text-sm text-gray-600 dark:text-gray-400 hover:underline">Company</a>
+                    </div>
+
+                    <div>
+                        <h3 class="text-gray-700 uppercase dark:text-white">Blog</h3>
+                        <a href="#" class="block mt-2 text-sm text-gray-600 dark:text-gray-400 hover:underline">Tec</a>
+                    </div>
+
+                    <div>
+                        <h3 class="text-gray-700 uppercase dark:text-white">Products</h3>
+                        <a href="#" class="block mt-2 text-sm text-gray-600 dark:text-gray-400 hover:underline">Mega cloud</a>
+                    </div>
+
+                    <div>
+                        <h3 class="text-gray-700 uppercase dark:text-white">Contact</h3>
+                        <span class="block mt-2 text-sm text-gray-600 dark:text-gray-400 hover:underline">+1 526 654 8965</span>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</footer>
\ No newline at end of file
diff --git a/layouts/partials/extend-head.html b/layouts/partials/extend-head.html
new file mode 100644
index 0000000..e69de29
diff --git a/layouts/partials/home/page.html b/layouts/partials/home/page.html
new file mode 100644
index 0000000..f975914
--- /dev/null
+++ b/layouts/partials/home/page.html
@@ -0,0 +1,11 @@
+<article class="max-w-7xl">
+  {{ with .Title }}
+    <header>
+      <h1>{{ . | emojify }}</h1>
+    </header>
+  {{ end }}
+  <section>{{ .Content | emojify }}</section>
+</article>
+<section>
+  {{ partial "recent-articles/main.html" . }}
+</section>
diff --git a/layouts/partials/sharing-links.html b/layouts/partials/sharing-links.html
new file mode 100644
index 0000000..a9ec86c
--- /dev/null
+++ b/layouts/partials/sharing-links.html
@@ -0,0 +1,18 @@
+{{ with .Params.sharingLinks | default (.Site.Params.article.sharingLinks | default false) }}
+  {{ $links := site.Data.sharing }}
+  <section class="flex flex-row flex-wrap justify-center pt-4 text-3xl">
+    {{ range . }}
+      {{ with index $links . }}
+      <a
+      target="_blank"
+      class="m-1 rounded bg-neutral-300 p-1.5 text-neutral-700 hover:bg-primary-500 hover:text-neutral dark:bg-neutral-700 dark:text-neutral-300 dark:hover:bg-primary-400 dark:hover:text-neutral-800"
+      href="{{ printf .url $.Permalink $.Title }}"
+      title="{{ i18n .title }}"
+      aria-label="{{ i18n .title }}"
+      >
+      {{ partial "icon.html" .icon }}
+    </a>
+      {{ end }}
+    {{ end }}
+  </section>
+{{ end }}
diff --git a/layouts/shortcodes/list.html b/layouts/shortcodes/list.html
new file mode 100644
index 0000000..e1f9533
--- /dev/null
+++ b/layouts/shortcodes/list.html
@@ -0,0 +1,45 @@
+
+{{ $limit := .Get "limit" | default 1 }}
+{{ $parent := .Page.RelPermalink }}
+{{ $cardView := .Get "cardView" }}
+{{ $where := .Get "where" }}
+{{ $value := .Get "value" }}
+
+
+{{ if $cardView | default false}}
+
+<section class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3">
+    {{ if $where }}
+        {{ range ( where .Site.RegularPages $where $value | first $limit ) }}
+            {{ if not (eq .RelPermalink $parent) }}
+                {{ partial "article-link/card.html" . }}
+            {{ end }}
+        {{end}}
+    {{ else }}
+        {{ range .Site.RegularPages | first $limit }}
+            {{ if not (eq .RelPermalink $parent) }}
+                {{ partial "article-link/card.html" . }}
+            {{ end }}
+        {{end}}
+    {{ end }}
+</section>
+
+{{ else }}
+
+<section class="space-y-10 w-full mt-10 mb-10">
+    {{ if $where }}
+        {{ range ( where .Site.RegularPages $where $value | first $limit ) }}
+            {{ if not (eq .RelPermalink $parent) }}
+                {{ partial "article-link/simple.html" . }}
+            {{ end }}
+        {{end}}
+    {{ else }}
+        {{ range .Site.RegularPages | first $limit }}
+            {{ if not (eq .RelPermalink $parent) }}
+                {{ partial "article-link/simple.html" . }}
+            {{ end }}
+        {{end}}
+    {{ end }}
+</section>
+
+{{ end }}
diff --git a/layouts/shortcodes/rawhtml.html b/layouts/shortcodes/rawhtml.html
new file mode 100644
index 0000000..520ec17
--- /dev/null
+++ b/layouts/shortcodes/rawhtml.html
@@ -0,0 +1,2 @@
+<!-- raw html -->
+{{.Inner}}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..c2546d4
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "blowfish-demo",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}
diff --git a/resources/_gen/images/123_hub93746a97765d4a90da9a8fca196bb8c_350628_1024x0_resize_q75_h2_box_2.webp b/resources/_gen/images/123_hub93746a97765d4a90da9a8fca196bb8c_350628_1024x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..a73f41a
Binary files /dev/null and b/resources/_gen/images/123_hub93746a97765d4a90da9a8fca196bb8c_350628_1024x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/123_hub93746a97765d4a90da9a8fca196bb8c_350628_1320x0_resize_q75_h2_box_2.webp b/resources/_gen/images/123_hub93746a97765d4a90da9a8fca196bb8c_350628_1320x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..744b095
Binary files /dev/null and b/resources/_gen/images/123_hub93746a97765d4a90da9a8fca196bb8c_350628_1320x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/123_hub93746a97765d4a90da9a8fca196bb8c_350628_330x0_resize_q75_h2_box_2.webp b/resources/_gen/images/123_hub93746a97765d4a90da9a8fca196bb8c_350628_330x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..7cf002d
Binary files /dev/null and b/resources/_gen/images/123_hub93746a97765d4a90da9a8fca196bb8c_350628_330x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/123_hub93746a97765d4a90da9a8fca196bb8c_350628_660x0_resize_q75_h2_box_2.webp b/resources/_gen/images/123_hub93746a97765d4a90da9a8fca196bb8c_350628_660x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..fa12cbc
Binary files /dev/null and b/resources/_gen/images/123_hub93746a97765d4a90da9a8fca196bb8c_350628_660x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/blowfish_logo_hu184ea2fa12490a2458ca388a16ab730e_227816_192x192_fill_box_center_3.png b/resources/_gen/images/blowfish_logo_hu184ea2fa12490a2458ca388a16ab730e_227816_192x192_fill_box_center_3.png
new file mode 100644
index 0000000..d809d64
Binary files /dev/null and b/resources/_gen/images/blowfish_logo_hu184ea2fa12490a2458ca388a16ab730e_227816_192x192_fill_box_center_3.png differ
diff --git a/resources/_gen/images/direction_hu77966f94ffc1d6d19e7ad653bcd261ac_132228_1024x0_resize_q75_h2_box_2.webp b/resources/_gen/images/direction_hu77966f94ffc1d6d19e7ad653bcd261ac_132228_1024x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..445597c
Binary files /dev/null and b/resources/_gen/images/direction_hu77966f94ffc1d6d19e7ad653bcd261ac_132228_1024x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/direction_hu77966f94ffc1d6d19e7ad653bcd261ac_132228_1320x0_resize_q75_h2_box_2.webp b/resources/_gen/images/direction_hu77966f94ffc1d6d19e7ad653bcd261ac_132228_1320x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..dec44f0
Binary files /dev/null and b/resources/_gen/images/direction_hu77966f94ffc1d6d19e7ad653bcd261ac_132228_1320x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/direction_hu77966f94ffc1d6d19e7ad653bcd261ac_132228_330x0_resize_q75_h2_box_2.webp b/resources/_gen/images/direction_hu77966f94ffc1d6d19e7ad653bcd261ac_132228_330x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..bcbd00a
Binary files /dev/null and b/resources/_gen/images/direction_hu77966f94ffc1d6d19e7ad653bcd261ac_132228_330x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/direction_hu77966f94ffc1d6d19e7ad653bcd261ac_132228_660x0_resize_q75_h2_box_2.webp b/resources/_gen/images/direction_hu77966f94ffc1d6d19e7ad653bcd261ac_132228_660x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..bd90b25
Binary files /dev/null and b/resources/_gen/images/direction_hu77966f94ffc1d6d19e7ad653bcd261ac_132228_660x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/map_hub5d09736fa5c544ebf2886f8078b8793_30260_1024x0_resize_q75_h2_box_2.webp b/resources/_gen/images/map_hub5d09736fa5c544ebf2886f8078b8793_30260_1024x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..0771ca2
Binary files /dev/null and b/resources/_gen/images/map_hub5d09736fa5c544ebf2886f8078b8793_30260_1024x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/map_hub5d09736fa5c544ebf2886f8078b8793_30260_1320x0_resize_q75_h2_box_2.webp b/resources/_gen/images/map_hub5d09736fa5c544ebf2886f8078b8793_30260_1320x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..6ebfa7e
Binary files /dev/null and b/resources/_gen/images/map_hub5d09736fa5c544ebf2886f8078b8793_30260_1320x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/map_hub5d09736fa5c544ebf2886f8078b8793_30260_330x0_resize_q75_h2_box_2.webp b/resources/_gen/images/map_hub5d09736fa5c544ebf2886f8078b8793_30260_330x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..25f8ee2
Binary files /dev/null and b/resources/_gen/images/map_hub5d09736fa5c544ebf2886f8078b8793_30260_330x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/map_hub5d09736fa5c544ebf2886f8078b8793_30260_660x0_resize_q75_h2_box_2.webp b/resources/_gen/images/map_hub5d09736fa5c544ebf2886f8078b8793_30260_660x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..cd4b81c
Binary files /dev/null and b/resources/_gen/images/map_hub5d09736fa5c544ebf2886f8078b8793_30260_660x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/posts/tryout (copy 1)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_1200x0_resize_q75_h2_box_2.webp b/resources/_gen/images/posts/tryout (copy 1)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_1200x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..5e4f263
Binary files /dev/null and b/resources/_gen/images/posts/tryout (copy 1)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_1200x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/posts/tryout (copy 1)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_600x0_resize_q75_h2_box_2.webp b/resources/_gen/images/posts/tryout (copy 1)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_600x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..3f08f7c
Binary files /dev/null and b/resources/_gen/images/posts/tryout (copy 1)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_600x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/posts/tryout (copy 2)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_1200x0_resize_q75_h2_box_2.webp b/resources/_gen/images/posts/tryout (copy 2)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_1200x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..5e4f263
Binary files /dev/null and b/resources/_gen/images/posts/tryout (copy 2)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_1200x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/posts/tryout (copy 2)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_600x0_resize_q75_h2_box_2.webp b/resources/_gen/images/posts/tryout (copy 2)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_600x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..3f08f7c
Binary files /dev/null and b/resources/_gen/images/posts/tryout (copy 2)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_600x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/posts/tryout (copy 3)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_1200x0_resize_q75_h2_box_2.webp b/resources/_gen/images/posts/tryout (copy 3)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_1200x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..5e4f263
Binary files /dev/null and b/resources/_gen/images/posts/tryout (copy 3)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_1200x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/posts/tryout (copy 3)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_600x0_resize_q75_h2_box_2.webp b/resources/_gen/images/posts/tryout (copy 3)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_600x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..3f08f7c
Binary files /dev/null and b/resources/_gen/images/posts/tryout (copy 3)/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_600x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/posts/tryout/dog_hu2b84a5a0b4e94db8493dd90534ac926d_30650_1024x0_resize_q75_h2_box_2.webp b/resources/_gen/images/posts/tryout/dog_hu2b84a5a0b4e94db8493dd90534ac926d_30650_1024x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..e2ab8bc
Binary files /dev/null and b/resources/_gen/images/posts/tryout/dog_hu2b84a5a0b4e94db8493dd90534ac926d_30650_1024x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/posts/tryout/dog_hu2b84a5a0b4e94db8493dd90534ac926d_30650_1320x0_resize_q75_h2_box_2.webp b/resources/_gen/images/posts/tryout/dog_hu2b84a5a0b4e94db8493dd90534ac926d_30650_1320x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..fceaa59
Binary files /dev/null and b/resources/_gen/images/posts/tryout/dog_hu2b84a5a0b4e94db8493dd90534ac926d_30650_1320x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/posts/tryout/dog_hu2b84a5a0b4e94db8493dd90534ac926d_30650_330x0_resize_q75_h2_box_2.webp b/resources/_gen/images/posts/tryout/dog_hu2b84a5a0b4e94db8493dd90534ac926d_30650_330x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..4f3cb8b
Binary files /dev/null and b/resources/_gen/images/posts/tryout/dog_hu2b84a5a0b4e94db8493dd90534ac926d_30650_330x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/posts/tryout/dog_hu2b84a5a0b4e94db8493dd90534ac926d_30650_660x0_resize_q75_h2_box_2.webp b/resources/_gen/images/posts/tryout/dog_hu2b84a5a0b4e94db8493dd90534ac926d_30650_660x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..8d2510a
Binary files /dev/null and b/resources/_gen/images/posts/tryout/dog_hu2b84a5a0b4e94db8493dd90534ac926d_30650_660x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/posts/tryout/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_1200x0_resize_q75_h2_box_2.webp b/resources/_gen/images/posts/tryout/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_1200x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..5e4f263
Binary files /dev/null and b/resources/_gen/images/posts/tryout/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_1200x0_resize_q75_h2_box_2.webp differ
diff --git a/resources/_gen/images/posts/tryout/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_600x0_resize_q75_h2_box_2.webp b/resources/_gen/images/posts/tryout/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_600x0_resize_q75_h2_box_2.webp
new file mode 100644
index 0000000..3f08f7c
Binary files /dev/null and b/resources/_gen/images/posts/tryout/featured_hu371167e789d44552f0eadecdffa5b8ea_82982_600x0_resize_q75_h2_box_2.webp differ
diff --git a/static/123.webp b/static/123.webp
new file mode 100644
index 0000000..3f670e2
Binary files /dev/null and b/static/123.webp differ
diff --git a/static/author2.png b/static/author2.png
new file mode 100644
index 0000000..c1a3c06
Binary files /dev/null and b/static/author2.png differ
diff --git a/static/banner.webp b/static/banner.webp
new file mode 100644
index 0000000..92c5929
Binary files /dev/null and b/static/banner.webp differ
diff --git a/static/bg-triangles.svg b/static/bg-triangles.svg
new file mode 100644
index 0000000..c2d584a
--- /dev/null
+++ b/static/bg-triangles.svg
@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox="0 0 1080 900"><defs><linearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%' gradientTransform='rotate(350,780,493)'><stop offset='0'  stop-color='#1500FF'/><stop offset='1'  stop-color='#C600FF'/></linearGradient><pattern patternUnits='userSpaceOnUse' id='b'  width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'><g fill-opacity='0.1'><polygon fill='#444' points='90 150 0 300 180 300'/><polygon points='90 150 180 0 0 0'/><polygon fill='#AAA' points='270 150 360 0 180 0'/><polygon fill='#DDD' points='450 150 360 300 540 300'/><polygon fill='#999' points='450 150 540 0 360 0'/><polygon points='630 150 540 300 720 300'/><polygon fill='#DDD' points='630 150 720 0 540 0'/><polygon fill='#444' points='810 150 720 300 900 300'/><polygon fill='#FFF' points='810 150 900 0 720 0'/><polygon fill='#DDD' points='990 150 900 300 1080 300'/><polygon fill='#444' points='990 150 1080 0 900 0'/><polygon fill='#DDD' points='90 450 0 600 180 600'/><polygon points='90 450 180 300 0 300'/><polygon fill='#666' points='270 450 180 600 360 600'/><polygon fill='#AAA' points='270 450 360 300 180 300'/><polygon fill='#DDD' points='450 450 360 600 540 600'/><polygon fill='#999' points='450 450 540 300 360 300'/><polygon fill='#999' points='630 450 540 600 720 600'/><polygon fill='#FFF' points='630 450 720 300 540 300'/><polygon points='810 450 720 600 900 600'/><polygon fill='#DDD' points='810 450 900 300 720 300'/><polygon fill='#AAA' points='990 450 900 600 1080 600'/><polygon fill='#444' points='990 450 1080 300 900 300'/><polygon fill='#222' points='90 750 0 900 180 900'/><polygon points='270 750 180 900 360 900'/><polygon fill='#DDD' points='270 750 360 600 180 600'/><polygon points='450 750 540 600 360 600'/><polygon points='630 750 540 900 720 900'/><polygon fill='#444' points='630 750 720 600 540 600'/><polygon fill='#AAA' points='810 750 720 900 900 900'/><polygon fill='#666' points='810 750 900 600 720 600'/><polygon fill='#999' points='990 750 900 900 1080 900'/><polygon fill='#999' points='180 0 90 150 270 150'/><polygon fill='#444' points='360 0 270 150 450 150'/><polygon fill='#FFF' points='540 0 450 150 630 150'/><polygon points='900 0 810 150 990 150'/><polygon fill='#222' points='0 300 -90 450 90 450'/><polygon fill='#FFF' points='0 300 90 150 -90 150'/><polygon fill='#FFF' points='180 300 90 450 270 450'/><polygon fill='#666' points='180 300 270 150 90 150'/><polygon fill='#222' points='360 300 270 450 450 450'/><polygon fill='#FFF' points='360 300 450 150 270 150'/><polygon fill='#444' points='540 300 450 450 630 450'/><polygon fill='#222' points='540 300 630 150 450 150'/><polygon fill='#AAA' points='720 300 630 450 810 450'/><polygon fill='#666' points='720 300 810 150 630 150'/><polygon fill='#FFF' points='900 300 810 450 990 450'/><polygon fill='#999' points='900 300 990 150 810 150'/><polygon points='0 600 -90 750 90 750'/><polygon fill='#666' points='0 600 90 450 -90 450'/><polygon fill='#AAA' points='180 600 90 750 270 750'/><polygon fill='#444' points='180 600 270 450 90 450'/><polygon fill='#444' points='360 600 270 750 450 750'/><polygon fill='#999' points='360 600 450 450 270 450'/><polygon fill='#666' points='540 600 630 450 450 450'/><polygon fill='#222' points='720 600 630 750 810 750'/><polygon fill='#FFF' points='900 600 810 750 990 750'/><polygon fill='#222' points='900 600 990 450 810 450'/><polygon fill='#DDD' points='0 900 90 750 -90 750'/><polygon fill='#444' points='180 900 270 750 90 750'/><polygon fill='#FFF' points='360 900 450 750 270 750'/><polygon fill='#AAA' points='540 900 630 750 450 750'/><polygon fill='#FFF' points='720 900 810 750 630 750'/><polygon fill='#222' points='900 900 990 750 810 750'/><polygon fill='#222' points='1080 300 990 450 1170 450'/><polygon fill='#FFF' points='1080 300 1170 150 990 150'/><polygon points='1080 600 990 750 1170 750'/><polygon fill='#666' points='1080 600 1170 450 990 450'/><polygon fill='#DDD' points='1080 900 1170 750 990 750'/></g></pattern></defs><rect x='0' y='0' fill='url(#a)' width='100%' height='100%'/><rect x='0' y='0' fill='url(#b)' width='100%' height='100%'/></svg>
diff --git a/static/bg.jpg b/static/bg.jpg
new file mode 100644
index 0000000..3a7617d
Binary files /dev/null and b/static/bg.jpg differ
diff --git a/static/blowfish.jpg b/static/blowfish.jpg
new file mode 100644
index 0000000..ad842ea
Binary files /dev/null and b/static/blowfish.jpg differ
diff --git a/static/direction.webp b/static/direction.webp
new file mode 100644
index 0000000..195a32a
Binary files /dev/null and b/static/direction.webp differ
diff --git a/static/dog.webp b/static/dog.webp
new file mode 100644
index 0000000..7c80773
Binary files /dev/null and b/static/dog.webp differ
diff --git a/static/iceland.jpg b/static/iceland.jpg
new file mode 100644
index 0000000..6352a78
Binary files /dev/null and b/static/iceland.jpg differ
diff --git a/static/icons/.gitkeep b/static/icons/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/static/icons/people-teamwork-svgrepo-com.svg b/static/icons/people-teamwork-svgrepo-com.svg
new file mode 100644
index 0000000..5816738
--- /dev/null
+++ b/static/icons/people-teamwork-svgrepo-com.svg
@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" width="64px" height="64px" fill="#e01a1a" stroke="#e01a1a">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
<g id="SVGRepo_iconCarrier"> <g> <path style="fill:#E21B1B;" d="M281.04,129.624v-15.008c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176s-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15.008 c-47.352,2.216-71.432,34.232-71.432,55.752v17.672h192.944v-17.672C352.472,163.856,328.392,131.832,281.04,129.624z"/> <path style="fill:#E21B1B;" d="M121.512,419v-14.976c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176c-24.424,13.832-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15 C24.08,421.216,0,453.232,0,474.752v17.672h192.944v-17.672C192.944,453.232,168.864,421.216,121.512,419z"/> <path style="fill:#E21B1B;" d="M440.568,419v-14.976c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176s-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15 c-47.352,2.216-71.432,34.232-71.432,55.752v17.648H512v-17.672C512,453.232,487.92,421.216,440.568,419z"/> </g> <rect x="240" y="250.784" width="32" height="144"/> <rect x="184" y="306.8" width="144" height="32"/> </g>
+
</svg>
\ No newline at end of file
diff --git a/static/icons/ying-yang.svg b/static/icons/ying-yang.svg
new file mode 100644
index 0000000..e82570a
--- /dev/null
+++ b/static/icons/ying-yang.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="si-glyph si-glyph-ying-yang">
+
<title>927</title>
+
<defs>
+
</defs>
+
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+
<g transform="translate(1.000000, 0.000000)" fill="#434343">
+
<path d="M7.984,0.053 C3.599,0.053 0.045,3.614 0.045,8.006 C0.045,12.398 3.6,15.959 7.984,15.959 C12.368,15.959 15.923,12.398 15.923,8.006 C15.923,3.614 12.369,0.053 7.984,0.053 L7.984,0.053 Z M7.49,2.045 C8.328,2.045 9.009,2.699 9.009,3.505 C9.009,4.311 8.328,4.965 7.49,4.965 C6.65,4.965 5.971,4.311 5.971,3.505 C5.971,2.699 6.65,2.045 7.49,2.045 L7.49,2.045 Z M8.035,14.908 C4.984,14.908 2.342,10.918 8.101,7.984 C13.357,5.308 10.904,0.744 8.035,1.008 C12.41,1.008 14.974,4.119 14.974,7.958 C14.975,11.797 11.867,14.908 8.035,14.908 L8.035,14.908 Z" class="si-glyph-fill">
+
</path>
+
<ellipse cx="8.493" cy="11.445" rx="1.493" ry="1.445" class="si-glyph-fill">
+
</ellipse>
+
</g>
+
</g>
+
</svg>
\ No newline at end of file
diff --git a/static/map.webp b/static/map.webp
new file mode 100644
index 0000000..f7b3d3d
Binary files /dev/null and b/static/map.webp differ
diff --git a/static/nuno_avatar.jpg b/static/nuno_avatar.jpg
new file mode 100644
index 0000000..c350016
Binary files /dev/null and b/static/nuno_avatar.jpg differ
diff --git a/static/ocean.jpg b/static/ocean.jpg
new file mode 100644
index 0000000..9f1220a
Binary files /dev/null and b/static/ocean.jpg differ
diff --git a/static/paint.png b/static/paint.png
new file mode 100644
index 0000000..6f6659a
Binary files /dev/null and b/static/paint.png differ
diff --git a/static/people-teamwork-svgrepo-com.svg b/static/people-teamwork-svgrepo-com.svg
new file mode 100644
index 0000000..5816738
--- /dev/null
+++ b/static/people-teamwork-svgrepo-com.svg
@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" width="64px" height="64px" fill="#e01a1a" stroke="#e01a1a">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
<g id="SVGRepo_iconCarrier"> <g> <path style="fill:#E21B1B;" d="M281.04,129.624v-15.008c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176s-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15.008 c-47.352,2.216-71.432,34.232-71.432,55.752v17.672h192.944v-17.672C352.472,163.856,328.392,131.832,281.04,129.624z"/> <path style="fill:#E21B1B;" d="M121.512,419v-14.976c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176c-24.424,13.832-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15 C24.08,421.216,0,453.232,0,474.752v17.672h192.944v-17.672C192.944,453.232,168.864,421.216,121.512,419z"/> <path style="fill:#E21B1B;" d="M440.568,419v-14.976c24.424-13.832,33.008-44.84,19.176-69.256 c-13.832-24.424-44.84-33.008-69.256-19.176s-33.008,44.84-19.176,69.256c4.536,8.016,11.168,14.64,19.176,19.176v15 c-47.352,2.216-71.432,34.232-71.432,55.752v17.648H512v-17.672C512,453.232,487.92,421.216,440.568,419z"/> </g> <rect x="240" y="250.784" width="32" height="144"/> <rect x="184" y="306.8" width="144" height="32"/> </g>
+
</svg>
\ No newline at end of file
diff --git a/static/roots.webp b/static/roots.webp
new file mode 100644
index 0000000..5f673fb
Binary files /dev/null and b/static/roots.webp differ
diff --git a/static/ying-yang.svg b/static/ying-yang.svg
new file mode 100644
index 0000000..e82570a
--- /dev/null
+++ b/static/ying-yang.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="si-glyph si-glyph-ying-yang">
+
<title>927</title>
+
<defs>
+
</defs>
+
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+
<g transform="translate(1.000000, 0.000000)" fill="#434343">
+
<path d="M7.984,0.053 C3.599,0.053 0.045,3.614 0.045,8.006 C0.045,12.398 3.6,15.959 7.984,15.959 C12.368,15.959 15.923,12.398 15.923,8.006 C15.923,3.614 12.369,0.053 7.984,0.053 L7.984,0.053 Z M7.49,2.045 C8.328,2.045 9.009,2.699 9.009,3.505 C9.009,4.311 8.328,4.965 7.49,4.965 C6.65,4.965 5.971,4.311 5.971,3.505 C5.971,2.699 6.65,2.045 7.49,2.045 L7.49,2.045 Z M8.035,14.908 C4.984,14.908 2.342,10.918 8.101,7.984 C13.357,5.308 10.904,0.744 8.035,1.008 C12.41,1.008 14.974,4.119 14.974,7.958 C14.975,11.797 11.867,14.908 8.035,14.908 L8.035,14.908 Z" class="si-glyph-fill">
+
</path>
+
<ellipse cx="8.493" cy="11.445" rx="1.493" ry="1.445" class="si-glyph-fill">
+
</ellipse>
+
</g>
+
</g>
+
</svg>
\ No newline at end of file