Clean "Use cases" top nav (#821)

jhaaaa · web-flow · commit e48870e3b78a · 2025-02-11T06:56:12.000-08:00
* add d14n to homepage

* update use case to using XMTP

* clean up top nav
diff --git a/docs/use-cases/automation.mdx b/docs/use-cases/automation.mdx
@@ -1,9 +1,8 @@
 ---
 sidebar_label: Automation
-sidebar_position: 4
+sidebar_position: 1
 ---
 
-import chainjet from "./img/chainjet.png";
 import blaze from "./img/blaze-logo.png";
 
 # Automation
@@ -15,10 +14,6 @@ The advent of Web3 brings forward a new paradigm of decentralized and autonomous
     <img alt="Blaze logo" src={blaze} />
     <span>Blaze</span>
   </a>
-  <a href="https://chainjet.io/" class="chain-item">
-    <img alt="Chainjet logo" src={chainjet} />
-    <span>Chainjet</span>
-  </a>
 </div>
 
 #### Inspiration
@@ -32,9 +27,3 @@ The advent of Web3 brings forward a new paradigm of decentralized and autonomous
 - **Broadcasts**: Using XMTP for broadcasting messages to multiple recipients securely. This can be particularly useful for announcements, updates, or even coordinating between various automated systems.
 
 - **The Bodega**: Our hackathon Bodega concept has come a long way since its inception in Waterloo. Now, with a fully automated solution, your orders are one DM away.
-
-### Use cases
-
-import Usecases from "@site/src/components/Use-cases";
-
-<Usecases />
diff --git a/docs/use-cases/commerce.mdx b/docs/use-cases/commerce.mdx
@@ -1,6 +1,6 @@
 ---
 sidebar_label: Commerce
-sidebar_position: 7
+sidebar_position: 2
 ---
 
 import boson from "./img/boson.png";
@@ -45,10 +45,4 @@ E-commerce platforms are constantly seeking ways to improve user experience, tru
 
 #### Tutorials
 
-- [Send token transaction hashes](https://docs.xmtp.org/content-types/transaction-hash)
-
-### Use cases
-
-import Usecases from "@site/src/components/Use-cases";
-
-<Usecases />
+- [Support onchain transaction referencesS](https://docs.xmtp.org/inboxes/content-types/transaction-refs)
diff --git a/docs/use-cases/dao.mdx b/docs/use-cases/dao.mdx
@@ -1,6 +1,6 @@
 ---
 sidebar_label: DAOs
-sidebar_position: 10
+sidebar_position: 3
 ---
 
 # DAOs
@@ -25,9 +25,3 @@ import snapshot from "./img/snapshot.jpg";
 - **Group chat between members**: Creating a secure and transparent platform for members to communicate with each other. Such a platform could be built with features to authenticate messages and participants, thus creating a more trustworthy environment.
 
 - **Enable governance and decision-making within chats**: Direct voting on DAO proposals in chat and token-gated polls for community decisions.
-
-### Use cases
-
-import Usecases from "@site/src/components/Use-cases";
-
-<Usecases />
diff --git a/docs/use-cases/defi.mdx b/docs/use-cases/defi.mdx
@@ -1,6 +1,6 @@
 ---
 sidebar_label: DeFi
-sidebar_position: 8
+sidebar_position: 4
 ---
 
 import cb from "./img/cbw.png";
@@ -25,9 +25,3 @@ With the exponential rise of Decentralized Finance (DeFi), the need for privacy,
 - **Communication within DeFi platforms**: Allowing seamless interaction between different decentralized applications and platforms.
 
 - **Facilitate DeFi operations within group chats**: Group-wide participation in liquidity pools and collective decision-making for DeFi strategies.
-
-### Use cases
-
-import Usecases from "@site/src/components/Use-cases";
-
-<Usecases />
diff --git a/docs/use-cases/deso.mdx b/docs/use-cases/deso.mdx
@@ -1,11 +1,9 @@
 ---
-sidebar_label: Web3 social
-sidebar_position: 2
+sidebar_label: Decentralized social
+sidebar_position: 5
 ---
 
 import hey from "./img/hey.png";
-import buttrfly from "./img/buttrfly.png";
-import phaver from "./img/phaver.jpg";
 
 # Web3 social
 
@@ -16,14 +14,6 @@ import phaver from "./img/phaver.jpg";
     <img alt="hey logo" src={hey} />
     <span>Hey</span>
   </a>
-  <a href="https://phaver.com/" class="chain-item">
-    <img alt="Phaver logo" src={phaver} />
-    <span>Phaver</span>
-  </a>
-  <a href="https://buttrfly.app/" class="chain-item">
-    <img alt="Buttrfly logo" src={buttrfly} />
-    <span>Buttrfly</span>
-  </a>
 </div>
 
 #### Inspiration
@@ -37,13 +27,3 @@ import phaver from "./img/phaver.jpg";
 - **Direct Engagement**: NFT creators can directly engage with their community members through group chats. This direct line of communication helps in building a stronger community bond and provides a platform for receiving feedback.
 
 - **Token-Gated Access**: Communities can leverage XMTP to create token-gated chat groups, where access is granted only to token or NFT holders. This creates an exclusive space for discussions, AMAs (Ask Me Anything), and community events.
-
-#### Tutorials
-
-- [Build messaging for CyberConnect profiles](https://cyberconnect.hashnode.dev/integrating-xmtp-into-cyberconnect-a-guide)
-
-### Use cases
-
-import Usecases from "@site/src/components/Use-cases";
-
-<Usecases />
diff --git a/docs/use-cases/frames.mdx b/docs/use-cases/frames.mdx
@@ -1,6 +1,6 @@
 ---
 sidebar_label: Frames
-sidebar_position: 13
+sidebar_position: 6
 ---
 
 # Frames
@@ -80,9 +80,3 @@ Revolutionize in-chat commerce with instant checkout capabilities
 - Display a menu for product selection and instant purchase within chat.
 - Token gated rewards for loyal members.
 - Follow up with targeted promotions and exclusive deals.
-
-### Use cases
-
-import Usecases from "@site/src/components/Use-cases";
-
-<Usecases />
diff --git a/docs/use-cases/gaming.mdx b/docs/use-cases/gaming.mdx
@@ -1,6 +1,6 @@
 ---
 sidebar_label: Gaming
-sidebar_position: 9
+sidebar_position: 7
 ---
 
 # Gaming
@@ -22,9 +22,3 @@ The world of gaming is dynamic and constantly evolving, with real-time communica
 - **Elevate group engagement with gaming experiences shared through group chats**: Shared access to interactive games within the chat and group-wide participation in gaming experiences.
 
 - **Elevate user engagement with gaming and media experiences**: Interactive games and experiences shared within chat Frames, and media-rich content sharing for immersive engagement.
-
-### Use cases
-
-import Usecases from "@site/src/components/Use-cases";
-
-<Usecases />
diff --git a/docs/use-cases/groups.mdx b/docs/use-cases/groups.mdx
@@ -1,6 +1,6 @@
 ---
 sidebar_label: Groups
-sidebar_position: 12
+sidebar_position: 8
 ---
 
 # Groups
@@ -63,8 +63,4 @@ These use cases demonstrate how group chats can enhance the web3 experience, mak
 
 #### Tutorials
 
-### Use cases
-
-import Usecases from "@site/src/components/Use-cases";
-
-<Usecases />
+- [Build a chat inbox](https://docs.xmtp.org/inboxes/build-inbox)
diff --git a/docs/use-cases/introduction.mdx b/docs/use-cases/introduction.mdx
@@ -7,46 +7,54 @@ sidebar_position: 0
 
 In the dynamic and ever-evolving landscape of digital communication, the need for security, privacy, and efficiency is paramount. Enter XMTP, a protocol that's more than just a technical specification; it's a practical solution for real-world challenges across diverse domains. Whether it's ensuring secure transactions in DeFi, fostering trust in e-commerce, or enhancing player experience in gaming, XMTP is the connective tissue that binds various sectors with common communication standards. Here's a concise look at how XMTP is revolutionizing the way we interact and transact in today's decentralized world.
 
-- ### [DAOs](/docs/use-cases/dao)
+- ### [Messaging](/docs/use-cases/Messaging)
 
-  DAOs strive for transparency and accountability within their community. XMTP can facilitate secure group chats, vote notifications, and subscriptions among members, adding trust to the decentralized setup.
+  Whether in peer-to-peer messaging or team collaboration, XMTP's encryption ensures an unparalleled level of security and privacy. Its flexibility allows for rich features like attachments, read receipts, and metadata handling.
 
-- ### [DeFi](/docs/use-cases/defi)
+- ### [Awesome XMTP](https://github.com/xmtp/awesome-xmtp/)
 
-  DeFi platforms require robust security for transactions and communications. From token transfers to NFT minting, XMTP serves as a secure layer that aids in the safe execution and notification of various DeFi operations.
+  A list of awesome projects built wit XMTP.
+
+- ### [Automation](/docs/use-cases/Automation)
+
+  Web3 automation tools can benefit from XMTP for sending secure automated messages and notifications between different wallets. The standardization ensures interoperability across various platforms and tools.
 
+- ### [Broadcast](/notifi-case-study)
+
+  Notifi’s integration with XMTP enables DeFi projects like GMX to deliver real-time notifications and critical alerts for traders directly in Coinbase Wallet.
+  
 - ### [Commerce](/docs/use-cases/Commerce)
 
   Enhancing buyer-seller communication, XMTP can provide encrypted channels for negotiations, escrows, and other transactions, ensuring privacy and trust in the e-commerce space.
 
-- ### [Messaging](/docs/use-cases/Messaging)
+- ### [DAOs](/docs/use-cases/dao)
 
-  Whether in peer-to-peer messaging or team collaboration, XMTP's encryption ensures an unparalleled level of security and privacy. Its flexibility allows for rich features like attachments, read receipts, and metadata handling.
+  DAOs strive for transparency and accountability within their community. XMTP can facilitate secure group chats, vote notifications, and subscriptions among members, adding trust to the decentralized setup.
+
+- ### [DeFi](/docs/use-cases/defi)
+
+  DeFi platforms require robust security for transactions and communications. From token transfers to NFT minting, XMTP serves as a secure layer that aids in the safe execution and notification of various DeFi operations.
 
 - ### [DeSo](/docs/use-cases/DeSo)
 
   Decentralized social platforms can leverage XMTP to offer secure and private messaging. This opens the doors to discovering new friends and creating encrypted group chats between connections.
 
+- ### [Frames](/docs/use-cases/frames)
+
+  Frames allow for the creation of interactive and authenticated experiences within any app, enabling transactions, dapps, analytics, tipping, and more, revolutionizing the way apps and websites interact with their users.
+
 - ### [Gaming](/docs/use-cases/Gaming)
 
   From in-game notifications to NFT marketplaces, XMTP takes gaming experiences to the next level. It promotes real-time messaging, competitive play, and secure transactions within the gaming ecosystem.
 
-- ### [Marketing](/docs/use-cases/Marketing)
+- ### [Groups](/docs/use-cases/groups)
 
-  In the marketing space, XMTP can enable wallets to receive newsletters and promotional communications securely. It nurtures user trust while allowing targeted outreach to various stakeholders.
+  Group chats in XMTP can enhance the interactive experience in the web3 space, facilitating group purchases, collective investment decisions, and more, making it more interactive and engaging for all members.
 
-- ### [Automation](/docs/use-cases/Automation)
+- ### [Marketing](/docs/use-cases/Marketing)
 
-  Web3 automation tools can benefit from XMTP for sending secure automated messages and notifications between different wallets. The standardization ensures interoperability across various platforms and tools.
+  In the marketing space, XMTP can enable wallets to receive newsletters and promotional communications securely. It nurtures user trust while allowing targeted outreach to various stakeholders.
 
 - ### [Support](/docs/use-cases/Support)
 
   Customer support can leverage XMTP to provide private channels for sensitive customer interactions. It facilitates finance transactions, AI automation, and DAO operations, revolutionizing the support experience.
-
-- ### [Groups](/docs/use-cases/groups)
-
-  Group chats in XMTP can enhance the interactive experience in the web3 space, facilitating group purchases, collective investment decisions, and more, making it more interactive and engaging for all members.
-
-- ### [Frames](/docs/use-cases/frames)
-
-  Frames allow for the creation of interactive and authenticated experiences within any app, enabling transactions, dapps, analytics, tipping, and more, revolutionizing the way apps and websites interact with their users.
diff --git a/docs/use-cases/marketing.mdx b/docs/use-cases/marketing.mdx
@@ -1,11 +1,10 @@
 ---
 sidebar_label: Marketing
-sidebar_position: 3
+sidebar_position: 9
 ---
 
 import absolute from "./img/absolute-logo.jpg";
 import blaze from "./img/blaze-logo.png";
-import holder from "./img/holder-logo.jpg";
 import bello from "./img/bello.png";
 import paragraph from "./img/logo-paragraph.png";
 import percs from "./img/percs-logo.jpg";
@@ -31,10 +30,6 @@ In the contemporary landscape of digital marketing, XMTP presents an innovative
     <img alt="Percs logo" src={percs} />
     <span>Percs</span>
   </a>
-  <a href="https://www.holder.xyz/" className="chain-item ">
-    <img src={holder} alt="Holder logo" />
-    <span>Holder</span>
-  </a>
   <a href="https://www.paragraph.xyz/" className="chain-item ">
     <img src={paragraph} alt="Paragraph logo" />
     <span>Paragraph</span>
@@ -54,14 +49,3 @@ In the contemporary landscape of digital marketing, XMTP presents an innovative
 - **XMTP-Powered Subscribe Buttons**: Integrate XMTP-powered subscribe buttons on your marketing announcments. These buttons facilitate a direct and secure opt-in mechanism for users via their Web3 wallets, ensuring that consent for newsletters and marketing communications is explicitly granted.
 
 - **Transparent Consent Management**: With XMTP, marketers can offer a straightforward and secure way for users to manage their subscription preferences. Users can easily opt-in or opt-out of communications, with their choices being securely recorded and respected.
-
-#### Tutorials
-
-- [Send a broadcast message](https://docs.xmtp.org/consent/broadcast)
-- [Subscribe button](https://docs.xmtp.org/consent/subscribe)
-
-### Use cases
-
-import Usecases from "@site/src/components/Use-cases";
-
-<Usecases />
diff --git a/docs/use-cases/messaging.mdx b/docs/use-cases/messaging.mdx
@@ -1,6 +1,6 @@
 ---
 sidebar_label: Messaging
-sidebar_position: 1
+sidebar_position: 0.5
 ---
 
 import converse from "./img/converse.png";
@@ -18,7 +18,7 @@ In an age where communication is vital, both in personal and professional realms
   </a>
   <a href="https://xmtp.chat/" class="chain-item">
     <img alt="XMTP logo" src={webinbox} />
-    <span>Web Inbox</span>
+    <span>xmtp.chat dev tool</span>
   </a>
   <a href="https://www.coinbase.com/wallet" class="chain-item">
     <img alt="Coinbase Wallet logo" src={cb} />
@@ -38,11 +38,4 @@ In an age where communication is vital, both in personal and professional realms
 
 #### Tutorials
 
-- [Request Inbox JS](https://docs.xmtp.org/consent/consent-js)
-- [Request Inbox RN](https://docs.xmtp.org/consent/consent-rn)
-
-### Use cases
-
-import Usecases from "@site/src/components/Use-cases";
-
-<Usecases />
+- [Build a chat inbox](https://docs.xmtp.org/inboxes/build-inbox)
diff --git a/docs/use-cases/support.mdx b/docs/use-cases/support.mdx
@@ -1,9 +1,8 @@
 ---
 sidebar_label: Support
-sidebar_position: 6
+sidebar_position: 11
 ---
 
-import relay from "/img/builtWithXmtp/relay.png";
 import blaze from "./img/blaze-logo.png";
 
 # Customer support
@@ -17,10 +16,6 @@ XMTP‍ presents a new opportunity to revolutionize customer support by providin
     <img alt="Blaze logo" src={blaze} />
     <span>Blaze</span>
   </a>
-  <a href="https://relay.cc/" class="chain-item">
-    <img alt="Relay logo" src={relay} />
-    <span>Relay</span>
-  </a>
 </div>
 
 #### Inspiration
@@ -34,9 +29,3 @@ XMTP‍ presents a new opportunity to revolutionize customer support by providin
 - **DAO operations and approval requests**: For decentralized organizations (DAOs) or platforms requiring multi-step approvals, XMTP can facilitate the handling of operational requests and approval processes within a secure messaging environment. This ensures that organizational actions are communicated clearly and securely.
 
 - **Facilitate group purchases and commerce directly within the chat**: One-click purchases for all group members, shared payment options for group purchases, shared visibility of product selection and purchase options, and group-wide participation in loyalty programs and promotions.
-
-### Use cases
-
-import Usecases from "@site/src/components/Use-cases";
-
-<Usecases />
diff --git a/docusaurus.config.js b/docusaurus.config.js
