agglayer overview, main index, and innovation index (0xPolygon#2597)

fixing broken file paths and restyling AggLayer to Agglayer site-wide

Author: Jaime-N

docs/agglayer/overview.md

@@ -28,27 +28,27 @@ hide:
 
 <div class="grid-container">
    <div class="grid-item">
-    <a href="agglayer/architecture/architecture-overview.md">
+    <a href="agglayer/architecture/overview.md">
         <div class="product-list-item-header">
             <div class="feature-card-heading">Agglayer Architecture</div>
         </div>
         <p class="feature-paragraph">A high-level overview of the Agglayer’s components and their functions</p>
     </a>
-   </div>
-   <div class="grid-item">
-      <a href="agglayer/crosschain-interop/crosschain-interop.md">
-         <div class="product-list-item-header">
+</div>
+<div class="grid-item">
+    <a href="../crosschain-interop/crosschain-interop.md">
+        <div class="product-list-item-header">
             <div class="feature-card-heading">Cross-chain Interop</div>
-         </div>
-         <p class="feature-paragraph">Learn how to use <code>bridgeAndCall()</code> for cross-chain interactions</p>
-      </a>
-   </div>
-   <div class="grid-item">
-      <a href="agglayer/architecture/pessimistic-proof.md">
-         <div class="product-list-item-header">
+        </div>
+        <p class="feature-paragraph">Learn how to use <code>bridgeAndCall()</code> for cross-chain interactions</p>
+    </a>
+</div>
+<div class="grid-item">
+    <a href="agglayer/architecture/pessimistic-proof.md">
+        <div class="product-list-item-header">
             <div class="feature-card-heading">Pessimistic Proof</div>
-         </div>
-         <p class="feature-paragraph">Designed to be chain-agnostic, the pessimistic proof ensures safety for the Agglayer</p>
-      </a>
-   </div>
+        </div>
+        <p class="feature-paragraph">Designed to be chain-agnostic, the pessimistic proof ensures safety for the Agglayer</p>
+    </a>
+</div>
 </div>

docs/index.md

@@ -44,13 +44,13 @@ hide:
 						</div>
 						<a href="agglayer/overview/" class="flex-card-item w-inline-block">
 							<div class="product-list-item-header">
-								<div class="feature-card-heading">AggLayer</div>
+								<div class="feature-card-heading">Agglayer</div>
 								<div class="arrow-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" display="block" width="100%" height="auto" viewbox="0 0 16 17" fill="none">
 										<path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
 									</svg></div>
-								<div class="status-tag">SOON</div>
+								<div class="status-tag">LIVE</div>
 							</div>
-							<p class="feature-paragraph">AggLayer solves blockchain fragmentation by enabling sovereign chains to securely share liquidity, users, and state.</p>
+							<p class="feature-paragraph">Agglayer solves blockchain fragmentation by enabling sovereign chains to securely share liquidity, users, and state.</p>
 						</a>
 						<a href="pos" class="flex-card-item w-inline-block">
 							<div class="product-list-item-header">
@@ -102,12 +102,12 @@ hide:
 						</div>
 						<a href="agglayer/overview" class="flex-card-item w-inline-block">
 							<div class="product-list-item-header">
-								<div class="feature-card-heading">AggLayer</div>
+								<div class="feature-card-heading">Agglayer</div>
 								<div class="arrow-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" display="block" width="100%" height="auto" viewbox="0 0 16 17" fill="none">
 										<path d="M9.98805 5.70133L3.41071 12.2787L4.58922 13.4572L11.1666 6.87976V12.2013H12.8333V4.03467H4.66665V5.70133H9.98805Z" fill="currentColor"></path>
 									</svg></div>
 							</div>
-							<p class="feature-paragraph">Introducing the multi-chain, multi-transaction, Polygon AggLayer; what it is and how it works.</p>
+							<p class="feature-paragraph">Introducing the multi-chain Agglayer: what it is and how it works.</p>
 						</a>
 						<a href="innovation-design" class="flex-card-item w-inline-block">
 							<div class="product-list-item-header">

docs/innovation-design/index.md

@@ -34,9 +34,9 @@ hide:
    <div class="grid-item">
       <a href="../agglayer/overview">
          <div class="product-list-item-header">
-            <div class="feature-card-heading">AggLayer documentation</div>
+            <div class="feature-card-heading">Agglayer docs</div>
          </div>
-         <p class="feature-paragraph">AggLayer solves blockchain fragmentation by enabling sovereign chains to securely share liquidity, users, and state.</p>
+         <p class="feature-paragraph">Agglayer solves blockchain fragmentation by enabling sovereign chains to securely share liquidity, users, and state.</p>
       </a>
    </div>
     <div class="grid-item">