refactor: reduce homepage contents for better UX

- Remove hero header section to create cleaner landing experience
- Remove Resources section to streamline navigation
- Remove Get Involved section to focus on key CTAs
- Update Community section with GitHub-focused support
- Add orange Join Intersect button with proper color (#f55521)
- Add GitHub Repository button for community support
- Change all buttons to 100% rounded style (border-radius: 50px)
- Fix dark mode navbar to display plain white text
- Simplify homepage from 4 sections to 2 focused sections

Author: “ danbaruka”

website/src/css/custom.css

@@ -206,7 +206,7 @@
   color: white !important;
   font-weight: 600;
   padding: 0.875rem 2rem;
-  border-radius: 8px;
+  border-radius: 50px !important;
   transition: all 0.2s ease;
 }
 
@@ -224,7 +224,7 @@
   color: var(--ifm-color-primary) !important;
   font-weight: 600;
   padding: 0.875rem 2rem;
-  border-radius: 8px;
+  border-radius: 50px !important;
   transition: all 0.2s ease;
 }
 
@@ -241,7 +241,7 @@
   color: var(--ifm-color-primary) !important;
   font-weight: 600;
   padding: 0.75rem 1.5rem;
-  border-radius: 8px;
+  border-radius: 50px !important;
   transition: all 0.2s ease;
 }
 
@@ -252,6 +252,39 @@
   box-shadow: 0 4px 12px rgba(1, 40, 170, 0.2);
 }
 
+/* Orange join button variant */
+.button--primary.button--orange {
+  background: #f55521 !important;
+  border: 2px solid #f55521 !important;
+  color: white !important;
+  font-weight: 600;
+  padding: 0.875rem 2rem;
+  border-radius: 50px !important;
+  transition: all 0.2s ease;
+  box-shadow: 0 2px 8px rgba(245, 85, 33, 0.2);
+}
+
+.button--primary.button--orange:hover {
+  background: #e0481a !important;
+  border-color: #e0481a !important;
+  color: white !important;
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(245, 85, 33, 0.3);
+}
+
+/* Dark mode orange button */
+[data-theme='dark'] .button--primary.button--orange {
+  background: #f55521 !important;
+  border-color: #f55521 !important;
+  color: white !important;
+}
+
+[data-theme='dark'] .button--primary.button--orange:hover {
+  background: #e0481a !important;
+  border-color: #e0481a !important;
+  color: white !important;
+}
+
 /* Dark mode button fixes */
 [data-theme='dark'] .button--primary {
   background: var(--ifm-color-primary);
@@ -340,11 +373,11 @@
 
 /* Dark mode sidebar fixes */
 [data-theme='dark'] .menu__link {
-  color: var(--ifm-color-content) !important;
+  color: white !important;
 }
 
 [data-theme='dark'] .menu__link:hover {
-  color: var(--ifm-color-content) !important;
+  color: white !important;
 }
 
 [data-theme='dark'] .menu__link--active {
@@ -377,6 +410,22 @@
   background: transparent !important;
 }
 
+/* Dark mode navbar - ensure plain white text */
+[data-theme='dark'] .navbar__brand,
+[data-theme='dark'] .navbar__item,
+[data-theme='dark'] .navbar__link,
+[data-theme='dark'] .navbar__link--active,
+[data-theme='dark'] .navbar__toggle,
+[data-theme='dark'] .navbar-sidebar__brand,
+[data-theme='dark'] .navbar__item--show .navbar__link {
+  color: white !important;
+}
+
+[data-theme='dark'] .navbar__link:hover {
+  color: white !important;
+  opacity: 0.8;
+}
+
 /* Responsive design improvements */
 @media (max-width: 996px) {
   .navbar__brand {

website/src/pages/index.module.css

@@ -112,6 +112,9 @@
 
 .communityActions {
   margin-top: 2rem;
+  display: flex;
+  gap: 1rem;
+  flex-wrap: wrap;
 }
 
 .statItem {
@@ -140,7 +143,7 @@
 }
 
 .imagePlaceholder {
-  background: linear-gradient(135deg, var(--ifm-color-primary) 0%, #000000 100%);
+  background: var(--ifm-color-primary);
   color: white;
   padding: 3rem 2rem;
   border-radius: 16px;

website/src/pages/index.tsx

@@ -73,7 +73,14 @@ function CommunitySection() {
               </div>
               <div className={styles.communityActions}>
                 <Link 
-                  className="button button--primary button--lg" 
+                  className="button button--primary button--orange button--lg" 
+                  href="https://members.intersectmbo.org/"
+                  target="_blank"
+                  rel="noopener noreferrer">
+                  Join Intersect
+                </Link>
+                <Link 
+                  className="button button--secondary button--lg" 
                   href="https://github.com/IntersectMBO/developer-experience"
                   target="_blank"
                   rel="noopener noreferrer">
@@ -203,12 +210,9 @@ export default function Home(): ReactNode {
     <Layout
       title={`${siteConfig.title}`}
       description="Join the Developer Experience Working Group at Intersect MBO. Connect with developer advocates, access comprehensive Cardano resources, and participate in community-driven initiatives to enhance the developer ecosystem.">
-      <HomepageHeader />
       <main>
         <HomepageFeatures />
         <CommunitySection />
-        <ResourcesSection />
-        <GettingInvolvedSection />
       </main>
     </Layout>
   );