diff --git a/hero.jpg b/hero.jpg
new file mode 100644
index 0000000..7c88c6b
Binary files /dev/null and b/hero.jpg differ
diff --git a/index.html b/index.html
index d3cd015..b7207c8 100644
--- a/index.html
+++ b/index.html
@@ -33,7 +33,7 @@
         <p class="text-xl mb-6">
           Simplify your document workflow. Organize and centralize your files and effortlessly go paperless.
         </p>
-        <img src="hero.png" alt="Hero Illustration" class="mx-auto rounded-xl shadow-lg w-full max-w-3xl" />
+        <img src="hero.jpg" alt="Hero Illustration" class="mx-auto rounded-xl shadow-lg w-full max-w-3xl" />
       </div>
     </section>
 
@@ -47,7 +47,7 @@
               class="bg-gray-50 rounded-xl shadow p-6 text-center opacity-0 transform translate-x-52 transition-all duration-1000 ease-out"
               x-intersect.once="$el.classList.add('opacity-100', 'translate-x-0')"
             >
-              <img src="story1.png" alt="Christian scanning documents" class="rounded-lg mb-6 w-full max-w-md mx-auto">
+              <img src="story1.jpg" alt="Christian scanning documents" class="rounded-lg mb-6 w-full max-w-md mx-auto">
               <p class="text-base text-gray-700">
                 Christian always believed in staying organized. Long before cloud storage and paperless offices became trendy, he had developed a meticulous routine: every invoice, receipt, and letter was scanned and saved as <code>scan-YYYYMMDDHHMMSS.pdf</code>.
               </p>
@@ -57,7 +57,7 @@
               class="bg-gray-50 rounded-xl shadow p-6 text-center opacity-0 transform -translate-x-52 transition-all duration-1000 ease-out"
               x-intersect.once="$el.classList.add('opacity-100', 'translate-x-0')"
             >
-              <img src="story2.png" alt="Overwhelmed Christian" class="rounded-lg mb-6 w-full max-w-md mx-auto">
+              <img src="story2.jpg" alt="Overwhelmed Christian" class="rounded-lg mb-6 w-full max-w-md mx-auto">
               <p class="text-base text-gray-700">
                 But as the years went by, the volume grew. What started as a neat system became a digital jungle. Naming conventions slipped. Folders named “Misc” multiplied. Searching became a nightmare.
               </p>
@@ -67,7 +67,7 @@
               class="bg-gray-50 rounded-xl shadow p-6 text-center opacity-0 transform translate-x-52 transition-all duration-1000 ease-out"
               x-intersect.once="$el.classList.add('opacity-100', 'translate-x-0')"
             >
-              <img src="story3.png" alt="Christian buried in documents" class="rounded-lg mb-6 w-full max-w-md mx-auto">
+              <img src="story3.jpg" alt="Christian buried in documents" class="rounded-lg mb-6 w-full max-w-md mx-auto">
               <p class="text-base text-gray-700">
                 Eventually, even finding a single document felt like digging through sand. OCR helped a little, but couldn’t understand context. Christian tried to reorganize, but the mess just grew. He wasn’t alone—others shared his pain.
               </p>
@@ -77,7 +77,7 @@
               class="bg-gray-50 rounded-xl shadow p-6 text-center opacity-0 transform -translate-x-52 transition-all duration-1000 ease-out"
               x-intersect.once="$el.classList.add('opacity-100', 'translate-x-0')"
             >
-              <img src="story4.png" alt="Happy Christian using DocuElevate" class="rounded-lg mb-6 w-full max-w-md mx-auto">
+              <img src="story4.jpg" alt="Happy Christian using DocuElevate" class="rounded-lg mb-6 w-full max-w-md mx-auto">
               <p class="text-base text-gray-700">
                 Then came the breakthrough. With intelligent document processing, files were auto-tagged, renamed, and neatly filed. Christian could finally find anything in seconds—and get back to what really matters.
               </p>
@@ -134,19 +134,19 @@
             </p>
             <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8">
               <div class="bg-gray-100 rounded-xl p-4 shadow">
-                <img src="workflow/scanner.png" alt="Scanner Upload" class="w-full h-auto rounded-lg mb-4">
+                <img src="workflow/scanner.jpg" alt="Scanner Upload" class="w-full h-auto rounded-lg mb-4">
                 <p class="text-sm text-gray-600">Upload from scanners with ADF or direct scan-to-folder support.</p>
               </div>
               <div class="bg-gray-100 rounded-xl p-4 shadow">
-                <img src="workflow/gmail.png" alt="Gmail" class="w-full h-auto rounded-lg mb-4">
+                <img src="workflow/gmail.jpg" alt="Gmail" class="w-full h-auto rounded-lg mb-4">
                 <p class="text-sm text-gray-600">Connect Gmail inboxes and pull attachments using IMAP.</p>
               </div>
               <div class="bg-gray-100 rounded-xl p-4 shadow">
-                <img src="workflow/mailin.png" alt="Generic IMAP" class="w-full h-auto rounded-lg mb-4">
+                <img src="workflow/mailin.jpg" alt="Generic IMAP" class="w-full h-auto rounded-lg mb-4">
                 <p class="text-sm text-gray-600">Monitor any generic IMAP/POP3 mailbox for incoming documents.</p>
               </div>
               <div class="bg-gray-100 rounded-xl p-4 shadow">
-                <img src="workflow/upload.png" alt="FTP Upload" class="w-full h-auto rounded-lg mb-4">
+                <img src="workflow/upload.jpg" alt="FTP Upload" class="w-full h-auto rounded-lg mb-4">
                 <p class="text-sm text-gray-600">Upload files directly via web interface.</p>
               </div>
             </div>
@@ -159,7 +159,7 @@
               Inside the DocuElevate engine, your documents are transformed into structured data: OCR, metadata extraction, clean naming, and full-text indexing happen automatically.
             </p>
             <div class="bg-gray-100 rounded-xl p-6 shadow-lg">
-              <img src="workflow/processing.png" alt="Document Processing" class="mx-auto max-w-md sm:max-w-lg md:max-w-xl h-auto rounded-lg mb-6">
+              <img src="workflow/processing.jpg" alt="Document Processing" class="mx-auto max-w-md sm:max-w-lg md:max-w-xl h-auto rounded-lg mb-6">
               <ul class="text-left text-gray-700 text-base max-w-2xl mx-auto space-y-2 px-4">
                 <li>✓ PDF conversion via <strong>Gotenberg</strong></li>
                 <li>✓ OCR with <strong>Azure Document Intelligence</strong></li>
@@ -177,35 +177,35 @@
             </p>
             <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8">
               <div class="bg-gray-100 rounded-xl p-4 shadow">
-                <img src="workflow/dropbox.png" alt="Dropbox" class="w-full h-auto rounded-lg mb-4">
+                <img src="workflow/dropbox.jpg" alt="Dropbox" class="w-full h-auto rounded-lg mb-4">
                 <p class="text-sm text-gray-600">Instantly sync to Dropbox for personal or team use.</p>
               </div>
               <div class="bg-gray-100 rounded-xl p-4 shadow">
-                <img src="workflow/nextcloud.png" alt="Nextcloud" class="w-full h-auto rounded-lg mb-4">
+                <img src="workflow/nextcloud.jpg" alt="Nextcloud" class="w-full h-auto rounded-lg mb-4">
                 <p class="text-sm text-gray-600">Push to your own Nextcloud instance with tags.</p>
               </div>
               <div class="bg-gray-100 rounded-xl p-4 shadow">
-                <img src="workflow/paperless.png" alt="Paperless NGX" class="w-full h-auto rounded-lg mb-4">
+                <img src="workflow/paperless.jpg" alt="Paperless NGX" class="w-full h-auto rounded-lg mb-4">
                 <p class="text-sm text-gray-600">Hand off structured files to Paperless NGX for archiving.</p>
               </div>
               <div class="bg-gray-100 rounded-xl p-4 shadow">
-                <img src="workflow/onedrive.png" alt="OneDrive" class="w-full h-auto rounded-lg mb-4">
+                <img src="workflow/onedrive.jpg" alt="OneDrive" class="w-full h-auto rounded-lg mb-4">
                 <p class="text-sm text-gray-600">Export to Microsoft OneDrive for office integration.</p>
               </div>
               <div class="bg-gray-100 rounded-xl p-4 shadow">
-                <img src="workflow/googledrive.png" alt="Google Drive" class="w-full h-auto rounded-lg mb-4">
+                <img src="workflow/googledrive.jpg" alt="Google Drive" class="w-full h-auto rounded-lg mb-4">
                 <p class="text-sm text-gray-600">Route into folders in Google Drive automatically.</p>
               </div>
               <div class="bg-gray-100 rounded-xl p-4 shadow">
-                <img src="workflow/s3.png" alt="Amazon S3" class="w-full h-auto rounded-lg mb-4">
+                <img src="workflow/s3.jpg" alt="Amazon S3" class="w-full h-auto rounded-lg mb-4">
                 <p class="text-sm text-gray-600">Archive in Amazon S3 or MinIO with bucket rules.</p>
               </div>
               <div class="bg-gray-100 rounded-xl p-4 shadow">
-                <img src="workflow/email.png" alt="Email Forwarding" class="w-full h-auto rounded-lg mb-4">
+                <img src="workflow/email.jpg" alt="Email Forwarding" class="w-full h-auto rounded-lg mb-4">
                 <p class="text-sm text-gray-600">Send documents via email—great for approval loops or handoffs.</p>
               </div>
               <div class="bg-gray-100 rounded-xl p-4 shadow">
-                <img src="workflow/ftp.png" alt="FTP/SFTP" class="w-full h-auto rounded-lg mb-4">
+                <img src="workflow/ftp.jpg" alt="FTP/SFTP" class="w-full h-auto rounded-lg mb-4">
                 <p class="text-sm text-gray-600">Use FTP and SFTP for automated file delivery.</p>
               </div>
             </div>
diff --git a/hero.png b/orig/hero.png
similarity index 100%
rename from hero.png
rename to orig/hero.png
diff --git a/persona.png b/orig/persona.png
similarity index 100%
rename from persona.png
rename to orig/persona.png
diff --git a/story1.png b/orig/story1.png
similarity index 100%
rename from story1.png
rename to orig/story1.png
diff --git a/story2.png b/orig/story2.png
similarity index 100%
rename from story2.png
rename to orig/story2.png
diff --git a/story3.png b/orig/story3.png
similarity index 100%
rename from story3.png
rename to orig/story3.png
diff --git a/story4.png b/orig/story4.png
similarity index 100%
rename from story4.png
rename to orig/story4.png
diff --git a/persona.jpg b/persona.jpg
new file mode 100644
index 0000000..dad5f7e
Binary files /dev/null and b/persona.jpg differ
diff --git a/story1.jpg b/story1.jpg
new file mode 100644
index 0000000..1861ee7
Binary files /dev/null and b/story1.jpg differ
diff --git a/story2.jpg b/story2.jpg
new file mode 100644
index 0000000..73abd52
Binary files /dev/null and b/story2.jpg differ
diff --git a/story3.jpg b/story3.jpg
new file mode 100644
index 0000000..364358b
Binary files /dev/null and b/story3.jpg differ
diff --git a/story4.jpg b/story4.jpg
new file mode 100644
index 0000000..d674d33
Binary files /dev/null and b/story4.jpg differ
diff --git a/workflow/box.jpg b/workflow/box.jpg
new file mode 100644
index 0000000..74d862a
Binary files /dev/null and b/workflow/box.jpg differ
diff --git a/workflow/dropbox.jpg b/workflow/dropbox.jpg
new file mode 100644
index 0000000..872d873
Binary files /dev/null and b/workflow/dropbox.jpg differ
diff --git a/workflow/email.jpg b/workflow/email.jpg
new file mode 100644
index 0000000..85ddad4
Binary files /dev/null and b/workflow/email.jpg differ
diff --git a/workflow/factory.jpg b/workflow/factory.jpg
new file mode 100644
index 0000000..9911778
Binary files /dev/null and b/workflow/factory.jpg differ
diff --git a/workflow/folder.jpg b/workflow/folder.jpg
new file mode 100644
index 0000000..a1c4ee7
Binary files /dev/null and b/workflow/folder.jpg differ
diff --git a/workflow/ftp.jpg b/workflow/ftp.jpg
new file mode 100644
index 0000000..79cc24d
Binary files /dev/null and b/workflow/ftp.jpg differ
diff --git a/workflow/gmail.jpg b/workflow/gmail.jpg
new file mode 100644
index 0000000..1a7b798
Binary files /dev/null and b/workflow/gmail.jpg differ
diff --git a/workflow/googledrive.jpg b/workflow/googledrive.jpg
new file mode 100644
index 0000000..a0b9dae
Binary files /dev/null and b/workflow/googledrive.jpg differ
diff --git a/workflow/icloud.jpg b/workflow/icloud.jpg
new file mode 100644
index 0000000..8935611
Binary files /dev/null and b/workflow/icloud.jpg differ
diff --git a/workflow/mailin.jpg b/workflow/mailin.jpg
new file mode 100644
index 0000000..fb0a8c6
Binary files /dev/null and b/workflow/mailin.jpg differ
diff --git a/workflow/nextcloud.jpg b/workflow/nextcloud.jpg
new file mode 100644
index 0000000..13eb3a6
Binary files /dev/null and b/workflow/nextcloud.jpg differ
diff --git a/workflow/onedrive.jpg b/workflow/onedrive.jpg
new file mode 100644
index 0000000..b98d036
Binary files /dev/null and b/workflow/onedrive.jpg differ
diff --git a/workflow/box.png b/workflow/orig/box.png
similarity index 100%
rename from workflow/box.png
rename to workflow/orig/box.png
diff --git a/workflow/dropbox.png b/workflow/orig/dropbox.png
similarity index 100%
rename from workflow/dropbox.png
rename to workflow/orig/dropbox.png
diff --git a/workflow/email.png b/workflow/orig/email.png
similarity index 100%
rename from workflow/email.png
rename to workflow/orig/email.png
diff --git a/workflow/factory.png b/workflow/orig/factory.png
similarity index 100%
rename from workflow/factory.png
rename to workflow/orig/factory.png
diff --git a/workflow/folder.png b/workflow/orig/folder.png
similarity index 100%
rename from workflow/folder.png
rename to workflow/orig/folder.png
diff --git a/workflow/ftp.png b/workflow/orig/ftp.png
similarity index 100%
rename from workflow/ftp.png
rename to workflow/orig/ftp.png
diff --git a/workflow/gmail.png b/workflow/orig/gmail.png
similarity index 100%
rename from workflow/gmail.png
rename to workflow/orig/gmail.png
diff --git a/workflow/googledrive.png b/workflow/orig/googledrive.png
similarity index 100%
rename from workflow/googledrive.png
rename to workflow/orig/googledrive.png
diff --git a/workflow/icloud.png b/workflow/orig/icloud.png
similarity index 100%
rename from workflow/icloud.png
rename to workflow/orig/icloud.png
diff --git a/workflow/mailin.png b/workflow/orig/mailin.png
similarity index 100%
rename from workflow/mailin.png
rename to workflow/orig/mailin.png
diff --git a/workflow/nextcloud.png b/workflow/orig/nextcloud.png
similarity index 100%
rename from workflow/nextcloud.png
rename to workflow/orig/nextcloud.png
diff --git a/workflow/onedrive.png b/workflow/orig/onedrive.png
similarity index 100%
rename from workflow/onedrive.png
rename to workflow/orig/onedrive.png
diff --git a/workflow/paperless.png b/workflow/orig/paperless.png
similarity index 100%
rename from workflow/paperless.png
rename to workflow/orig/paperless.png
diff --git a/workflow/processing.png b/workflow/orig/processing.png
similarity index 100%
rename from workflow/processing.png
rename to workflow/orig/processing.png
diff --git a/workflow/rclone.png b/workflow/orig/rclone.png
similarity index 100%
rename from workflow/rclone.png
rename to workflow/orig/rclone.png
diff --git a/workflow/s3.png b/workflow/orig/s3.png
similarity index 100%
rename from workflow/s3.png
rename to workflow/orig/s3.png
diff --git a/workflow/scanner.png b/workflow/orig/scanner.png
similarity index 100%
rename from workflow/scanner.png
rename to workflow/orig/scanner.png
diff --git a/workflow/upload.png b/workflow/orig/upload.png
similarity index 100%
rename from workflow/upload.png
rename to workflow/orig/upload.png
diff --git a/workflow/webhook.png b/workflow/orig/webhook.png
similarity index 100%
rename from workflow/webhook.png
rename to workflow/orig/webhook.png
diff --git a/workflow/paperless.jpg b/workflow/paperless.jpg
new file mode 100644
index 0000000..42c780b
Binary files /dev/null and b/workflow/paperless.jpg differ
diff --git a/workflow/processing.jpg b/workflow/processing.jpg
new file mode 100644
index 0000000..c5e3c52
Binary files /dev/null and b/workflow/processing.jpg differ
diff --git a/workflow/rclone.jpg b/workflow/rclone.jpg
new file mode 100644
index 0000000..7ae4399
Binary files /dev/null and b/workflow/rclone.jpg differ
diff --git a/workflow/s3.jpg b/workflow/s3.jpg
new file mode 100644
index 0000000..ab55823
Binary files /dev/null and b/workflow/s3.jpg differ
diff --git a/workflow/scanner.jpg b/workflow/scanner.jpg
new file mode 100644
index 0000000..b3d604e
Binary files /dev/null and b/workflow/scanner.jpg differ
diff --git a/workflow/upload.jpg b/workflow/upload.jpg
new file mode 100644
index 0000000..090e9dd
Binary files /dev/null and b/workflow/upload.jpg differ
diff --git a/workflow/webhook.jpg b/workflow/webhook.jpg
new file mode 100644
index 0000000..6f3f1fb
Binary files /dev/null and b/workflow/webhook.jpg differ