refactor: replace background images with solid color

components/CallToAction.tsx

@@ -1,8 +1,5 @@
-import Image from "next/image";
-
 import { Button } from "@/components/Button";
 import { Container } from "@/components/Container";
-import backgroundImage from "@/images/background-call-to-action.jpg";
 
 export function CallToAction() {
   return (
@@ -10,14 +7,6 @@ export function CallToAction() {
       id="get-started-today"
       className="relative overflow-hidden bg-blue-600 py-32"
     >
-      <Image
-        className="absolute top-1/2 left-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"
-        src={backgroundImage}
-        alt=""
-        width={1920}
-        height={1015}
-        loading="eager"
-      />
       <Container className="relative">
         <div className="mx-auto max-w-xl text-center">
           <h2 className="font-display text-3xl tracking-tight text-white sm:text-4xl">

components/PrimaryFeatures.tsx

@@ -1,8 +1,6 @@
-import Image from "next/image";
 import clsx from "clsx";
 
 import { Container } from "@/components/Container";
-import backgroundImage from "@/images/background-features.jpg";
 
 const steps = [
   {
@@ -34,14 +32,6 @@ export function PrimaryFeatures() {
       aria-label="Features for running your books"
       className="relative overflow-hidden bg-blue-600 pt-20 pb-28 sm:py-32"
     >
-      <Image
-        className="absolute top-1/2 left-1/2 max-w-none translate-x-[-44%] translate-y-[-42%]"
-        src={backgroundImage}
-        alt=""
-        width={1920}
-        height={1400}
-        loading="eager"
-      />
       <Container className="relative">
         <div className="max-w-2xl md:mx-auto md:text-center xl:max-w-none">
           <h2 className="font-display text-3xl tracking-tight text-white sm:text-4xl md:text-5xl">