Merge branch 'master' into patch-1

apps/base-docs/docs/tools/data-indexers.md

@@ -201,15 +201,22 @@ To get started, visit the [developer documentation](https://academy.subquery.net
 
 ## The Graph
 
-[The Graph](https://thegraph.com/) is an indexing protocol for organizing blockchain data and making it easily accessible with GraphQL.
+[The Graph](https://thegraph.com/) is an indexing protocol that provides an easy way to query blockchain data through APIs known as subgraphs. 
 
-Base applications can use GraphQL to query open APIs called subgraphs, to retrieve data that is indexed on the network. With The Graph, you can build serverless applications that run entirely on public infrastructure.
+With The Graph, you can benefit from:
+ - **Decentralized Indexing**: Enables indexing blockchain data through multiple indexers, thus eliminating any single point of failure
+ - **GraphQL Queries**: Provides a powerful GraphQL interface for querying indexed data, making data retrieval super simple.
+ - **Customization**: Define your own logic for transforming & storing blockchain data. Reuse subgraphs published by other developers on The Graph Network.
 
-To get started, visit the [documentation](https://thegraph.com/docs/en/) or see [this quickstart](https://thegraph.com/docs/en/cookbook/quick-start/) on how to create, deploy, and query a subgraph.
+Follow this [quick-start](https://thegraph.com/docs/en/quick-start/) guide to create, deploy, and query a subgraph within 5 minutes.
 
 #### Supported Networks
 
-- [Base Mainnet](https://thegraph.com/docs/en/#supported-networks)
+- Base Mainnet
+- Base Sepolia (Testnet)
+
+See [all supported networks](https://thegraph.com/docs/en/#supported-networks)
+
 
 ---
 

apps/web/global.d.ts

@@ -38,3 +38,8 @@ declare module '*.gltf' {
   const src: string;
   export default src;
 }
+
+declare module '*.mp4' {
+  const src: string;
+  export default src;
+}

apps/web/next.config.js

@@ -196,6 +196,19 @@ module.exports = extendBaseConfig(
           },
         ],
       });
+      config.module.rules.push({
+        test: /\.mp4$/,
+        use: [
+          {
+            loader: 'file-loader',
+            options: {
+              name: '[name][hash].[ext]',
+              outputPath: 'static/assets/mp4/',
+              publicPath: '/_next/static/assets/mp4/',
+            },
+          },
+        ],
+      });
       config.module.rules.push({
         test: /\.gltf/,
         use: [

apps/web/src/components/base-org/root/BuildAndRewardSection/index.tsx

@@ -2,12 +2,11 @@
 import { useErrors } from 'apps/web/contexts/Errors';
 import Title from 'apps/web/src/components/base-org/typography/Title';
 import { TitleLevel } from 'apps/web/src/components/base-org/typography/Title/types';
-
 import Text from 'apps/web/src/components/base-org/typography/Text';
 import Button from 'apps/web/src/components/base-org/Button';
 import { ButtonVariants } from 'apps/web/src/components/base-org/Button/types';
 import { useCallback, useRef } from 'react';
-import cubes from './assets/cubes.webm';
+import cubes from './assets/cubes.mp4';
 import Link from 'apps/web/src/components/Link';
 
 export default function BuildAndRewardSection() {
@@ -26,7 +25,7 @@ export default function BuildAndRewardSection() {
       <div className="mb-12 mt-8 flex w-full flex-col items-center gap-4 md:flex-row">
         <div className="relative flex w-full flex-row gap-4" onMouseEnter={playVideo}>
           <video
-            src={cubes}
+            src={`${cubes}#t=0.001`}
             muted
             playsInline
             className="mx-auto p-2 motion-reduce:hidden"

apps/web/src/components/base-org/root/SlidingTextSection/index.tsx

@@ -8,8 +8,7 @@ import { CSSProperties, useRef } from 'react';
 export default function SlidingTextSection() {
   const containerRef = useRef<HTMLDivElement>(null);
 
-  const text = ' Base is for everyone - بایس للجمیع - Base es para todos - 基地适合所有人 - La Base è per tutti - Base est pour tout le monde - Base ni ya kila mtu - Base yɛ ma obiara - Base nye amesiame tɔ - Base ji he ni mɔ fɛɛ mɔ yɔɔ - ';
-
+  const text = ' Base is for everyone - بایس للجمیع - Base es para todos - 基地适合所有人 - La Base è per tutti - Base est pour tout le monde - Base ni ya kila mtu - Base yɛ ma obiara - Base nye amesiame tɔ - Base ji he ni mɔ fɛɛ mɔ yɔɔ - Base är för alla - Base สำหรับทุกคน - ';
 
   const containerClasses = classNames(
     'relative w-full overflow-hidden rounded-2xl bg-blue p-8',

apps/web/src/components/base-org/root/VideoCardsSection/VideoCard.tsx

@@ -23,11 +23,12 @@ export default function VideoCard({ title, description, src }: VideoCardProps) {
       logError(error, 'failed to play video');
     });
   }, [logError]);
+
   return (
     <div onMouseEnter={playVideo} className="w-full">
       <Card innerClassName="p-6 transition-all bg-[#0A0B0C] group-hover:bg-[#111111]">
         <video
-          src={src}
+          src={`${src}#t=0.001`}
           muted
           playsInline
           className="mx-auto mt-6 motion-reduce:hidden"

apps/web/src/components/base-org/root/VideoCardsSection/index.tsx

@@ -1,7 +1,7 @@
 'use client';
-import bolt from './assets/bolt.webm';
-import eth from './assets/eth.webm';
-import globe from './assets/globe.webm';
+import bolt from './assets/bolt.mp4';
+import eth from './assets/eth.mp4';
+import globe from './assets/globe.mp4';
 import VideoCard from 'apps/web/src/components/base-org/root/VideoCardsSection/VideoCard';
 import Link from 'apps/web/src/components/Link/index';
 

apps/web/src/data/ecosystem.json

@@ -103,6 +103,14 @@
     "category": "onramp",
     "subcategory": "fiat on-ramp"
   },
+  {
+    "name": "MiniMatch",
+    "description": "MiniMatch offers a thrilling \"spot-the-ball\" game, where players challenge their skills to predict the ball's location and win the competition. The skill-based game is a fully on-chain experience.",
+    "url": "https://www.minimatch.gg/spot-the-ball",
+    "imageUrl": "/images/partners/minimatch.png",
+    "category": "consumer",
+    "subcategory": "gaming"
+  },
   {
     "name": "Heroes of Mavia",
     "description": "Heroes of Mavia is a mobile multiplayer Web3 strategy game where players use their base and army to battle other players. ",