diff --git a/src/sections/governance/ecosystem.tsx b/src/sections/governance/ecosystem.tsx
index 9b773623..f903500d 100644
--- a/src/sections/governance/ecosystem.tsx
+++ b/src/sections/governance/ecosystem.tsx
@@ -1,215 +1,88 @@
import { Box, Button, Flex, Heading, Text, Grid } from '@chakra-ui/react';
import Link from 'next/link';
+import Image from 'next/image';
import { Vision } from 'src/sections/governance/vision';
-const SEATS = [
- {
- title: '1 Treasury Seat',
- icon: (
-
- ),
- description: [
- 'Manages protocol-owned assets and oversees financial stability, serving as a required signer for all Treasury-related proposals and transactions',
- ],
- link: 'https://governance.synthetix.io/#/councils/treasury',
- },
- {
- title: '3 Advisory Seats',
- icon: (
-
- ),
- description: [
- "Provides expert guidance and diverse perspectives to the council, offering insights on various aspects of the protocol's governance, development, and ecosystem growth.",
- ],
- link: 'https://governance.synthetix.io/#/councils/advisory',
- },
- {
- title: '1 Strategy Seat',
- icon: (
-
- ),
- description: [
- "Leads the strategic direction of Synthetix, focusing on long-term vision and high-level decision-making to ensure the protocol's growth and relevance in the DeFi ecosystem.",
- ],
- link: 'https://governance.synthetix.io/#/councils/strategy',
- },
- {
- title: '1 Technical Seat',
- icon: (
-
- ),
- description: [
- 'Oversees the technical aspects of Synthetix, guiding protocol development, evaluating technical proposals, and ensuring the robustness and security of the system.',
- ],
- link: 'https://governance.synthetix.io/#/councils/strategy',
- },
- {
- title: '1 Operations Seat',
- icon: (
-
- ),
- description: [
- 'Manages day-to-day operations of Synthetix, coordinating between different teams and ensuring efficient execution of approved initiatives and developments.',
- ],
- link: 'https://governance.synthetix.io/#/councils/strategy',
- },
-];
+
+
+
+ );
+}
export default function GovernanceEcosystem() {
return (
@@ -271,82 +144,41 @@ export default function GovernanceEcosystem() {
w="100%"
mb={{ base: 4, md: 4, lg: 6 }}
>
- {SEATS.slice(0, 2).map(seat => {
- return (
-
- {seat.icon}
-
- {seat.title}
-
-
- {seat.description.map(description => {
- return (
-
- {description}
-
- );
- })}
-
-
-
-
+
+
+ >
+ }
+ title="1 Treasury Seat"
+ link="https://governance.synthetix.io/#/councils/treasury"
+ description={
+ <>
+ Manages protocol-owned assets and oversees financial stability,
+ serving as a required signer for all Treasury-related proposals
+ and transactions
+ >
+ }
+ />
+
+
+
+
+
- );
- })}
- {/* */}
+ }
+ title="3 Advisory Seats"
+ link="https://governance.synthetix.io/#/councils/advisory"
+ description={
+ <>
+ Provides expert guidance and diverse perspectives to the council,
+ offering insights on various aspects of the protocol&squot;s
+ governance, development, and ecosystem growth.
+ >
+ }
+ />
- {SEATS.slice(2).map(seat => {
- return (
-
- {seat.icon}
-
- {seat.title}
-
-
- {seat.description.map(description => {
- return (
-
- {description}
-
- );
- })}
-
-
-
-
-
- );
- })}
- {/* */}
+
+ {' '}
+ >
+ }
+ title="1 Strategy Seat"
+ link="https://governance.synthetix.io/#/councils/strategy"
+ description={
+ <>
+ Leads the strategic direction of Synthetix, focusing on long-term
+ vision and high-level decision-making to ensure the
+ protocol&squot;s growth and relevance in the DeFi ecosystem.
+ >
+ }
+ />
+
+ {' '}
+ >
+ }
+ title="1 Technical Seat"
+ link="https://governance.synthetix.io/#/councils/strategy"
+ description={
+ <>
+ Oversees the technical aspects of Synthetix, guiding protocol
+ development, evaluating technical proposals, and ensuring the
+ robustness and security of the system.
+ >
+ }
+ />
+
+
+ {' '}
+ >
+ }
+ title="1 Operations Seat"
+ link="https://governance.synthetix.io/#/councils/strategy"
+ description={
+ <>
+ Manages day-to-day operations of Synthetix, coordinating between
+ different teams and ensuring efficient execution of approved
+ initiatives and developments.
+ >
+ }
+ />
diff --git a/src/svg/advisory.svg b/src/svg/advisory.svg
index 202196bf..531f0c0b 100644
--- a/src/svg/advisory.svg
+++ b/src/svg/advisory.svg
@@ -1,8 +1,4 @@
-