From 2b653a31bc63f2f43f1273339c280bc5e229291c Mon Sep 17 00:00:00 2001 From: Raphael Ako-Mensah Date: Mon, 29 Sep 2025 11:40:52 +0100 Subject: [PATCH] membership --- src/components/awardItem.js | 22 ---- src/components/awards.js | 46 --------- src/components/footer.js | 94 +++++++++++------- src/components/membershipItem.js | 24 +++++ src/components/memberships.js | 38 +++++++ src/components/membershipsSection.js | 39 ++++++++ src/data/awards.json | 20 +--- src/data/memberships.json | 10 ++ .../memberships/ICO/ICO_Logo_WhiteOnBlue.png | Bin 0 -> 35535 bytes src/images/memberships/PRS/prs.png | Bin 0 -> 14022 bytes src/pages/about.js | 30 ++++++ 11 files changed, 201 insertions(+), 122 deletions(-) delete mode 100755 src/components/awardItem.js delete mode 100755 src/components/awards.js create mode 100755 src/components/membershipItem.js create mode 100755 src/components/memberships.js create mode 100644 src/components/membershipsSection.js mode change 100755 => 100644 src/data/awards.json create mode 100755 src/data/memberships.json create mode 100644 src/images/memberships/ICO/ICO_Logo_WhiteOnBlue.png create mode 100644 src/images/memberships/PRS/prs.png diff --git a/src/components/awardItem.js b/src/components/awardItem.js deleted file mode 100755 index 1ed99df..0000000 --- a/src/components/awardItem.js +++ /dev/null @@ -1,22 +0,0 @@ -import React from 'react' -import PropTypes from 'prop-types' - -const AwardItem = ({ logo, title, year }) => { - return ( -
- {title} -
-

{title}

-

{year}

-
-
- ) -} - -AwardItem.propTypes = { - logo: PropTypes.string.isRequired, - title: PropTypes.string.isRequired, - year: PropTypes.string.isRequired, -} - -export default AwardItem diff --git a/src/components/awards.js b/src/components/awards.js deleted file mode 100755 index 2e23120..0000000 --- a/src/components/awards.js +++ /dev/null @@ -1,46 +0,0 @@ -import React from 'react' -import { useStaticQuery, graphql } from 'gatsby' - -import AwardItem from './awardItem' - -const Awards = () => { - const data = useStaticQuery(graphql` - { - allAwardsJson { - nodes { - id - title - year - logo { - publicURL - } - } - } - } - `) - return ( -
-
-
-
-

- Awards -

-
-
-
- {data.allAwardsJson.nodes.map((node) => ( - - ))} -
-
-
-
- ) -} -export default Awards diff --git a/src/components/footer.js b/src/components/footer.js index 62249ed..07dad40 100755 --- a/src/components/footer.js +++ b/src/components/footer.js @@ -3,12 +3,13 @@ import { useStaticQuery, graphql } from 'gatsby' import { motion } from 'framer-motion' import { useModal, FORM_TYPES } from '../context/modalContext' import navItems from '../data/navItems.json' +import Memberships from './memberships' // Animation variants const fadeIn = { hidden: { opacity: 0, y: 20 }, - visible: { - opacity: 1, + visible: { + opacity: 1, y: 0, transition: { duration: 0.6 } } @@ -60,10 +61,10 @@ const Footer = () => { /> */} - +