ccantynz/marcoreid.com
CodeIssuesPull RequestsActionsSecurityInsights
✨ AI
Understand
Explain codebaseAsk AIChat with repoClaude sessionsNL searchSemantic searchArchaeologyDebt mapDocs tracking
Build
Spec to PRWorkspaceGenerate testsPropose migrationDev environmentCodebase migrator
Ship
Preview URLsAI release notesAI changelog
More
Repository
CommitsBranchesTagsReleasesPackagesSymbolsStale branches
Planning
MilestonesProjectsDiscussionsWikiContributors
Delivery
GatesMerge queueMerge checksDeploymentsPipelineAgents
Activity
Health reportPulsePush log
Settings

Add marketing website for AlecRae platform #3942

Merged⚡ AI-generatedXSccantynz wants to mergeclaude/build-from-claude-md-iPF0n→mainopened Mar 31, 2026
ccantynzcommented Mar 31, 2026

Originally written by @ccantynz-alt on GitHub.
Imported from https://github.com/ccantynz-alt/MarcoReid.com/pull/1

Summary

This PR introduces a complete marketing website for AlecRae, a professional intelligence platform for legal and accounting firms. The implementation includes a full Next.js application with product pages, pricing information, and marketing components.

Key Changes

Core Infrastructure

  • Set up Next.js 14 project with TypeScript and Tailwind CSS
  • Configured custom color palette (navy, forest, plum) and typography (Instrument Serif, Plus Jakarta Sans)
  • Implemented responsive design with mobile-first approach

Content & Constants

  • Created lib/constants.ts with centralized product definitions, pricing tiers, and marketing copy
  • Defined four main products: AlecRae Law, AlecRae Accounting, The Oracle (research tool), and AlecRae Voice (dictation)
  • Added time savings data and feature lists for each product

Marketing Pages

  • Home page (/): Hero section, value proposition, product overview, and CTA
  • Product pages (/law, /accounting, /oracle, /dictation): Individual product showcases with features, time savings callouts, and pricing CTAs
  • Pricing page (/pricing): Tiered pricing for all three main products with feature comparisons
  • 404 page: Custom not found page with navigation back to home

Reusable Components

  • Shared components: Container, Button, Card, SectionHeading, SchemaMarkup, AiDisclaimer
  • Marketing components: Header (with mobile menu), Footer, Hero, ValueProposition, ProductCard, CtaSection, TimeSavingsTable

SEO & Metadata

  • Structured data (Schema.org) for Organization and SoftwareApplication types
  • Comprehensive metadata for all pages (title, description, OpenGraph, Twitter cards)
  • Sitemap and robots.txt configuration
  • Skip-to-content accessibility link

Styling

  • Tailwind CSS configuration with custom color system and typography
  • Responsive grid layouts and spacing
  • Accessibility-focused touch targets (44px minimum)
  • Hover and focus states for interactive elements

Notable Implementation Details

  • Marketing layout wraps all product pages with header and footer
  • Product data is centralized and reused across multiple pages to maintain consistency
  • Pricing tiers support highlighting for recommended plans
  • Time savings data is displayed in both callout sections and comparison tables
  • Mobile navigation uses state management for menu toggle
  • All pages include proper semantic HTML and ARIA labels

https://claude.ai/code/session_01V6ehLGaChTtSTBtmj9jEoQ

Cross-repo impact

See what breaks downstream if this PR merges.

Analyze →
⮌ Merged

This pull request was merged into main.

c comment · e edit title · m merge · a approve · r request changes · ? shortcuts