From e5508588d1720fb87f7e54a9eec09ce0de918eb8 Mon Sep 17 00:00:00 2001
From: jwinterm <johnwmurphy@gmail.com>
Date: Fri, 16 Jan 2026 22:39:03 -0500
Subject: [PATCH] Refactor Services page and restrict nebula to homepage

- Move DynamicBackground from layout to homepage only
- Restructure Services: H1 outside cards, consistent heading sizes
- Rename 'Medusa v2 Development' to 'Custom E-Commerce Engines'
- Rename 'Custom Data Models' to 'Flexible Architecture'
- Add 'Partnership-First Development' section
- Update copy for clarity and customer focus
---
 apps/web/src/app/layout.tsx                   |  2 -
 apps/web/src/app/page.tsx                     |  2 +
 apps/web/src/app/services/page.tsx            | 50 +++++++++++--------
 .../components/about/founder-signature.tsx    |  2 +-
 4 files changed, 32 insertions(+), 24 deletions(-)

diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
index cef57d0..73bcd18 100644
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -3,7 +3,6 @@ import { Inter } from "next/font/google";
 import "./globals.css";
 import { ThemeProvider } from "@/components/theme-provider";
 import { Footer } from "@/components/layout/footer";
-import { DynamicBackground } from "@/components/landing/dynamic-background";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -37,7 +36,6 @@ export default function RootLayout({
             enableSystem
             disableTransitionOnChange
           >
-            <DynamicBackground />
             <div className="relative z-10 flex flex-col min-h-screen">
                {children}
                <Footer />
diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
index 5068f86..0ef2df8 100644
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -3,12 +3,14 @@ import { ContactForm } from "@/components/contact/contact-form";
 import { FounderSignature } from "@/components/about/founder-signature";
 import { ServicesPreview } from "@/components/landing/services-preview";
 import { Header } from "@/components/layout/header";
+import { DynamicBackground } from "@/components/landing/dynamic-background";
 import Link from "next/link";
 import { Button } from "@repo/ui/components/button";
 
 export default function Home() {
   return (
     <main className="relative flex flex-col items-center justify-between overflow-hidden">
+      <DynamicBackground />
       <Header />
 
       <div id="main-content" className="z-10 w-full max-w-7xl mx-auto flex flex-col items-center pt-20 pb-10 px-4 text-center">
diff --git a/apps/web/src/app/services/page.tsx b/apps/web/src/app/services/page.tsx
index c35dfea..d2c3758 100644
--- a/apps/web/src/app/services/page.tsx
+++ b/apps/web/src/app/services/page.tsx
@@ -22,50 +22,58 @@ export default function ServicesPage() {
       <Header />
 
       <div id="main-content" className="z-10 w-full max-w-5xl mx-auto py-20 px-4">
-        {/* Context Header */}
+        {/* Page Header */}
+        <div className="text-center mb-16">
+          <h1 className="text-4xl md:text-6xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-emerald-400 to-blue-500">
+            Specialized Solutions
+          </h1>
+          <p className="text-xl text-muted-foreground max-w-2xl mx-auto">
+            We solve complex business problems with elegant architecture.
+          </p>
+        </div>
+
+        {/* Philosophy Card */}
         <div className="mb-20">
-            <div className="text-left mb-8 section-container border-l-4 border-l-emerald-500">
-                <h1 className="text-4xl md:text-6xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-emerald-400 to-blue-500">
-                  Specialized Solutions
-                </h1>
-                <p className="text-xl text-muted-foreground max-w-2xl">
-                   We solve complex business problems with elegant architecture. 
-                   Whether you're scaling a commerce empire or building a new financial protocol, 
-                   we provide the technical firepower.
+            <div className="text-left section-container border-l-4 border-l-emerald-500">
+                <h2 className="text-3xl font-bold mb-2">Partnership-First Development</h2>
+                <p className="text-muted-foreground text-lg max-w-3xl">
+                   Whether you're scaling a commerce empire or building a new financial protocol,
+                   we provide the technical firepower. We don't just write code—we architect
+                   systems that grow with your business.
                 </p>
             </div>
         </div>
 
-        {/* Medusa / Webshops Section */}
+        {/* E-Commerce Section */}
         <div className="mb-24">
             <div className="text-left mb-10 section-container border-l-4 border-l-blue-500">
-                <h2 className="text-3xl font-bold mb-2">Medusa v2 Development</h2>
+                <h2 className="text-3xl font-bold mb-2">Custom E-Commerce Engines</h2>
                 <p className="text-muted-foreground text-lg max-w-3xl">
-                    We build proprietary, headless commerce engines that scale with your business logic. 
+                    We build proprietary, headless commerce engines that scale with your business logic.
                     Stop fighting with Shopify's limitations and own your infrastructure.
                 </p>
             </div>
 
             <div className="grid md:grid-cols-3 gap-6">
                 <Card className="glass-card hover:border-indigo-500/30">
-                    <h3 className="text-xl font-bold mb-3">Unlimited Data Modeling</h3>
+                    <h3 className="text-xl font-bold mb-3">Flexible Architecture</h3>
                     <p className="text-base text-muted-foreground leading-relaxed">
-                        Natively model complex entities like "DNA Sequences" or "Royalty Logic" 
-                        directly in the database without hacky metadata.
+                        Model your exact business logic—subscriptions, bundles, B2B pricing,
+                        multi-warehouse inventory—without platform constraints.
                     </p>
                 </Card>
                 <Card className="glass-card hover:border-indigo-500/30">
-                    <h3 className="text-xl font-bold mb-3">Zero Capital Upfront</h3>
+                    <h3 className="text-xl font-bold mb-3">Revenue-Share Model</h3>
                     <p className="text-base text-muted-foreground leading-relaxed">
-                        Our revenue-share partnership means no setup fees or monthly subscriptions—we
-                        only earn when you're making sales.
+                        No massive setup fees or monthly retainers. We invest in your success
+                        and earn a percentage of sales—aligned incentives from day one.
                     </p>
                 </Card>
                 <Card className="glass-card hover:border-indigo-500/30">
-                    <h3 className="text-xl font-bold mb-3">Headless SEO</h3>
+                    <h3 className="text-xl font-bold mb-3">Performance-First Frontend</h3>
                     <p className="text-base text-muted-foreground leading-relaxed">
-                        Custom Next.js frontends engineered for perfect lighthouse scores and 
-                        superior organic search conversion.
+                        Custom Next.js storefronts optimized for Core Web Vitals, accessibility,
+                        and conversion—not template bloat.
                     </p>
                 </Card>
             </div>
diff --git a/apps/web/src/components/about/founder-signature.tsx b/apps/web/src/components/about/founder-signature.tsx
index f07773d..9309cc1 100644
--- a/apps/web/src/components/about/founder-signature.tsx
+++ b/apps/web/src/components/about/founder-signature.tsx
@@ -31,7 +31,7 @@ export const FounderSignature = () => {
 
         <div className="prose dark:prose-invert max-w-none">
           <p className="text-muted-foreground leading-relaxed italic border-l-4 border-primary/20 pl-6 text-lg">
-            "During my three years at <span className="text-foreground font-semibold">Cecil College</span>, I didn't just teach engineering—I re-engineered how it was taught.
+            "During my three years at <span className="text-foreground font-semibold">Cecil College</span>, I didn't just teach engineering: I re-engineered how it was taught.
           </p>
           <p className="text-muted-foreground leading-relaxed mt-6">
             Transitioning the curriculum from PDFs and Powerpoints to web-based content, I focused on transforming complex technical lessons into highly accessible HTML using <span className="text-foreground font-semibold underline decoration-primary/50">Quarto markdown</span>. This allowed us to consistently generate semantic content including accessible equations and guaranteed descriptive alt text for every visual asset.