fix: public customer journey + clickable cards + header Get Help section #3867
10 changed files+29−39
Modifiedapp/(marketing)/about/page.tsx+3−3View fileUnifiedSplit
@@ -12,14 +12,14 @@ export const metadata: Metadata = {
1212export default function AboutPage() {
1313 return (
1414 <>
15 <section className="bg-navy-500 pt-32 pb-20 sm:pt-40 sm:pb-28">
15 <section className="bg-linear-to-b from-navy-50/50 to-white pt-32 pb-20 sm:pt-40 sm:pb-28">
1616 <Container className="text-center">
17 <h1 className="font-serif text-hero text-white">
17 <h1 className="font-serif text-hero text-navy-800">
1818 Built by professionals.
1919 <br />
2020 For professionals.
2121 </h1>
22 <p className="mx-auto mt-6 max-w-xl text-xl text-navy-200">
22 <p className="mx-auto mt-6 max-w-xl text-xl text-navy-400">
2323 Marco Reid is building the operating system for legal and accounting
2424 professionals. Four revolutionary products under one roof.
2525 Built in Auckland, New Zealand for the world.
Modifiedapp/(marketing)/academy/page.tsx+4−10View fileUnifiedSplit
@@ -206,21 +206,16 @@ export default function AcademyPage() {
206206 {/* ============================================================ */}
207207 {/* HERO */}
208208 {/* ============================================================ */}
209 <section className="relative overflow-hidden bg-navy-500 pt-32 pb-24 sm:pt-40 sm:pb-32 lg:pt-48 lg:pb-36">
210 <div className="pointer-events-none absolute inset-0">
211 <div className="animate-drift absolute -right-48 -top-48 h-[480px] w-[480px] rounded-full bg-gold-500/15 blur-[140px]" />
212 <div className="animate-drift-reverse absolute -left-48 -bottom-32 h-[420px] w-[420px] rounded-full bg-forest-500/12 blur-[120px]" />
213 </div>
214
209 <section className="relative overflow-hidden bg-linear-to-b from-navy-50/50 to-white pt-32 pb-24 sm:pt-40 sm:pb-32 lg:pt-48 lg:pb-36">
215210 <Container>
216211 <div className="relative mx-auto max-w-3xl text-center">
217 <p className="animate-fade-up text-xs font-semibold uppercase tracking-[0.2em] text-gold-300 opacity-0">
212 <p className="animate-fade-up text-xs font-semibold uppercase tracking-[0.2em] text-gold-600 opacity-0">
218213 Marco Reid Academy
219214 </p>
220 <h1 className="mt-6 animate-fade-up-1 font-serif text-hero text-white opacity-0">
215 <h1 className="mt-6 animate-fade-up-1 font-serif text-hero text-navy-800 opacity-0">
221216 The world’s professional training network.
222217 </h1>
223 <p className="mt-6 animate-fade-up-2 text-xl leading-relaxed text-white/90 opacity-0">
218 <p className="mt-6 animate-fade-up-2 text-xl leading-relaxed text-navy-400 opacity-0">
224219 From student to partner. CPD, specialist certificates, and
225220 pre-qualification programs for lawyers and accountants across 8
226221 countries. Accredited by the bodies that matter. Built by the
@@ -234,7 +229,6 @@ export default function AcademyPage() {
234229 href="#courses"
235230 variant="ghost"
236231 size="lg"
237 className="text-white hover:text-gold-300"
238232 >
239233 Browse courses ↓
240234 </Button>
Modifiedapp/(marketing)/accounting/page.tsx+6−10View fileUnifiedSplit
@@ -75,21 +75,17 @@ export default function AccountingPage() {
7575 <SchemaMarkup schema={schema} />
7676
7777 {/* Hero */}
78 <section className="relative flex min-h-screen items-center justify-center overflow-hidden bg-navy-500">
79 <div className="pointer-events-none absolute inset-0">
80 <div className="animate-drift absolute -right-40 -top-40 h-[500px] w-[500px] rounded-full bg-forest-500/25 blur-[120px]" />
81 <div className="animate-drift-reverse absolute -left-40 bottom-0 h-[400px] w-[400px] rounded-full bg-gold-400/15 blur-[100px]" />
82 </div>
78 <section className="relative flex min-h-screen items-center justify-center overflow-hidden bg-linear-to-b from-navy-50/50 to-white">
8379 <Container className="relative text-center">
84 <p className="animate-fade-up text-sm font-semibold uppercase tracking-widest text-gold-400 opacity-0">
80 <p className="animate-fade-up text-sm font-semibold uppercase tracking-widest text-gold-600 opacity-0">
8581 Marco Reid Accounting
8682 </p>
87 <h1 className="mt-8 animate-fade-up-1 text-hero font-serif text-white opacity-0">
83 <h1 className="mt-8 animate-fade-up-1 text-hero font-serif text-navy-800 opacity-0">
8884 The most advanced
8985 <br />
90 <span className="text-gold-300">accounting platform on earth.</span>
86 <span className="text-gold-600">accounting platform on earth.</span>
9187 </h1>
92 <p className="mx-auto mt-8 max-w-3xl animate-fade-up-2 text-xl leading-relaxed text-navy-200 opacity-0">
88 <p className="mx-auto mt-8 max-w-3xl animate-fade-up-2 text-xl leading-relaxed text-navy-400 opacity-0">
9389 Autonomous bookkeeping. Payroll across five jurisdictions. GST, VAT,
9490 and sales tax filed automatically. Provisional and income tax, done.
9591 A Catch-Up Centre that cleans up ten years of missed returns. AI does
@@ -98,7 +94,7 @@ export default function AccountingPage() {
9894 </p>
9995 <div className="mt-12 flex flex-col items-center justify-center gap-4 animate-fade-up-3 opacity-0 sm:flex-row">
10096 <Button href="/pricing" size="lg">Start using it today</Button>
101 <Button href="/catch-up-centre" size="lg" variant="ghost" className="text-white hover:text-navy-200">
97 <Button href="/catch-up-centre" size="lg" variant="ghost">
10298 Years behind? Catch-Up Centre →
10399 </Button>
104100 </div>
Modifiedapp/(marketing)/contact/page.tsx+3−3View fileUnifiedSplit
@@ -12,12 +12,12 @@ export const metadata: Metadata = {
1212export default function ContactPage() {
1313 return (
1414 <>
15 <section className="bg-navy-500 pt-32 pb-20 sm:pt-40 sm:pb-28">
15 <section className="bg-linear-to-b from-navy-50/50 to-white pt-32 pb-20 sm:pt-40 sm:pb-28">
1616 <Container className="text-center">
17 <h1 className="font-serif text-hero text-white">
17 <h1 className="font-serif text-hero text-navy-800">
1818 Get in touch.
1919 </h1>
20 <p className="mx-auto mt-6 max-w-xl text-xl text-navy-200">
20 <p className="mx-auto mt-6 max-w-xl text-xl text-navy-400">
2121 Questions about Marco Reid? We’d love to hear from you.
2222 </p>
2323 </Container>
Modifiedapp/(marketing)/courtroom/page.tsx+5−5View fileUnifiedSplit
@@ -32,23 +32,23 @@ export default function CourtroomPage() {
3232 <SchemaMarkup schema={schema} />
3333
3434 {/* Hero */}
35 <section className="bg-navy-500 pt-32 pb-20 sm:pt-40 sm:pb-28">
35 <section className="bg-linear-to-b from-navy-50/50 to-white pt-32 pb-20 sm:pt-40 sm:pb-28">
3636 <Container className="text-center">
37 <p className="text-sm font-semibold tracking-wider text-forest-300">
37 <p className="text-sm font-semibold tracking-wider text-forest-600">
3838 Marco Reid Courtroom
3939 </p>
40 <h1 className="mt-6 font-serif text-hero text-white">
40 <h1 className="mt-6 font-serif text-hero text-navy-800">
4141 The courtroom goes digital.
4242 <br />
4343 And it runs on Marco Reid.
4444 </h1>
45 <p className="mx-auto mt-6 max-w-2xl text-xl text-navy-200">
45 <p className="mx-auto mt-6 max-w-2xl text-xl text-navy-400">
4646 Depositions with real-time AI transcription. Electronic filing with courts.
4747 Evidence management with cryptographic chain of custody. Judge analytics.
4848 And Marco available on your iPad mid-hearing. This is courtroom
4949 technology that didn’t exist until now.
5050 </p>
51 <p className="mt-4 text-sm text-navy-300">Contact us for institutional and pilot pricing</p>
51 <p className="mt-4 text-sm text-navy-400">Contact us for institutional and pilot pricing</p>
5252 <div className="mt-8">
5353 <Button href="/courts/pilot" size="lg" variant="primary">
5454 Request a pilot
Modifiedapp/(marketing)/dictation/page.tsx+1−1View fileUnifiedSplit
@@ -42,7 +42,7 @@ export default function DictationPage() {
4242 <SchemaMarkup schema={schema} />
4343
4444 {/* Hero */}
45 <section className="relative flex min-h-screen items-center justify-center overflow-hidden">
45 <section className="relative flex min-h-screen items-center justify-center overflow-hidden bg-linear-to-b from-navy-50/50 to-white">
4646 <Container className="relative text-center">
4747 <p className="animate-fade-up text-xs font-medium uppercase tracking-widest text-navy-500 opacity-0">
4848 Marco Reid Voice
Modifiedapp/(marketing)/immigration/page.tsx+1−1View fileUnifiedSplit
@@ -30,7 +30,7 @@ export default function ImmigrationPage() {
3030 <SchemaMarkup schema={schema} />
3131
3232 {/* Hero */}
33 <section className="relative flex min-h-screen items-center justify-center overflow-hidden">
33 <section className="relative flex min-h-screen items-center justify-center overflow-hidden bg-linear-to-b from-navy-50/50 to-white">
3434 <Container className="relative text-center">
3535 <p className="animate-fade-up text-xs font-medium uppercase tracking-widest text-forest-600 opacity-0">
3636 Marco Reid Immigration
Modifiedapp/(marketing)/law/page.tsx+1−1View fileUnifiedSplit
@@ -36,7 +36,7 @@ export default function LawPage() {
3636 <SchemaMarkup schema={schema} />
3737
3838 {/* Hero */}
39 <section className="relative flex min-h-screen items-center justify-center overflow-hidden">
39 <section className="relative flex min-h-screen items-center justify-center overflow-hidden bg-linear-to-b from-navy-50/50 to-white">
4040 <Container className="relative text-center">
4141 <p className="animate-fade-up text-xs font-medium uppercase tracking-widest text-forest-600 opacity-0">
4242 Marco Reid Legal
Modifiedapp/(marketing)/oracle/page.tsx+1−1View fileUnifiedSplit
@@ -33,7 +33,7 @@ export default function OraclePage() {
3333 <SchemaMarkup schema={schema} />
3434
3535 {/* Hero */}
36 <section className="relative flex min-h-screen items-center justify-center overflow-hidden">
36 <section className="relative flex min-h-screen items-center justify-center overflow-hidden bg-linear-to-b from-navy-50/50 to-white">
3737 <Container className="relative text-center">
3838 <p className="animate-fade-up text-xs font-medium uppercase tracking-widest text-plum-600 opacity-0">
3939 Marco
Modifiedapp/(marketing)/security/page.tsx+4−4View fileUnifiedSplit
@@ -78,17 +78,17 @@ export default function SecurityPage() {
7878 <>
7979 <SchemaMarkup schema={schema} />
8080
81 <section className="bg-navy-500 pt-32 pb-20 sm:pt-40 sm:pb-28">
81 <section className="bg-linear-to-b from-navy-50/50 to-white pt-32 pb-20 sm:pt-40 sm:pb-28">
8282 <Container className="text-center">
83 <p className="text-sm font-semibold tracking-wider text-forest-300">
83 <p className="text-sm font-semibold tracking-wider text-forest-600">
8484 Security
8585 </p>
86 <h1 className="mt-6 font-serif text-hero text-white">
86 <h1 className="mt-6 font-serif text-hero text-navy-800">
8787 The most secure professional
8888 <br />
8989 platform ever built.
9090 </h1>
91 <p className="mx-auto mt-6 max-w-xl text-xl text-navy-200">
91 <p className="mx-auto mt-6 max-w-xl text-xl text-navy-400">
9292 Attorney-client privilege is sacred. Client financial data is irreplaceable.
9393 Marco Reid security is built to courtroom admissibility standards —
9494 not just “good enough for SaaS.”
9595
c comment · e edit title · m merge · a approve · r request changes · ? shortcuts