Update svgs to import dynamically

Author: wkirby

src/components/ServicesSection.tsx

@@ -1,11 +1,11 @@
+import dynamic from 'next/dynamic';
 import { ServiceRow } from "./ServiceRow";
 import { StylizedSvg } from "./StylizedSvg";
-import DesignSvg from "/public/img/services/discovery.svg";
-import DevSvg from "/public/img/services/rocket.svg";
-import TeamSvg from "/public/img/services/team.svg";
-import ToolsSvg from "/public/img/services/tools.svg";
-
 
+const DesignSvg = dynamic(() => import("/public/img/services/discovery.svg"), { ssr: false });
+const DevSvg = dynamic(() => import("/public/img/services/rocket.svg"), { ssr: false });
+const TeamSvg = dynamic(() => import("/public/img/services/team.svg"), { ssr: false });
+const ToolsSvg = dynamic(() => import("/public/img/services/tools.svg"), { ssr: false });
 
 export const ServicesSection = () => {
   return (

src/components/ValueSection.tsx

@@ -1,12 +1,14 @@
-import React from "react";
 import { SectionHeader } from "components/SectionHeader";
 import { ServiceRow } from "components/ServiceRow";
 import { StylizedSvg } from "components/StylizedSvg";
 import { ArrowRightIcon } from "lucide-react";
+import dynamic from 'next/dynamic';
+import React from "react";
+
+const ScaleUpSvg = dynamic(() => import("/public/img/home/scaleup.svg"), { ssr: false });
+const StartUpSvg = dynamic(() => import("/public/img/home/startup.svg"), { ssr: false });
+const StepUpSvg = dynamic(() => import("/public/img/home/stepup.svg"), { ssr: false });
 
-import ScaleUpSvg from "/public/img/home/scaleup.svg";
-import StartUpSvg from "/public/img/home/startup.svg";
-import StepUpSvg from "/public/img/home/stepup.svg";
 
 export const ValueSection: React.FC = () => {
   return (

src/pages/services.tsx

@@ -1,20 +1,17 @@
 import { CtaProps } from "components/Cta";
-import { MarkdownContent } from "components/MarkdownContent";
 import { PageHeader } from "components/PageHeader";
 import { PageMeta } from "components/PageMeta";
 import { ServicesSection } from "components/ServicesSection";
 import { SiteLayout } from "components/SiteLayout";
 import { StylizedSvg } from "components/StylizedSvg";
-import { TeamMember } from "components/TeamMember";
-import { getCurrentPeople, getRandomCta } from "lib/posts";
-import { Person } from "lib/types";
+import { getRandomCta } from "lib/posts";
 import { NextPage } from "next";
 
-import ServicesHero from "/public/img/services/hero.svg";
-import { Section } from "components/Section";
 import clsx from "clsx";
 import { Button } from "components/Button";
+import { Section } from "components/Section";
 import { ChevronRight } from "lucide-react";
+import ServicesHero from "/public/img/services/hero.svg";
 
 export async function getStaticProps() {
   const cta = getRandomCta();