Add Revamped Homepage View (#105)

* feat: add a more modern initial page

* feat: add gentle animated epilot logo

* fix: update pricing link for clarity

Author: boringContributor

docusaurus.config.js

@@ -163,50 +163,32 @@ const DOCS_URL = process.env.DOCS_URL || 'https://docs.epilot.io';
         style: 'light',
         links: [
           {
-            title: 'Docs',
-            items: [
-              {
-                label: 'Documentation',
-                to: '/docs/intro',
-              },
-              {
-                label: 'REST API Docs',
-                to: '/api',
-              },
-              {
-                label: 'SDK',
-                to: '/docs/architecture/sdk',
-              },
-              {
-                label: 'Open Source',
-                to: '/docs/architecture/open-source',
-              },
-            ],
+            label: 'Documentation',
+            to: '/docs/intro',
           },
           {
-            title: 'Links',
-            items: [
-              {
-                label: 'GitHub',
-                href: 'https://github.com/epilot-dev',
-              },
-              {
-                label: 'Blog',
-                href: 'https://dev.to/epilot',
-              },
-              {
-                label: 'Tech Radar',
-                href: `${DOCS_URL}/techradar`,
-              },
-              {
-                label: 'Engineering Principles',
-                href: 'https://github.com/epilot-dev/engineering-principles',
-              },
-              {
-                label: 'Careers',
-                href: 'https://www.epilot.cloud/en/company/careers',
-              },
-            ],
+            label: 'REST API',
+            to: '/api',
+          },
+          {
+            label: 'SDK',
+            to: '/docs/architecture/sdk',
+          },
+          {
+            label: 'GitHub',
+            href: 'https://github.com/epilot-dev',
+          },
+          {
+            label: 'Blog',
+            href: 'https://dev.to/epilot',
+          },
+          {
+            label: 'Changelog',
+            to: '/api/changelog',
+          },
+          {
+            label: 'Careers',
+            href: 'https://www.epilot.cloud/en/company/careers',
           },
         ],
         copyright: `© epilot.cloud ${new Date().getFullYear()}`,

src/components/ExplorePlatform.module.css

@@ -0,0 +1,101 @@
+.section {
+  padding: 4rem 2rem;
+  background: var(--ifm-background-surface-color);
+}
+
+html[data-theme='dark'] .section {
+  background: rgba(255, 255, 255, 0.02);
+}
+
+.sectionTitle {
+  font-size: 1.5rem;
+  font-weight: 600;
+  text-align: center;
+  margin-bottom: 0.5rem;
+}
+
+.sectionSubtitle {
+  text-align: center;
+  color: var(--ifm-font-color-secondary);
+  margin-bottom: 2.5rem;
+  font-size: 1rem;
+}
+
+.groupGrid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 2rem;
+  max-width: 1000px;
+  margin: 0 auto;
+}
+
+.groupTitle {
+  font-size: 0.8rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--ifm-font-color-secondary);
+  margin-bottom: 0.75rem;
+  padding-bottom: 0.5rem;
+  border-bottom: 1px solid var(--ifm-color-emphasis-200);
+}
+
+.itemList {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.item {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.75rem;
+  padding: 0.625rem 0.75rem;
+  border-radius: 0.5rem;
+  text-decoration: none;
+  color: inherit;
+  transition: background-color 0.15s;
+}
+
+.item:hover {
+  background: rgba(76, 76, 255, 0.04);
+  text-decoration: none;
+  color: inherit;
+}
+
+html[data-theme='dark'] .item:hover {
+  background: rgba(76, 140, 255, 0.08);
+}
+
+.itemIcon {
+  flex-shrink: 0;
+  width: 28px;
+  height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--ifm-color-primary);
+  margin-top: 1px;
+}
+
+.itemLabel {
+  display: block;
+  font-weight: 600;
+  font-size: 0.95rem;
+}
+
+.itemDesc {
+  display: block;
+  font-size: 0.82rem;
+  color: var(--ifm-font-color-secondary);
+  line-height: 1.4;
+}
+
+@media (max-width: 768px) {
+  .groupGrid {
+    grid-template-columns: 1fr;
+  }
+}