Optimized main images for size

2025-04-07 01:40:30 +02:00
parent 8876a1121c
commit 581bdb92b0
51 changed files with 18 additions and 18 deletions
@@ -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>