diff --git a/web/next-example/src/components/examples/withCustomToolbar/index.tsx b/web/next-example/src/components/examples/withCustomToolbar/index.tsx
index e7c04e019..75dfa0d49 100644
--- a/web/next-example/src/components/examples/withCustomToolbar/index.tsx
+++ b/web/next-example/src/components/examples/withCustomToolbar/index.tsx
@@ -119,14 +119,14 @@ function WithCustomToolbar() {
           style={toolbars.notion ? { backgroundColor: '#007aff' } : { backgroundColor: '#64748b' }}
           onClick={() => setToolbars({ medium: false, notion: true })}
         >
-          Notion toolbar
+          Switch to Notion toolbar
         </button>
         <button
           className="relative mx-2 px-6 py-2 rounded text-white flex items-center"
           style={toolbars.medium ? { backgroundColor: '#007aff' } : { backgroundColor: '#64748b' }}
           onClick={() => setToolbars({ medium: true, notion: false })}
         >
-          Medium toolbar
+          Switch to Medium toolbar
           {/* {toolbars.medium && <CheckIcon size={15} className="absolute right-2 top-1/2 -translate-y-1/2" />} */}
         </button>
       </div>
diff --git a/web/next-example/src/pages/index.tsx b/web/next-example/src/pages/index.tsx
index bcd4cddd2..cb0a9e43e 100644
--- a/web/next-example/src/pages/index.tsx
+++ b/web/next-example/src/pages/index.tsx
@@ -110,7 +110,7 @@ export default function Home() {
           >
             Play with live demo 👇
           </button>
-          <div className="relative min-h-[40vh] max-h-[80vh] overflow-y-auto my-4 mx-auto border md:w-[870px] pb-4 pt-2 rounded-sm flex justify-center bg-[#fafafa] text-black">
+          <div className="relative min-h-[40vh] max-h-[80vh] overflow-y-auto my-4 mx-auto border md:w-[80vw] pb-4 pt-6 rounded-sm flex justify-center bg-[#fafafa] text-black">
             <div
               className="text-[#4d494d] absolute top-0 left-0 w-full z-10 px-2 bg-[#252b2f]"
               style={{
@@ -143,9 +143,62 @@ export default function Home() {
             <LandingEditor editor={editor} selectionRef={selectionRef} />
           </div>
         </div>
-        <div className="mt-4">
+        <div className="mt-6 pb-4 border-b">
           <h2 className="text-center font-heading mt-12 scroll-m-20 pb-2 text-2xl font-semibold tracking-tight first:mt-0">
-            Sponsorship
+            Our Plans 👨‍💻
+          </h2>
+          {/* card list */}
+          <div className="grid grid-cols-1 gap-4 md:grid-cols-3">
+            <Card
+              title="Continue to improve the project"
+              description="We're committed to enhancing Yoopta Editor by regularly updating it with new features and improvements based on community feedback."
+            />
+            <Card
+              title={
+                <>
+                  Building another{' '}
+                  <a
+                    className="text-[#1f6feb] underline"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    href="https://github.com/Darginec05/Yoopta-Editor/discussions/197"
+                  >
+                    powerful plugins
+                  </a>
+                </>
+              }
+              description="Our roadmap includes the development of innovative plugins that will extend the functionality and versatility of the editor, catering to more specialized content creation needs."
+            />
+            <Card
+              title="Integration of AI-Powered Tools"
+              description="We plan to integrate advanced AI tools to provide intelligent editing capabilities, making content creation faster, smarter, and more intuitive."
+            />
+            <Card
+              title="Collabrative editing"
+              description="We aim to incorporate advanced AI features to streamline content creation and editing, making the editor smarter and more intuitive."
+            />
+            <Card
+              title="Customization Enhancements"
+              description="We aim to integrate real-time collaboration features, allowing multiple users to edit documents simultaneously and see each other's changes live, enhancing teamwork and productivity."
+            />
+            <Card
+              title="Plugin Marketplace"
+              description="A one-stop-shop for plugins where developers can share and monetize their own plugins, and users can easily enhance their editor's capabilities."
+            />
+            {/* <Card
+              title="Community Building Initiatives"
+              description="From webinars and workshops to meetups—expanding our community support to foster collaboration and learning among users and developers."
+            /> */}
+            <Card
+              title="Open-Source Email Builder"
+              description="Plans are underway to develop an open-source email builder that will provide developers and designers with the tools to create responsive, professionally designed emails easily, enhancing how email campaigns are built and managed."
+            />
+          </div>
+          {/* card list using grid */}
+        </div>
+        <div className="mt-6">
+          <h2 className="text-center font-heading mt-12 scroll-m-20 pb-2 text-2xl font-semibold tracking-tight first:mt-0">
+            Sponsorship 💖
           </h2>
           <p className="mt-0 text-center text-muted-foreground md:w-[700px] text-[#dae2ed] mx-auto">
             Your sponsorship motivates us to continuously improve the project and helps bring our ideas to fruition.
@@ -163,7 +216,7 @@ export default function Home() {
           </div>
           <div>
             <h4 className="text-center mt-4 text-lg font-semibold">Current sponsors 💖</h4>
-            <div className="w-full flex-wrap flex justify-center border-b py-2">
+            <div className="w-full flex-wrap flex justify-center py-2">
               <a
                 href="https://tapflow.co/"
                 target="_blank"
@@ -220,59 +273,12 @@ export default function Home() {
             </div>
           </div>
         </div>
-        <div className="mt-6">
-          <h2 className="text-center font-heading mt-12 scroll-m-20 pb-2 text-2xl font-semibold tracking-tight first:mt-0">
-            Our Plans 👨‍💻
+
+        {/* <div className="mt-4">
+          <h2 className="font-heading mt-12 scroll-m-20 pb-2 text-2xl font-semibold tracking-tight first:mt-0">
+            Used by
           </h2>
-          {/* card list */}
-          <div className="grid grid-cols-1 gap-4 md:grid-cols-3">
-            <Card
-              title="Continue to improve the project"
-              description="We're committed to enhancing Yoopta Editor by regularly updating it with new features and improvements based on community feedback."
-            />
-            <Card
-              title={
-                <>
-                  Building another{' '}
-                  <a
-                    className="text-[#1f6feb] underline"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    href="https://github.com/Darginec05/Yoopta-Editor/discussions/197"
-                  >
-                    powerful plugins
-                  </a>
-                </>
-              }
-              description="Our roadmap includes the development of innovative plugins that will extend the functionality and versatility of the editor, catering to more specialized content creation needs."
-            />
-            <Card
-              title="Integration of AI-Powered Tools"
-              description="We plan to integrate advanced AI tools to provide intelligent editing capabilities, making content creation faster, smarter, and more intuitive."
-            />
-            <Card
-              title="Collabrative editing"
-              description="We aim to incorporate advanced AI features to streamline content creation and editing, making the editor smarter and more intuitive."
-            />
-            <Card
-              title="Customization Enhancements"
-              description="We aim to integrate real-time collaboration features, allowing multiple users to edit documents simultaneously and see each other's changes live, enhancing teamwork and productivity."
-            />
-            <Card
-              title="Plugin Marketplace"
-              description="A one-stop-shop for plugins where developers can share and monetize their own plugins, and users can easily enhance their editor's capabilities."
-            />
-            {/* <Card
-              title="Community Building Initiatives"
-              description="From webinars and workshops to meetups—expanding our community support to foster collaboration and learning among users and developers."
-            /> */}
-            <Card
-              title="Open-Source Email Builder"
-              description="Plans are underway to develop an open-source email builder that will provide developers and designers with the tools to create responsive, professionally designed emails easily, enhancing how email campaigns are built and managed."
-            />
-          </div>
-          {/* card list using grid */}
-        </div>
+        </div> */}
         <footer className="border-t mt-8">
           <div className="mt-2 pb-6">
             <p className="text-center text-muted-foreground">