diff --git a/.github/assets/doc-site-example-dark.jpg b/.github/assets/doc-site-example-dark.jpg
new file mode 100644
index 0000000..cb8afd9
Binary files /dev/null and b/.github/assets/doc-site-example-dark.jpg differ
diff --git a/.github/assets/doc-site-example.jpg b/.github/assets/doc-site-example.jpg
new file mode 100644
index 0000000..d11f590
Binary files /dev/null and b/.github/assets/doc-site-example.jpg differ
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
new file mode 100644
index 0000000..2f22565
--- /dev/null
+++ b/.github/workflows/deploy.yml
@@ -0,0 +1,62 @@
+name: Rename and Deploy Site
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  rename-project:
+    if: ${{ github.repository != 'fastn-stack/fastn-template' && github.event.created }}
+    permissions: write-all
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+        with:
+          ref: ${{ github.head_ref }}
+      - name: Set repository name and owner
+        run: |
+          echo "REPOSITORY_NAME=$(echo '${{ github.repository }}' | awk -F '/' '{print $2}' | tr '[:upper:]' '[:lower:]')" >> $GITHUB_ENV
+          echo "REPOSITORY_OWNER=$(echo '${{ github.repository }}' | awk -F '/' '{print $1}' | tr '[:upper:]' '[:lower:]')" >> $GITHUB_ENV
+        shell: bash
+      - name: Rename the project
+        run: |
+            echo "Using '${{ env.REPOSITORY_NAME }}' and "${{ env.REPOSITORY_OWNER }}" to rename fastn package"
+            sed -i -e 's/<user_name>/${{ env.REPOSITORY_OWNER }}/g' -e 's/<repo_name>/${{ env.REPOSITORY_NAME }}/g' FASTN.ftd
+            sed -i -e 's/<user_name>/${{ env.REPOSITORY_OWNER }}/g' -e 's/<repo_name>/${{ env.REPOSITORY_NAME }}/g' FASTN/ds.ftd
+            sed -i -e 's/<user_name>/${{ env.REPOSITORY_OWNER }}/g' -e 's/<repo_name>/${{ env.REPOSITORY_NAME }}/g' index.ftd
+            sed -i -e 's/<user_name>/${{ env.REPOSITORY_OWNER }}/g' -e 's/<repo_name>/${{ env.REPOSITORY_NAME }}/g' sidebar.ftd
+            sed -i -e 's/<user_name>/${{ env.REPOSITORY_OWNER }}/g' -e 's/<repo_name>/${{ env.REPOSITORY_NAME }}/g' README.md
+      - name: Commit and push changes
+        uses: stefanzweifel/git-auto-commit-action@v4
+        with:
+          commit_message: "✅ Ready to clone and code."
+          push_options: --force
+  build:
+    needs: rename-project
+    if: ${{ github.repository != 'fastn-stack/fastn-template' && always() && !failure() && !cancelled() }}
+    permissions: write-all
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+      - name: Pull the latest commits
+        run: git pull
+      - uses: FranzDiebold/github-env-vars-action@v2
+      - run: sh -c "$(curl -fsSL https://fastn.com/install.sh)"
+      - name: Build the pages with fastn
+        run: |
+          echo "Using '$CI_REPOSITORY_NAME_SLUG/' as the base while building"
+          # To deploy the website using GitHub Pages, use the below command
+          fastn build --edition=2023 --base=/$CI_REPOSITORY_NAME/
+          # To deploy the website using Custom Domain, use the below command and comment
+          #out the above command when deploying through GitHub Pages 
+          #fastn build --edition=2023 --base=/
+      - name: copy CNAME if found
+        run: '(test -f CNAME && cp CNAME .build) || echo "CNAME does not exist, skipping step"'
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./.build
diff --git a/.github/workflows/refresh-content-on-heroku.yml b/.github/workflows/refresh-content-on-heroku.yml
new file mode 100644
index 0000000..191bc42
--- /dev/null
+++ b/.github/workflows/refresh-content-on-heroku.yml
@@ -0,0 +1,18 @@
+name: Update Content On Heroku
+
+on:
+  workflow_dispatch:
+  workflow_call:
+env:
+  CARGO_TERM_COLOR: always
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Redeploy Heroku
+        id: redeploy_heroku
+        run: |
+          curl --location --request POST \
+          --url 'https://<heroku-app-name>.herokuapp.com/-/clear-cache/?package=main&all-dependencies=true'
\ No newline at end of file
diff --git a/.github/workflows/update-fastn-binary.yml b/.github/workflows/update-fastn-binary.yml
new file mode 100644
index 0000000..8c8a3e7
--- /dev/null
+++ b/.github/workflows/update-fastn-binary.yml
@@ -0,0 +1,21 @@
+name: Update FASTN binary on Heroku
+
+on:
+  workflow_dispatch:
+  workflow_call:
+env:
+  CARGO_TERM_COLOR: always
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Redeploy Heroku
+        id: redeploy_heroku
+        run: |
+          curl --location --request DELETE \
+          --header 'Content-Type: application/json' \
+          --header 'Accept: application/vnd.heroku+json; version=3' \
+          --header 'authorization: Bearer ${{ secrets.HEROKU_TOKEN }}' \
+          --url https://api.heroku.com/apps/${{ secrets.HEROKU_APP_NAME }}/dynos/web.1
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..61a56a3
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+.packages
+.build
+.DS_Store
+.idea
diff --git a/FASTN.ftd b/FASTN.ftd
new file mode 100644
index 0000000..ffd6201
--- /dev/null
+++ b/FASTN.ftd
@@ -0,0 +1,19 @@
+-- import: fastn
+
+-- fastn.package: <user_name>.github.io/<repo_name>
+favicon: /-/<user_name>.github.io/<repo_name>/favicon.ico
+
+-- fastn.dependency: fastn-community.github.io/doc-site as doc-site
+-- fastn.dependency: fastn-community.github.io/footer
+-- fastn.dependency: fastn-community.github.io/roboto-typography
+-- fastn.dependency: fastn-community.github.io/dark-flame-cs
+
+-- fastn.auto-import: <user_name>.github.io/<repo_name>/FASTN/ds
+-- fastn.auto-import: <user_name>.github.io/<repo_name>/assets
+-- fastn.auto-import: doc-site
+
+-- fastn.sitemap:
+
+# Home: index.html
+
+- Right Sidebar Sample: /sidebar/
diff --git a/FASTN/ds.ftd b/FASTN/ds.ftd
new file mode 100644
index 0000000..1cd0999
--- /dev/null
+++ b/FASTN/ds.ftd
@@ -0,0 +1,81 @@
+-- import: fastn
+-- import: fastn-community.github.io/footer
+-- import: fastn-community.github.io/roboto-typography as typo
+-- import: fastn-community.github.io/dark-flame-cs as cs
+-- import: doc-site/common
+-- import: doc-site
+export: markdown,h0,h1,h2,h3,code,rendered,output,image,iframe,youtube,compact-text,post,posts,featured-post,image-first,image-in-between,without-image,author-bio,tip,not-found-1,not-found-2,link,link-group
+
+-- common.site-logo site-logo: $assets.files.assets.ipsum-logo.svg
+
+-- component page:
+children wrapper:
+optional caption title:
+optional body body:
+boolean sidebar: false
+optional string document-title:
+optional string document-description:
+optional ftd.raw-image-src document-image:
+optional string site-name: fastn template
+optional ftd.image-src site-logo: $site-logo
+boolean github-icon: false
+optional string github-url: 
+boolean full-width: false
+ftd.type-data typography: $typo.types
+ftd.color-scheme color-scheme: $cs.main
+integer logo-width: $common.logo-width
+integer logo-height: $common.logo-height
+boolean show-footer: true
+boolean show-banner: true
+ftd.ui list right-sidebar:
+ftd.ui list banner:
+fastn.app-ui apps: $common.apps
+boolean login-button: $common.login-button
+string site-url: $common.site-url
+optional ftd.raw-image-src favicon:
+
+-- ftd.ui list page.footer:
+
+-- footer.fastn-footer:
+copyright: Copyright © 2023 - <user_name>.github.io/<repo_name>
+site-logo: $common.fastn-logo
+powered-by-text: Powered by
+powered-by-link: https://fastn.com/
+
+-- end: page.footer
+
+-- doc-site.page: $page.title
+site-logo: $page.site-logo
+body: $page.body
+colors: $page.color-scheme
+sidebar: $page.sidebar
+full-width: $page.full-width
+types: $page.typography
+show-banner: $page.show-banner
+show-footer: $page.show-footer
+site-name: $page.site-name
+logo-height: $page.logo-height
+logo-width: $page.logo-width
+github-icon: $page.github-icon
+github-url: $page.github-url
+right-sidebar: $page.right-sidebar
+footer: $page.footer
+banner: $page.banner
+document-title: $page.document-title
+document-description: $page.document-description
+document-image: $page.document-image
+apps: $page.apps
+login-button: $page.login-button
+site-url: $page.site-url
+favicon: $page.favicon
+
+-- ftd.column:
+spacing.fixed.em: 0.8
+width: fill-container
+children: $page.wrapper
+
+-- end: ftd.column
+
+-- end: doc-site.page
+
+-- end: page
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..96e44ab
--- /dev/null
+++ b/README.md
@@ -0,0 +1,42 @@
+# Overview
+
+[doc-site](https://fastn-community.github.io/doc-site/) will help you create
+a beautiful documentation site in no time.
+
+It provides out-of-the-box documentation features that can be used to create any
+kind of site(personal website, blog, etc).
+
+# Preview
+
+![doc-site](.github/assets/doc-site-example-dark.jpg)
+
+## Get Rolling
+
+[Click here](https://fastn-community.github.io/doc-site/) to learn how to use this template.
+
+# [Dive into the Docs](https://fastn-community.github.io/doc-site/)
+
+# See it in Action!
+
+Explore websites and projects that have utilized this component/template 
+**[here](https://fastn-community.github.io/doc-site/#dart-used-by)** for
+inspiration.
+
+## fastn and Curious?
+
+Discover more of fastn here.
+
+- [Expander Crash Course](https://fastn.com/expander/)
+- [Video Tutorials](https://fastn.com/expander/hello-world/-/build/)
+- [Explore more Templates/ Components/ Package](https://fastn.com/featured/)
+
+## Become a fastn Contributor
+
+1.  Finish the [Expander Crash Course](https://fastn.com/expander/)
+2.  Share your progress and ideas on [Discord](https://discord.gg/bucrdvptYd).
+3.  Let our team guide you on your contributor journey.
+
+## Become a fastn-trailblazer
+
+- [Join our Discord Server](https://discord.gg/bucrdvptYd) to connect with other fastn enthusiasts and stay up to date with the latest developments.
+- [Star us on GitHub](https://github.com/fastn-stack/fastn/)
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..a7d2ac5
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1 @@
+permalink: /404.html
diff --git a/assets/ipsum-logo-dark.svg b/assets/ipsum-logo-dark.svg
new file mode 100644
index 0000000..0dfb673
--- /dev/null
+++ b/assets/ipsum-logo-dark.svg
@@ -0,0 +1,162 @@
+<svg width="222" height="41" viewBox="0 0 222 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_18)" filter="url(#filter0_d_1_18)">
+<g filter="url(#filter1_d_1_18)">
+<path d="M124.355 29.5238H129.018V11.9352H124.355V29.5238ZM124.355 9.19238H129.018V5.00952H124.355V9.19238Z" fill="white"/>
+</g>
+<g filter="url(#filter2_d_1_18)">
+<path d="M132.023 35.2838H136.686V27.5352H136.754C137.748 29.0438 139.36 30.0381 141.828 30.0381C146.354 30.0381 149.44 26.4381 149.44 20.7467C149.44 15.2609 146.457 11.4552 141.794 11.4552C139.394 11.4552 137.748 12.5867 136.617 14.1295H136.514V11.9352H132.023V35.2838ZM140.834 26.1638C138.057 26.1638 136.583 24.0724 136.583 20.8838C136.583 17.7295 137.748 15.2267 140.663 15.2267C143.543 15.2267 144.708 17.5581 144.708 20.8838C144.708 24.2095 143.2 26.1638 140.834 26.1638Z" fill="white"/>
+</g>
+<g filter="url(#filter3_d_1_18)">
+<path d="M158.741 30.0381C163.13 30.0381 166.147 27.9124 166.147 24.3809C166.147 20.2667 162.89 19.4438 159.941 18.8267C157.438 18.3124 155.107 18.1752 155.107 16.6667C155.107 15.3981 156.307 14.7124 158.124 14.7124C160.113 14.7124 161.313 15.3981 161.518 17.2838H165.735C165.393 13.7524 162.821 11.4552 158.193 11.4552C154.181 11.4552 151.027 13.2724 151.027 17.0781C151.027 20.9181 154.113 21.7752 157.267 22.3924C159.667 22.8724 161.895 23.0438 161.895 24.7238C161.895 25.9581 160.73 26.7467 158.673 26.7467C156.581 26.7467 155.141 25.8552 154.833 23.8324H150.513C150.787 27.5695 153.633 30.0381 158.741 30.0381Z" fill="white"/>
+</g>
+<g filter="url(#filter4_d_1_18)">
+<path d="M183.85 29.5238V11.9352H179.187V22.0838C179.187 24.4152 177.85 26.0609 175.656 26.0609C173.667 26.0609 172.742 24.9295 172.742 22.8724V11.9352H168.113V23.6609C168.113 27.5009 170.307 30.0038 174.216 30.0038C176.685 30.0038 178.056 29.0781 179.256 27.4667H179.359V29.5238H183.85Z" fill="white"/>
+</g>
+<g filter="url(#filter5_d_1_18)">
+<path d="M186.866 29.5238H191.529V19.3067C191.529 16.9752 192.798 15.4667 194.684 15.4667C196.398 15.4667 197.392 16.4952 197.392 18.4838V29.5238H202.055V19.3067C202.055 16.9752 203.255 15.4667 205.209 15.4667C206.924 15.4667 207.918 16.4952 207.918 18.4838V29.5238H212.581V17.6952C212.581 13.8552 210.489 11.4552 206.786 11.4552C204.558 11.4552 202.706 12.6209 201.506 14.5409H201.438C200.581 12.6895 198.798 11.4552 196.569 11.4552C194.135 11.4552 192.421 12.6895 191.461 14.3009H191.358V11.9352H186.866V29.5238Z" fill="white"/>
+</g>
+<g filter="url(#filter6_d_1_18)">
+<path d="M2.82416 29.5238H7.48701V5.00952H2.82416V29.5238Z" fill="white"/>
+</g>
+<g filter="url(#filter7_d_1_18)">
+<path d="M18.8884 30.0381C24.3398 30.0381 28.0769 25.9924 28.0769 20.7467C28.0769 15.5009 24.3398 11.4552 18.8884 11.4552C13.4369 11.4552 9.69978 15.5009 9.69978 20.7467C9.69978 25.9924 13.4369 30.0381 18.8884 30.0381ZM18.8884 26.4724C16.0084 26.4724 14.4312 24.1752 14.4312 20.7467C14.4312 17.3181 16.0084 14.9867 18.8884 14.9867C21.7341 14.9867 23.3455 17.3181 23.3455 20.7467C23.3455 24.1752 21.7341 26.4724 18.8884 26.4724Z" fill="white"/>
+</g>
+<g filter="url(#filter8_d_1_18)">
+<path d="M37.993 35.5238C40.5987 35.5238 42.8616 34.9067 44.3358 33.5352C45.6387 32.3352 46.4273 30.6552 46.4273 28.1867V11.9352H41.9359V13.7867H41.8673C40.8044 12.3124 39.193 11.4552 36.9987 11.4552C32.5416 11.4552 29.3873 14.8152 29.3873 20.0609C29.3873 25.3752 33.2273 28.4609 37.1359 28.4609C39.3644 28.4609 40.7016 27.5695 41.7301 26.4038H41.833V28.3238C41.833 30.7238 40.5644 31.9924 37.9244 31.9924C35.7644 31.9924 34.7701 31.1352 34.393 30.0381H29.7644C30.2444 33.4667 33.193 35.5238 37.993 35.5238ZM37.9244 24.7238C35.5244 24.7238 33.9473 22.9752 33.9473 19.9924C33.9473 17.0438 35.5244 15.1924 37.8901 15.1924C40.7016 15.1924 42.073 17.3867 42.073 19.9581C42.073 22.5638 40.873 24.7238 37.9244 24.7238Z" fill="white"/>
+</g>
+<g filter="url(#filter9_d_1_18)">
+<path d="M57.7611 30.0381C63.2125 30.0381 66.9497 25.9924 66.9497 20.7467C66.9497 15.5009 63.2125 11.4552 57.7611 11.4552C52.3097 11.4552 48.5725 15.5009 48.5725 20.7467C48.5725 25.9924 52.3097 30.0381 57.7611 30.0381ZM57.7611 26.4724C54.8811 26.4724 53.304 24.1752 53.304 20.7467C53.304 17.3181 54.8811 14.9867 57.7611 14.9867C60.6068 14.9867 62.2183 17.3181 62.2183 20.7467C62.2183 24.1752 60.6068 26.4724 57.7611 26.4724Z" fill="white"/>
+</g>
+<g filter="url(#filter10_d_1_18)">
+<path d="M214.275 9.04762C214.275 8.25864 214.915 7.61905 215.704 7.61905H218.561C219.35 7.61905 219.99 8.25864 219.99 9.04762C219.99 9.8366 219.35 10.4762 218.561 10.4762H215.704C214.915 10.4762 214.275 9.8366 214.275 9.04762Z" fill="white"/>
+</g>
+<g filter="url(#filter11_d_1_18)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95.9999 3C105.388 3 113 10.6112 113 20C113 29.3888 105.388 37 95.9999 37C86.6111 37 79 29.3888 79 20C79 10.6112 86.6111 3 95.9999 3ZM95.3854 4.2721C93.446 4.54504 91.5993 6.10342 90.1658 8.70979C89.75 9.46581 89.3748 10.301 89.0479 11.2029C90.9971 10.713 93.1383 10.4243 95.3854 10.3796V4.2721ZM87.611 11.6112C88.0177 10.3351 88.515 9.16114 89.089 8.11755C89.7996 6.8255 90.643 5.70976 91.5932 4.8528C86.4261 6.35345 82.3534 10.4263 80.8527 15.5933C81.7097 14.6431 82.8254 13.7998 84.1175 13.0892C85.1611 12.5152 86.335 12.0177 87.611 11.6112ZM87.2028 13.0479C86.7129 14.9972 86.4242 17.1384 86.3795 19.3855H80.272C80.5449 17.4461 82.1033 15.5994 84.7097 14.1659C85.4657 13.7501 86.3009 13.3749 87.2028 13.0479ZM87.6087 19.3855C87.6594 16.9332 88.0125 14.6309 88.5966 12.5967C90.6308 12.0126 92.9331 11.6595 95.3854 11.6087V14.2632C94.4706 16.6053 92.6047 18.471 90.2625 19.3855H87.6087ZM86.3795 20.6145H80.272C80.5449 22.5539 82.1033 24.4005 84.7097 25.8341C85.4657 26.2499 86.3009 26.6251 87.2028 26.9521C86.7129 25.0028 86.4242 22.8616 86.3795 20.6145ZM88.5966 27.4033C88.0125 25.3691 87.6594 23.0668 87.6087 20.6145H90.2625C92.6047 21.529 94.4706 23.3947 95.3854 25.7368V28.3913C92.9331 28.3405 90.6308 27.9875 88.5966 27.4033ZM87.611 28.3888C86.335 27.9823 85.1611 27.4848 84.1175 26.9108C82.8254 26.2002 81.7097 25.3569 80.8527 24.4067C82.3534 29.5737 86.4261 33.6466 91.5932 35.1472C90.643 34.2902 89.7996 33.1745 89.089 31.8824C88.515 30.8389 88.0177 29.6648 87.611 28.3888ZM95.3854 35.7279C93.446 35.455 91.5993 33.8966 90.1658 31.2902C89.75 30.5342 89.3748 29.6989 89.0479 28.7972C90.9971 29.2869 93.1383 29.5758 95.3854 29.6204V35.7279ZM100.406 35.1472C101.357 34.2902 102.2 33.1745 102.911 31.8824C103.484 30.8389 103.982 29.6648 104.389 28.3888C105.665 27.9823 106.838 27.4848 107.882 26.9108C109.174 26.2002 110.29 25.3569 111.147 24.4067C109.646 29.5737 105.574 33.6466 100.406 35.1472ZM102.952 28.7972C102.625 29.6989 102.249 30.5342 101.834 31.2902C100.4 33.8966 98.5537 35.455 96.6143 35.7279V29.6204C98.8614 29.5758 101.003 29.2869 102.952 28.7972ZM104.797 26.9521C105.699 26.6251 106.534 26.2499 107.29 25.8341C109.897 24.4006 111.455 22.5539 111.728 20.6145H105.62C105.575 22.8616 105.286 25.0028 104.797 26.9521ZM104.391 20.6145C104.34 23.0668 103.988 25.3691 103.403 27.4033C101.369 27.9875 99.0666 28.3405 96.6143 28.3913V25.7388C97.5288 23.3958 99.3952 21.5292 101.738 20.6145H104.391ZM105.62 19.3855H111.728C111.455 17.4461 109.897 15.5994 107.29 14.1659C106.534 13.7501 105.699 13.3749 104.797 13.0479C105.286 14.9972 105.575 17.1384 105.62 19.3855ZM103.403 12.5967C103.988 14.6309 104.34 16.9332 104.391 19.3855H101.738C99.3952 18.4708 97.5288 16.6042 96.6143 14.2612V11.6087C99.0666 11.6595 101.369 12.0126 103.403 12.5967ZM104.389 11.6112C105.665 12.0177 106.838 12.5152 107.882 13.0892C109.174 13.7998 110.29 14.6431 111.147 15.5933C109.646 10.4263 105.574 6.35345 100.406 4.8528C101.357 5.70976 102.2 6.8255 102.911 8.11755C103.484 9.16114 103.982 10.3351 104.389 11.6112ZM96.6143 4.2721C98.5537 4.54504 100.4 6.10342 101.834 8.70979C102.249 9.46581 102.625 10.301 102.952 11.2029C101.003 10.713 98.8614 10.4243 96.6143 10.3796V4.2721Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_1_18" x="0" y="0" width="222" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_18"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_18" result="shape"/>
+</filter>
+<filter id="filter1_d_1_18" x="122.355" y="5.00952" width="8.66299" height="28.5143" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_18"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_18" result="shape"/>
+</filter>
+<filter id="filter2_d_1_18" x="130.023" y="11.4552" width="21.417" height="27.8286" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_18"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_18" result="shape"/>
+</filter>
+<filter id="filter3_d_1_18" x="148.513" y="11.4552" width="19.634" height="22.5829" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_18"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_18" result="shape"/>
+</filter>
+<filter id="filter4_d_1_18" x="166.113" y="11.9352" width="19.737" height="22.0686" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_18"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_18" result="shape"/>
+</filter>
+<filter id="filter5_d_1_18" x="184.866" y="11.4552" width="29.715" height="22.0686" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_18"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_18" result="shape"/>
+</filter>
+<filter id="filter6_d_1_18" x="0.824158" y="5.00952" width="8.66286" height="28.5143" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_18"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_18" result="shape"/>
+</filter>
+<filter id="filter7_d_1_18" x="7.69978" y="11.4552" width="22.3771" height="22.5829" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_18"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_18" result="shape"/>
+</filter>
+<filter id="filter8_d_1_18" x="27.3873" y="11.4552" width="21.04" height="28.0686" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_18"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_18" result="shape"/>
+</filter>
+<filter id="filter9_d_1_18" x="46.5725" y="11.4552" width="22.3772" height="22.5829" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_18"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_18" result="shape"/>
+</filter>
+<filter id="filter10_d_1_18" x="212.275" y="7.61905" width="9.715" height="6.85715" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_18"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_18" result="shape"/>
+</filter>
+<filter id="filter11_d_1_18" x="77" y="3" width="38" height="38" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_18"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_18" result="shape"/>
+</filter>
+<clipPath id="clip0_1_18">
+<rect width="218" height="40" fill="white" transform="translate(2)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/ipsum-logo.svg b/assets/ipsum-logo.svg
new file mode 100644
index 0000000..e051e3f
--- /dev/null
+++ b/assets/ipsum-logo.svg
@@ -0,0 +1,152 @@
+<svg width="218" height="40" viewBox="0 0 218 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_32)">
+<g filter="url(#filter0_d_1_32)">
+<path d="M122.355 29.5238H127.018V11.9352H122.355V29.5238ZM122.355 9.19238H127.018V5.00952H122.355V9.19238Z" fill="black"/>
+</g>
+<g filter="url(#filter1_d_1_32)">
+<path d="M130.023 35.2838H134.686V27.5352H134.754C135.748 29.0438 137.36 30.0381 139.828 30.0381C144.354 30.0381 147.44 26.4381 147.44 20.7467C147.44 15.2609 144.457 11.4552 139.794 11.4552C137.394 11.4552 135.748 12.5867 134.617 14.1295H134.514V11.9352H130.023V35.2838ZM138.834 26.1638C136.057 26.1638 134.583 24.0724 134.583 20.8838C134.583 17.7295 135.748 15.2267 138.663 15.2267C141.543 15.2267 142.708 17.5581 142.708 20.8838C142.708 24.2095 141.2 26.1638 138.834 26.1638Z" fill="black"/>
+</g>
+<g filter="url(#filter2_d_1_32)">
+<path d="M156.741 30.0381C161.13 30.0381 164.147 27.9124 164.147 24.3809C164.147 20.2667 160.89 19.4438 157.941 18.8267C155.438 18.3124 153.107 18.1752 153.107 16.6667C153.107 15.3981 154.307 14.7124 156.124 14.7124C158.113 14.7124 159.313 15.3981 159.518 17.2838H163.735C163.393 13.7524 160.821 11.4552 156.193 11.4552C152.181 11.4552 149.027 13.2724 149.027 17.0781C149.027 20.9181 152.113 21.7752 155.267 22.3924C157.667 22.8724 159.895 23.0438 159.895 24.7238C159.895 25.9581 158.73 26.7467 156.673 26.7467C154.581 26.7467 153.141 25.8552 152.833 23.8324H148.513C148.787 27.5695 151.633 30.0381 156.741 30.0381Z" fill="black"/>
+</g>
+<g filter="url(#filter3_d_1_32)">
+<path d="M181.85 29.5238V11.9352H177.187V22.0838C177.187 24.4152 175.85 26.0609 173.656 26.0609C171.667 26.0609 170.742 24.9295 170.742 22.8724V11.9352H166.113V23.6609C166.113 27.5009 168.307 30.0038 172.216 30.0038C174.685 30.0038 176.056 29.0781 177.256 27.4667H177.359V29.5238H181.85Z" fill="black"/>
+</g>
+<g filter="url(#filter4_d_1_32)">
+<path d="M184.866 29.5238H189.529V19.3067C189.529 16.9752 190.798 15.4667 192.684 15.4667C194.398 15.4667 195.392 16.4952 195.392 18.4838V29.5238H200.055V19.3067C200.055 16.9752 201.255 15.4667 203.209 15.4667C204.924 15.4667 205.918 16.4952 205.918 18.4838V29.5238H210.581V17.6952C210.581 13.8552 208.489 11.4552 204.786 11.4552C202.558 11.4552 200.706 12.6209 199.506 14.5409H199.438C198.581 12.6895 196.798 11.4552 194.569 11.4552C192.135 11.4552 190.421 12.6895 189.461 14.3009H189.358V11.9352H184.866V29.5238Z" fill="black"/>
+</g>
+<g filter="url(#filter5_d_1_32)">
+<path d="M0.824158 29.5238H5.48701V5.00952H0.824158V29.5238Z" fill="black"/>
+</g>
+<g filter="url(#filter6_d_1_32)">
+<path d="M16.8884 30.0381C22.3398 30.0381 26.0769 25.9924 26.0769 20.7467C26.0769 15.5009 22.3398 11.4552 16.8884 11.4552C11.4369 11.4552 7.69977 15.5009 7.69977 20.7467C7.69977 25.9924 11.4369 30.0381 16.8884 30.0381ZM16.8884 26.4724C14.0084 26.4724 12.4312 24.1752 12.4312 20.7467C12.4312 17.3181 14.0084 14.9867 16.8884 14.9867C19.7341 14.9867 21.3455 17.3181 21.3455 20.7467C21.3455 24.1752 19.7341 26.4724 16.8884 26.4724Z" fill="black"/>
+</g>
+<g filter="url(#filter7_d_1_32)">
+<path d="M35.993 35.5238C38.5987 35.5238 40.8616 34.9067 42.3358 33.5352C43.6387 32.3352 44.4273 30.6552 44.4273 28.1867V11.9352H39.9359V13.7867H39.8673C38.8044 12.3124 37.193 11.4552 34.9987 11.4552C30.5416 11.4552 27.3873 14.8152 27.3873 20.0609C27.3873 25.3752 31.2273 28.4609 35.1359 28.4609C37.3644 28.4609 38.7016 27.5695 39.7301 26.4038H39.833V28.3238C39.833 30.7238 38.5644 31.9924 35.9244 31.9924C33.7644 31.9924 32.7701 31.1352 32.393 30.0381H27.7644C28.2444 33.4667 31.193 35.5238 35.993 35.5238ZM35.9244 24.7238C33.5244 24.7238 31.9473 22.9752 31.9473 19.9924C31.9473 17.0438 33.5244 15.1924 35.8901 15.1924C38.7016 15.1924 40.073 17.3867 40.073 19.9581C40.073 22.5638 38.873 24.7238 35.9244 24.7238Z" fill="black"/>
+</g>
+<g filter="url(#filter8_d_1_32)">
+<path d="M55.7611 30.0381C61.2125 30.0381 64.9497 25.9924 64.9497 20.7467C64.9497 15.5009 61.2125 11.4552 55.7611 11.4552C50.3097 11.4552 46.5725 15.5009 46.5725 20.7467C46.5725 25.9924 50.3097 30.0381 55.7611 30.0381ZM55.7611 26.4724C52.8811 26.4724 51.304 24.1752 51.304 20.7467C51.304 17.3181 52.8811 14.9867 55.7611 14.9867C58.6068 14.9867 60.2183 17.3181 60.2183 20.7467C60.2183 24.1752 58.6068 26.4724 55.7611 26.4724Z" fill="black"/>
+</g>
+<g filter="url(#filter9_d_1_32)">
+<path d="M212.275 9.04762C212.275 8.25864 212.915 7.61905 213.704 7.61905H216.561C217.35 7.61905 217.99 8.25864 217.99 9.04762C217.99 9.8366 217.35 10.4762 216.561 10.4762H213.704C212.915 10.4762 212.275 9.8366 212.275 9.04762Z" fill="black"/>
+</g>
+<g filter="url(#filter10_d_1_32)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M93.9999 3C103.388 3 111 10.6112 111 20C111 29.3888 103.388 37 93.9999 37C84.6111 37 77 29.3888 77 20C77 10.6112 84.6111 3 93.9999 3ZM93.3854 4.2721C91.446 4.54504 89.5993 6.10342 88.1658 8.70979C87.75 9.46581 87.3748 10.301 87.0479 11.2029C88.9971 10.713 91.1383 10.4243 93.3854 10.3796V4.2721ZM85.611 11.6112C86.0177 10.3351 86.515 9.16114 87.089 8.11755C87.7996 6.8255 88.643 5.70976 89.5932 4.8528C84.4261 6.35345 80.3534 10.4263 78.8527 15.5933C79.7097 14.6431 80.8254 13.7998 82.1175 13.0892C83.1611 12.5152 84.335 12.0177 85.611 11.6112ZM85.2028 13.0479C84.7129 14.9972 84.4242 17.1384 84.3795 19.3855H78.272C78.5449 17.4461 80.1033 15.5994 82.7097 14.1659C83.4657 13.7501 84.3009 13.3749 85.2028 13.0479ZM85.6087 19.3855C85.6594 16.9332 86.0125 14.6309 86.5966 12.5967C88.6308 12.0126 90.9331 11.6595 93.3854 11.6087V14.2632C92.4706 16.6053 90.6047 18.471 88.2625 19.3855H85.6087ZM84.3795 20.6145H78.272C78.5449 22.5539 80.1033 24.4005 82.7097 25.8341C83.4657 26.2499 84.3009 26.6251 85.2028 26.9521C84.7129 25.0028 84.4242 22.8616 84.3795 20.6145ZM86.5966 27.4033C86.0125 25.3691 85.6594 23.0668 85.6087 20.6145H88.2625C90.6047 21.529 92.4706 23.3947 93.3854 25.7368V28.3913C90.9331 28.3405 88.6308 27.9875 86.5966 27.4033ZM85.611 28.3888C84.335 27.9823 83.1611 27.4848 82.1175 26.9108C80.8254 26.2002 79.7097 25.3569 78.8527 24.4067C80.3534 29.5737 84.4261 33.6466 89.5932 35.1472C88.643 34.2902 87.7996 33.1745 87.089 31.8824C86.515 30.8389 86.0177 29.6648 85.611 28.3888ZM93.3854 35.7279C91.446 35.455 89.5993 33.8966 88.1658 31.2902C87.75 30.5342 87.3748 29.6989 87.0479 28.7972C88.9971 29.2869 91.1383 29.5758 93.3854 29.6204V35.7279ZM98.4065 35.1472C99.3567 34.2902 100.2 33.1745 100.911 31.8824C101.484 30.8389 101.982 29.6648 102.389 28.3888C103.665 27.9823 104.838 27.4848 105.882 26.9108C107.174 26.2002 108.29 25.3569 109.147 24.4067C107.646 29.5737 103.574 33.6466 98.4065 35.1472ZM100.952 28.7972C100.625 29.6989 100.249 30.5342 99.8336 31.2902C98.4004 33.8966 96.5537 35.455 94.6143 35.7279V29.6204C96.8614 29.5758 99.0026 29.2869 100.952 28.7972ZM102.797 26.9521C103.699 26.6251 104.534 26.2499 105.29 25.8341C107.897 24.4006 109.455 22.5539 109.728 20.6145H103.62C103.575 22.8616 103.286 25.0028 102.797 26.9521ZM102.391 20.6145C102.34 23.0668 101.988 25.3691 101.403 27.4033C99.3689 27.9875 97.0666 28.3405 94.6143 28.3913V25.7388C95.5288 23.3958 97.3952 21.5292 99.7379 20.6145H102.391ZM103.62 19.3855H109.728C109.455 17.4461 107.897 15.5994 105.29 14.1659C104.534 13.7501 103.699 13.3749 102.797 13.0479C103.286 14.9972 103.575 17.1384 103.62 19.3855ZM101.403 12.5967C101.988 14.6309 102.34 16.9332 102.391 19.3855H99.738C97.3952 18.4708 95.5288 16.6042 94.6143 14.2612V11.6087C97.0666 11.6595 99.3689 12.0126 101.403 12.5967ZM102.389 11.6112C103.665 12.0177 104.838 12.5152 105.882 13.0892C107.174 13.7998 108.29 14.6431 109.147 15.5933C107.646 10.4263 103.574 6.35345 98.4065 4.8528C99.3567 5.70976 100.2 6.8255 100.911 8.11755C101.484 9.16114 101.982 10.3351 102.389 11.6112ZM94.6143 4.2721C96.5537 4.54504 98.4004 6.10342 99.8336 8.70979C100.249 9.46581 100.625 10.301 100.952 11.2029C99.0026 10.713 96.8614 10.4243 94.6143 10.3796V4.2721Z" fill="black"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_1_32" x="120.355" y="5.00952" width="8.66296" height="28.5143" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_32"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_32" result="shape"/>
+</filter>
+<filter id="filter1_d_1_32" x="128.023" y="11.4552" width="21.417" height="27.8286" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_32"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_32" result="shape"/>
+</filter>
+<filter id="filter2_d_1_32" x="146.513" y="11.4552" width="19.634" height="22.5829" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_32"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_32" result="shape"/>
+</filter>
+<filter id="filter3_d_1_32" x="164.113" y="11.9352" width="19.737" height="22.0686" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_32"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_32" result="shape"/>
+</filter>
+<filter id="filter4_d_1_32" x="182.866" y="11.4552" width="29.715" height="22.0686" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_32"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_32" result="shape"/>
+</filter>
+<filter id="filter5_d_1_32" x="-1.17584" y="5.00952" width="8.66284" height="28.5143" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_32"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_32" result="shape"/>
+</filter>
+<filter id="filter6_d_1_32" x="5.69977" y="11.4552" width="22.3771" height="22.5829" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_32"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_32" result="shape"/>
+</filter>
+<filter id="filter7_d_1_32" x="25.3873" y="11.4552" width="21.04" height="28.0686" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_32"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_32" result="shape"/>
+</filter>
+<filter id="filter8_d_1_32" x="44.5725" y="11.4552" width="22.3772" height="22.5829" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_32"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_32" result="shape"/>
+</filter>
+<filter id="filter9_d_1_32" x="210.275" y="7.61905" width="9.71503" height="6.85715" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_32"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_32" result="shape"/>
+</filter>
+<filter id="filter10_d_1_32" x="75" y="3" width="38" height="38" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_32"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_32" result="shape"/>
+</filter>
+<clipPath id="clip0_1_32">
+<rect width="218" height="40" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..5dc874b
Binary files /dev/null and b/favicon.ico differ
diff --git a/index.ftd b/index.ftd
new file mode 100644
index 0000000..9566ec2
--- /dev/null
+++ b/index.ftd
@@ -0,0 +1,40 @@
+-- ds.page: Welcome to doc-site
+
+
+⚡️ `doc-site` will help you create a beautiful documentation site in no time.
+
+It provides out-of-the-box documentation features that can be used to create any
+kind of site(personal website, blog, etc).
+
+[Click here](https://fastn-community.github.io/doc-site/) to read doc-site
+documentation.
+
+-- ds.h3: 🚀 Fast Track 
+
+Create your first fastn [web-site](https://fastn.com/expander/hello-world/-/build/) 
+project in just 5 minutes!
+
+-- ds.h3: 🌟 Whats next?
+
+Create your first page. 
+[Click here to know more](https://fastn-community.github.io/doc-site/components/page/).
+
+-- ds.h3: 👀 Want to learn more?
+
+Feel free to check [our expander course](https://fastn.com/expander/) or jump
+into our [FifthTry Discord server](https://discord.gg/bucrdvptYd).
+
+
+-- ds.h3: 🎯 Used by?
+
+Our all documentation sites uses this `doc-site` theme.
+
+- [fastn.com](https://fastn.com/home/)
+- [FifthTry.com](https://www.fifthtry.com/)
+
+-- ds.h2: Learn fastn and become a pro?
+
+You are one click away, just check [our documentation](https://fastn.com/) and 
+dont forget to jump into our [FifthTry Discord server](https://discord.gg/bucrdvptYd).
+
+-- end: ds.page
diff --git a/sidebar.ftd b/sidebar.ftd
new file mode 100644
index 0000000..8d48433
--- /dev/null
+++ b/sidebar.ftd
@@ -0,0 +1,66 @@
+-- ds.page: Page with right-sidebar 👉
+sidebar: true
+
+-- ds.page.right-sidebar:
+
+-- ds.h3: Heading in sidebar
+
+You can call any component inside sidebar. 
+
+This right-sidebar will appear on all pages.
+
+-- ds.code:
+lang: ftd
+
+\-- ftd.text: Hello World
+
+-- end: ds.page.right-sidebar
+
+-- ds.page.body:
+
+If you want to show right-sidebar on your page you can add it like sidebar shown
+in this page 👉.
+
+-- ds.h3: `right-sidebar` documentation
+
+[Click here](https://fastn-community.github.io/doc-site/right-sidebar/) to read
+more about `right-sidebar`.
+
+-- ds.h3: How this page is built?
+
+Copy below code snippet to create pages like this with right-sidebar.
+
+-- ds.code:
+lang: ftd
+
+\-- ds.page: Page with right-sidebar 👉
+sidebar: true
+
+\-- ds.page.right-sidebar:
+
+\-- ds.h3: Heading in sidebar
+
+You can call any component inside sidebar. 
+
+This right-sidebar will appear on all pages.
+
+\-- ds.code:
+lang: ftd
+
+\-- ftd.text: Hello World
+
+\-- end: ds.page.right-sidebar
+
+\-- ds.page.body:
+
+If you want to show right-sidebar on your page you can add it like sidebar shown
+in this page 👉.
+
+\-- ds.h3: Read right-sidebar documentation
+
+[Click here](https://fastn-community.github.io/doc-site/right-sidebar/) to read
+more about `right-sidebar`.
+
+\-- end: ds.page
+
+-- end: ds.page