add full-bleed image section

app/components/FullbleedImage.tsx

@@ -0,0 +1,14 @@
+import Image from "next/image";
+
+export function FullbleedImage() {
+  return (
+    <section className="relative w-full h-[60vh] md:h-[80vh]">
+      <Image
+        src="/fullbleed.jpg"
+        alt="Photographer with camera"
+        fill
+        className="object-cover object-center"
+      />
+    </section>
+  );
+}

app/page.tsx

@@ -1,6 +1,7 @@
 import { Hero } from "./components/Hero";
 import { Tagline } from "./components/Tagline";
 import { About } from "./components/About";
+import { FullbleedImage } from "./components/FullbleedImage";
 
 export default function Home() {
   return (
@@ -8,6 +9,7 @@ export default function Home() {
       <Hero />
       <Tagline />
       <About />
+      <FullbleedImage />
     </main>
   );
 }