<div class="grid md:grid-cols-2 gap-4">
      <div class="bg-white rounded-xl p-6 flex gap-4">
        <svg class="w-6 h-6 text-green-500 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
        <p class="text-gray-700">Browser-based EXIF removers are the fastest and most secure method for removing metadata from photos</p>
      </div>

      <div class="bg-white rounded-xl p-6 flex gap-4">
        <svg class="w-6 h-6 text-green-500 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
        <p class="text-gray-700">Every major platform (Windows, Mac, iPhone, Android) has built-in tools to remove some EXIF data</p>
      </div>

      <div class="bg-white rounded-xl p-6 flex gap-4">
        <svg class="w-6 h-6 text-green-500 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
        <p class="text-gray-700">Removing EXIF data does not affect image quality—only the hidden metadata is deleted</p>
      </div>

      <div class="bg-white rounded-xl p-6 flex gap-4">
        <svg class="w-6 h-6 text-green-500 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
        <p class="text-gray-700">Command-line tools like ExifTool offer the most comprehensive metadata removal for power users</p>
      </div>
    </div>
  </section>

  
  <section class="mb-12">
    <p class="text-lg text-gray-700 leading-relaxed mb-6">
      Whether you're sharing vacation photos on social media, selling items online, or posting work samples to your portfolio, removing EXIF data is an essential step to protect your privacy. Photos captured with smartphones and digital cameras automatically embed metadata including GPS coordinates, timestamps, camera settings, and device information.
    </p>

    <p class="text-lg text-gray-700 leading-relaxed mb-6">
      The good news? Removing EXIF data is straightforward once you know the right tools and methods. This guide will walk you through every major method—from browser-based tools to platform-specific solutions—so you can choose the approach that works best for your needs.
    </p>
  </section>

  
  <section id="browser-method" class="mb-16">
    <div class="method-card">
      <div class="flex items-center gap-3 mb-6">
        <div class="icon-container">
          <svg class="w-8 h-8 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" />
          </svg>
        </div>
        <h2 class="text-4xl font-bold">Method 1: Browser-Based EXIF Removal</h2>
      </div>

      <div class="mb-6">
        <span class="platform-badge badge-browser">All Platforms</span>
        <span class="platform-badge" style={{background: '#10B981', color: 'white'}}>Recommended</span>
      </div>

      <p class="text-gray-700 mb-6 text-lg">
        Browser-based tools are the fastest, most secure way to remove EXIF data. They process photos entirely on your device—no uploads, no servers, complete privacy.
      </p>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">1</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Open a Browser-Based EXIF Remover</h3>
            <p class="text-gray-700 mb-4">
              Visit a reputable browser-based EXIF removal tool like <a href="/#exif-remover" class="text-red-600 font-semibold hover:underline">ExifRemoval.com</a>. Look for tools that explicitly state "client-side processing" or "no upload required."
            </p>
            <div class="bg-blue-50 border-l-4 border-blue-500 p-4 rounded-r-lg">
              <p class="text-sm text-gray-700">
                <strong>Pro tip:</strong> You can verify no data is being uploaded by opening your browser's developer tools (F12) and checking the Network tab—no requests should appear when processing images.
              </p>
            </div>
          </div>
        </div>
      </div>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">2</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Upload Your Photos</h3>
            <p class="text-gray-700 mb-4">
              Drag and drop your photos into the upload zone, or click to browse and select files. Most tools support batch processing, allowing you to remove EXIF data from multiple photos at once.
            </p>
            <ul class="list-disc list-inside text-gray-700 space-y-2">
              <li>Supports JPEG, JPG, PNG, and often HEIC formats</li>
              <li>Process single images or batches of 50-100+ photos</li>
              <li>Files remain on your device throughout the process</li>
            </ul>
          </div>
        </div>
      </div>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">3</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Download Cleaned Photos</h3>
            <p class="text-gray-700">
              Click the download button to save your EXIF-free photos. The tool strips all metadata while preserving image quality. Your original files remain unchanged on your device.
            </p>
          </div>
        </div>
      </div>

      <div class="bg-white rounded-xl p-6 mt-6">
        <h4 class="font-semibold mb-3 text-lg">Why Browser-Based Tools Are Best:</h4>
        <div class="grid md:grid-cols-2 gap-4">
          <div class="flex items-start gap-2">
            <svg class="w-5 h-5 text-green-500 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M5 13l4 4L19 7" />
            </svg>
            <span>No software installation required</span>
          </div>
          <div class="flex items-start gap-2">
            <svg class="w-5 h-5 text-green-500 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M5 13l4 4L19 7" />
            </svg>
            <span>Works on any device with a browser</span>
          </div>
          <div class="flex items-start gap-2">
            <svg class="w-5 h-5 text-green-500 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M5 13l4 4L19 7" />
            </svg>
            <span>Maximum privacy (local processing)</span>
          </div>
          <div class="flex items-start gap-2">
            <svg class="w-5 h-5 text-green-500 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M5 13l4 4L19 7" />
            </svg>
            <span>Fast batch processing</span>
          </div>
        </div>
      </div>
    </div>
  </section>

  
  <section id="windows-method" class="mb-16">
    <div class="method-card">
      <div class="flex items-center gap-3 mb-6">
        <div class="icon-container">
          <svg class="w-8 h-8 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
          </svg>
        </div>
        <h2 class="text-4xl font-bold">Method 2: Windows Built-in Tool</h2>
      </div>

      <div class="mb-6">
        <span class="platform-badge badge-windows">Windows 10/11</span>
      </div>

      <p class="text-gray-700 mb-6 text-lg">
        Windows includes a native feature to remove properties and personal information from files. It's simple but has limitations.
      </p>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">1</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Right-Click the Photo</h3>
            <p class="text-gray-700">
              Locate the photo in File Explorer, right-click it, and select <strong>Properties</strong> from the context menu.
            </p>
          </div>
        </div>
      </div>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">2</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Open Details Tab</h3>
            <p class="text-gray-700">
              Click the <strong>Details</strong> tab at the top of the Properties window. You'll see all the EXIF metadata fields listed here.
            </p>
          </div>
        </div>
      </div>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">3</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Remove Properties</h3>
            <p class="text-gray-700 mb-4">
              Click the link at the bottom that says <strong>"Remove Properties and Personal Information"</strong>. A dialog box will appear with two options:
            </p>
            <ul class="list-disc list-inside text-gray-700 space-y-2">
              <li><strong>Create a copy with all possible properties removed:</strong> Creates a new file without metadata</li>
              <li><strong>Remove the following properties from this file:</strong> Selectively removes specific EXIF fields</li>
            </ul>
          </div>
        </div>
      </div>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">4</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Save Changes</h3>
            <p class="text-gray-700">
              Select your preferred option and click <strong>OK</strong>. Windows will remove the metadata and save your changes.
            </p>
          </div>
        </div>
      </div>

      <div class="bg-yellow-50 border-l-4 border-yellow-500 p-6 rounded-r-xl mt-6">
        <p class="text-gray-800">
          <strong>Limitation:</strong> Windows may not remove all EXIF data fields. For complete metadata removal, use a browser-based tool or third-party software. Learn more in our <a href="/windows-exif-removal-guide" class="text-red-600 font-semibold hover:underline">Windows EXIF removal guide</a>.
        </p>
      </div>
    </div>
  </section>

  
  <section id="mac-method" class="mb-16">
    <div class="method-card">
      <div class="flex items-center gap-3 mb-6">
        <div class="icon-container">
          <svg class="w-8 h-8 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
          </svg>
        </div>
        <h2 class="text-4xl font-bold">Method 3: Mac Preview & Photos</h2>
      </div>

      <div class="mb-6">
        <span class="platform-badge badge-mac">macOS</span>
      </div>

      <p class="text-gray-700 mb-6 text-lg">
        Mac users have two built-in options: Preview for quick editing and Photos for batch processing. Both methods are straightforward but have different strengths.
      </p>

      <h3 class="text-2xl font-semibold mb-4">Option A: Using Preview</h3>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">1</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Open Photo in Preview</h3>
            <p class="text-gray-700">
              Right-click your photo and select <strong>Open With → Preview</strong>, or simply double-click the image to open it in Preview.
            </p>
          </div>
        </div>
      </div>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">2</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Access Inspector</h3>
            <p class="text-gray-700 mb-4">
              Click <strong>Tools</strong> in the menu bar, then select <strong>Show Inspector</strong> (or press Command + I). Click the Info tab (ⓘ icon) to view EXIF data.
            </p>
          </div>
        </div>
      </div>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">3</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Remove Location Data</h3>
            <p class="text-gray-700">
              In the Inspector, look for the GPS tab. Click <strong>Remove Location Info</strong> to delete GPS coordinates. Note: This only removes location data, not all EXIF metadata.
            </p>
          </div>
        </div>
      </div>

      <h3 class="text-2xl font-semibold mb-4 mt-8">Option B: Using Photos App</h3>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">1</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Import Photos</h3>
            <p class="text-gray-700">
              Open the Photos app and import the images you want to process. You can drag and drop or use File → Import.
            </p>
          </div>
        </div>
      </div>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">2</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Select and Export</h3>
            <p class="text-gray-700">
              Select the photos you want to export, click <strong>File → Export → Export [X] Photos</strong>.
            </p>
          </div>
        </div>
      </div>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">3</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Configure Export Settings</h3>
            <p class="text-gray-700 mb-4">
              In the export dialog, look for <strong>Location Info</strong> dropdown and select <strong>"None"</strong> or uncheck <strong>"Include location information"</strong>. This removes GPS data from the exported copies.
            </p>
          </div>
        </div>
      </div>

      <div class="bg-yellow-50 border-l-4 border-yellow-500 p-6 rounded-r-xl mt-6">
        <p class="text-gray-800">
          <strong>Limitation:</strong> Mac's built-in tools focus on location data. For complete EXIF removal including camera details and timestamps, check out our detailed <a href="/mac-exif-removal-guide" class="text-red-600 font-semibold hover:underline">Mac EXIF removal guide</a>.
        </p>
      </div>
    </div>
  </section>

  
  <section id="iphone-method" class="mb-16">
    <div class="method-card">
      <div class="flex items-center gap-3 mb-6">
        <div class="icon-container">
          <svg class="w-8 h-8 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z" />
          </svg>
        </div>
        <h2 class="text-4xl font-bold">Method 4: iPhone EXIF Removal</h2>
      </div>

      <div class="mb-6">
        <span class="platform-badge badge-ios">iOS/iPadOS</span>
      </div>

      <p class="text-gray-700 mb-6 text-lg">
        iPhones don't have a built-in way to remove all EXIF data, but you can strip location information using the Photos app when sharing.
      </p>

      <h3 class="text-2xl font-semibold mb-4">Quick Method: Remove Location When Sharing</h3>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">1</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Select Photo</h3>
            <p class="text-gray-700">
              Open the Photos app and select the image you want to share.
            </p>
          </div>
        </div>
      </div>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">2</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Tap Share Button</h3>
            <p class="text-gray-700">
              Tap the share icon (box with arrow pointing up) at the bottom of the screen.
            </p>
          </div>
        </div>
      </div>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">3</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Access Options</h3>
            <p class="text-gray-700">
              At the top of the share sheet, tap <strong>Options</strong>. You'll see a toggle for "Location".
            </p>
          </div>
        </div>
      </div>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">4</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Disable Location</h3>
            <p class="text-gray-700">
              Toggle off <strong>Location</strong> to remove GPS coordinates from the shared photo. Then proceed with sharing.
            </p>
          </div>
        </div>
      </div>

      <h3 class="text-2xl font-semibold mb-4 mt-8">Complete EXIF Removal: Use Apps or Browser Tools</h3>

      <p class="text-gray-700 mb-6">
        For complete EXIF removal (not just location), you have two options:
      </p>

      <div class="bg-white rounded-xl p-6 mb-4">
        <h4 class="font-semibold mb-3">Option 1: Browser-Based Tool</h4>
        <p class="text-gray-700">
          Open Safari and visit <a href="/#exif-remover" class="text-red-600 font-semibold hover:underline">ExifRemoval.com</a>. Upload photos from your iPhone and download the cleaned versions—all processing happens in your browser.
        </p>
      </div>

      <div class="bg-white rounded-xl p-6">
        <h4 class="font-semibold mb-3">Option 2: Dedicated Apps</h4>
        <p class="text-gray-700 mb-3">
          Download EXIF removal apps from the App Store like Metapho, ViewExif, or Photo Exif Editor. These apps provide complete metadata removal and batch processing.
        </p>
      </div>

      <div class="bg-blue-50 border-l-4 border-blue-500 p-6 rounded-r-xl mt-6">
        <p class="text-gray-800">
          <strong>Learn more:</strong> Check our comprehensive <a href="/iphone-exif-removal-guide" class="text-red-600 font-semibold hover:underline">iPhone EXIF removal guide</a> for detailed app reviews and step-by-step tutorials.
        </p>
      </div>
    </div>
  </section>

  
  <section id="android-method" class="mb-16">
    <div class="method-card">
      <div class="flex items-center gap-3 mb-6">
        <div class="icon-container">
          <svg class="w-8 h-8 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z" />
          </svg>
        </div>
        <h2 class="text-4xl font-bold">Method 5: Android EXIF Removal</h2>
      </div>

      <div class="mb-6">
        <span class="platform-badge badge-android">Android</span>
      </div>

      <p class="text-gray-700 mb-6 text-lg">
        Android offers more flexibility than iOS, with some gallery apps including built-in EXIF removal features.
      </p>

      <h3 class="text-2xl font-semibold mb-4">Method A: Google Photos</h3>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">1</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Open Google Photos</h3>
            <p class="text-gray-700">
              Open the Google Photos app and select the photo you want to edit.
            </p>
          </div>
        </div>
      </div>

      <div class="step-card">
        <div class="flex gap-4 items-start">
          <div class="step-number">2</div>
          <div class="flex-1">
            <h3 class="text-xl font-semibold mb-2">Remove Location</h3>
            <p class="text-gray-700">
              Tap the three-dot menu (⋮) and select "Remove location" to strip GPS coordinates. Note: This only removes location data, not all EXIF metadata.
            </p>
          </div>
        </div>
      </div>

      <h3 class="text-2xl font-semibold mb-4 mt-8">Method B: Dedicated Android Apps</h3>

      <p class="text-gray-700 mb-6">
        For complete EXIF removal, download a dedicated app from the Google Play Store:
      </p>

      <div class="grid md:grid-cols-2 gap-4 mb-6">
        <div class="bg-white rounded-xl p-6 border border-gray-200">
          <h4 class="font-semibold mb-2">Scrambled Exif</h4>
          <p class="text-gray-600 text-sm mb-2">Removes all metadata with a simple share action</p>
          <span class="text-green-600 font-semibold">Free</span>
        </div>

        <div class="bg-white rounded-xl p-6 border border-gray-200">
          <h4 class="font-semibold mb-2">Photo Exif Editor</h4>
          <p class="text-gray-600 text-sm mb-2">View, edit, and remove EXIF data with batch support</p>
          <span class="text-green-600 font-semibold">Free</span>
        </div>

        <div class="bg-white rounded-xl p-6 border border-gray-200">
          <h4 class="font-semibold mb-2">Image Privacy</h4>
          <p class="text-gray-600 text-sm mb-2">Clean metadata before sharing on social media</p>
          <span class="text-green-600 font-semibold">Free</span>
        </div>

        <div class="bg-white rounded-xl p-6 border border-gray-200">
          <h4 class="font-semibold mb-2">EXIF Eraser</h4>
          <p class="text-gray-600 text-sm mb-2">Quick metadata removal with share integration</p>
          <span class="text-green-600 font-semibold">Free</span>
        </div>
      </div>

      <h3 class="text-2xl font-semibold mb-4">Using Browser Tools on Android</h3>

      <p class="text-gray-700 mb-6">
        You can also use browser-based EXIF removers like <a href="/#exif-remover" class="text-red-600 font-semibold hover:underline">ExifRemoval.com</a> directly in Chrome or Firefox on your Android device. Simply upload photos and download the cleaned versions.
      </p>
    </div>
  </section>

  
  <section id="command-line-method" class="mb-16">
    <div class="method-card">
      <div class="flex items-center gap-3 mb-6">
        <div class="icon-container">
          <svg class="w-8 h-8 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
          </svg>
        </div>
        <h2 class="text-4xl font-bold">Method 6: Command-Line Tools (Advanced)</h2>
      </div>

      <div class="mb-6">
        <span class="platform-badge badge-windows">Windows</span>
        <span class="platform-badge badge-mac">macOS</span>
        <span class="platform-badge badge-linux">Linux</span>
      </div>

      <p class="text-gray-700 mb-6 text-lg">
        For power users and batch processing of large photo collections, ExifTool is the industry-standard command-line utility for comprehensive metadata management.
      </p>

      <h3 class="text-2xl font-semibold mb-4">Installing ExifTool</h3>

      <div class="bg-white rounded-xl p-6 mb-6">
        <div class="mb-4">
          <h4 class="font-semibold mb-2">Windows</h4>
          <p class="text-gray-700 text-sm mb-2">Download from <a href="https://exiftool.org/" target="_blank" rel="noopener noreferrer" class="text-red-600 hover:underline">exiftool.org</a> and add to PATH, or use:</p>
          <div class="code-block">
            <code>choco install exiftool</code>
          </div>
        </div>

        <div class="mb-4">
          <h4 class="font-semibold mb-2">macOS</h4>
          <p class="text-gray-700 text-sm mb-2">Install using Homebrew:</p>
          <div class="code-block">
            <code>brew install exiftool</code>
          </div>
        </div>

        <div>
          <h4 class="font-semibold mb-2">Linux</h4>
          <p class="text-gray-700 text-sm mb-2">Install via package manager:</p>
          <div class="code-block">
            <code>sudo apt install libimage-exiftool-perl</code>
          </div>
        </div>
      </div>

      <h3 class="text-2xl font-semibold mb-4">Common ExifTool Commands</h3>

      <div class="bg-white rounded-xl p-6 mb-4">
        <h4 class="font-semibold mb-3">Remove All EXIF Data from Single Image</h4>
        <div class="code-block">
          <code>exiftool -all= photo.jpg</code>
        </div>
        <p class="text-gray-600 text-sm mt-3">This removes all metadata and creates a backup with "_original" suffix.</p>
      </div>

      <div class="bg-white rounded-xl p-6 mb-4">
        <h4 class="font-semibold mb-3">Remove EXIF from All Photos in Directory</h4>
        <div class="code-block">
          <code>exiftool -all= *.jpg</code>
        </div>
        <p class="text-gray-600 text-sm mt-3">Processes all JPEG files in the current directory.</p>
      </div>

      <div class="bg-white rounded-xl p-6 mb-4">
        <h4 class="font-semibold mb-3">Remove EXIF Without Creating Backup</h4>
        <div class="code-block">
          <code>exiftool -all= -overwrite_original photo.jpg</code>
        </div>
        <p class="text-gray-600 text-sm mt-3">Removes metadata without keeping the original file.</p>
      </div>

      <div class="bg-white rounded-xl p-6 mb-4">
        <h4 class="font-semibold mb-3">Remove Only GPS Data</h4>
        <div class="code-block">
          <code>exiftool -gps:all= photo.jpg</code>
        </div>
        <p class="text-gray-600 text-sm mt-3">Keeps camera and technical data but removes location information.</p>
      </div>

      <div class="bg-blue-50 border-l-4 border-blue-500 p-6 rounded-r-xl mt-6">
        <p class="text-gray-800">
          <strong>Pro tip:</strong> ExifTool is the most comprehensive solution for EXIF removal. It handles all image formats and provides granular control over exactly which metadata fields to remove.
        </p>
      </div>
    </div>
  </section>

  
  <section id="method-comparison" class="mb-16">
    <h2 class="text-4xl font-bold mb-8">Method Comparison: Which One Should You Use?</h2>

    <div class="overflow-x-auto">
      <table class="w-full bg-white rounded-2xl overflow-hidden shadow-lg">
        <thead>
          <tr class="bg-gradient-to-r from-red-600 to-orange-500 text-white">
            <th class="p-4 text-left">Method</th>
            <th class="p-4 text-left">Speed</th>
            <th class="p-4 text-left">Complete Removal</th>
            <th class="p-4 text-left">Batch Support</th>
            <th class="p-4 text-left">Best For</th>
          </tr>
        </thead>
        <tbody>
          <tr class="border-b border-gray-200 hover:bg-red-50">
            <td class="p-4 font-semibold">Browser Tool</td>
            <td class="p-4">
              <span class="text-green-600">⚡⚡⚡ Fast</span>
            </td>
            <td class="p-4">
              <span class="text-green-600">✓ Yes</span>
            </td>
            <td class="p-4">
              <span class="text-green-600">✓ Yes</span>
            </td>
            <td class="p-4">Everyone, quick tasks</td>
          </tr>
          <tr class="border-b border-gray-200 hover:bg-red-50">
            <td class="p-4 font-semibold">Windows Built-in</td>
            <td class="p-4">
              <span class="text-yellow-600">⚡⚡ Medium</span>
            </td>
            <td class="p-4">
              <span class="text-red-600">✗ Partial</span>
            </td>
            <td class="p-4">
              <span class="text-red-600">✗ No</span>
            </td>
            <td class="p-4">Single files, basic needs</td>
          </tr>
          <tr class="border-b border-gray-200 hover:bg-red-50">
            <td class="p-4 font-semibold">Mac Preview</td>
            <td class="p-4">
              <span class="text-yellow-600">⚡⚡ Medium</span>
            </td>
            <td class="p-4">
              <span class="text-red-600">✗ Location only</span>
            </td>
            <td class="p-4">
              <span class="text-red-600">✗ No</span>
            </td>
            <td class="p-4">Quick location removal</td>
          </tr>
          <tr class="border-b border-gray-200 hover:bg-red-50">
            <td class="p-4 font-semibold">iPhone Photos</td>
            <td class="p-4">
              <span class="text-green-600">⚡⚡⚡ Fast</span>
            </td>
            <td class="p-4">
              <span class="text-red-600">✗ Location only</span>
            </td>
            <td class="p-4">
              <span class="text-yellow-600">~ Limited</span>
            </td>
            <td class="p-4">Quick sharing</td>
          </tr>
          <tr class="border-b border-gray-200 hover:bg-red-50">
            <td class="p-4 font-semibold">Android Apps</td>
            <td class="p-4">
              <span class="text-green-600">⚡⚡⚡ Fast</span>
            </td>
            <td class="p-4">
              <span class="text-green-600">✓ Yes (varies)</span>
            </td>
            <td class="p-4">
              <span class="text-yellow-600">~ Varies by app</span>
            </td>
            <td class="p-4">Mobile workflows</td>
          </tr>
          <tr class="hover:bg-red-50">
            <td class="p-4 font-semibold">ExifTool</td>
            <td class="p-4">
              <span class="text-green-600">⚡⚡⚡ Very Fast</span>
            </td>
            <td class="p-4">
              <span class="text-green-600">✓ Complete</span>
            </td>
            <td class="p-4">
              <span class="text-green-600">✓ Excellent</span>
            </td>
            <td class="p-4">Power users, large batches</td>
          </tr>
        </tbody>
      </table>
    </div>

    <div class="mt-8 grid md:grid-cols-3 gap-6">
      <div class="feature-card text-center">
        <div class="text-4xl mb-3">🏆</div>
        <h3 class="font-semibold mb-2">Best Overall</h3>
        <p class="text-gray-600">Browser-based tools for most users</p>
      </div>

      <div class="feature-card text-center">
        <div class="text-4xl mb-3">⚡</div>
        <h3 class="font-semibold mb-2">Best for Batch</h3>
        <p class="text-gray-600">ExifTool for large collections</p>
      </div>

      <div class="feature-card text-center">
        <div class="text-4xl mb-3">📱</div>
        <h3 class="font-semibold mb-2">Best for Mobile</h3>
        <p class="text-gray-600">Android apps or browser tools</p>
      </div>
    </div>
  </section>

  
  <section id="best-practices" class="mb-16">
    <h2 class="text-4xl font-bold mb-8 flex items-center gap-3">
      <div class="icon-container">
        <svg class="w-8 h-8 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
        </svg>
      </div>
      Best Practices for EXIF Removal
    </h2>

    <div class="grid md:grid-cols-2 gap-8">
      <div class="feature-card">
        <h3 class="text-xl font-semibold mb-4">✓ Do This</h3>
        <ul class="space-y-3">
          <li class="flex items-start gap-2">
            <svg class="w-5 h-5 text-green-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M5 13l4 4L19 7" />
            </svg>
            <span>Remove EXIF before sharing photos publicly</span>
          </li>
          <li class="flex items-start gap-2">
            <svg class="w-5 h-5 text-green-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M5 13l4 4L19 7" />
            </svg>
            <span>Keep original photos with metadata in a private backup</span>
          </li>
          <li class="flex items-start gap-2">
            <svg class="w-5 h-5 text-green-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M5 13l4 4L19 7" />
            </svg>
            <span>Use browser-based tools that process locally</span>
          </li>
          <li class="flex items-start gap-2">
            <svg class="w-5 h-5 text-green-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M5 13l4 4L19 7" />
            </svg>
            <span>Verify metadata removal with a EXIF viewer after processing</span>
          </li>
          <li class="flex items-start gap-2">
            <svg class="w-5 h-5 text-green-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M5 13l4 4L19 7" />
            </svg>
            <span>Create a workflow that makes EXIF removal automatic</span>
          </li>
        </ul>
      </div>

      <div class="feature-card">
        <h3 class="text-xl font-semibold mb-4">✗ Avoid This</h3>
        <ul class="space-y-3">
          <li class="flex items-start gap-2">
            <svg class="w-5 h-5 text-red-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M6 18L18 6M6 6l12 12" />
            </svg>
            <span>Uploading photos to unknown web services</span>
          </li>
          <li class="flex items-start gap-2">
            <svg class="w-5 h-5 text-red-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M6 18L18 6M6 6l12 12" />
            </svg>
            <span>Assuming platforms remove EXIF automatically</span>
          </li>
          <li class="flex items-start gap-2">
            <svg class="w-5 h-5 text-red-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M6 18L18 6M6 6l12 12" />
            </svg>
            <span>Relying only on partial removal methods (Windows built-in tool)</span>
          </li>
          <li class="flex items-start gap-2">
            <svg class="w-5 h-5 text-red-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M6 18L18 6M6 6l12 12" />
            </svg>
            <span>Forgetting to remove metadata from screenshots</span>
          </li>
          <li class="flex items-start gap-2">
            <svg class="w-5 h-5 text-red-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M6 18L18 6M6 6l12 12" />
            </svg>
            <span>Sharing photos directly from camera without checking metadata</span>
          </li>
        </ul>
      </div>
    </div>
  </section>

  
  <section id="faq" class="mb-16">
    <h2 class="text-4xl font-bold mb-8 flex items-center gap-3">
      <div class="icon-container">
        <svg class="w-8 h-8 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
      </div>
      Frequently Asked Questions
    </h2>

    <div class="space-y-6">
      <div class="faq-item">
        <h3 class="text-xl font-semibold mb-3">What happens if I don't remove EXIF data from my photos?</h3>
        <p class="text-gray-700">
          Photos shared online with EXIF data intact can reveal your exact location, the device you used, and when the photo was taken. While this might not matter for some photos, it's a privacy risk for images that show your home, workplace, or regular locations. Malicious actors could use this information to track your movements, identify patterns, or locate you physically.
        </p>
      </div>

      <div class="faq-item">
        <h3 class="text-xl font-semibold mb-3">Does removing EXIF data reduce image quality?</h3>
        <p class="text-gray-700">
          No, removing EXIF data does not affect image quality at all. EXIF metadata is stored separately from the actual image pixels. When you strip EXIF data, you're only deleting text information attached to the file—the visual content remains completely unchanged. In fact, removing EXIF data typically reduces file size by 5-15KB without any visible difference.
        </p>
      </div>

      <div class="faq-item">
        <h3 class="text-xl font-semibold mb-3">Can I selectively remove only GPS data and keep camera settings?</h3>
        <p class="text-gray-700">
          Yes, tools like ExifTool and some dedicated apps allow selective EXIF removal. This is useful for photographers who want to preserve technical information (aperture, ISO, shutter speed) for portfolio purposes while removing privacy-sensitive data like GPS coordinates. Use the command <code class="bg-gray-100 px-2 py-1 rounded">exiftool -gps:all= photo.jpg</code> to remove only location data.
        </p>
      </div>

      <div class="faq-item">
        <h3 class="text-xl font-semibold mb-3">Which platforms automatically remove EXIF data when I upload photos?</h3>
        <p class="text-gray-700">
          Facebook, Instagram, Twitter/X, and Reddit automatically strip EXIF data from uploaded photos. However, Discord, WhatsApp (sometimes), email attachments, and most cloud storage services preserve EXIF data. Never assume a platform removes metadata—always strip EXIF manually before uploading to be safe. Different platforms have different policies, and these can change without notice.
        </p>
      </div>

      <div class="faq-item">
        <h3 class="text-xl font-semibold mb-3">Is there a free way to remove EXIF data from photos?</h3>
        <p class="text-gray-700">
          Yes, there are multiple free options. Browser-based tools like <a href="/#exif-remover" class="text-red-600 font-semibold hover:underline">ExifRemoval.com</a> are completely free and require no installation. Windows and Mac have built-in tools (though limited). ExifTool is free and open-source for command-line users. Many mobile apps offer free EXIF removal with optional paid features for advanced functionality.
        </p>
      </div>

      <div class="faq-item">
        <h3 class="text-xl font-semibold mb-3">How can I verify that EXIF data was actually removed?</h3>
        <p class="text-gray-700">
          After removing EXIF data, verify the removal by checking the file properties. On Windows, right-click the image and view Properties → Details. On Mac, use Preview's Inspector (Tools → Show Inspector → Info tab). You can also use online EXIF viewers or command-line tools like <code class="bg-gray-100 px-2 py-1 rounded">exiftool -a photo.jpg</code> to view all metadata fields. The output should show minimal or no EXIF information.
        </p>
      </div>

      <div class="faq-item">
        <h3 class="text-xl font-semibold mb-3">Can I remove EXIF data from iPhone Live Photos?</h3>
        <p class="text-gray-700">
          Live Photos contain both a photo and a video component, each with their own metadata. To remove EXIF from Live Photos, you'll need to either convert them to regular photos first (by duplicating as still image in Photos app), or use specialized apps that handle both components. Browser-based tools can process the still image portion after you export it as a JPEG.
        </p>
      </div>

      <div class="faq-item">
        <h3 class="text-xl font-semibold mb-3">Should I remove EXIF data from photos before posting them on dating apps?</h3>
        <p class="text-gray-700">
          Absolutely. Dating apps don't always remove EXIF data from profile photos, especially if uploaded through certain methods. Photos with GPS data could reveal your home address to anyone who views your profile. Always remove EXIF data before uploading photos to dating apps, marketplace listings, or any platform where you're connecting with strangers. Learn more in our <a href="/blog/exif-removal-fundamentals" class="text-red-600 font-semibold hover:underline">EXIF removal fundamentals guide</a>.
        </p>
      </div>
    </div>
  </section>

  
  <section class="mb-16">
    <h2 class="text-3xl font-bold mb-8">Learn More About EXIF Data</h2>

    <div class="grid md:grid-cols-2 gap-6">
      <a href="/blog/exif-removal-fundamentals" class="feature-card group">
        <h3 class="text-xl font-semibold mb-3 group-hover:text-red-600 transition-colors">EXIF Removal Fundamentals</h3>
        <p class="text-gray-600">Comprehensive guide covering everything you need to know about EXIF data and why removing it matters for your privacy.</p>
      </a>

      <a href="/blog/why-remove-exif-data" class="feature-card group">
        <h3 class="text-xl font-semibold mb-3 group-hover:text-red-600 transition-colors">Why Remove EXIF Data</h3>
        <p class="text-gray-600">Understand the privacy risks of EXIF metadata and learn when you should remove it from your photos.</p>
      </a>

      <a href="/mac-exif-removal-guide" class="feature-card group">
        <h3 class="text-xl font-semibold mb-3 group-hover:text-red-600 transition-colors">Mac EXIF Removal Guide</h3>
        <p class="text-gray-600">Complete guide to removing EXIF data on macOS using Preview, Photos, Terminal, and third-party tools.</p>
      </a>

      <a href="/windows-exif-removal-guide" class="feature-card group">
        <h3 class="text-xl font-semibold mb-3 group-hover:text-red-600 transition-colors">Windows EXIF Removal Guide</h3>
        <p class="text-gray-600">Step-by-step instructions for removing EXIF data on Windows 10 and 11 using built-in and free tools.</p>
      </a>
    </div>
  </section>

  
  <section class="cta-section mb-16">
    <h2 class="text-4xl font-bold mb-4">Ready to Remove EXIF Data from Your Photos?</h2>
    <p class="text-xl mb-8 opacity-90">
      Use our free browser-based tool to instantly remove EXIF data from your photos. No uploads, no registration, complete privacy. Process single images or batches of 100+ photos in seconds.
    </p>
    <a href="/#exif-remover" class="inline-flex items-center bg-white text-red-600 px-8 py-4 rounded-full font-semibold hover:shadow-lg transition-all">
      Remove EXIF Data Now
      <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M13 7l5 5m0 0l-5 5m5-5H6" />
      </svg>
    </a>
  </section>
</div>


<aside class="hidden lg:block fade-in-up">
  <div class="sticky-nav bg-white rounded-2xl p-6 shadow-lg">
    <h3 class="font-semibold text-lg mb-4 text-gray-900">On This Page</h3>
    <nav class="space-y-1">
      <a href="#browser-method" class="nav-item block">Browser-Based Tool</a>
      <a href="#windows-method" class="nav-item block">Windows</a>
      <a href="#mac-method" class="nav-item block">Mac</a>
      <a href="#iphone-method" class="nav-item block">iPhone</a>
      <a href="#android-method" class="nav-item block">Android</a>
      <a href="#command-line-method" class="nav-item block">Command Line</a>
      <a href="#method-comparison" class="nav-item block">Method Comparison</a>
      <a href="#best-practices" class="nav-item block">Best Practices</a>
      <a href="#faq" class="nav-item block">FAQ</a>
    </nav>

    <div class="mt-8 p-6 bg-gradient-to-br from-red-50 to-orange-50 rounded-xl">
      <h4 class="font-semibold mb-3">Quick Action</h4>
      <p class="text-sm text-gray-700 mb-4">Remove EXIF data from your photos right now</p>
      <a href="/#exif-remover" class="block text-center bg-red-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-red-700 transition-colors">
        Try EXIF Remover
      </a>
    </div>
  </div>
</aside>