From 8ab681ed00626cb66b2280ff2167871adc04fc7f Mon Sep 17 00:00:00 2001
From: Ahmed DCHAR <a.dchar@groupe-abeo.com>
Date: Fri, 7 Nov 2025 10:58:20 +0100
Subject: [PATCH] Change pricing data

---
 index.html | 64 ++++++++++++++++++++++++++++++++++++++++--------------
 1 file changed, 48 insertions(+), 16 deletions(-)

diff --git a/index.html b/index.html
index ef25212..d881271 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
 
   <!-- Open Graph / Facebook -->
   <meta property="og:type" content="website">
-  <meta property="og:url" content="https://yourapp.com/">
+  <meta property="og:url" content="https://ezsepa.com/">
   <meta property="og:title" content="EzSepa Bank Payment for Shopify | SEPA QR payments & analytics">
   <meta property="og:description"
     content="Generate SEPA EPC QR codes and let customers pay by bank transfer directly from the thank-you page — simple, secure, analytics-ready.">
@@ -18,7 +18,7 @@
 
   <!-- Twitter -->
   <meta property="twitter:card" content="summary_large_image">
-  <meta property="twitter:url" content="https://yourapp.com/">
+  <meta property="twitter:url" content="https://ezsepa.com/">
   <meta property="twitter:title" content="EzSepa Bank Payment for Shopify | SEPA QR payments & analytics">
   <meta property="twitter:description"
     content="Generate SEPA EPC QR codes and let customers pay by bank transfer directly from the thank-you page — simple, secure, analytics-ready.">
@@ -359,12 +359,12 @@
       </div>
 
       <!-- Screenshot Showcase -->
-      <div class="mt-16">
+      <!-- <div class="mt-16">
         <div class="bg-white rounded-2xl shadow-xl p-8 border border-gray-100">
           <img src="/assets/checkout.png" alt="Checkout extension showing SEPA QR code on thank you page"
             class="rounded-lg w-full" loading="lazy">
         </div>
-      </div>
+      </div> -->
     </div>
   </section>
 
@@ -421,7 +421,7 @@
         <div class="bg-white border-2 border-gray-200 rounded-xl p-8 hover:border-secondary transition-colors">
           <h3 class="text-2xl font-bold text-gray-900 mb-2">Starter</h3>
           <div class="mb-6">
-            <span class="text-4xl font-bold text-gray-900">€19</span>
+            <span class="text-4xl font-bold text-gray-900">€9.90</span>
             <span class="text-gray-600">/month</span>
           </div>
           <ul class="space-y-4 mb-8">
@@ -439,7 +439,7 @@
                   d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
                   clip-rule="evenodd"></path>
               </svg>
-              <span class="text-gray-600">Full analytics dashboard</span>
+              <span class="text-gray-600">Customizable QRCode</span>
             </li>
             <li class="flex items-start">
               <svg class="w-6 h-6 text-success mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
@@ -447,7 +447,23 @@
                   d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
                   clip-rule="evenodd"></path>
               </svg>
-              <span class="text-gray-600">Email support</span>
+              <span class="text-gray-600">Predefined templates</span>
+            </li>
+            <li class="flex items-start">
+              <svg class="w-6 h-6 text-success mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd"
+                  d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
+                  clip-rule="evenodd"></path>
+              </svg>
+              <span class="text-gray-600">Realtime analytics</span>
+            </li>
+            <li class="flex items-start">
+              <svg class="w-6 h-6 text-success mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd"
+                  d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
+                  clip-rule="evenodd"></path>
+              </svg>
+              <span class="text-gray-600">In-app support</span>
             </li>
           </ul>
           <a href="https://apps.shopify.com/auto-bank-payment"
@@ -458,44 +474,60 @@
 
         <!-- Premium Plan (Popular) -->
         <div
-          class="bg-gradient-to-br from-primary via-brand-orange-dark to-secondary border-2 border-primary rounded-xl p-8 relative shadow-xl transform lg:-translate-y-2">
+          class="bg-gradient-to-br from-primary via-brand-orange-dark to-secondary border-2 border-primary rounded-xl p-8 relative shadow-xl transform lg:-translate-y-2 text-white">
           <div class="absolute top-0 right-6 transform -translate-y-1/2">
             <span class="bg-secondary text-white px-4 py-1 rounded-full text-sm font-semibold">Popular</span>
           </div>
           <h3 class="text-2xl font-bold text-white mb-2">Grow</h3>
           <div class="mb-6">
-            <span class="text-4xl font-bold text-white">€49</span>
+            <span class="text-4xl font-bold text-white">€19.90</span>
             <span class="text-orange-100">/month</span>
           </div>
           <ul class="space-y-4 mb-8">
             <li class="flex items-start">
-              <svg class="w-6 h-6 text-white mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
+              <svg class="w-6 h-6 text-success mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                 <path fill-rule="evenodd"
                   d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
                   clip-rule="evenodd"></path>
               </svg>
-              <span class="text-white"><strong>150 QR codes</strong> per month</span>
+              <span class=""><strong>150 QR codes</strong> per month</span>
             </li>
             <li class="flex items-start">
-              <svg class="w-6 h-6 text-white mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
+              <svg class="w-6 h-6 text-success mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                 <path fill-rule="evenodd"
                   d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
                   clip-rule="evenodd"></path>
               </svg>
-              <span class="text-white">Advanced analytics</span>
+              <span class="">Customizable QRCode</span>
             </li>
             <li class="flex items-start">
-              <svg class="w-6 h-6 text-white mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
+              <svg class="w-6 h-6 text-success mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                 <path fill-rule="evenodd"
                   d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
                   clip-rule="evenodd"></path>
               </svg>
-              <span class="text-white">Priority support</span>
+              <span class="">Predefined templates</span>
+            </li>
+            <li class="flex items-start">
+              <svg class="w-6 h-6 text-success mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd"
+                  d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
+                  clip-rule="evenodd"></path>
+              </svg>
+              <span class="">Realtime analytics</span>
+            </li>
+            <li class="flex items-start">
+              <svg class="w-6 h-6 text-success mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd"
+                  d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
+                  clip-rule="evenodd"></path>
+              </svg>
+              <span class="">In-app support</span>
             </li>
           </ul>
           <a href="https://apps.shopify.com/auto-bank-payment"
             class="block w-full text-center px-6 py-3 bg-white text-primary rounded-lg hover:bg-orange-50 transition-colors font-medium shadow-md">
-            Choose Premium
+            Choose Grow
           </a>
         </div>