feat: enhance blog functionality and UI improvements

Author: judeotine

content/blog/testing-blog-functionality.md

@@ -0,0 +1,59 @@
+ ---
+title: "Testing Our Blog Functionality"
+date: "2024-04-17"
+slug: "testing-blog-functionality"
+description: "A test post to verify our blog system is working correctly"
+author: "Tek Talent Team"
+image: "public/uploads/tektalentlogo.png"
+category: "Technology"
+---
+
+# Testing Our Blog Functionality
+
+This is a test post to verify that our blog system is working correctly. We're testing several key features:
+
+## Frontmatter Parsing
+The blog system should correctly parse the frontmatter at the top of this file, including:
+- Title
+- Date
+- Author
+- Category
+- Description
+- Featured image
+
+## Markdown Support
+The system should properly render markdown content, including:
+
+### Headers
+Different levels of headers should be properly styled.
+
+### Lists
+- Bullet points
+- Numbered lists
+  1. First item
+  2. Second item
+  3. Third item
+
+### Code Blocks
+```typescript
+// Example code block
+const testFunction = () => {
+  console.log("Testing code highlighting");
+};
+```
+
+### Links
+[Visit our website](https://tektalentafrica.github.io)
+
+### Images
+![Tek Talent Logo](public/uploads/tektalentlogo.png)
+
+## Content Organization
+The blog should:
+- Display posts in chronological order
+- Support categories
+- Show proper excerpts
+- Handle full post views
+
+## Testing Complete
+If you're reading this, it means our blog system is working correctly! We can now start adding more content to share our knowledge and updates with the community.

content/events/event.md

@@ -6,10 +6,27 @@
     <base href="/tektalentafrica.github.io/" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Tek Talent Africa - Community Site</title>
-    <meta name="description" content="Tek Talent Africa Community site - Empowering innovation through collaboration, creativity, and community engagement." />
+    <meta name="description" content="Tek Talent Africa Community site - Empowering innovation through collaboration, creativity and community engagement." />
     <meta property="og:title" content="Tek Talent Africa - Community Site" />
     <meta property="og:description" content="A vibrant tech community that connects individuals, shares knowledge and drives technological advancements together." />
     <meta property="og:type" content="website" />
+    <link rel="icon" type="image/x-icon" href="assets/favicon.png" />
+
+    <style>
+      @keyframes slide-left {
+        0% { transform: translateX(0%); }
+        100% { transform: translateX(-50%); }
+      }
+      
+      @keyframes slide-right {
+        0% { transform: translateX(-50%); }
+        100% { transform: translateX(0%); }
+      }
+      
+      .hover\:pause-animation:hover > div {
+        animation-play-state: paused;
+      }
+    </style>
 
     <!-- The script to create client side routing to github pages -->
     <script type="text/javascript">

index.html

@@ -48,13 +48,15 @@
     "cmdk": "^1.0.0",
     "date-fns": "^3.6.0",
     "embla-carousel-react": "^8.3.0",
+    "framer-motion": "^12.9.2",
     "gray-matter": "^4.0.3",
     "input-otp": "^1.2.4",
     "lucide-react": "^0.462.0",
     "next-themes": "^0.3.0",
     "react": "^18.3.1",
     "react-day-picker": "^8.10.1",
     "react-dom": "^18.3.1",
+    "react-helmet": "^6.1.0",
     "react-hook-form": "^7.53.0",
     "react-markdown": "^10.1.0",
     "react-resizable-panels": "^2.1.3",