diff --git a/apps/web/public/showcase/theming-morph.mp4 b/apps/web/public/showcase/theming-morph.mp4 index 13116cc..c10be10 100644 Binary files a/apps/web/public/showcase/theming-morph.mp4 and b/apps/web/public/showcase/theming-morph.mp4 differ diff --git a/apps/web/public/showcase/theming-morph.webm b/apps/web/public/showcase/theming-morph.webm index 2f6b3ff..85eea7f 100644 Binary files a/apps/web/public/showcase/theming-morph.webm and b/apps/web/public/showcase/theming-morph.webm differ diff --git a/apps/web/src/app/services/page.tsx b/apps/web/src/app/services/page.tsx index 72cfb36..3b32d0a 100644 --- a/apps/web/src/app/services/page.tsx +++ b/apps/web/src/app/services/page.tsx @@ -10,7 +10,7 @@ import { JsonLd, faqLd } from "@/components/seo/json-ld"; import type { Metadata } from "next"; const faqs = [ - { q: "What does Such Software build?", a: "Custom e-commerce on Medusa v2, real-time web apps and multiplayer experiences, cryptocurrency and Monero integrations, and PhD-led radiation-science education. We work across the stack, from backend infrastructure to accessible front-ends." }, + { q: "What does Such Software build?", a: "Four things, from one small team: custom e-commerce and web apps on revenue share, games and mobile apps we ship ourselves, cryptocurrency and payments software (integration only, never custody), and PhD-led radiation-science education. The pillars below break each down with the products behind them." }, { q: "Do you offer nuclear and radiation education?", a: "Yes. Our founder holds a PhD in radiation-detector materials and spent six years at Lawrence Livermore National Laboratory, plus shielding and spent-fuel work at Holtec. We teach radiation-science fundamentals and Monte Carlo methods, run GEANT4 training, and speak on these topics. Our GEANT4 radiation labs are published open-source (MIT / CC-BY). This is education and published methods." }, { q: "Where are you based?", a: "We are a software studio in Kennett Square, Pennsylvania, working with clients remotely across the US and beyond." }, { q: "Do you build for accessibility?", a: "Yes. We engineer front-ends to meet WCAG 2.2 AA and audit against it, alongside Core Web Vitals, as part of every project." }, @@ -19,18 +19,188 @@ const faqs = [ ]; export const metadata: Metadata = { - title: "Web, Crypto & Nuclear-Science Education | Such Software", - description: "Custom e-commerce on Medusa v2, real-time web apps, crypto and Monero integration, and PhD-led radiation-science education and GEANT4 training. A Kennett Square, PA studio.", + title: "Web, Games, Crypto & Nuclear-Science Education | Such Software", + description: "Four pillars from one studio: custom e-commerce and web apps on revenue share, games and mobile apps, crypto and payments software (non-custodial), and PhD-led radiation-science education and GEANT4 training. Kennett Square, PA.", alternates: { canonical: "/services", }, openGraph: { - title: "Web, Crypto & Nuclear-Science Education | Such Software", - description: "Custom e-commerce on Medusa v2, real-time web apps, crypto and Monero integration, and PhD-led radiation-science education and GEANT4 training. A Kennett Square, PA studio.", + title: "Web, Games, Crypto & Nuclear-Science Education | Such Software", + description: "Four pillars from one studio: custom e-commerce and web apps on revenue share, games and mobile apps, crypto and payments software (non-custodial), and PhD-led radiation-science education and GEANT4 training.", type: "website", }, }; +// ---- Pillar model ------------------------------------------------------- + +type Pillar = { + id: string; + label: string; + accent: string; // tailwind colour stem, e.g. "blue" + title: string; + lead: string; +}; + +const pillars: Pillar[] = [ + { + id: "commerce", + label: "Commerce & Web", + accent: "blue", + title: "Commerce & custom web", + lead: "Proprietary, headless commerce and web apps that you own, built to your business logic instead of a template's limits. Often on revenue share: we build, host, and run it, and earn a share once you are live.", + }, + { + id: "games", + label: "Games & Apps", + accent: "purple", + title: "Games & apps", + lead: "We do not just consult on software, we ship it. A growing catalog of games and mobile apps built in-house across iOS, Android, web, and desktop, on Godot and Next.js.", + }, + { + id: "crypto", + label: "Crypto & Payments", + accent: "cyan", + title: "Crypto & payments", + lead: "Software and integration for payments and cryptocurrency. The client, a licensed processor, or the user's own wallet holds the funds; we build the system around it and never take custody.", + }, + { + id: "education", + label: "Education & Science", + accent: "amber", + title: "Education & science", + lead: "PhD-led radiation-science teaching, training, and speaking from years at a national lab, plus learning-through-play games that teach real science and math. We publish our methods open-source.", + }, +]; + +// Border-left colour per accent (literal strings so Tailwind's JIT keeps them). +const borderL: Record = { + blue: "border-l-blue-500", + purple: "border-l-purple-500", + cyan: "border-l-cyan-500", + amber: "border-l-amber-500", +}; +const chipAccent: Record = { + blue: "bg-blue-500/15 text-blue-700 dark:text-blue-300", + purple: "bg-purple-500/15 text-purple-700 dark:text-purple-300", + cyan: "bg-cyan-500/15 text-cyan-700 dark:text-cyan-300", + amber: "bg-amber-500/15 text-amber-700 dark:text-amber-300", +}; +const hoverBorder: Record = { + blue: "hover:border-blue-500/30", + purple: "hover:border-purple-500/30", + cyan: "hover:border-cyan-500/30", + amber: "hover:border-amber-500/30", +}; + +// ---- Proof items (real products behind each pillar) --------------------- + +type Proof = { + title: string; + blurb: string; + img?: string; // /images/products/* + href?: string; // internal detail page or external + tag?: string; // status pill: "Live", "Open source", "Beta", "Early", "Flagship" +}; + +const commerceProof: Proof[] = [ + { title: "Webshops", blurb: "Our multi-tenant commerce platform: fully-themed storefronts, print-on-demand, non-custodial crypto checkout, and automated tax, on revenue share.", img: "/images/products/occupy-wallets.png", href: "/products/webshops", tag: "Flagship" }, + { title: "Custom builds", blurb: "Real-time web apps, multiplayer experiences, and live dashboards on Next.js, Socket.io, and WebRTC.", img: "/images/products/custom-websites.svg", href: "/products/custom-websites", tag: "Live" }, + { title: "Grin BTCPay plugin", blurb: "An open-source BTCPay Server plugin we built to accept Grin (Mimblewimble) payments, including auto-Tor invoice exchange.", tag: "Open source" }, + { title: "Evaluetron", blurb: "A self-hostable AI-compute platform: one core that runs a personal image bot or a paid multi-customer service, with an append-only credit ledger and pricing built in.", tag: "Building" }, +]; + +const gamesProof: Proof[] = [ + { title: "Suchoice", blurb: "Stop overthinking decisions: snap a photo, let AI read the options, spin the wheel. iOS and Android.", img: "/images/products/suchoice.png", href: "/products/suchoice", tag: "Live" }, + { title: "Vegan IQ", blurb: "1,000+ plant-based trivia questions across 8 categories, with a daily challenge and weekly quiz. iOS and Android.", img: "/images/products/vegan-iq.png", href: "/products/vegan-iq", tag: "Live" }, + { title: "Bloomword", blurb: "A daily word game where every word you find grows a living 3D typographic tree. Free at bloomword.earth, launching on mobile.", img: "/images/products/bloomword.svg", href: "/products/bloomword", tag: "Live" }, + { title: "Bauhaus Echo", blurb: "A visual memory puzzle game inspired by Bauhaus design. Android, iOS, and web.", img: "/images/products/bauhaus-echo.png", href: "/products/bauhaus-echo", tag: "Live" }, + { title: "Such Moon Launch", blurb: "Vry rocket, much landing, wow: a Wownero-themed pixel rocket arcade with 11 levels and tilt-to-steer. Everywhere.", img: "/images/products/such-moon-launch.png", href: "/products/such-moon-launch", tag: "Live" }, +]; + +const cryptoProof: Proof[] = [ + { title: "Payments consulting", blurb: "Stripe and multi-processor integrations, reconciliation tooling, Monero and on-chain integration. The processor or wallet moves the money; we wire it in.", tag: "Service" }, + { title: "Smirk Wallet", blurb: "A non-custodial multi-asset browser wallet: send, receive, and tip by username on Telegram and Discord. BTC, LTC, XMR, WOW, GRIN.", img: "/images/products/smirk-wallet.png", href: "/products/smirk-wallet", tag: "Live" }, + { title: "Hash Bags", blurb: "A mobile multi-chain wallet forked from Cake Wallet, tuned for the privacy-coin ecosystem.", tag: "Beta" }, + { title: "Evaluetron", blurb: "Pay-for-compute done right: an append-only credit ledger, a job queue, and an evaluator that lets on-demand work preempt opportunistic work. Customers can never self-credit.", tag: "Building" }, +]; + +const educationProof: Proof[] = [ + { title: "Barns & Neutrons", blurb: "A cozy exploration-puzzle game across the real Table of Nuclides: capture neutrons, coax decays, and learn honest nuclear physics. Our premiere visual work.", img: "/images/products/barns-and-neutrons.svg", href: "/products/barns-and-neutrons", tag: "Coming soon" }, + { title: "Nuclear consulting & training", blurb: "PhD-led radiation-science teaching: Monte Carlo methods with GEANT4, shielding and dose fundamentals, detector physics, and open-source labs.", href: "https://jwinterm.github.io/geant4-radiation-labs/", tag: "Service" }, + { title: "Numchangers", blurb: "A kids math game (ages 5-8) where numbers morph into dots, shapes, and 3D characters, so arithmetic becomes a visible action instead of a quiz. Godot, mobile-first.", tag: "Early" }, +]; + +const tagStyle: Record = { + Flagship: "bg-emerald-500/15 text-emerald-700 dark:text-emerald-300", + Live: "bg-green-500/15 text-green-700 dark:text-green-300", + Service: "bg-sky-500/15 text-sky-700 dark:text-sky-300", + "Open source": "bg-indigo-500/15 text-indigo-700 dark:text-indigo-300", + Beta: "bg-amber-500/15 text-amber-700 dark:text-amber-300", + Building: "bg-amber-500/15 text-amber-700 dark:text-amber-300", + Early: "bg-fuchsia-500/15 text-fuchsia-700 dark:text-fuchsia-300", + "Coming soon": "bg-fuchsia-500/15 text-fuchsia-700 dark:text-fuchsia-300", +}; + +function ProofCard({ p, accent }: { p: Proof; accent: string }) { + const inner = ( + +
+ {p.img ? ( + {p.title} + ) : ( + + )} +
+
+

{p.title}

+ {p.tag && ( + + {p.tag} + + )} +
+

{p.blurb}

+ {p.href && ( + + Learn more → + + )} +
+
+ + ); + + if (!p.href) return
{inner}
; + const external = p.href.startsWith("http"); + return external ? ( + + {inner} + + ) : ( + + {inner} + + ); +} + +function proofFor(id: string): Proof[] { + if (id === "commerce") return commerceProof; + if (id === "games") return gamesProof; + if (id === "crypto") return cryptoProof; + return educationProof; +} + export default function ServicesPage() { return (
@@ -40,272 +210,158 @@ export default function ServicesPage() {
{/* Page Header */} -
+

- Specialized Solutions + Four things, done well

- Commerce and custom web apps, crypto and payment integration, and - PhD-led radiation-science education. + Commerce and custom web, games and apps, crypto and payments, and + PhD-led radiation-science education. Each pillar comes with the + products behind it.

- {/* Philosophy Card */} + {/* Pillar sub-nav: jump links so the page reads as four clear areas */} + + + {/* Philosophy */} -
-

Partnership-First Development

-

- We build the software and run it with you. Many projects start as a fixed - build and continue as a revenue-share partnership. -

-
+
+

Partnership-first

+

+ We build the software and run it with you. Many projects start as a fixed + build and continue as a revenue-share partnership, so we only win when you do. +

+
- {/* E-Commerce Section */} - -
-

Custom E-Commerce Engines

-

- We build proprietary, headless commerce engines that scale with your business logic. - Stop fighting with Shopify's limitations and own your infrastructure. -

-
- -
- -

Flexible Architecture

-

- Model your exact business logic (subscriptions, bundles, B2B pricing, - multi-warehouse inventory) without platform constraints. -

- - -

Revenue-Share Model

-

- No upfront fees. No monthly retainers. We earn a low percentage of sales after launch. Aligned incentives, no fixed-cost risk. -

- - -

Performance-First Frontend

-

- Custom Next.js storefronts, engineered against Core Web Vitals and - WCAG 2.2 AA, not template bloat. -

- -
- - - {/* Custom Apps Section */} - -
-

Custom Apps & Interactive Websites

-

- Whether it's a real-time collaborative tool or a high-end brand experience, - we deliver fast, accessible web applications. -

-
-
- -

Real-time Platforms

-

- Socket.io and WebRTC integration for collaborative tools, dashboards, - and live data visualization. -

- - -

Brand Motion & Interactive UX

-

- Scroll-driven narratives, data-reactive visuals, and Three.js scenes, built to stay fast on real devices. -

- -
- - - {/* Consulting umbrella */} - -
-

Consulting

+ {/* Pillars */} + {pillars.map((pillar) => ( +
+ +
+

+ {pillar.title} +

- Beyond build work, we consult on cryptocurrency and Monero integration: - software and integration only. We don't take custody of funds or move them - on anyone's behalf. + {pillar.lead}

-

- We also teach radiation science. Our founder holds a PhD and spent six years - at Lawrence Livermore National Laboratory; that background now goes into - training, talks, and open-source GEANT4 labs. Details below. -

-
- +
+ + +
+ {proofFor(pillar.id).map((p) => ( + + ))} +
+ - {/* Crypto Section */} - -
-

Cryptocurrency & Payments

-

- Software and integration for accepting payments and crypto. The client or a - licensed processor holds the funds; we build the system around it. -

-
-
- -

Payment Integration

-

- Stripe and multi-processor integrations, reconciliation tooling, and - webhook plumbing. The processor moves the money; we wire it in. -

- - -

Web3 Integration

-

- Non-custodial wallet auth, Monero and on-chain integrations, and smart - contract interactions. We integrate; we never custody funds. -

- -
- - - {/* Nuclear & Radiation-Science Education Section */} - -
-

Nuclear & Radiation-Science Education

-

- PhD-led radiation-science teaching, training, and speaking, built on years at - a national lab. We publish our methods open-source and teach them. -

-
-
- -

Monte Carlo Methods

-

- We teach radiation-transport Monte Carlo with GEANT4, grounded in - a published MCNP track record - (peer-reviewed papers). -

- - -

Shielding & Dose Concepts

-

- Coursework on shielding and dose fundamentals, drawn from real spent-fuel - and dry-cask experience at Holtec. -

- - -

Detectors & Isotopes

-

- Teaching on radiation-detector physics and radioisotope power - (RTG / betavoltaic), from PhD and national-lab work. -

- - -

Training & Curriculum

-

- Radiation-science training and coursework for teams and classrooms. See our open-source{" "} - - GEANT4 radiation labs - . -

- -
- -

Why us

-
    -
  • - PhD in radiation-detector materials, UT-Dallas (2014) -
    • -
  • - Lawrence Livermore National Laboratory (2015–2021): detector systems, radioisotope battery program, MCNP5 publications -
    • -
  • - Holtec International: radiation shielding and spent-fuel-to-dry-cask optimization -
    • -
  • - College-level instructor: author of open-source GEANT4 radiation labs -
    • -
-

- For training, speaking, or curriculum, PhD-led.{" "} - - Start with a scope review - . -

-

+ {/* Education pillar carries the founder credentials inline */} + {pillar.id === "education" && ( + + +

Why us, on the science

+
    +
  • PhD in radiation-detector materials, UT-Dallas (2014)
    • +
  • Lawrence Livermore National Laboratory (2015-2021): detector systems, radioisotope battery program, MCNP5 publications
    • +
  • Holtec International: radiation shielding and spent-fuel-to-dry-cask optimization
    • +
  • College-level instructor: author of open-source GEANT4 radiation labs
    • +
+

This is education and published open-source methods, not for-hire controlled modeling. We are not a licensed professional-engineering (PE) firm and provide no stamped engineering deliverables. -

- - +

+ + + )} + + ))} {/* Recent Work */} -
-

Recent Work

-

- Long-term partnerships over one-off projects. -

-
- -
- Occupy Wallets -
-

Occupy Wallets

- - occupywallets.art - -
-
-

- With us since day one. Five years on WordPress, migrating to a custom Medusa v2 storefront this spring. -

- - - - -
-

Frequently Asked Questions

-
- {faqs.map((f) => ( -
-

{f.q}

-

{f.a}

-
- ))} -
-
- - - -
-

Let's build together

-

- We take on a limited number of revenue-share build partners. Tell us what you're - building and we'll run a scope review. +

+

Recent work

+

+ Long-term partnerships over one-off projects.

- - - +
+ +
+ Occupy Wallets +
+

Occupy Wallets

+ + occupywallets.art + +
+
+

+ With us since day one. Five years on WordPress, migrating to a custom Medusa v2 storefront this spring. +

+ + + + {/* FAQ */} + +
+

Frequently asked questions

+
+ {faqs.map((f) => ( +
+

{f.q}

+

{f.a}

+
+ ))} +
+
+ + + {/* CTA */} + +
+

Let's build together

+

+ We take on a limited number of revenue-share build partners. Tell us what you're + building and we'll run a scope review. +

+ + +
); -} \ No newline at end of file +}