You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@seatunnel.apache.org by ty...@apache.org on 2023/04/11 02:13:58 UTC

[incubator-seatunnel-website] branch main updated: [Feat] Update home page. (#222)

This is an automated email from the ASF dual-hosted git repository.

tyrantlucifer pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/incubator-seatunnel-website.git


The following commit(s) were added to refs/heads/main by this push:
     new fcea6b5e2e [Feat] Update home page. (#222)
fcea6b5e2e is described below

commit fcea6b5e2ef14fbec0862eda718e6416ac9e471a
Author: songjianet <17...@qq.com>
AuthorDate: Tue Apr 11 10:13:53 2023 +0800

    [Feat] Update home page. (#222)
---
 src/pages/home/img/Airtable.svg     |  13 ----
 src/pages/home/img/ApacheKafka.svg  |  10 +++
 src/pages/home/img/AppStore.svg     |  15 -----
 src/pages/home/img/BingAds.svg      |  38 -----------
 src/pages/home/img/Clockify.svg     |  11 ----
 src/pages/home/img/CoinApi.svg      |   3 -
 src/pages/home/img/ConvertKit.svg   |   3 -
 src/pages/home/img/Convex.svg       |  12 ----
 src/pages/home/img/Courier.svg      |  14 ----
 src/pages/home/img/Firebase.svg     |  14 ----
 src/pages/home/img/Flexport.svg     |   5 --
 src/pages/home/img/GitHub.svg       |  11 ++++
 src/pages/home/img/GoogleSheets.svg |  13 ++++
 src/pages/home/img/HubSpot.svg      |   3 -
 src/pages/home/img/Kyriba.svg       |   4 --
 src/pages/home/img/Lemlist.svg      |  10 +++
 src/pages/home/img/Notion.svg       |   3 +
 src/pages/home/img/OneSignal.svg    |  10 +++
 src/pages/home/img/Persistlq.svg    |   4 ++
 src/pages/home/img/PostgreSQL.svg   |  13 ----
 src/pages/home/img/Redshift.svg     |  15 -----
 src/pages/home/img/SalesForce.svg   |  18 ------
 src/pages/home/img/Sentry.svg       |  10 +++
 src/pages/home/img/Slack.svg        |   6 ++
 src/pages/home/img/TiDB.svg         |   5 --
 src/pages/home/index.jsx            | 124 ++++++++++++++----------------------
 src/pages/home/index.less           |   4 +-
 27 files changed, 127 insertions(+), 264 deletions(-)

diff --git a/src/pages/home/img/Airtable.svg b/src/pages/home/img/Airtable.svg
deleted file mode 100644
index ad4a18e7ee..0000000000
--- a/src/pages/home/img/Airtable.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1789_6823)">
-<path d="M114.347 39.3001L37.2431 71.7403C32.9554 73.5446 32.9998 79.7383 37.3144 81.4772L114.74 112.697C121.543 115.44 129.118 115.44 135.921 112.697L213.348 81.476C217.661 79.7383 217.708 73.5457 213.418 71.7415L136.316 39.299C129.282 36.3393 121.38 36.3393 114.346 39.299" fill="#FCB400"/>
-<path d="M132.2 129.743V207.735C132.2 211.443 135.879 213.985 139.27 212.618L225.546 178.567C226.508 178.179 227.333 177.506 227.915 176.636C228.497 175.765 228.807 174.737 228.807 173.684V95.6939C228.807 91.9843 225.128 89.4443 221.737 90.8112L135.462 124.862C134.5 125.25 133.675 125.923 133.093 126.794C132.511 127.664 132.201 128.692 132.2 129.745" fill="#18BFFF"/>
-<path d="M112.054 133.768L86.4489 146.339L83.8491 147.616L29.7992 173.949C26.3742 175.63 22 173.091 22 169.221V96.0208C22 94.6206 22.706 93.4118 23.6529 92.5026C24.0413 92.1093 24.482 91.7732 24.9621 91.5042C26.2526 90.7161 28.0949 90.5057 29.6613 91.1357L111.623 124.157C115.79 125.838 116.117 131.774 112.054 133.769" fill="#F82B60"/>
-<path d="M112.054 133.768L86.4489 146.338L23.6529 92.5014C24.0414 92.1085 24.4821 91.7728 24.9621 91.5042C26.2526 90.7161 28.0949 90.5057 29.6613 91.1357L111.623 124.157C115.79 125.838 116.117 131.774 112.054 133.769" fill="black" fill-opacity="0.25"/>
-</g>
-<defs>
-<clipPath id="clip0_1789_6823">
-<rect width="207" height="176" fill="white" transform="translate(22 37)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/pages/home/img/ApacheKafka.svg b/src/pages/home/img/ApacheKafka.svg
new file mode 100644
index 0000000000..9933047e57
--- /dev/null
+++ b/src/pages/home/img/ApacheKafka.svg
@@ -0,0 +1,10 @@
+<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1789_6891)">
+<path d="M167.675 137.813C158.317 137.813 149.928 141.949 144.183 148.46L129.463 138.064C131.025 133.772 131.922 129.163 131.922 124.339C131.922 119.599 131.056 115.067 129.545 110.839L144.233 100.552C149.977 107.031 158.345 111.144 167.675 111.144C184.946 111.144 199 97.1263 199 79.8936C199 62.6608 184.946 48.6429 167.675 48.6429C150.403 48.6429 136.35 62.6608 136.35 79.8936C136.35 82.978 136.817 85.9523 137.655 88.7692L122.957 99.0607C116.818 91.462 107.978 86.1565 97.9056 84.537V66.86 [...]
+</g>
+<defs>
+<clipPath id="clip0_1789_6891">
+<rect width="148" height="240" fill="white" transform="translate(51 5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/pages/home/img/AppStore.svg b/src/pages/home/img/AppStore.svg
deleted file mode 100644
index 40831eed76..0000000000
--- a/src/pages/home/img/AppStore.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1789_7002)">
-<path d="M30 73.1818C30 49.3332 49.3332 30 73.1818 30H176.818C200.667 30 220 49.3332 220 73.1818V176.818C220 200.667 200.667 220 176.818 220H73.1818C49.3332 220 30 200.667 30 176.818V73.1818Z" fill="url(#paint0_linear_1789_7002)"/>
-<path d="M91.787 168.325L91.8047 168.331L85.3946 179.433C83.0548 183.486 77.8723 184.875 73.8196 182.535C69.7671 180.195 68.3784 175.013 70.7182 170.96L75.4403 162.781L75.8935 161.996C76.7028 160.833 78.7 158.825 82.695 159.202C82.695 159.202 92.0961 160.223 92.7764 165.109C92.7766 165.109 92.8693 166.717 91.787 168.325ZM182.705 139.967H162.715C161.354 139.876 160.76 139.39 160.526 139.108L160.512 139.082L139.114 102.02L139.086 102.038L137.803 100.198C135.7 96.9823 132.36 105.208 132.36  [...]
-</g>
-<defs>
-<linearGradient id="paint0_linear_1789_7002" x1="125" y1="220" x2="125" y2="30" gradientUnits="userSpaceOnUse">
-<stop stop-color="#1D76F2"/>
-<stop offset="1" stop-color="#1AC2FB"/>
-</linearGradient>
-<clipPath id="clip0_1789_7002">
-<rect width="190" height="190" fill="white" transform="translate(30 30)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/pages/home/img/BingAds.svg b/src/pages/home/img/BingAds.svg
deleted file mode 100644
index 78d98cf9f3..0000000000
--- a/src/pages/home/img/BingAds.svg
+++ /dev/null
@@ -1,38 +0,0 @@
-<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1789_6839)">
-<path d="M122.986 91.9104C122.954 92.1697 122.954 92.464 122.954 92.753C122.954 93.8765 123.174 94.9567 123.571 95.9505L123.926 96.6959L125.33 100.358L132.623 119.325L138.983 135.888C140.797 139.231 143.703 141.856 147.208 143.255L148.296 143.663C148.339 143.676 148.41 143.676 148.469 143.692L165.901 149.804V149.818L172.566 152.151L173.022 152.308C173.037 152.308 173.064 152.324 173.08 152.324C174.394 152.661 175.681 153.115 176.91 153.669C179.753 154.919 182.33 156.701 184.531 158.875C1 [...]
-<path d="M122.986 91.9104C122.954 92.1697 122.954 92.464 122.954 92.753C122.954 93.8765 123.174 94.9567 123.571 95.9505L123.926 96.6959L125.33 100.358L132.623 119.325L138.983 135.888C140.797 139.231 143.703 141.856 147.208 143.255L148.296 143.663C148.339 143.676 148.41 143.676 148.469 143.692L165.901 149.804V149.818L172.566 152.151L173.022 152.308C173.037 152.308 173.064 152.324 173.08 152.324C174.394 152.661 175.681 153.115 176.91 153.669C179.753 154.919 182.33 156.701 184.531 158.875C1 [...]
-<path d="M65.146 17C60.5237 17.0837 56.8125 20.9402 56.8125 25.6556V176.638C56.831 177.691 56.8893 178.731 56.9635 179.787C57.0297 180.343 57.1012 180.921 57.2019 181.483C59.3131 193.6 69.6545 202.796 82.1416 202.796C86.5203 202.796 90.6261 201.659 94.2181 199.682C94.2393 199.666 94.2764 199.644 94.2949 199.644L95.5876 198.848L100.827 195.704L107.492 191.672L107.508 57.5231C107.508 48.6083 103.132 40.7494 96.4326 36.08C96.2737 35.9828 96.12 35.8802 95.9796 35.7641L70.0466 18.4746C68.7327 [...]
-<path d="M65.146 17C60.5237 17.0837 56.8125 20.9402 56.8125 25.6556V176.638C56.831 177.691 56.8893 178.731 56.9635 179.787C57.0297 180.343 57.1012 180.921 57.2019 181.483C59.3131 193.6 69.6545 202.796 82.1416 202.796C86.5203 202.796 90.6261 201.659 94.2181 199.682C94.2393 199.666 94.2764 199.644 94.2949 199.644L95.5876 198.848L100.827 195.704L107.492 191.672L107.508 57.5231C107.508 48.6083 103.132 40.7494 96.4326 36.08C96.2737 35.9828 96.12 35.8802 95.9796 35.7641L70.0466 18.4746C68.7327 [...]
-<path d="M167.975 154.933L108.35 190.965L107.492 191.491V191.683L100.827 195.707L95.5901 198.859L94.3054 199.65L94.2179 199.693C90.6339 201.678 86.5254 202.801 82.1494 202.801C69.665 202.801 59.3103 193.611 57.207 181.488C58.2057 190.357 61.1698 198.613 65.6412 205.805C74.8489 220.623 90.4194 230.931 108.432 232.722H119.446C129.189 231.685 137.324 227.707 145.875 222.335L159.024 214.136C164.947 210.266 181.024 200.746 185.76 195.404C186.79 194.235 187.72 192.982 188.533 191.64C189.164 19 [...]
-<path d="M167.975 154.933L108.35 190.965L107.492 191.491V191.683L100.827 195.707L95.5901 198.859L94.3054 199.65L94.2179 199.693C90.6339 201.678 86.5254 202.801 82.1494 202.801C69.665 202.801 59.3103 193.611 57.207 181.488C58.2057 190.357 61.1698 198.613 65.6412 205.805C74.8489 220.623 90.4194 230.931 108.432 232.722H119.446C129.189 231.685 137.324 227.707 145.875 222.335L159.024 214.136C164.947 210.266 181.024 200.746 185.76 195.404C186.79 194.235 187.72 192.982 188.533 191.64C189.164 19 [...]
-<path opacity="0.15" d="M192.395 177.785C192.395 179.479 192.239 181.115 191.95 182.706C191.866 183.127 191.778 183.549 191.68 183.975C191.495 184.731 191.299 185.463 191.052 186.195C190.923 186.573 190.79 186.951 190.652 187.319C190.509 187.697 190.356 188.064 190.194 188.442C189.722 189.549 189.168 190.617 188.536 191.637C187.724 192.975 186.795 194.235 185.76 195.402C181.024 200.746 164.947 210.266 159.024 214.136L145.875 222.335C136.235 228.39 127.128 232.676 115.643 232.97C115.099 2 [...]
-<path opacity="0.15" d="M192.395 177.785C192.395 179.479 192.239 181.115 191.95 182.706C191.866 183.127 191.778 183.549 191.68 183.975C191.495 184.731 191.299 185.463 191.052 186.195C190.923 186.573 190.79 186.951 190.652 187.319C190.509 187.697 190.356 188.064 190.194 188.442C189.722 189.549 189.168 190.617 188.536 191.637C187.724 192.975 186.795 194.235 185.76 195.402C181.024 200.746 164.947 210.266 159.024 214.136L145.875 222.335C136.235 228.39 127.128 232.676 115.643 232.97C115.099 2 [...]
-</g>
-<defs>
-<linearGradient id="paint0_linear_1789_6839" x1="132.631" y1="93.7168" x2="201.811" y2="169.34" gradientUnits="userSpaceOnUse">
-<stop stop-color="#37BDFF"/>
-<stop offset="0.25" stop-color="#26C6F4"/>
-<stop offset="0.5" stop-color="#15D0E9"/>
-<stop offset="0.75" stop-color="#3BD6DF"/>
-<stop offset="1" stop-color="#62DCD4"/>
-</linearGradient>
-<linearGradient id="paint1_linear_1789_6839" x1="85.6379" y1="199.531" x2="83.3739" y2="28.7676" gradientUnits="userSpaceOnUse">
-<stop stop-color="#1B48EF"/>
-<stop offset="0.5" stop-color="#2080F1"/>
-<stop offset="1" stop-color="#26B8F4"/>
-</linearGradient>
-<linearGradient id="paint2_linear_1789_6839" x1="124.801" y1="192.439" x2="288.719" y2="192.439" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39D2FF"/>
-<stop offset="0.5" stop-color="#248FFA"/>
-<stop offset="1" stop-color="#104CF5"/>
-</linearGradient>
-<linearGradient id="paint3_linear_1789_6839" x1="124.801" y1="192.439" x2="288.719" y2="192.439" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1"/>
-</linearGradient>
-<clipPath id="clip0_1789_6839">
-<rect width="160" height="216" fill="white" transform="translate(45 17)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/pages/home/img/Clockify.svg b/src/pages/home/img/Clockify.svg
deleted file mode 100644
index 185d1ddc6c..0000000000
--- a/src/pages/home/img/Clockify.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2108_3974)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M153.222 94.2623L198.037 49.0283L210.865 61.9667L166.05 107.201L153.222 94.2623ZM135.064 140.488C126.294 140.488 119.188 133.289 119.188 124.4C119.188 115.52 126.294 108.312 135.064 108.312C143.834 108.312 150.939 115.52 150.939 124.4C150.939 133.289 143.834 140.488 135.064 140.488ZM211.074 187.21L198.246 200.158L153.432 154.923L166.259 141.975L211.074 187.21Z" fill="#222222"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M135.526 193.974C144.559 193.974 153.166 192.155 161.054 188.923L182.942 211.026C168.905 218.932 152.747 223.478 135.526 223.478C81.6683 223.478 38 179.401 38 125.039C38 70.6682 81.6683 26.5912 135.526 26.5912C152.574 26.5912 168.587 31.0265 182.524 38.7859L160.999 60.5213C153.12 57.3074 144.541 55.4892 135.526 55.4892C97.8074 55.4892 67.2305 86.4901 67.2305 124.736C67.2305 162.973 97.8074 193.974 135.526 193.974Z" fill="#03A9F4"/>
-</g>
-<defs>
-<clipPath id="clip0_2108_3974">
-<rect width="174" height="198" fill="white" transform="translate(38 26)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/pages/home/img/CoinApi.svg b/src/pages/home/img/CoinApi.svg
deleted file mode 100644
index d7da6a300a..0000000000
--- a/src/pages/home/img/CoinApi.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M121 25.3145C117.883 27.3205 60.72 55.1395 39.181 65.1315C34.606 67.2535 29.768 70.0845 28.431 71.4215C25.402 74.4505 25.248 78.9465 28.085 81.5385C29.231 82.5865 39.019 87.9435 49.835 93.4435C62.866 100.071 69.611 104.042 69.828 105.216C70.088 106.625 66.252 108.872 51.102 116.181C40.623 121.237 31.805 126.009 31.507 126.785C30.582 129.197 32.785 130.733 49.14 139.077C60.402 144.823 65 147.671 65 148.901C65 150.155 60.518 152.767 48.75 15 [...]
-</svg>
diff --git a/src/pages/home/img/ConvertKit.svg b/src/pages/home/img/ConvertKit.svg
deleted file mode 100644
index 98bbfeeb17..0000000000
--- a/src/pages/home/img/ConvertKit.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M119.403 181.736C155.896 181.736 184.102 154.026 184.102 119.842C184.102 87.8176 157.604 68.2635 140.052 68.2635C115.611 68.2635 96.0215 85.5023 93.2305 111.094C92.7132 115.833 88.9774 119.807 84.2363 119.773C76.3545 119.716 64.8963 119.649 57.6429 119.674C54.5202 119.685 51.9383 117.138 52.0927 114.002C53.1874 91.8065 60.5707 71.0534 74.6504 55.1116C90.2954 37.3975 113.079 27 140.052 27C185.37 27 228.153 68.3881 228.153 119.842C228.153 176.815 181.189 223 120.367 223C76.9916 22 [...]
-</svg>
diff --git a/src/pages/home/img/Convex.svg b/src/pages/home/img/Convex.svg
deleted file mode 100644
index 08911c1763..0000000000
--- a/src/pages/home/img/Convex.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2108_4013)">
-<path d="M149.281 179.603C177.11 176.528 203.345 161.781 217.791 137.167C210.95 198.047 144.013 236.527 89.3758 212.901C84.3411 210.731 80.0075 207.119 77.0335 202.475C64.755 183.3 60.7187 158.9 66.5181 136.758C83.0878 165.2 116.78 182.634 149.281 179.603Z" fill="#F3B01C"/>
-<path d="M65.5023 118.894C54.2221 144.819 53.7335 175.173 67.5628 200.153C18.8947 163.737 19.4258 85.8096 66.968 49.7589C71.3653 46.4268 76.5911 44.4491 82.0719 44.1481C104.611 42.9658 127.511 51.6291 143.571 67.7735C110.941 68.096 79.1616 88.8837 65.5023 118.894Z" fill="#8D2676"/>
-<path d="M159.306 75.7511C142.843 52.9211 117.075 37.3787 88.8428 36.9058C143.417 12.2701 210.545 52.2117 217.852 111.264C218.532 116.746 217.64 122.335 215.197 127.28C205.001 147.874 186.094 163.846 164.001 169.758C180.188 139.899 178.191 103.418 159.306 75.7511Z" fill="#EE342F"/>
-</g>
-<defs>
-<clipPath id="clip0_2108_4013">
-<rect width="188" height="191" fill="white" transform="translate(31 29)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/pages/home/img/Courier.svg b/src/pages/home/img/Courier.svg
deleted file mode 100644
index 55d570a182..0000000000
--- a/src/pages/home/img/Courier.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2152_3903)">
-<path d="M220.753 109.327C220.65 109.717 220.461 110.08 220.201 110.389C212.741 119.046 190.518 118.182 190.518 118.182C179.427 118.182 168.579 114.941 159.301 108.857C150.024 102.773 142.721 94.111 138.289 83.9325C135.882 78.2109 131.913 73.2843 126.837 69.7181C123.05 67.0591 118.639 65.4295 114.035 64.9886C114.035 64.9886 85.5192 58.1999 62.1716 89.421C62.0243 89.6152 61.9241 89.8411 61.8791 90.0808C61.8341 90.3205 61.8454 90.5674 61.9122 90.8019C61.979 91.0364 62.0994 91.2522 62.2639  [...]
-</g>
-<defs>
-<linearGradient id="paint0_linear_2152_3903" x1="29" y1="135.035" x2="221" y2="135.035" gradientUnits="userSpaceOnUse">
-<stop stop-color="#E86668"/>
-<stop offset="1" stop-color="#8933B7"/>
-</linearGradient>
-<clipPath id="clip0_2152_3903">
-<rect width="192" height="194" fill="white" transform="translate(29 28)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/pages/home/img/Firebase.svg b/src/pages/home/img/Firebase.svg
deleted file mode 100644
index 73fb33078a..0000000000
--- a/src/pages/home/img/Firebase.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M39.1602 197.077L68.1784 12.5733C68.3983 11.2095 69.1499 9.98707 70.27 9.17167C71.3901 8.35626 72.7883 8.01372 74.1606 8.21847C74.9713 8.36644 75.7393 8.68992 76.4105 9.16601C77.0816 9.6421 77.6395 10.2592 78.0446 10.9736L108 66.6536L119.876 43.9906C120.2 43.3687 120.645 42.8167 121.185 42.3661C121.724 41.9156 122.348 41.5753 123.02 41.3648C123.691 41.1543 124.398 41.0777 125.1 41.1394C125.801 41.2011 126.484 41.3998 127.108 41.7243C128.054 42.2671 128.839 43.0489 129.385 43.990 [...]
-<path d="M139.34 125.222L108.09 66.5204L39.1602 197.077L139.34 125.222Z" fill="#F57C00"/>
-<path d="M210.368 197.077L188.046 60.388C187.816 58.9882 187.039 57.7357 185.885 56.9034C184.731 56.071 183.293 55.7263 181.885 55.9442C180.782 56.1005 179.761 56.6162 178.983 57.4107L39.1602 197.077L116.617 240.537C119.004 241.84 121.684 242.523 124.407 242.523C127.13 242.523 129.809 241.84 132.197 240.537L210.368 197.077Z" fill="#FFCA28"/>
-<path d="M188.269 60.5213C188.039 59.1215 187.262 57.869 186.108 57.0367C184.954 56.2044 183.517 55.8596 182.109 56.0776C181.002 56.2239 179.978 56.7411 179.207 57.544L151.349 85.2285L129.563 43.8129C129.238 43.191 128.793 42.639 128.254 42.1884C127.714 41.7379 127.091 41.3976 126.419 41.1871C125.747 40.9767 125.041 40.9001 124.339 40.9617C123.638 41.0234 122.955 41.2221 122.331 41.5466C121.385 42.0894 120.599 42.8712 120.054 43.8129L108.179 66.4759L78.2232 10.8403C77.8873 10.2293 77.433 [...]
-<path opacity="0.2" d="M132.198 239.026C129.805 240.337 127.117 241.025 124.385 241.025C121.654 241.025 118.966 240.337 116.573 239.026L39.2949 196.1V197.3L116.617 240.537C119.005 241.84 121.685 242.523 124.408 242.523C127.131 242.523 129.81 241.84 132.198 240.537L210.324 197.255V196.055L132.198 239.026Z" fill="#A52714"/>
-<path d="M188.269 60.5213C188.039 59.1215 187.262 57.869 186.108 57.0367C184.954 56.2044 183.517 55.8596 182.109 56.0776C181.002 56.2239 179.978 56.7411 179.207 57.544L151.349 85.2285L129.563 43.8129C129.238 43.191 128.793 42.639 128.254 42.1884C127.714 41.7379 127.091 41.3976 126.419 41.1871C125.747 40.9767 125.041 40.9001 124.339 40.9617C123.638 41.0234 122.955 41.2221 122.331 41.5466C121.385 42.0894 120.599 42.8712 120.054 43.8129L108.179 66.4759L78.2232 10.8403C77.8873 10.2293 77.433 [...]
-<defs>
-<linearGradient id="paint0_linear_2108_4171" x1="34.5985" y1="49.3049" x2="212.449" y2="228.099" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.1"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/src/pages/home/img/Flexport.svg b/src/pages/home/img/Flexport.svg
deleted file mode 100644
index da4c1a1fcd..0000000000
--- a/src/pages/home/img/Flexport.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M29 28H222C222 81.2955 178.795 124.5 125.5 124.5H29V28Z" fill="#FA5959"/>
-<path d="M29 28C82.2955 28 125.5 71.2045 125.5 124.5C125.5 177.795 82.2955 221 29 221V28Z" fill="#45DABE"/>
-<path d="M29 124.5H125.5C125.5 71.2045 82.2955 28 29 28V124.5Z" fill="#364252"/>
-</svg>
diff --git a/src/pages/home/img/GitHub.svg b/src/pages/home/img/GitHub.svg
new file mode 100644
index 0000000000..45658b90ff
--- /dev/null
+++ b/src/pages/home/img/GitHub.svg
@@ -0,0 +1,11 @@
+<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1789_6866)">
+<path d="M124.621 30C70.7134 30 27 73.5524 27 127.279C27 170.26 54.9713 206.723 93.7594 219.587C98.638 220.487 100.43 217.476 100.43 214.907C100.43 212.587 100.338 204.924 100.297 196.795C73.1381 202.68 67.4074 185.318 67.4074 185.318C62.9668 174.073 56.5684 171.084 56.5684 171.084C47.7117 165.046 57.2361 165.17 57.2361 165.17C67.0391 165.857 72.201 175.195 72.201 175.195C80.9077 190.067 95.038 185.767 100.609 183.282C101.485 176.994 104.015 172.703 106.806 170.274C85.124 167.814 62.3298 [...]
+<path d="M63.5619 168.576C63.3475 169.059 62.5834 169.204 61.889 168.873C61.1808 168.555 60.7827 167.896 61.0124 167.411C61.2229 166.913 61.987 166.774 62.6937 167.109C63.4034 167.425 63.8077 168.091 63.5619 168.576ZM68.3639 172.845C67.8984 173.275 66.9881 173.076 66.3702 172.396C65.7317 171.718 65.6122 170.811 66.0846 170.374C66.5647 169.944 67.4474 170.145 68.0875 170.824C68.726 171.51 68.8501 172.411 68.3631 172.846L68.3639 172.845ZM71.6584 178.308C71.0597 178.722 70.0812 178.334 69.4 [...]
+</g>
+<defs>
+<clipPath id="clip0_1789_6866">
+<rect width="196" height="190" fill="white" transform="translate(27 30)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/pages/home/img/GoogleSheets.svg b/src/pages/home/img/GoogleSheets.svg
new file mode 100644
index 0000000000..21effa309a
--- /dev/null
+++ b/src/pages/home/img/GoogleSheets.svg
@@ -0,0 +1,13 @@
+<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1789_6983)">
+<path d="M200.745 218.706C200.743 221.885 199.49 224.933 197.262 227.181C195.034 229.429 192.013 230.693 188.862 230.695H62.0719C58.9212 230.695 55.8992 229.434 53.6695 227.188C51.4399 224.942 50.1847 221.895 50.1797 218.716V31.4846C50.1784 29.9086 50.4852 28.3478 51.0824 26.8916C51.6796 25.4354 52.5555 24.1122 53.6601 22.9978C54.7646 21.8834 56.0761 20.9997 57.5195 20.3972C58.9629 19.7947 60.5099 19.4852 62.0719 19.4865H143.443L200.745 78.4453V218.706Z" fill="#23A566"/>
+<path d="M149.748 76.9073L200.745 126.084V78.1013H155.571C153.599 78.1238 151.655 77.6302 149.928 76.6685L149.748 76.9073Z" fill="#1C8F5A"/>
+<path d="M200.746 78.3497H155.449C152.298 78.3472 149.277 77.0833 147.05 74.8355C144.822 72.5878 143.569 69.54 143.566 66.3612V19.1616L200.746 78.3497Z" fill="#8ED1B1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M164.491 191.758H86.1406V123.218H164.491V191.758ZM130.187 133.105V145.103H154.862V133.124L130.187 133.105ZM130.187 152.659V164.123H154.862V152.602L130.187 152.659ZM130.187 171.43V182.043H154.862V171.373L130.187 171.43ZM120.501 181.986V171.373H95.8362V181.986H120.501ZM120.501 163.998V152.602H95.8362V164.056L120.501 163.998ZM120.501 145.227V133.105H95.8362V145.103L120.501 145.227Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_1789_6983">
+<rect width="151" height="212" fill="white" transform="translate(50 19)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/pages/home/img/HubSpot.svg b/src/pages/home/img/HubSpot.svg
deleted file mode 100644
index 151a08e76e..0000000000
--- a/src/pages/home/img/HubSpot.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M178.194 90.7637V65.8668C181.484 64.329 184.269 61.8885 186.226 58.8292C188.183 55.7698 189.231 52.2176 189.248 48.5859V48.0147C189.248 37.4259 180.664 28.8421 170.076 28.8421H169.504C158.915 28.8421 150.332 37.4259 150.332 48.0147V48.5859C150.348 52.2176 151.396 55.7698 153.353 58.8292C155.31 61.8885 158.096 64.329 161.386 65.8668V90.7637C151.93 92.2118 143.025 96.1327 135.571 102.13L67.2899 48.9454C67.7768 47.1878 68.0308 45.3804 68.0595 43.5662C68.0678 39.2933 66.8087 35.1139 [...]
-</svg>
diff --git a/src/pages/home/img/Kyriba.svg b/src/pages/home/img/Kyriba.svg
deleted file mode 100644
index 458d115561..0000000000
--- a/src/pages/home/img/Kyriba.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M71.2521 156.763H70.6972V224.191H32V23H70.6972V146.875H71.2521L112.876 86.6812H157.807L111.571 148.748L159.656 224.191H112.114L71.2521 156.763Z" fill="black"/>
-<path d="M170.189 200.289C170.339 212.663 180.511 222.589 192.943 222.49C205.374 222.39 215.386 212.304 215.336 199.929C215.287 187.553 205.196 177.546 192.764 177.545C180.333 177.881 170.377 187.911 170.189 200.289Z" fill="#00C37F"/>
-</svg>
diff --git a/src/pages/home/img/Lemlist.svg b/src/pages/home/img/Lemlist.svg
new file mode 100644
index 0000000000..fda84cc10a
--- /dev/null
+++ b/src/pages/home/img/Lemlist.svg
@@ -0,0 +1,10 @@
+<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2110_4614)">
+<path d="M62.6132 30.2244C47.7425 32.9919 39.6132 38.9222 32.6735 52.1666C28.3114 61.0621 26.3287 116.412 29.6994 139.145C35.8459 180.064 68.7598 213.472 109.605 220.193C118.13 221.774 136.57 222.367 157.587 221.774C199.424 220.786 207.156 217.821 216.872 199.437C220.837 192.123 221.234 187.971 221.829 137.168C222.82 57.3063 220.044 44.4572 199.027 34.1779C189.708 29.6313 188.122 29.4337 130.027 29.0383C97.3115 28.8406 66.9753 29.4337 62.6132 30.2244ZM98.1046 86.958C100.682 89.3301 101.2 [...]
+</g>
+<defs>
+<clipPath id="clip0_2110_4614">
+<rect width="194" height="193" fill="white" transform="translate(28 29)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/pages/home/img/Notion.svg b/src/pages/home/img/Notion.svg
new file mode 100644
index 0000000000..77d613d90a
--- /dev/null
+++ b/src/pages/home/img/Notion.svg
@@ -0,0 +1,3 @@
+<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M64.3521 62.5245C70.3551 67.4017 72.607 67.0296 83.8797 66.2774L190.151 59.8963C192.405 59.8963 190.53 57.6478 189.779 57.2742L172.13 44.515C168.748 41.8894 164.242 38.8827 155.607 39.6348L52.7043 47.1402C48.9515 47.5123 48.202 49.3887 49.6964 50.8927L64.3521 62.5245ZM70.7325 87.2911V199.107C70.7325 205.116 73.7355 207.364 80.4944 206.993L197.286 200.235C204.049 199.863 204.802 195.729 204.802 190.848V79.7823C204.802 74.9086 202.927 72.280 [...]
+</svg>
diff --git a/src/pages/home/img/OneSignal.svg b/src/pages/home/img/OneSignal.svg
new file mode 100644
index 0000000000..545316222d
--- /dev/null
+++ b/src/pages/home/img/OneSignal.svg
@@ -0,0 +1,10 @@
+<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2111_5015)">
+<path d="M125.274 31C68.8851 31 23 76.8698 23 133.24C23 169.162 41.7963 200.663 69.4379 218.9C71.0964 217.795 72.7549 216.69 74.4134 215.585C75.5191 215.032 77.1776 213.927 78.2832 213.374C79.9417 212.821 81.6002 211.716 82.7059 211.163C84.3644 210.611 86.0229 210.058 87.6814 208.953C88.787 208.4 90.4455 207.847 91.5512 207.295C93.2097 206.742 95.421 206.19 97.0795 205.637C98.738 205.084 99.8437 205.084 101.502 204.532C103.161 203.979 104.266 203.979 105.925 203.426C107.583 202.874 109.2 [...]
+</g>
+<defs>
+<clipPath id="clip0_2111_5015">
+<rect width="204" height="188" fill="white" transform="translate(23 31)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/pages/home/img/Persistlq.svg b/src/pages/home/img/Persistlq.svg
new file mode 100644
index 0000000000..b8879247a3
--- /dev/null
+++ b/src/pages/home/img/Persistlq.svg
@@ -0,0 +1,4 @@
+<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M116.754 221.123C64.4788 218.16 23 174.754 23 121.642C23 66.6113 67.5301 22 122.461 22C175.752 22 219.254 63.9871 221.804 116.742H185.048C182.552 84.2993 155.484 58.7532 122.461 58.7532C87.7916 58.7532 59.6864 86.9095 59.6864 121.642C59.6864 154.447 84.7591 181.386 116.754 184.275V221.123Z" fill="#0051FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M177.588 204.591C162.654 214.572 144.872 220.614 125.722 221.232V184.447C157.523 182.817 183.074 157.477 185.105 125.726H221.84C221.026 145.941 214.201 164.606 203.106 179.974L220.813 197.713C227.729 204.641 227.729 215.875 220.813 222.804C213.897 229.732 202.684 229.732 195.768 222.804L177.588 204.591Z" fill="#05D8FF"/>
+</svg>
diff --git a/src/pages/home/img/PostgreSQL.svg b/src/pages/home/img/PostgreSQL.svg
deleted file mode 100644
index 7336dd44ba..0000000000
--- a/src/pages/home/img/PostgreSQL.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1789_7042)">
-<path d="M219.262 144.355C218.122 140.904 215.138 138.5 211.279 137.923C209.459 137.652 207.375 137.767 204.909 138.276C200.61 139.163 197.421 139.501 195.093 139.566C203.878 124.73 211.022 107.812 215.134 91.8864C221.784 66.135 218.231 54.4037 214.078 49.0974C203.089 35.0521 187.055 27.5068 167.712 27.276C157.394 27.1498 148.335 29.1875 143.61 30.6529C139.21 29.8764 134.479 29.4429 129.516 29.3627C120.211 29.2143 111.99 31.2431 104.965 35.4129C101.076 34.0974 94.8341 32.243 87.626 31.05 [...]
-<path d="M206.57 146.312C184.497 150.866 182.979 143.392 182.979 143.392C206.284 108.803 216.027 64.8985 207.62 54.153C184.683 24.8413 144.98 38.704 144.317 39.0633L144.104 39.1019C139.743 38.1962 134.863 37.6572 129.378 37.5674C119.391 37.4041 111.815 40.1864 106.066 44.547C106.066 44.547 35.2388 15.3622 38.5333 81.2518C39.234 95.2688 58.6199 187.314 81.742 159.512C90.1933 149.345 98.3596 140.75 98.3596 140.75C102.415 143.444 107.27 144.819 112.36 144.326L112.756 143.99C112.633 145.252  [...]
-<path d="M110.212 87.5203C108.223 87.2434 106.421 87.4995 105.51 88.1899C104.998 88.5782 104.839 89.028 104.796 89.3376C104.682 90.1579 105.256 91.065 105.609 91.5327C106.608 92.8571 108.068 93.7672 109.512 93.9676C109.721 93.9973 109.93 94.0107 110.137 94.0107C112.545 94.0107 114.735 92.1348 114.928 90.7503C115.17 89.0161 112.653 87.8603 110.212 87.521V87.5203ZM176.106 87.5752C175.916 86.216 173.498 85.8285 171.203 86.1477C168.911 86.4669 166.689 87.5017 166.875 88.864C167.023 89.9233 1 [...]
-<path d="M213.915 145.795C213.074 143.249 210.365 142.43 205.864 143.36C192.501 146.118 187.715 144.208 186.144 143.05C196.531 127.223 205.076 108.092 209.686 90.2418C211.869 81.7864 213.075 73.9338 213.174 67.5333C213.283 60.5084 212.087 55.3461 209.62 52.1926C199.673 39.4799 185.074 32.6607 167.402 32.4736C155.254 32.337 144.989 35.4467 142.999 36.3212C138.809 35.2789 134.241 34.639 129.267 34.5574C120.147 34.4097 112.264 36.5936 105.737 41.0455C102.902 39.9899 95.5749 37.4741 86.6144  [...]
-</g>
-<defs>
-<clipPath id="clip0_1789_7042">
-<rect width="190" height="196" fill="white" transform="translate(30 27)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/pages/home/img/Redshift.svg b/src/pages/home/img/Redshift.svg
deleted file mode 100644
index 9e7d134e0a..0000000000
--- a/src/pages/home/img/Redshift.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1789_6826)">
-<path d="M125.5 176.625L200.68 194.461V54.1416L125.5 71.9784V176.625Z" fill="#205B97"/>
-<path d="M200.68 54.1416L215 61.2763V187.327L200.68 194.461V54.1416ZM125.5 176.625L50.3201 194.461V54.1416L125.5 71.9784V176.625Z" fill="#5193CE"/>
-<path d="M50.32 54.1416L36 61.2763V187.327L50.32 194.461V54.1416Z" fill="#205B97"/>
-<path d="M144.597 223L173.237 208.731V40.2694L144.597 26L135.841 119.547L144.597 223Z" fill="#5193CE"/>
-<path d="M106.403 223L77.7629 208.731V40.2694L106.403 26L115.159 119.547L106.403 223Z" fill="#205B97"/>
-<path d="M106.403 26H144.985V222.602H106.403V26Z" fill="#2E73B7"/>
-</g>
-<defs>
-<clipPath id="clip0_1789_6826">
-<rect width="179" height="197" fill="white" transform="translate(36 26)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/pages/home/img/SalesForce.svg b/src/pages/home/img/SalesForce.svg
deleted file mode 100644
index 6b43c82715..0000000000
--- a/src/pages/home/img/SalesForce.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_1789_7020" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="5" y="40" width="239" height="170">
-<path d="M5 40.479H243.547V210H5" fill="white"/>
-</mask>
-<g mask="url(#mask0_1789_7020)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M104.267 58.9668C111.959 50.8301 122.669 45.7823 134.516 45.7823C150.265 45.7823 164.001 54.6956 171.318 67.9295C177.678 65.0466 184.714 63.4411 192.118 63.4411C220.52 63.4411 243.547 87.0227 243.547 116.111C243.547 145.203 220.52 168.785 192.118 168.785C188.651 168.785 185.264 168.428 181.986 167.759C175.546 179.423 163.268 187.308 149.174 187.308C143.278 187.308 137.7 185.927 132.728 183.464C126.2 199.061 110.981 210 93.2478 210C74.7783  [...]
-</g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M39.5509 128.388C39.4 128.786 39.6033 128.868 39.6525 128.936C40.1014 129.267 40.5534 129.505 41.0129 129.773C43.4459 131.082 45.7457 131.463 48.1477 131.463C53.0414 131.463 56.0811 128.822 56.0811 124.568V124.487C56.0811 120.553 52.6488 119.122 49.4342 118.09L49.0132 117.955C46.5872 117.154 44.4944 116.463 44.4944 114.84V114.758C44.4944 113.37 45.7179 112.348 47.6143 112.348C49.7215 112.348 52.2214 113.06 53.8305 113.965C53.8305 113.965 5 [...]
-<path fill-rule="evenodd" clip-rule="evenodd" d="M111.184 128.388C111.033 128.786 111.236 128.868 111.285 128.936C111.734 129.267 112.186 129.505 112.646 129.773C115.079 131.082 117.379 131.463 119.78 131.463C124.674 131.463 127.714 128.822 127.714 124.568V124.487C127.714 120.553 124.282 119.122 121.067 118.09L120.646 117.955C118.22 117.154 116.127 116.463 116.127 114.84V114.758C116.127 113.37 117.351 112.348 119.247 112.348C121.354 112.348 123.854 113.06 125.463 113.965C125.463 113.965  [...]
-<path fill-rule="evenodd" clip-rule="evenodd" d="M160.089 120.054C160.089 122.457 159.647 124.354 158.778 125.693C157.916 127.017 156.615 127.665 154.802 127.665C152.986 127.665 151.693 127.017 150.844 125.693C149.985 124.354 149.551 122.457 149.551 120.054C149.551 117.655 149.985 115.761 150.84 114.438C151.693 113.128 152.986 112.49 154.802 112.49C156.615 112.49 157.916 113.128 158.778 114.438C159.647 115.761 160.089 117.655 160.089 120.054ZM164.174 115.598C163.774 114.221 163.147 113.0 [...]
-<path fill-rule="evenodd" clip-rule="evenodd" d="M197.716 127.02C197.583 126.618 197.193 126.771 197.193 126.771C196.601 127.003 195.97 127.212 195.293 127.319C194.613 127.429 193.863 127.483 193.057 127.483C191.083 127.483 189.509 126.885 188.383 125.707C187.258 124.525 186.623 122.617 186.63 120.036C186.637 117.691 187.194 115.925 188.198 114.576C189.193 113.238 190.711 112.551 192.731 112.551C194.413 112.551 195.7 112.75 197.046 113.177C197.046 113.177 197.369 113.319 197.52 112.893C1 [...]
-<path fill-rule="evenodd" clip-rule="evenodd" d="M204.862 117.751C205.059 116.416 205.42 115.306 205.981 114.44C206.826 113.127 208.116 112.401 209.932 112.401C211.748 112.401 212.944 113.127 213.806 114.44C214.378 115.309 214.627 116.463 214.724 117.755L204.862 117.751ZM218.613 114.818C218.266 113.487 217.407 112.145 216.846 111.533C215.955 110.557 215.082 109.877 214.22 109.5C213.094 109.009 211.741 108.685 210.258 108.685C208.533 108.685 206.966 108.98 205.693 109.585C204.421 110.19 2 [...]
-<path fill-rule="evenodd" clip-rule="evenodd" d="M94.1281 117.751C94.3244 116.416 94.6855 115.306 95.2429 114.44C96.0951 113.127 97.3817 112.401 99.1979 112.401C101.014 112.401 102.213 113.127 103.075 114.44C103.643 115.309 103.892 116.463 103.99 117.755L94.1281 117.751ZM107.878 114.818C107.531 113.487 106.672 112.145 106.111 111.533C105.221 110.557 104.351 109.877 103.486 109.5C102.356 109.009 101.007 108.685 99.5274 108.685C97.799 108.685 96.2315 108.98 94.9589 109.585C93.6862 110.19 9 [...]
-<path fill-rule="evenodd" clip-rule="evenodd" d="M64.2404 126.943C63.6969 126.505 63.6236 126.395 63.4444 126.11C63.1678 125.68 63.0272 125.067 63.0272 124.284C63.0272 123.053 63.4305 122.163 64.2613 121.568C64.2543 121.568 65.4537 120.514 68.2724 120.554C70.2528 120.579 72.0273 120.878 72.0273 120.878V127.26C72.0273 127.26 70.2705 127.641 68.2933 127.762C65.4815 127.936 64.2297 126.94 64.2404 126.943ZM69.7414 117.08C69.1802 117.037 68.4543 117.016 67.585 117.016C66.4001 117.016 65.2537  [...]
-<path fill-rule="evenodd" clip-rule="evenodd" d="M181.261 109.846C181.367 109.53 181.146 109.376 181.054 109.341C180.819 109.252 179.641 108.999 178.737 108.939C176.998 108.832 176.034 109.127 175.171 109.523C174.313 109.914 173.363 110.551 172.836 111.274L172.833 109.562C172.833 109.327 172.668 109.138 172.437 109.138H168.892C168.661 109.138 168.496 109.327 168.496 109.562V130.502C168.496 130.737 168.682 130.926 168.917 130.926H172.549C172.781 130.926 172.966 130.737 172.966 130.502V120 [...]
-<path fill-rule="evenodd" clip-rule="evenodd" d="M147.164 100.142C146.722 100.003 146.322 99.9105 145.797 99.8144C145.264 99.715 144.632 99.665 143.917 99.665C141.417 99.665 139.447 100.384 138.063 101.801C136.688 103.207 135.752 105.349 135.282 108.165L135.114 109.116H131.976C131.976 109.116 131.591 109.101 131.513 109.525L130.998 112.444C130.96 112.721 131.079 112.896 131.447 112.896H134.504L131.401 130.465C131.16 131.878 130.882 133.043 130.574 133.925C130.272 134.797 129.974 135.449  [...]
-<path fill-rule="evenodd" clip-rule="evenodd" d="M85.3969 130.502C85.3969 130.737 85.2321 130.929 85.0005 130.929H81.3334C81.1023 130.929 80.9375 130.737 80.9375 130.502V100.542C80.9375 100.307 81.1023 100.118 81.3334 100.118H85.0005C85.2321 100.118 85.3969 100.307 85.3969 100.542V130.502Z" fill="#FEFEFE"/>
-</svg>
diff --git a/src/pages/home/img/Sentry.svg b/src/pages/home/img/Sentry.svg
new file mode 100644
index 0000000000..7466ffa403
--- /dev/null
+++ b/src/pages/home/img/Sentry.svg
@@ -0,0 +1,10 @@
+<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1789_6970)">
+<path d="M220.295 182.018C224.769 189.879 225.202 198.146 221.484 204.68C217.772 211.221 210.508 214.966 201.555 214.966H184.683C184.883 211.783 185.016 208.572 185.016 205.339C185.016 201.717 184.85 198.14 184.605 194.575L195.704 194.564C198.432 194.564 200.638 192.32 200.638 189.553C200.638 188.719 200.434 187.898 200.044 187.163L129.308 62.7521C128.881 61.9824 128.259 61.3418 127.506 60.8961C126.753 60.4504 125.896 60.2158 125.024 60.2164C124.173 60.2167 123.338 60.4395 122.597 60.863 [...]
+</g>
+<defs>
+<clipPath id="clip0_1789_6970">
+<rect width="198" height="180" fill="white" transform="translate(26 35)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/pages/home/img/Slack.svg b/src/pages/home/img/Slack.svg
new file mode 100644
index 0000000000..beae194537
--- /dev/null
+++ b/src/pages/home/img/Slack.svg
@@ -0,0 +1,6 @@
+<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M99.5201 29.4697C88.9586 29.4775 80.411 38.0314 80.4188 48.5719C80.411 59.1124 88.9664 67.6663 99.528 67.6741H118.637V48.5797C118.645 38.0392 110.09 29.4853 99.5201 29.4697C99.528 29.4697 99.528 29.4697 99.5201 29.4697V29.4697ZM99.5201 80.4192H48.578C38.0164 80.427 29.461 88.9809 29.4688 99.5214C29.4532 110.062 38.0086 118.616 48.5701 118.631H99.5201C110.082 118.624 118.637 110.07 118.629 99.5292C118.637 88.9809 110.082 80.427 99.5201 80.4 [...]
+<path fill-rule="evenodd" clip-rule="evenodd" d="M220.532 99.5214C220.54 88.9809 211.984 80.427 201.423 80.4192C190.861 80.427 182.306 88.9809 182.313 99.5214V118.631H201.423C211.984 118.624 220.54 110.07 220.532 99.5214ZM169.582 99.5214V48.5719C169.59 38.0392 161.042 29.4853 150.48 29.4697C139.919 29.4775 131.363 38.0314 131.371 48.5719V99.5214C131.356 110.062 139.911 118.616 150.473 118.631C161.034 118.624 169.59 110.07 169.582 99.5214Z" fill="#2EB67D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M150.472 220.53C161.034 220.522 169.589 211.968 169.582 201.428C169.589 190.887 161.034 182.333 150.472 182.325H131.363V201.428C131.355 211.96 139.911 220.514 150.472 220.53ZM150.472 169.572H201.422C211.984 169.565 220.539 161.011 220.532 150.47C220.547 139.93 211.992 131.376 201.43 131.36H150.48C139.919 131.368 131.363 139.922 131.371 150.463C131.363 161.011 139.911 169.565 150.472 169.572Z" fill="#ECB22E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.4688 150.471C29.4609 161.012 38.0164 169.566 48.5779 169.574C59.1395 169.566 67.6949 161.012 67.6871 150.471V131.369H48.5779C38.0164 131.377 29.4609 139.931 29.4688 150.471ZM80.4188 150.471V201.421C80.4032 211.962 88.9586 220.515 99.5201 220.531C110.082 220.523 118.637 211.969 118.629 201.429V150.487C118.645 139.947 110.09 131.393 99.528 131.377C88.9586 131.377 80.411 139.931 80.4188 150.471C80.4188 150.471 80.4188 150.479 80.4188 150. [...]
+</svg>
diff --git a/src/pages/home/img/TiDB.svg b/src/pages/home/img/TiDB.svg
deleted file mode 100644
index 78d7bcccab..0000000000
--- a/src/pages/home/img/TiDB.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.4609 65.2069V185.034L125.231 244.936L229.001 185.034V65.2069L125.231 5.29358L21.4609 65.2069Z" fill="#E30C34"/>
-<path d="M125.168 45.2897L56.25 85.0809V124.872L90.725 104.966V185.077L125.178 204.94V85.0701L159.621 65.1853L125.168 45.2897Z" fill="white"/>
-<path d="M159.816 105.171V185.034L194.421 165.052V85.178L159.816 105.171Z" fill="white"/>
-</svg>
diff --git a/src/pages/home/index.jsx b/src/pages/home/index.jsx
index 168edd8ffa..ca29110b8d 100644
--- a/src/pages/home/index.jsx
+++ b/src/pages/home/index.jsx
@@ -4,30 +4,24 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 import config from './languages.json';
 import './index.less';
 import systemConfiguration from '../../js/sysConfig'
-import Airtable from './img/Airtable.svg'
-import AppStore from './img/AppStore.svg'
+import GitHub from './img/GitHub.svg'
+import GoogleSheets from './img/GoogleSheets.svg'
 import Elasticsearch from './img/Elasticsearch.svg'
 import S3 from './img/S3.svg'
-import Clockify from './img/Clockify.svg'
-import HubSpot from './img/HubSpot.svg'
-import BingAds from './img/BingAds.svg'
+import Lemlist from './img/Lemlist.svg'
+import Notion from './img/Notion.svg'
 import MongoDB from './img/MongoDB.svg'
 import MySQL from './img/MySQL.svg'
-import PostgreSQL from './img/PostgreSQL.svg'
-import SalesForce from './img/SalesForce.svg'
-import TiDB from './img/TiDB.svg'
-import Redshift from './img/Redshift.svg'
-import Kyriba from './img/Kyriba.svg'
-import Flexport from './img/Flexport.svg'
+import OneSignal from './img/OneSignal.svg'
+import Persistlq from './img/Persistlq.svg'
+import ApacheKafka from './img/ApacheKafka.svg'
+import Sentry from './img/Sentry.svg'
+import Slack from './img/Slack.svg'
 import ClickHouse from './img/ClickHouse.svg'
-import Courier from './img/Courier.svg'
 import DynamoDB from './img/DynamoDB.svg'
-import Firebase from './img/Firebase.svg'
-import ConvertKit from './img/ConvertKit.svg'
 import GitLab from './img/GitLab.svg'
 import Jira from './img/Jira.svg'
 import Doris from './img/Doris.svg'
-import Convex from './img/Convex.svg'
 
 const versions = require('../../../versions.json');
 
@@ -85,106 +79,84 @@ export default function () {
                     <div className="connector_box">
                         <h3>Source</h3>
                         <div className="connector_row">
-                            <div>
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/source/MySQL-CDC'}>
                                 <MySQL />
                             </div>
-                            <div>
-                                <PostgreSQL />
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/source/OneSignal'}>
+                                <OneSignal />
                             </div>
-                            <div>
-                                <BingAds />
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/source/Notion'}>
+                                <Notion />
                             </div>
                         </div>
                         <div className="connector_row">
-                            <div>
-                                <MongoDB />
-                            </div>
-                            <div>
-                                <Elasticsearch />
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/source/GoogleSheets'}>
+                                <GoogleSheets />
                             </div>
-                            <div>
-                                <TiDB />
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/source/Lemlist'}>
+                                <Lemlist />
                             </div>
-                        </div>
-                        <div className="connector_row">
-                            <div>
-                                <S3 />
-                            </div>
-                            <div>
-                                <HubSpot />
-                            </div>
-                            <div>
-                                <SalesForce />
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/source/Jira'}>
+                                <Jira />
                             </div>
                         </div>
                         <div className="connector_row">
-                            <div>
-                                <Airtable />
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/source/Persistiq'}>
+                                <Persistlq />
                             </div>
-                            <div>
-                                <AppStore />
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/source/Github'}>
+                                <GitHub />
                             </div>
-                            <div>
-                                <Clockify />
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/source/Gitlab'}>
+                                <GitLab />
                             </div>
                         </div>
                     </div>
                     <div className="connector_transforms">
                         <h3>Transforms</h3>
                         <div>
-                            <div>Copy</div>
-                            <div>FieldMapper</div>
-                            <div>FilterRowKind</div>
-                            <div>Filter</div>
-                            <div>Replace</div>
-                            <div>Split</div>
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/transform-v2/copy'}>Copy</div>
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/transform-v2/field-mapper'}>FieldMapper</div>
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/transform-v2/filter-rowkind'}>FilterRowKind</div>
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/transform-v2/filter'}>Filter</div>
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/transform-v2/replace'}>Replace</div>
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/transform-v2/split'}>Split</div>
                             <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/Connector-v2-release-state'}>Show More</div>
                         </div>
                     </div>
                     <div className="connector_box">
                         <h3>Sink</h3>
                         <div className="connector_row">
-                            <div>
-                                <Redshift />
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/sink/Sentry'}>
+                                <Sentry />
                             </div>
-                            <div>
-                                <Jira />
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/sink/Kafka'}>
+                                <ApacheKafka />
                             </div>
-                            <div>
-                                <Kyriba />
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/sink/Slack'}>
+                                <Slack />
                             </div>
                         </div>
                         <div className="connector_row">
-                            <div>
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/sink/Doris'}>
                                 <Doris />
                             </div>
-                            <div>
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/sink/Clickhouse'}>
                                 <ClickHouse />
                             </div>
-                            <div>
-                                <Courier />
-                            </div>
-                        </div>
-                        <div className="connector_row">
-                            <div>
-                                <Convex />
-                            </div>
-                            <div>
-                                <Firebase />
-                            </div>
-                            <div>
-                                <ConvertKit />
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/sink/AmazonDynamoDB'}>
+                                <DynamoDB />
                             </div>
                         </div>
                         <div className="connector_row">
-                            <div>
-                                <Flexport />
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/sink/S3File'}>
+                                <S3 />
                             </div>
-                            <div>
-                                <DynamoDB />
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/sink/Elasticsearch'}>
+                                <Elasticsearch />
                             </div>
-                            <div>
-                                <GitLab />
+                            <div onClick={() => window.location.href = 'https://seatunnel.apache.org/docs/2.3.1/connector-v2/sink/MongoDB'}>
+                                <MongoDB />
                             </div>
                         </div>
                     </div>
diff --git a/src/pages/home/index.less b/src/pages/home/index.less
index 3ae502cc6c..3ed14680b7 100644
--- a/src/pages/home/index.less
+++ b/src/pages/home/index.less
@@ -459,8 +459,8 @@
         display: flex;
 
         > div {
-          padding: 30px 20px;
-          margin: 25px 15px;
+          padding: 35px 20px;
+          margin: 52px 15px;
           background-color: #fff;
           border-radius: 10px;
           box-shadow: 0 2px 4px 0 rgb(26 25 77 / 12%);