refactor: Remove unused <img> and <iframe>

garmeeh · garmeeh · commit 7b9038dca4b9 · 2025-08-09T19:37:21.000+01:00
diff --git a/examples/app-router-showcase/app/discussion-forum-advanced/page.tsx b/examples/app-router-showcase/app/discussion-forum-advanced/page.tsx
@@ -108,18 +108,6 @@ export default function DiscussionForumAdvancedPage() {
           and the band played all their hits.
         </p>
 
-        <div className="my-4">
-          <img
-            src="https://example.com/concert-photo1.jpg"
-            alt="Concert photo 1"
-            className="mb-2"
-          />
-          <img
-            src="https://example.com/concert-photo2.jpg"
-            alt="The main stage"
-          />
-        </div>
-
         <div className="my-4 bg-gray-100 p-4 rounded">
           <h3>Shared Link:</h3>
           <a href="https://example.com/concert-tickets">
diff --git a/examples/app-router-showcase/app/employer-aggregate-rating-advanced/page.tsx b/examples/app-router-showcase/app/employer-aggregate-rating-advanced/page.tsx
@@ -47,11 +47,6 @@ export default function EmployerAggregateRatingAdvancedPage() {
       <div className="max-w-4xl mx-auto">
         <header className="mb-8">
           <div className="flex items-center gap-6 mb-6">
-            <img
-              src="https://example.com/techcorp-logo.png"
-              alt="TechCorp International"
-              className="w-24 h-24 object-contain"
-            />
             <div>
               <h1 className="text-4xl font-bold">TechCorp International</h1>
               <p className="text-xl text-gray-600">
diff --git a/examples/app-router-showcase/app/image-advanced/page.tsx b/examples/app-router-showcase/app/image-advanced/page.tsx
@@ -32,22 +32,16 @@ export default function ImageAdvancedPage() {
           Sunset Landscape - Premium Photography
         </h1>
 
-        <div className="mb-8">
-          <img
-            src="https://example.com/photos/sunset-landscape.jpg"
-            alt="Beautiful sunset landscape"
-            className="w-full rounded-lg shadow-lg"
-          />
+        <div className="mb-8 bg-gray-200 rounded-lg p-16 text-center">
+          <p className="text-gray-600">Image placeholder: Sunset Landscape</p>
         </div>
 
         <div className="bg-gray-100 p-6 rounded-lg mb-6">
           <h2 className="text-xl font-semibold mb-4">Studio Information</h2>
           <div className="flex items-start space-x-4 mb-4">
-            <img
-              src="https://example.com/photolab-logo.jpg"
-              alt="PhotoLab Studios"
-              className="w-16 h-16 rounded"
-            />
+            <div className="w-16 h-16 rounded bg-gray-300 flex items-center justify-center">
+              <span className="text-gray-600 text-xs">Logo</span>
+            </div>
             <div>
               <h3 className="font-semibold">PhotoLab Studios</h3>
               <p className="text-gray-600">
diff --git a/examples/app-router-showcase/app/image-multiple/page.tsx b/examples/app-router-showcase/app/image-multiple/page.tsx
@@ -51,11 +51,9 @@ export default function ImageMultiplePage() {
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
           {/* Mountain Sunrise */}
           <div className="bg-white rounded-lg shadow-lg overflow-hidden">
-            <img
-              src="https://example.com/photos/mountain-sunrise.jpg"
-              alt="Mountain sunrise"
-              className="w-full h-48 object-cover"
-            />
+            <div className="w-full h-48 bg-gray-200 flex items-center justify-center">
+              <p className="text-gray-600">Mountain Sunrise</p>
+            </div>
             <div className="p-4">
               <h3 className="font-semibold mb-2">Mountain Sunrise</h3>
               <dl className="text-sm space-y-1">
@@ -83,11 +81,9 @@ export default function ImageMultiplePage() {
 
           {/* Ocean Waves */}
           <div className="bg-white rounded-lg shadow-lg overflow-hidden">
-            <img
-              src="https://example.com/photos/ocean-waves.jpg"
-              alt="Ocean waves"
-              className="w-full h-48 object-cover"
-            />
+            <div className="w-full h-48 bg-gray-200 flex items-center justify-center">
+              <p className="text-gray-600">Ocean Waves</p>
+            </div>
             <div className="p-4">
               <h3 className="font-semibold mb-2">Ocean Waves</h3>
               <dl className="text-sm space-y-1">
@@ -123,19 +119,15 @@ export default function ImageMultiplePage() {
 
           {/* City Lights */}
           <div className="bg-white rounded-lg shadow-lg overflow-hidden">
-            <img
-              src="https://example.com/photos/city-lights.jpg"
-              alt="City lights"
-              className="w-full h-48 object-cover"
-            />
+            <div className="w-full h-48 bg-gray-200 flex items-center justify-center">
+              <p className="text-gray-600">City Lights</p>
+            </div>
             <div className="p-4">
               <h3 className="font-semibold mb-2">City Lights</h3>
               <div className="flex items-center space-x-2 mb-2">
-                <img
-                  src="https://example.com/urban-photo-logo.jpg"
-                  alt="Urban Photography Inc."
-                  className="w-8 h-8 rounded"
-                />
+                <div className="w-8 h-8 rounded bg-gray-300 flex items-center justify-center">
+                  <span className="text-gray-600 text-xs">U</span>
+                </div>
                 <span className="font-medium text-sm">
                   Urban Photography Inc.
                 </span>
diff --git a/examples/app-router-showcase/app/image/page.tsx b/examples/app-router-showcase/app/image/page.tsx
@@ -15,14 +15,6 @@ export default function ImagePage() {
       <div className="max-w-4xl mx-auto">
         <h1 className="text-3xl font-bold mb-6">Black Labrador Puppy</h1>
 
-        <div className="mb-8">
-          <img
-            src="https://example.com/photos/black-labrador-puppy.jpg"
-            alt="Black labrador puppy"
-            className="w-full rounded-lg shadow-lg"
-          />
-        </div>
-
         <div className="bg-gray-100 p-6 rounded-lg">
           <h2 className="text-xl font-semibold mb-4">Image Information</h2>
           <dl className="grid grid-cols-1 sm:grid-cols-2 gap-4">
diff --git a/examples/app-router-showcase/app/product-review/page.tsx b/examples/app-router-showcase/app/product-review/page.tsx
@@ -87,11 +87,6 @@ export default function ProductReviewPage() {
 
           <div className="mb-8">
             <div className="flex items-center gap-4 mb-4">
-              <img
-                src="https://ui-avatars.com/api/?name=Pascal+Van+Cleeff&size=48"
-                alt="Pascal Van Cleeff"
-                className="rounded-full w-12 h-12"
-              />
               <div>
                 <p className="font-semibold">Pascal Van Cleeff</p>
                 <p className="text-sm text-gray-600">
diff --git a/examples/app-router-showcase/app/product-with-return-policy/page.tsx b/examples/app-router-showcase/app/product-with-return-policy/page.tsx
@@ -55,13 +55,6 @@ export default function ProductWithReturnPolicyPage() {
 
       <div className="max-w-4xl mx-auto">
         <div className="grid md:grid-cols-2 gap-8 mb-8">
-          <div>
-            <img
-              src="https://via.placeholder.com/400x400"
-              alt="Premium Wireless Headphones"
-              className="w-full rounded-lg"
-            />
-          </div>
           <div>
             <h1 className="text-3xl font-bold mb-2">
               Premium Wireless Headphones
diff --git a/examples/app-router-showcase/app/profile-advanced/page.tsx b/examples/app-router-showcase/app/profile-advanced/page.tsx
@@ -36,11 +36,6 @@ export default function AdvancedProfilePage() {
       <div className="max-w-4xl mx-auto">
         <div className="bg-white rounded-lg shadow-md p-8">
           <div className="flex items-center mb-6">
-            <img
-              src="https://example.com/avatars/ahuff23.jpg"
-              alt="Angelo Huff"
-              className="w-24 h-24 rounded-full mr-6"
-            />
             <div>
               <h1 className="text-3xl font-bold">Angelo Huff</h1>
               <p className="text-xl text-gray-600">@ahuff23</p>
diff --git a/examples/app-router-showcase/app/profile-organization/page.tsx b/examples/app-router-showcase/app/profile-organization/page.tsx
@@ -39,11 +39,6 @@ export default function OrganizationProfilePage() {
       <div className="max-w-4xl mx-auto">
         <div className="bg-white rounded-lg shadow-md p-8">
           <div className="flex items-center mb-6">
-            <img
-              src="https://techforum.example.com/logo.png"
-              alt="TechForum Community"
-              className="w-24 h-24 rounded-lg mr-6"
-            />
             <div>
               <h1 className="text-3xl font-bold">TechForum Community</h1>
               <p className="text-xl text-gray-600">@TechForum</p>
diff --git a/examples/app-router-showcase/app/vacation-rental-advanced/page.tsx b/examples/app-router-showcase/app/vacation-rental-advanced/page.tsx
@@ -148,19 +148,6 @@ export default function VacationRentalAdvancedPage() {
 
       <h1 className="text-4xl font-bold mb-4">Luxury Ocean View Villa</h1>
 
-      <div className="mb-8 grid grid-cols-2 gap-4">
-        <img
-          src="https://example.com/images/villa-exterior.jpg"
-          alt="Villa exterior"
-          className="w-full h-64 object-cover rounded-lg"
-        />
-        <img
-          src="https://example.com/images/villa-ocean-view.jpg"
-          alt="Ocean view"
-          className="w-full h-64 object-cover rounded-lg"
-        />
-      </div>
-
       <div className="prose lg:prose-xl max-w-none">
         <h2>About this luxury villa</h2>
         <p>
diff --git a/examples/app-router-showcase/app/vacation-rental-apartment/page.tsx b/examples/app-router-showcase/app/vacation-rental-apartment/page.tsx
@@ -97,14 +97,6 @@ export default function VacationRentalApartmentPage() {
         Cozy Manhattan Studio Apartment
       </h1>
 
-      <div className="mb-8">
-        <img
-          src="https://example.com/apt/bedroom.jpg"
-          alt="Studio apartment bedroom"
-          className="w-full h-96 object-cover rounded-lg"
-        />
-      </div>
-
       <div className="prose lg:prose-xl">
         <h2>About this apartment</h2>
         <p>
diff --git a/examples/app-router-showcase/app/vacation-rental/page.tsx b/examples/app-router-showcase/app/vacation-rental/page.tsx
@@ -18,14 +18,6 @@ export default function VacationRentalPage() {
 
       <h1 className="text-4xl font-bold mb-4">Beautiful Beach House</h1>
 
-      <div className="mb-8">
-        <img
-          src="https://example.com/vacation-rental-main.jpg"
-          alt="Beautiful Beach House"
-          className="w-full h-96 object-cover rounded-lg"
-        />
-      </div>
-
       <div className="prose lg:prose-xl">
         <h2>About this rental</h2>
         <p>
diff --git a/examples/app-router-showcase/app/video-advanced/page.tsx b/examples/app-router-showcase/app/video-advanced/page.tsx
@@ -45,15 +45,6 @@ export default function VideoAdvancedPage() {
       <main className="prose lg:prose-xl mx-auto">
         <h1>Complete Baking Masterclass: From Basics to Advanced</h1>
 
-        <div className="aspect-w-16 aspect-h-9 mb-8">
-          <iframe
-            src="https://example.com/embed/baking-masterclass"
-            title="Complete Baking Masterclass"
-            className="w-full rounded-lg shadow-lg"
-            allowFullScreen
-          />
-        </div>
-
         <div className="bg-blue-50 p-6 rounded-lg mb-8">
           <h3 className="text-lg font-semibold mb-2">Video Statistics</h3>
           <div className="grid grid-cols-2 gap-4">
diff --git a/examples/app-router-showcase/app/video-clips/page.tsx b/examples/app-router-showcase/app/video-clips/page.tsx
@@ -57,13 +57,8 @@ export default function VideoClipsPage() {
       <main className="prose lg:prose-xl mx-auto">
         <h1>Complete Guide to French Pastries</h1>
 
-        <div className="aspect-w-16 aspect-h-9 mb-8">
-          <iframe
-            src="https://example.com/embed/french-pastries-guide"
-            title="Complete Guide to French Pastries"
-            className="w-full rounded-lg shadow-lg"
-            allowFullScreen
-          />
+        <div className="aspect-w-16 aspect-h-9 mb-8 bg-gray-200 rounded-lg p-8 text-center">
+          <p className="text-gray-600">Video player placeholder</p>
         </div>
 
         <section className="bg-gray-50 p-6 rounded-lg mb-8">
diff --git a/examples/app-router-showcase/app/video-seekto/page.tsx b/examples/app-router-showcase/app/video-seekto/page.tsx
@@ -43,15 +43,6 @@ export default function VideoSeekToPage() {
           </p>
         </div>
 
-        <div className="aspect-w-16 aspect-h-9 mb-8">
-          <iframe
-            src="https://example.com/embed/kitchen-tips"
-            title="50 Quick Kitchen Tips & Tricks"
-            className="w-full rounded-lg shadow-lg"
-            allowFullScreen
-          />
-        </div>
-
         <section>
           <h2>About This Video</h2>
           <p>
diff --git a/examples/app-router-showcase/app/video/page.tsx b/examples/app-router-showcase/app/video/page.tsx
@@ -16,13 +16,8 @@ export default function VideoPage() {
       <main className="prose lg:prose-xl mx-auto">
         <h1>How to Make a Perfect Chocolate Cake</h1>
 
-        <div className="aspect-w-16 aspect-h-9 mb-8">
-          <iframe
-            src="https://example.com/embed/chocolate-cake-recipe"
-            title="How to Make a Perfect Chocolate Cake"
-            className="w-full rounded-lg shadow-lg"
-            allowFullScreen
-          />
+        <div className="aspect-w-16 aspect-h-9 mb-8 bg-gray-200 rounded-lg p-8 text-center">
+          <p className="text-gray-600">Video player placeholder</p>
         </div>
 
         <p className="lead">
