feat: embed a scheduler

IDEAS.md

@@ -0,0 +1,71 @@
+# Portfolio Ideas
+
+A collection of ideas for future additions to the portfolio, compiled by Hikari~
+
+## Sections to Consider Adding
+
+### Certifications / Education
+- Showcase any relevant certifications (AWS, etc.)
+- Education background if applicable
+- Could be a simple grid of certification badges/logos
+
+### Featured Projects / Case Studies
+- Highlighted projects with brief descriptions
+- Problem solved and impact made
+- Before/after or metrics if available
+
+### Blog / Articles Feed
+- Pull in recent posts if you write content anywhere
+- Shows thought leadership and expertise
+- Could link to external blog or embed previews
+
+### Languages Spoken
+- Human languages, not programming ones!
+- Useful if working with international clients
+- Simple flags or language names
+
+## Hero Image Descriptions
+
+For generating new hero images - descriptions of what Naomi should be depicted doing:
+
+### Client History Timeline
+> Naomi standing beside a large vertical timeline or roadmap, pointing to different milestones. She could be holding a clipboard or pen, looking back at the journey with a proud, reflective expression. Background has subtle icons representing different projects/companies.
+
+### Testimonials
+> Naomi sitting comfortably reading a letter or card, with a touched/grateful smile. Speech bubbles or quote marks float gently around her. Warm, appreciative atmosphere - like she's reading kind words from clients.
+
+### Community by the Numbers
+> Naomi surrounded by floating numbers, charts, or growth graphs. She could be gesturing toward them proudly, or holding a tablet/screen displaying stats. Energetic pose showing excitement about community growth.
+
+### Donate / Support Our Mission
+> Naomi holding a heart or offering an open hand. Warm, sincere expression asking for support. Could have subtle elements like seedlings, stars, or a "growing together" motif to represent nurturing the mission.
+
+### Join Our Community
+> Naomi with open arms in a welcoming gesture, surrounded by diverse silhouettes or avatars representing community members. Chat bubbles, Discord logo, and forum icons float nearby. Inviting, warm, "come hang out with us" energy.
+
+### Thanks for Visiting
+> Naomi waving goodbye cheerfully, perhaps blowing a kiss or making a heart with her hands. Sparkles or confetti around her. Standing in a doorway or by a path leading away. Warm, friendly farewell vibe.
+
+## Completed This Session
+
+- [x] Added Discourse forum CTA (complementary to Discord)
+- [x] Created interactive "How Can We Best Serve You" section with rotating services
+- [x] Updated color scheme to witchy purple rose palette
+- [x] Added social links section (Gitea, Bluesky, LinkedIn, Discord, Steam)
+- [x] Embedded contact form with scrollable iframe
+- [x] Updated Discord member count to 675+
+- [x] Created comprehensive Tech Stack section with 8 categories:
+  - Languages (13 items)
+  - Frameworks & Libraries (13 items)
+  - Databases (5 items)
+  - Cloud & Infrastructure (9 items)
+  - API Standards (3 items)
+  - Testing & Quality (7 items)
+  - Operating Systems (3 items)
+- [x] Made tech stack collapsible with details/summary elements
+- [x] Created Community Platforms We Manage section (10 platforms)
+- [x] Added availability banners (accepting clients, NDA ready, response time, custom quotes)
+
+---
+
+*This file was created with help from Hikari~ 🌸*

site/index.html

@@ -734,11 +734,27 @@
       /* ============================================
          RESPONSIVE DESIGN
          ============================================ */
+      /* Calendar embed responsive styles */
+      #zcal-invite {
+        min-height: 544px;
+      }
+
+      @media (max-width: 1200px) {
+        #zcal-invite {
+          height: 600px !important;
+        }
+      }
+
       @media (max-width: 768px) {
         main {
           padding: 1rem 0.5rem;
         }
 
+        #zcal-invite {
+          height: 650px !important;
+          min-width: 100% !important;
+        }
+
         .card {
           padding: 1.5rem;
         }
@@ -2269,6 +2285,26 @@
         </p>
       </section>
 
+      <!--
+          MARK: Book a Call
+      -->
+      <section class="card fade-in" style="text-align: center; background: var(--witch-rose);" role="region" aria-labelledby="book-call">
+        <h2 id="book-call" style="margin-top: 0;"><i class="fas fa-calendar" aria-hidden="true"></i> Schedule a Call</h2>
+        <p style="font-size: 1.1rem; max-width: 600px; margin: 0 auto 1.5rem;">
+          Ready to discuss your project? Book a free consultation call and let's explore how we can work together!
+        </p>
+        <div style="max-width: 100%; overflow: hidden; border-radius: 12px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); margin: 0 auto;">
+          <iframe
+            src="https://zcal.co/i/mUs9Kdjx?embed=1&embedType=iframe"
+            loading="lazy"
+            style="border:none; width: 100%; height: 675px; max-width: 1096px;"
+            id="zcal-invite"
+            scrolling="yes"
+            title="Schedule a consultation call">
+          </iframe>
+        </div>
+      </section>
+
       <!--
           MARK: Contact Form
       -->