-
- {CONFERENCE.title}
-
-
- {CONFERENCE.announcement}
-
+
+
+ {/* For SEO */}
+
{CONFERENCE.title}
+
+
+ {CONFERENCE.announcement}
+
+
-
-
-
-
);
diff --git a/src/components/Icon.jsx b/src/components/Icon.jsx
index d740a54..539e54a 100644
--- a/src/components/Icon.jsx
+++ b/src/components/Icon.jsx
@@ -4,11 +4,13 @@ import {
FaInstagram,
FaLinkedin,
FaXTwitter,
+ FaEnvelope,
} from 'react-icons/fa6';
import { GiHamburgerMenu } from 'react-icons/gi';
import { MdVolunteerActivism, MdCampaign } from 'react-icons/md';
const icons = {
+ Envelope: FaEnvelope,
Facebook: FaFacebook,
GitHub: FaGithub,
Instagram: FaInstagram,
diff --git a/tailwind.config.js b/tailwind.config.js
index bb25568..7b4b017 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -9,33 +9,33 @@ module.exports = {
// The main brand color that defines the website’s identity. Headers, logos, and active navigation links.
primary: {
light: {
- 50: '#eff6ff',
- 100: '#dbeafe',
- 200: '#bfdbfe',
- 300: '#93c5fd',
- 400: '#60a5fa',
- 500: '#3b82f6',
- 600: '#2563eb',
- 700: '#1d4ed8',
- 800: '#1e40af',
- 900: '#1e3a8a',
- 950: '#172554',
+ 50: '#ffefdc',
+ 100: '#ffdbba',
+ 200: '#ffc797',
+ 300: '#ffb274',
+ 400: '#ff9e51',
+ 500: '#fa8624', // Base color
+ 600: '#c56a1c',
+ 700: '#904e15',
+ 800: '#5b310d',
+ 900: '#261906',
+ 950: '#120b03',
},
},
// Complements the primary color and provides contrast. Buttons, section backgrounds, and icons for variation.
secondary: {
light: {
- 50: '#f0fdfa',
- 100: '#ccfbf1',
- 200: '#99f6e4',
- 300: '#5eead4',
- 400: '#2dd4bf',
- 500: '#14b8a6',
- 600: '#0d9488',
- 700: '#0f766e',
- 800: '#115e59',
- 900: '#134e4a',
- 950: '#042f2e',
+ 50: '#d9fffe',
+ 100: '#b3eeed',
+ 200: '#8de3e2',
+ 300: '#67d9d8',
+ 400: '#40cecd',
+ 500: '#018b87', // Base color
+ 600: '#016e6b',
+ 700: '#01514f',
+ 800: '#013433',
+ 900: '#001817',
+ 950: '#000c0c',
},
},
// Draws immediate attention to important elements. Call-to-action (CTA) buttons, alerts, or promotional banners.