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: ( - + {icon} + + {title} + + + + {description} + + + - - - - - - - ), - 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} - - ); - })} - - - - + + Treasury Seat + + } + 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 + + } + /> + + + Advisory Seat + Advisory Seat + Advisory Seat - ); - })} - {/* */} + } + 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} - - ); - })} - - - - - - ); - })} - {/* */} + + Strategy Seat{' '} + + } + 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. + + } + /> + + Technical Seat{' '} + + } + 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. + + } + /> + + + Operations Seat{' '} + + } + 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 @@ - + - - - -