Phase three

src/__tests__/lib/mdx.test.ts

@@ -1,14 +1,11 @@
 import fs from 'fs';
 import path from 'path';
 import matter from 'gray-matter';
-import { notFound } from 'next/navigation';
 import { 
   getAllPosts, 
   getPostBySlug, 
-  getPostBySlugSync,
-  type BlogPost
+  getPostBySlugSync
 } from '@/lib/mdx';
-import { logError } from '@/lib/errorHandling';
 
 // Mock dependencies
 jest.mock('fs');

src/app/page.tsx

@@ -1,10 +1,9 @@
-import HeroSection from './components/home/HeroSection'
-import AboutSection from './components/home/AboutSection'
-import ExperienceSection from './components/home/ExperienceSection'
-import ServicesSection from './components/home/ServicesSection'
-// import WorkSection from './components/home/WorkSection'
-import ContactSection from './components/home/ContactSection'
-import NewsletterSection from './components/home/NewsletterSection'
+import HeroCard from '../components/HeroCard'
+import PainPointsCard from '../components/PainPointsCard'
+import ForeverTopicsCard from '../components/ForeverTopicsCard'
+import ServiceCard from '../components/ServiceCard'
+import AboutCard from '../components/AboutCard'
+import NewsletterCard from '../components/NewsletterCard'
 
 export const metadata = {
   title: 'Pythoness Programmer | Tech Coaching & Development',
@@ -16,14 +15,106 @@ export const metadata = {
 
 export default async function Home() {
   return (
-    <main className="min-h-screen">
-      <HeroSection />
-      <AboutSection />
-      <ServicesSection />
-      <ExperienceSection />
-      {/* <WorkSection /> */}
-      <ContactSection />
-      <NewsletterSection />
+    <main>
+      {/* Hero Section */}
+      <section className="bg-brand-green-dark pt-24">
+        <div>
+          <HeroCard />
+        </div>
+      </section>
+
+      {/* Pain Points Section */}
+      <section className="bg-brand-purple-dark">
+        <div>
+          <PainPointsCard />
+        </div>
+      </section>
+
+      {/* Forever Topics Section */}
+      <section>
+        <div>
+          <ForeverTopicsCard />
+        </div>
+      </section>
+
+      {/* Services Section */}
+      <section className="py-24 px-4 md:px-6 bg-brand-green-dark text-white overflow-hidden">
+        <div>
+          {/* Section Header */}
+          <div className="text-center mb-16">
+            <h2 className="text-4xl md:text-5xl font-display mb-6 text-white">
+              Your Digital Journey, Your Way
+            </h2>
+            <div className="flex items-center justify-center gap-4">
+              <div className="h-px w-12 bg-gradient-to-r from-transparent via-brand-cream to-transparent"></div>
+              <p className="text-xl text-brand-cream max-w-3xl">
+                Everyone learns and grows differently. I&apos;m here to help you discover your own path to digital confidence, with a healthy dose of humor and zero judgment along the way.
+              </p>
+              <div className="h-px w-12 bg-gradient-to-r from-transparent via-brand-cream to-transparent"></div>
+            </div>
+          </div>
+
+          {/* Quick Tech Support */}
+          <div className="mb-16">
+            <h3 className="text-3xl font-display text-center mb-12 text-brand-cream">Quick Tech Support</h3>
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+              <ServiceCard
+                title="Tech Clarity Session"
+                subtitle="30-minute focused consultation"
+                price="$75"
+                description="Perfect for when you need quick guidance on a specific tech challenge or want to explore working together."
+                features={[
+                  "Personalized tech assessment",
+                  "Workflow optimization recommendations",
+                  "Tool selection guidance",
+                  "Action plan with next steps",
+                  "Follow-up email with resources"
+                ]}
+                ctaLink="https://cal.com/pythoness/clarity"
+                ctaText="Book Now"
+                icon="🎯"
+                textColor="text-brand-cream"
+                note="Great for one-time challenges or initial consultation"
+              />
+              <ServiceCard
+                title="Digital Systems Overhaul"
+                subtitle="90-minute comprehensive review"
+                price="$295"
+                description="Complete digital workflow audit and system redesign for lasting change and clarity."
+                features={[
+                  "Comprehensive digital audit",
+                  "System redesign and optimization",
+                  "Tool integration recommendations",
+                  "Implementation roadmap",
+                  "30-day follow-up consultation",
+                  "Resource library access"
+                ]}
+                ctaLink="https://cal.com/pythoness/overhaul"
+                ctaText="Book Now"
+                icon="🔄"
+                highlight={true}
+                isNew={true}
+                textColor="text-brand-cream"
+                note="Most popular choice for lasting change"
+              />
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* About Section */}
+      <section className="py-24 px-4 md:px-6 bg-gradient-to-br from-brand-purple-dark via-brand-purple-dark/90 to-brand-purple-dark text-white overflow-hidden">
+        <div className="max-w-7xl mx-auto">
+          <AboutCard />
+        </div>
+      </section>
+
+      {/* Newsletter Section */}
+      <section>
+        <div className="max-w-7xl mx-auto">
+          <NewsletterCard />
+        </div>
+      </section>
     </main>
   )
 }