Update copy and headline

This commit is contained in:
jwinterm
2026-03-23 18:46:08 -04:00
parent 44638a04b3
commit f9516180cd
7 changed files with 25 additions and 30 deletions
+3 -3
View File
@@ -8,13 +8,13 @@ import type { Metadata } from "next";
export const metadata: Metadata = {
title: "About | Such Software",
description: "Full-service software provider in Kennett Square, PA. Founded by John Winter Murphy, specializing in accessible web engineering and WCAG 2.2 compliance.",
description: "Software studio in Kennett Square, PA. Founded by John Winter Murphy, specializing in accessible web engineering and WCAG 2.2 compliance.",
alternates: {
canonical: "/about",
},
openGraph: {
title: "About | Such Software",
description: "Full-service software provider in Kennett Square, PA. Founded by John Winter Murphy.",
description: "Software studio in Kennett Square, PA. Founded by John Winter Murphy.",
type: "website",
},
};
@@ -32,7 +32,7 @@ export default function AboutPage() {
<div className="prose dark:prose-invert max-w-none mb-12">
<p className="text-xl leading-relaxed">
Founded in 2021 by <a href="https://jwinterm.com">John Winter Murphy</a> in Chester County, PA, and operating in Kennett Square since July 2025,
we are a full-service software provider in the heart of Mushroom Country.
we are a software studio in the heart of Mushroom Country.
</p>
</div>
+5 -6
View File
@@ -61,10 +61,11 @@ export default function Home() {
maxWidth: 'min(calc(90vw - 120px), 100%)',
}}
>
Digital Craftsmanship
<span className="block">Precision Engineering</span>
<span className="block">for Everyone</span>
</h1>
<p className="max-w-2xl text-xl text-muted-foreground mb-8">
Next-generation web applications engineered for scale, compliance, and performance.
Web applications engineered for scale, compliance, and performance.
</p>
<div className="flex gap-4 mb-10">
@@ -86,8 +87,7 @@ export default function Home() {
<div className="text-left mb-8 section-container border-l-4 border-l-blue-500">
<h2 className="text-3xl font-bold mb-3 tracking-tight text-foreground">Selected Works</h2>
<p className="text-muted-foreground text-lg max-w-3xl leading-relaxed">
A curated gallery of recent projects where we've pushed the boundaries of
performance, accessibility, and user experience.
Recent projects spanning governance tools, payment infrastructure, and interactive web applications.
</p>
</div>
<PortfolioGrid />
@@ -108,8 +108,7 @@ export default function Home() {
<div className="w-full max-w-6xl text-left mb-12 section-container border-l-4 border-l-cyan-500">
<h2 className="text-3xl font-bold mb-3 tracking-tight text-foreground">Start a Project</h2>
<p className="text-muted-foreground text-lg max-w-3xl leading-relaxed">
Ready to build something exceptional? Drop us a line and let's discuss
how we can help you scale your digital presence.
Have a project in mind? Let's talk about what you need and how we can help.
</p>
</div>
<ContactForm />
@@ -74,8 +74,7 @@ export default function CustomWebsitesPage() {
<Card className="glass-card border-purple-500/20">
<h3 className="text-xl font-bold mb-3">Brand Motion</h3>
<p className="text-muted-foreground">
Framer Motion and Three.js powered interfaces that tell your brand's
story through motion and depth.
Smooth, animated interfaces with purposeful motion and visual depth.
</p>
</Card>
</div>
+1 -1
View File
@@ -33,7 +33,7 @@ export default function SuchoicePage() {
<div className="prose dark:prose-invert max-w-none mb-12">
<p className="text-xl text-muted-foreground leading-relaxed">
Can't decide what to eat? Snap a picture of a menu and let AI choose for you.
Suchoice uses advanced image recognition to extract menu items and randomly selects one for you.
Suchoice reads the menu with AI, extracts the items, and randomly picks one for you.
</p>
</div>
+8 -11
View File
@@ -32,7 +32,7 @@ export default function ServicesPage() {
Specialized Solutions
</h1>
<p className="text-xl text-muted-foreground max-w-2xl mx-auto">
We solve complex business problems with elegant architecture.
Focused expertise in commerce, crypto, and custom web applications.
</p>
</div>
@@ -41,9 +41,8 @@ export default function ServicesPage() {
<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.
Whether you're scaling a commerce operation or launching a new financial protocol,
we provide the engineering. We design systems that grow with your business.
</p>
</div>
</div>
@@ -88,8 +87,8 @@ export default function ServicesPage() {
<div className="text-left mb-10 section-container border-l-4 border-l-purple-500">
<h2 className="text-3xl font-bold mb-2">Custom Apps & Interactive Websites</h2>
<p className="text-muted-foreground text-lg max-w-2xl leading-relaxed">
Whether it's a real-time collaborative tool or a high-end brand experience,
we build performant web applications that delight users.
Whether it's a real-time collaborative tool or a high-end brand experience,
we deliver fast, accessible web applications.
</p>
</div>
<div className="grid md:grid-cols-2 gap-6">
@@ -103,8 +102,7 @@ export default function ServicesPage() {
<Card className="glass-card hover:border-purple-500/30">
<h3 className="text-xl font-bold mb-3">Brand Motion</h3>
<p className="text-base text-muted-foreground leading-relaxed">
Framermotion and Three.js powered interfaces that tell your brand's story
through motion and depth.
Smooth, animated interfaces with purposeful motion and visual depth.
</p>
</Card>
</div>
@@ -115,8 +113,7 @@ export default function ServicesPage() {
<div className="text-left mb-10 section-container border-l-4 border-l-cyan-500">
<h2 className="text-3xl font-bold mb-2">Cryptocurrency & Payment Consulting</h2>
<p className="text-muted-foreground text-lg max-w-2xl leading-relaxed">
Navigate the complex world of global finance. We bridge the gap between
traditional banking and decentralized protocols.
Bridge traditional payments and decentralized protocols with secure, auditable infrastructure.
</p>
</div>
<div className="grid md:grid-cols-2 gap-6">
@@ -139,7 +136,7 @@ export default function ServicesPage() {
<div className="mt-20 p-16 rounded-[2.5rem] bg-gradient-to-br from-slate-900 via-slate-800 to-indigo-950 text-white text-center shadow-2xl relative overflow-hidden group border-2 border-white/5">
<div className="absolute inset-0 bg-blue-500/10 opacity-0 group-hover:opacity-100 transition-opacity" />
<h2 className="text-4xl font-bold mb-6 relative z-10 tracking-tight">Start building the future</h2>
<h2 className="text-4xl font-bold mb-6 relative z-10 tracking-tight">Let's build together</h2>
<p className="mb-10 text-slate-300 text-lg max-w-2xl mx-auto relative z-10 leading-relaxed font-medium">
We are currently accepting a limited number of partners for performance-based development.
Let's see if we're a fit.
@@ -35,13 +35,13 @@ 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.
"We don’t bolt on accessibility after the fact. It’s there from the first line of code."
</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.
Before founding Such Software, I spent three years teaching engineering at <span className="text-foreground font-semibold">Cecil College</span>, where I replaced the entire curriculum’s slide decks and PDFs with semantic HTML generated through <span className="text-foreground font-semibold underline decoration-primary/50">Quarto</span>. Proper equation markup, enforced alt text on every visual. That work shaped how we approach every project today.
</p>
<p className="text-muted-foreground leading-relaxed mt-4 italic border-l-4 border-primary/20 pl-6 text-lg">
This wasn't just theory; it was a methodical implementation of semantic architecture, ARIA compliance, and cognitive load management. Today, I bring that same technical rigor to Such Software’s commercial projects. We don't retroactively fix accessibility; we architect for it from line one."
"The same standards that made course materials work for every student now run through everything we ship. Semantic structure, keyboard navigation, WCAG compliance. That’s not overhead, it’s a core component of all our products."
</p>
</div>
</div>
@@ -6,8 +6,8 @@ export function ServicesPreview() {
<div className="text-left mb-8 section-container border-l-4 border-l-emerald-500">
<h2 className="text-3xl font-bold mb-3 tracking-tight">High-Performance Webshops</h2>
<p className="text-muted-foreground text-lg max-w-3xl leading-relaxed">
We build commerce infrastructure that scales with you. From complex supply chains
to global payments, we handle the technical heavy lifting so you can focus on your brand.
We build commerce infrastructure that scales with you. From complex supply chains
to global payments, we handle the infrastructure, payments, and performance so you can focus on your brand.
</p>
</div>
@@ -15,8 +15,8 @@ export function ServicesPreview() {
<Card className="glass-card hover:border-indigo-500/40 text-left">
<h3 className="text-xl font-bold mb-3">Native Crypto & Payments</h3>
<p className="text-base text-muted-foreground leading-relaxed">
Deep expertise in multi-currency checkout, fiat-to-crypto onboarding, and
DeFi integration. We build payments that work everywhere, for everyone.
Deep expertise in multi-currency checkout, fiat-to-crypto onboarding, and
secure payment architecture.
</p>
</Card>
<Card className="glass-card hover:border-indigo-500/40 text-left">