diff --git a/pages/index.tsx b/pages/index.tsx
index 3e82e32..2ffa2a6 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,4 +1,4 @@
-import type { NextPage } from 'next';
+import type { NextPage, GetServerSideProps, InferGetServerSidePropsType } from 'next';
 import { useRouter } from 'next/router';
 import React, { ReactElement, useCallback, useEffect, useState } from 'react';
 import styles from '../styles/Home.module.css';
@@ -85,31 +85,21 @@ function CustomConnectionTab({ label }: { label: string }) {
   );
 }
 
-const Home: NextPage = () => {
+export const getServerSideProps: GetServerSideProps<{ tabIndex: number }> = async ({
+  query,
+  res,
+}) => {
+  res.setHeader('Cache-Control', 'public, max-age=7200');
+  const tabIndex = query.tab === 'custom' ? 1 : 0;
+  return { props: { tabIndex } };
+};
+
+const Home = ({ tabIndex }: InferGetServerSidePropsType<typeof getServerSideProps>) => {
   const router = useRouter();
-  const [tabIndex, setTabIndex] = useState<number>(0);
-  const { tab } = router.query;
-
-  useEffect(() => {
-    if (tab === 'custom') {
-      setTabIndex(1);
-    } else {
-      setTabIndex(0);
-    }
-  }, [tab]);
-
-  const onTabSelected = useCallback((index: number) => {
-    setTabIndex(index);
+  function onTabSelected(index: number) {
     const tab = index === 1 ? 'custom' : 'demo';
-    router.push(
-      {},
-      { query: { tab } },
-      {
-        shallow: true,
-      },
-    );
-  }, []);
-
+    router.push({ query: { tab } });
+  }
   return (
     <>
       <main className={styles.main} data-lk-theme="default">
diff --git a/public/images/livekit-meet-home.svg b/public/images/livekit-meet-home.svg
index 687926e..3523386 100644
--- a/public/images/livekit-meet-home.svg
+++ b/public/images/livekit-meet-home.svg
@@ -1,13 +1 @@
-<svg width="961" height="121" viewBox="0 0 961 121" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.2434 0H0V118.13H73.4374V100.877H20.2434V0Z" fill="white"/>
-<path d="M106.853 53.7776H87.2378V118.124H106.853V53.7776Z" fill="white"/>
-<path d="M164.596 115.794L139.647 34.3458H120.032L146.238 118.127H182.954L209.16 34.3458H189.387L164.596 115.794Z" fill="white"/>
-<path d="M257.821 32.4892C232.397 32.4892 216.236 50.5216 216.236 76.1662C216.236 101.659 231.927 120 257.821 120C277.59 120 291.871 111.295 297.205 93.4194H277.26C274.281 101.502 268.783 106.329 257.956 106.329C246.031 106.329 237.718 98.09 236.149 81.9296H298.601C298.9 79.8693 299.055 77.7911 299.067 75.7098C299.072 49.5856 282.752 32.4892 257.821 32.4892ZM236.303 68.3926C238.346 53.3203 246.348 46.1691 257.821 46.1691C269.9 46.1691 278.06 55.0262 279.005 68.3926H236.303Z" fill="white"/>
-<path d="M413.768 0H388.349L339.079 54.0925V0H318.835V118.13H339.079V58.445L393.371 118.13H419.261L362.459 55.9553L413.768 0Z" fill="white"/>
-<path d="M447.653 34.3458H428.038V98.6926H447.653V34.3458Z" fill="white"/>
-<path d="M87.24 34.3458H67.625V53.7753H87.24V34.3458Z" fill="white"/>
-<path d="M467.273 98.6996H447.658V118.129H467.273V98.6996Z" fill="white"/>
-<path d="M525.882 98.6996H506.267V118.129H525.882V98.6996Z" fill="white"/>
-<path d="M525.88 53.779V34.3496H506.265V0H486.65V34.3496H467.035V53.779H486.65V98.7009H506.265V53.779H525.88Z" fill="white"/>
-<path d="M589.832 119V0.439992H579.068V119H589.832ZM643.652 119L602.312 0.439992H590.924L632.42 119H643.652ZM655.976 119L697.316 0.439992H686.084L644.744 119H655.976ZM709.172 119V0.439992H698.564V119H709.172ZM808.583 76.1C808.583 50.516 792.203 34.292 770.207 34.292C747.119 34.292 731.519 51.764 731.519 77.504C731.519 103.4 747.119 120.716 770.675 120.716C788.615 120.716 802.031 112.292 806.867 94.664H796.259C792.671 106.052 784.559 112.916 770.675 112.916C754.295 112.916 742.907 101.06 741.971 80.156H808.271C808.427 78.44 808.583 77.504 808.583 76.1ZM770.207 42.092C786.119 42.092 797.039 54.884 797.975 72.2H742.127C743.843 53.324 754.451 42.092 770.207 42.092ZM900.599 76.1C900.599 50.516 884.219 34.292 862.223 34.292C839.135 34.292 823.535 51.764 823.535 77.504C823.535 103.4 839.135 120.716 862.691 120.716C880.631 120.716 894.047 112.292 898.883 94.664H888.275C884.687 106.052 876.575 112.916 862.691 112.916C846.311 112.916 834.923 101.06 833.987 80.156H900.287C900.443 78.44 900.599 77.504 900.599 76.1ZM862.223 42.092C878.135 42.092 889.055 54.884 889.991 72.2H834.143C835.859 53.324 846.467 42.092 862.223 42.092ZM950.534 111.044C941.798 111.044 936.962 107.612 936.962 97.94V97.628V43.964H959.894V36.008H936.962V16.352H926.666V36.008H908.102V43.964H926.666V97.628V97.94C926.666 112.292 936.026 119 949.598 119H960.05V111.044H950.534Z" fill="#FF6352"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="961" height="121" fill="none"><path fill="#fff" d="M20.2 0H0v118.1h73.4V101H20.2V0ZM106.9 53.8H87.2V118H107V53.8ZM164.6 115.8l-25-81.5H120l26.2 83.8H183l26.2-83.8h-19.8l-24.8 81.5ZM257.8 32.5c-25.4 0-41.6 18-41.6 43.7 0 25.5 15.7 43.8 41.6 43.8 19.8 0 34-8.7 39.4-26.6h-20c-3 8.1-8.4 13-19.2 13-12 0-20.3-8.3-21.9-24.5h62.5c.3-2 .5-4.1.5-6.2 0-26.1-16.3-43.2-41.3-43.2Zm-21.5 35.9c2-15 10-22.2 21.5-22.2 12.1 0 20.3 8.8 21.2 22.2h-42.7ZM413.8 0h-25.5l-49.2 54V0h-20.3v118.1h20.3V58.4l54.3 59.7h25.9L362.5 56l51.3-56ZM447.7 34.3H428v64.4h19.7V34.3ZM87.2 34.3H67.6v19.5h19.6V34.3ZM467.3 98.7h-19.6v19.4h19.6V98.7ZM525.9 98.7h-19.6v19.4h19.6V98.7ZM525.9 53.8V34.3h-19.6V0h-19.7v34.3H467v19.5h19.6v44.9h19.7v-45h19.6Z"/><path fill="#FF6352" d="M589.8 119V.4h-10.7V119h10.7Zm53.9 0L602.3.4H591L632.4 119h11.3Zm12.3 0L697.3.4h-11.2L644.7 119H656Zm53.2 0V.4h-10.6V119h10.6Zm99.4-42.9c0-25.6-16.4-41.8-38.4-41.8-23 0-38.7 17.5-38.7 43.2 0 25.9 15.6 43.2 39.2 43.2 18 0 31.3-8.4 36.2-26h-10.6c-3.6 11.4-11.7 18.2-25.6 18.2-16.4 0-27.8-11.8-28.7-32.7h66.3c.1-1.8.3-2.7.3-4.1Zm-38.4-34c16 0 26.8 12.8 27.8 30.1H742c1.7-18.9 12.4-30.1 28.1-30.1Zm130.4 34c0-25.6-16.4-41.8-38.4-41.8-23 0-38.7 17.5-38.7 43.2 0 25.9 15.6 43.2 39.2 43.2 18 0 31.3-8.4 36.2-26h-10.6c-3.6 11.4-11.7 18.2-25.6 18.2-16.4 0-27.8-11.8-28.7-32.7h66.3c.1-1.8.3-2.7.3-4.1Zm-38.4-34c16 0 26.9 12.8 27.8 30.1H834c1.8-18.9 12.4-30.1 28.1-30.1Zm88.3 69c-8.7 0-13.5-3.5-13.5-13.2V44h22.9v-8h-23V16.4h-10.2V36H908v8h18.6v53.9c0 14.4 9.3 21.1 22.9 21.1H960v-8h-9.5Z"/></svg>
\ No newline at end of file
diff --git a/public/images/livekit-safari-pinned-tab.svg b/public/images/livekit-safari-pinned-tab.svg
index 0d08c93..b6f5e62 100644
--- a/public/images/livekit-safari-pinned-tab.svg
+++ b/public/images/livekit-safari-pinned-tab.svg
@@ -1 +1 @@
-<svg fill="none" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m0 0h512v512h-512zm288.005 223.995h-64.01v64.01h64.01v63.985h-64.01-63.985v-63.985-64.01-63.985-64.01h-64.01v64.01 63.985 64.01 63.985 64.01h64.01 63.985 64.01v-63.985h63.985v63.985h64.01v-64.01h-63.985v-63.985h-64.01v-63.985h64.01v-64.01h63.985v-64.01h-64.01v64.01h-63.985z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="none"><path fill="#000" fill-rule="evenodd" d="M0 0h512v512H0zm288 224h-64v64h64v64H160V96H96v320h192v-64h64v64h64v-64h-64v-64h-64v-64h64v-64h64V96h-64v64h-64z" clip-rule="evenodd"/></svg>
\ No newline at end of file