fix copy on Home and About

Author: dagda1

apps/frontendsupport/bin/deploy.sh

@@ -10,7 +10,4 @@ docker tag frontendsupport:latest 313095418189.dkr.ecr.us-east-1.amazonaws.com/f
 
 docker push 313095418189.dkr.ecr.us-east-1.amazonaws.com/frontendsupport:latest
 
-SERVICE_ARN=$(aws apprunner list-services --query "ServiceSummaryList[?ServiceName=='frontendsupport'].ServiceArn | [0]" --output text)
-aws apprunner start-deployment --service-arn $SERVICE_ARN
-
 rm -rf ./pruned

apps/frontendsupport/package.json

@@ -32,6 +32,7 @@
     "cloudinary-build-url": "^0.2.4",
     "compression": "1.8.1",
     "cross-env": "^10.1.0",
+    "dedent": "1.7.1",
     "express": "5.2.1",
     "format": "^0.2.2",
     "front-matter": "^4.0.2",
@@ -71,7 +72,6 @@
     "@vanilla-extract/sprinkles": "1.6.5",
     "@vanilla-extract/vite-plugin": "5.1.4",
     "browserslist": "^4.28.1",
-    "dedent": "1.7.1",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
     "gray-matter": "^4.0.3",
@@ -107,7 +107,6 @@
     "@vanilla-extract/css": "1.18.0",
     "@vanilla-extract/dynamic": "2.1.5",
     "@vanilla-extract/sprinkles": "1.6.5",
-    "dedent": "1.7.1",
     "react": "19.2.3",
     "react-calendly": "4.4.0",
     "react-device-detect": "2.2.3",

apps/frontendsupport/server.mts

@@ -46,17 +46,13 @@ export async function createServer(): Promise<{
       server: {
         middlewareMode: true,
         watch: {
-          // During tests we edit the files too fast and sometimes chokidar
-          // misses change events, so enforce polling for consistency
           usePolling: true,
           interval: 10,
         },
       },
       appType: 'custom',
     });
 
-    console.log({ root });
-    // use vite's connect instance as middleware
     app.use(vite.middlewares);
   } else {
     app.use((await import('compression')).default({ level: 1 }));

apps/frontendsupport/src/App.tsx

@@ -10,7 +10,6 @@ import { AboutSkeleton } from './components/Fallback/AboutSkeleton';
 import { ContactSkeleton } from './components/Fallback/ContactSkeleton';
 import { EmailConfirmationSkeleton } from './components/Fallback/EmailConfirmationSkeleton';
 import { PostsSkeleton } from './components/Fallback/PostsSkeleton';
-import { ServicesSkeleton } from './components/Fallback/ServicesSkeleton';
 import { TestimonialsSkeleton } from './components/Fallback/TestimonialsSkeleton';
 import { Header } from './components/Header/Header';
 import { contactFormProps } from './constants';
@@ -22,12 +21,6 @@ const EmailConfirmation = lazy(() => import('./routes/email.confirmation'));
 const Posts = lazy(() => import('./routes/posts'));
 const PostsIndex = lazy(() => import('./routes/posts._index'));
 const PostSlug = lazy(() => import('./routes/posts.$slug'));
-const Services = lazy(() => import('./routes/services'));
-const ServicesConsultancy = lazy(() => import('./routes/services.consultancy'));
-const ServicesCritical = lazy(() => import('./routes/services.critical'));
-const ServicesHome = lazy(() => import('./routes/services.home'));
-const ServicesMentoring = lazy(() => import('./routes/services.mentoring'));
-const ServicesRescue = lazy(() => import('./routes/services.rescue'));
 const Testimonials = lazy(() => import('./routes/testimonials'));
 
 export function MainRoutes(): React.JSX.Element {
@@ -85,55 +78,7 @@ export function MainRoutes(): React.JSX.Element {
               }
             />
           </Route>
-          <Route
-            path="/services"
-            element={
-              <Suspense fallback={<ServicesSkeleton />}>
-                <Services />
-              </Suspense>
-            }
-          >
-            <Route
-              index
-              element={
-                <Suspense fallback={<ServicesSkeleton />}>
-                  <ServicesHome />
-                </Suspense>
-              }
-            />
-            <Route
-              path="consultancy"
-              element={
-                <Suspense fallback={<ServicesSkeleton />}>
-                  <ServicesConsultancy />
-                </Suspense>
-              }
-            />
-            <Route
-              path="critical"
-              element={
-                <Suspense fallback={<ServicesSkeleton />}>
-                  <ServicesCritical />
-                </Suspense>
-              }
-            />
-            <Route
-              path="mentoring"
-              element={
-                <Suspense fallback={<ServicesSkeleton />}>
-                  <ServicesMentoring />
-                </Suspense>
-              }
-            />
-            <Route
-              path="rescue"
-              element={
-                <Suspense fallback={<ServicesSkeleton />}>
-                  <ServicesRescue />
-                </Suspense>
-              }
-            />
-          </Route>
+
           <Route
             path="/testimonials"
             element={

apps/frontendsupport/src/components/About/About.tsx

@@ -8,7 +8,7 @@ export function About(): JSX.Element {
       <PageBlock>
         <Box component="section">
           <Stack space="large">
-            <Heading level="1">My story</Heading>
+            <Heading level="1">Performance-first frontend</Heading>
             <Box>
               <LazyLoadedImage
                 src="https://res.cloudinary.com/ddospxsc8/image/upload/v1690230987/me_voddxj.png"
@@ -23,34 +23,39 @@ export function About(): JSX.Element {
               </TextLink>
             </Heading>
             <Text>
-              My passion is and always has been frontend development. I love the instant visual feedback that is unique
-              to frontend development.
+              I help teams make modern websites and web apps noticeably faster so key pages load quickly, feel
+              responsive, and stay visually stable.
             </Text>
             <Text component="p">
-              I’m an open-source fanatic with countless &nbsp;
+              Most of my work is performance-focused: reducing JavaScript bloat, improving rendering (SSR/CSR), caching,
+              taming third-party scripts, and turning slow pages into measurable wins.
+            </Text>
+            <Text component="p">
+              I’m an open-source fanatic with countless&nbsp;
               <TextLink
                 external
                 href="https://cutting.scot/oss"
                 data-testid="external-link"
                 rel="noopener noreferrer"
                 target="_blank"
               >
-                merged pull requests&nbsp;
+                merged pull requests
               </TextLink>
-              across numerous major repositories.
+              &nbsp;across numerous major repositories.
             </Text>
             <Text component="p">
               I write professionally for&nbsp;
               <TextLink external href="https://blog.logrocket.com/author/paulcowan/">
-                logrocket
+                LogRocket
               </TextLink>
-              &nbsp;and my own&nbsp;
+              &nbsp;and on my own&nbsp;
               <TextLink external href="https://thesoftwaresimpleton.com">
-                personal blog.
+                personal blog
               </TextLink>
+              , often about practical web performance.
             </Text>
             <Text component="p">
-              I have over 25+ years of experience working on some exceptional frontend pieces of work for such as&nbsp;
+              I have 25+ years of experience shipping and improving frontends for organisations such as
             </Text>
             <List>
               <Text>
@@ -75,9 +80,12 @@ export function About(): JSX.Element {
                 </TextLink>
               </Text>
             </List>
-            <Text>I build and repair complex React frontends so products can launch on time.</Text>
             <Text>
-              At 55 years of age, I have more experience than most and I get results in a fraction of the time.
+              I run short performance sprints that audit, fix, and prove improvements with clear before/after results.
+            </Text>
+            <Text>
+              I’m pragmatic, fast-moving, and focused on impact: fewer bytes shipped, faster interactions, and smoother
+              page experiences.
             </Text>
           </Stack>
         </Box>

apps/frontendsupport/src/components/Fallback/ServicesSkeleton.tsx

@@ -1,5 +1,6 @@
 import { Box, Heading, Text } from '@cutting/component-library';
 
+import { About } from '~/components/About/About';
 import { ContactButtons } from '~/components/Contact/ContactButtons';
 import Testimonials from '~/routes/testimonials';
 
@@ -24,8 +25,8 @@ export function Home(): JSX.Element {
           </Heading>
           <Box marginY="xxxlarge">
             <Text component="p" size="large">
-              I run a 7-day performance sprint for React/Next/SPAs where I audit your key pages, implement the
-              highest-impact fixes, and send a clear before/after report.
+              I run a 7-day performance sprint for modern websites and web apps, especially JavaScript-heavy ones, where
+              I audit your key pages, implement the highest-impact fixes, and send a clear before/after report.
             </Text>
           </Box>
           <ContactButtons justify="center" />
@@ -46,7 +47,8 @@ export function Home(): JSX.Element {
             <div className={styles.serviceCard}>
               <h3 className={styles.serviceCardTitle}>Implementation</h3>
               <p className={styles.serviceCardText}>
-                Ship the highest-impact optimizations: code splitting, lazy loading, image optimization
+                Ship the highest-impact optimizations: code splitting, lazy loading, image optimization, shrink bundle
+                sizes, dead code elimination, and more.
               </p>
             </div>
             <div className={styles.serviceCard}>
@@ -68,6 +70,8 @@ export function Home(): JSX.Element {
         </div>
       </section>
       <Testimonials />
+      <Scroller />
+      <About />
     </Box>
   );
 }