mirror of
https://github.com/Such-Software/such.software.git
synced 2026-10-17 05:32:05 +02:00
Update copy and headline
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user