diff --git a/src/App.tsx b/src/App.tsx
index a4f0842..38be6ab 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -9,6 +9,7 @@ import PricingPage from "@/pages/PricingPage";
 import PricingSimpleCards from "@/components/sections/pricing/PricingSimpleCards";
 import FaqSection from "@/components/sections/faq/FaqSection";
 import ContactForm from "@/components/sections/contact/ContactForm";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
 
 export default function App() {
   return (
@@ -21,6 +22,9 @@ export default function App() {
         <Route path="/team-testimonials" element={<TeamTestimonialsPage />} />
         <Route path="/pricing" element={<PricingPage />} />
       </Routes>
+      <div id="hero" data-section="hero">
+        <ImageOrVideo src="https://source.unsplash.com/random/1600x900/?cityscape" alt="Cityscape" className="w-full h-auto object-cover" />
+      </div>
       <div id="pricing" data-section="pricing">
         <PricingSimpleCards
           tag="Pricing"