+
+
+
+ {/* ✅ Bottom horizontal line with spacing */}
+
+
+ + Colors +
+ {/* primary */} ++ Primary Colors + +
+ +
+
+
+
+
+
+
+ Dark Gray
+ Primary background for dark surfaces and key sections.
+
+
+ Hex: #111111
+
+
+
+
+ White
+ Base surface color for light areas and content blocks.
+
+
+ Hex: #ffffff
+
+
+
+ Vivid Azure
+ Accent color used for highlights, links, and actions.
+
+
+ Hex: #22d3ee
++ Secondary Colors +
+ +
+
+
+
+
+
+ Deep Gray
+ Supporting background for overlays and dark UI elements.
+
+
+ Hex: #121212
+
+
+
+
+ Soft White
+ Subtle light background for sections and cards.
+
+
+ Hex: #fdfdfd
+
+
+
+ Dark Azure
+ Secondary accent color for highlights and focus states.
+
+
+ Hex: #06B6D4
+
+
+ )
+}
diff --git a/src/pages/mediakit/MediaPage.tsx b/src/pages/mediakit/MediaPage.tsx
new file mode 100644
index 0000000..df9ff93
--- /dev/null
+++ b/src/pages/mediakit/MediaPage.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import { AnimatedSection } from '@/components/AnimatedSection';
+import { MediaHero } from './MediaHero';
+import { MediaColors } from './MediaColors';
+import { MediaType } from './MediaType';
+
+const MediaPage: React.FC = () => {
+ return (
+ <>
+
+
+
+
+
+
+
+
+ + Media Kit +
++ Download official Mycelium logos for light and dark backgrounds in SVG and PNG formats. +
+ ++ Mycelium Logos (Light) + + + +
+ +
+
+
+ -
+ {logo_light.map((item) => (
+
+ 
+
+ ))}
+
+
+ + {item.title} + + + +
++ Mycelium Logos (Dark) + + + +
+ +
+
+ -
+ {logo_dark.map((item) => (
+
+
+
+ ))}
+
+
+ + {item.title} + + + +
+
+ {/* Boxed container */}
+
+ )
+}
+ {/* Inner padding */}
+
+ {/* ✅ Bottom horizontal line with spacing */}
+
+
+
+
+
+
+