@designcrowd/fe-shared-lib 1.5.9-kp-4550-1 → 1.5.9-kp-4550-3

package/index.js

@@ -18,6 +18,7 @@ export { default as SellDomainNameList } from './src/experiences/components/Sell
 export { default as SellDomainNameWidget } from './src/experiences/components/SellDomainNameWidget/SellDomainNameWidget.vue';
 export { default as PublishBrandPageModal } from './src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue';
 export { default as PublishBrandPageCard } from './src/experiences/components/PublishBrandPageModal/PublishBrandPageCard.vue';
+export { default as WebsiteContextualUpgradeModal } from './src/experiences/components/WebsitesContextualUpgradeModal/WebsiteContextualUpgradeModal.vue';
 
 export { setSharedLibLocaleAsync, tr } from './src/useSharedLibTranslate';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.5.9-kp-4550-1",
+  "version": "1.5.9-kp-4550-3",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

package/public/css/tailwind-brandCrowd.css

@@ -956,6 +956,9 @@ video {
 .theme-brandCrowd .tw-max-w-2xl {
   max-width: 42rem;
 }
+.theme-brandCrowd .tw-max-w-3xl {
+  max-width: 48rem;
+}
 .theme-brandCrowd .tw-max-w-full {
   max-width: 100%;
 }
@@ -1814,6 +1817,10 @@ video {
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.theme-brandCrowd .tw-text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
 .theme-brandCrowd .tw-text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -2273,6 +2280,9 @@ video {
 .theme-brandCrowd .md\:tw-right-6 {
     right: 1.5rem;
   }
+.theme-brandCrowd .md\:tw-order-first {
+    order: -9999;
+  }
 .theme-brandCrowd .md\:tw-mb-0 {
     margin-bottom: 0px;
   }
@@ -2321,15 +2331,24 @@ video {
 .theme-brandCrowd .md\:tw-w-24 {
     width: 6rem;
   }
+.theme-brandCrowd .md\:tw-w-3\/4 {
+    width: 75%;
+  }
 .theme-brandCrowd .md\:tw-w-auto {
     width: auto;
   }
 .theme-brandCrowd .md\:tw-w-full {
     width: 100%;
   }
+.theme-brandCrowd .md\:tw-max-w-40 {
+    max-width: 10rem;
+  }
 .theme-brandCrowd .md\:tw-max-w-full {
     max-width: 100%;
   }
+.theme-brandCrowd .md\:tw-flex-1 {
+    flex: 1 1 0%;
+  }
 .theme-brandCrowd .md\:tw-grow {
     flex-grow: 1;
   }
@@ -2403,6 +2422,9 @@ video {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
   }
+.theme-brandCrowd .md\:tw-pb-0 {
+    padding-bottom: 0px;
+  }
 .theme-brandCrowd .md\:tw-pl-4 {
     padding-left: 1rem;
   }

package/public/css/tailwind-brandPage.css

@@ -956,6 +956,9 @@ video {
 .theme-brandPage .tw-max-w-2xl {
   max-width: 42rem;
 }
+.theme-brandPage .tw-max-w-3xl {
+  max-width: 48rem;
+}
 .theme-brandPage .tw-max-w-full {
   max-width: 100%;
 }
@@ -1662,6 +1665,10 @@ video {
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.theme-brandPage .tw-text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
 .theme-brandPage .tw-text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -1957,6 +1964,9 @@ video {
 .theme-brandPage .md\:tw-right-6 {
     right: 1.5rem;
   }
+.theme-brandPage .md\:tw-order-first {
+    order: -9999;
+  }
 .theme-brandPage .md\:tw-mb-0 {
     margin-bottom: 0px;
   }
@@ -2005,15 +2015,24 @@ video {
 .theme-brandPage .md\:tw-w-24 {
     width: 6rem;
   }
+.theme-brandPage .md\:tw-w-3\/4 {
+    width: 75%;
+  }
 .theme-brandPage .md\:tw-w-auto {
     width: auto;
   }
 .theme-brandPage .md\:tw-w-full {
     width: 100%;
   }
+.theme-brandPage .md\:tw-max-w-40 {
+    max-width: 10rem;
+  }
 .theme-brandPage .md\:tw-max-w-full {
     max-width: 100%;
   }
+.theme-brandPage .md\:tw-flex-1 {
+    flex: 1 1 0%;
+  }
 .theme-brandPage .md\:tw-grow {
     flex-grow: 1;
   }
@@ -2087,6 +2106,9 @@ video {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
   }
+.theme-brandPage .md\:tw-pb-0 {
+    padding-bottom: 0px;
+  }
 .theme-brandPage .md\:tw-pl-4 {
     padding-left: 1rem;
   }

package/public/css/tailwind-crazyDomains.css

@@ -956,6 +956,9 @@ video {
 .theme-crazyDomains .tw-max-w-2xl {
   max-width: 42rem;
 }
+.theme-crazyDomains .tw-max-w-3xl {
+  max-width: 48rem;
+}
 .theme-crazyDomains .tw-max-w-full {
   max-width: 100%;
 }
@@ -1814,6 +1817,10 @@ video {
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.theme-crazyDomains .tw-text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
 .theme-crazyDomains .tw-text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -2273,6 +2280,9 @@ video {
 .theme-crazyDomains .md\:tw-right-6 {
     right: 1.5rem;
   }
+.theme-crazyDomains .md\:tw-order-first {
+    order: -9999;
+  }
 .theme-crazyDomains .md\:tw-mb-0 {
     margin-bottom: 0px;
   }
@@ -2321,15 +2331,24 @@ video {
 .theme-crazyDomains .md\:tw-w-24 {
     width: 6rem;
   }
+.theme-crazyDomains .md\:tw-w-3\/4 {
+    width: 75%;
+  }
 .theme-crazyDomains .md\:tw-w-auto {
     width: auto;
   }
 .theme-crazyDomains .md\:tw-w-full {
     width: 100%;
   }
+.theme-crazyDomains .md\:tw-max-w-40 {
+    max-width: 10rem;
+  }
 .theme-crazyDomains .md\:tw-max-w-full {
     max-width: 100%;
   }
+.theme-crazyDomains .md\:tw-flex-1 {
+    flex: 1 1 0%;
+  }
 .theme-crazyDomains .md\:tw-grow {
     flex-grow: 1;
   }
@@ -2403,6 +2422,9 @@ video {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
   }
+.theme-crazyDomains .md\:tw-pb-0 {
+    padding-bottom: 0px;
+  }
 .theme-crazyDomains .md\:tw-pl-4 {
     padding-left: 1rem;
   }

package/public/css/tailwind-designCom.css

@@ -956,6 +956,9 @@ video {
 .theme-designCom .tw-max-w-2xl {
   max-width: 42rem;
 }
+.theme-designCom .tw-max-w-3xl {
+  max-width: 48rem;
+}
 .theme-designCom .tw-max-w-full {
   max-width: 100%;
 }
@@ -1814,6 +1817,10 @@ video {
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.theme-designCom .tw-text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
 .theme-designCom .tw-text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -2273,6 +2280,9 @@ video {
 .theme-designCom .md\:tw-right-6 {
     right: 1.5rem;
   }
+.theme-designCom .md\:tw-order-first {
+    order: -9999;
+  }
 .theme-designCom .md\:tw-mb-0 {
     margin-bottom: 0px;
   }
@@ -2321,15 +2331,24 @@ video {
 .theme-designCom .md\:tw-w-24 {
     width: 6rem;
   }
+.theme-designCom .md\:tw-w-3\/4 {
+    width: 75%;
+  }
 .theme-designCom .md\:tw-w-auto {
     width: auto;
   }
 .theme-designCom .md\:tw-w-full {
     width: 100%;
   }
+.theme-designCom .md\:tw-max-w-40 {
+    max-width: 10rem;
+  }
 .theme-designCom .md\:tw-max-w-full {
     max-width: 100%;
   }
+.theme-designCom .md\:tw-flex-1 {
+    flex: 1 1 0%;
+  }
 .theme-designCom .md\:tw-grow {
     flex-grow: 1;
   }
@@ -2403,6 +2422,9 @@ video {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
   }
+.theme-designCom .md\:tw-pb-0 {
+    padding-bottom: 0px;
+  }
 .theme-designCom .md\:tw-pl-4 {
     padding-left: 1rem;
   }

package/public/css/tailwind-designCrowd.css

@@ -956,6 +956,9 @@ video {
 .theme-designCrowd .tw-max-w-2xl {
   max-width: 42rem;
 }
+.theme-designCrowd .tw-max-w-3xl {
+  max-width: 48rem;
+}
 .theme-designCrowd .tw-max-w-full {
   max-width: 100%;
 }
@@ -1814,6 +1817,10 @@ video {
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.theme-designCrowd .tw-text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
 .theme-designCrowd .tw-text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -2273,6 +2280,9 @@ video {
 .theme-designCrowd .md\:tw-right-6 {
     right: 1.5rem;
   }
+.theme-designCrowd .md\:tw-order-first {
+    order: -9999;
+  }
 .theme-designCrowd .md\:tw-mb-0 {
     margin-bottom: 0px;
   }
@@ -2321,15 +2331,24 @@ video {
 .theme-designCrowd .md\:tw-w-24 {
     width: 6rem;
   }
+.theme-designCrowd .md\:tw-w-3\/4 {
+    width: 75%;
+  }
 .theme-designCrowd .md\:tw-w-auto {
     width: auto;
   }
 .theme-designCrowd .md\:tw-w-full {
     width: 100%;
   }
+.theme-designCrowd .md\:tw-max-w-40 {
+    max-width: 10rem;
+  }
 .theme-designCrowd .md\:tw-max-w-full {
     max-width: 100%;
   }
+.theme-designCrowd .md\:tw-flex-1 {
+    flex: 1 1 0%;
+  }
 .theme-designCrowd .md\:tw-grow {
     flex-grow: 1;
   }
@@ -2403,6 +2422,9 @@ video {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
   }
+.theme-designCrowd .md\:tw-pb-0 {
+    padding-bottom: 0px;
+  }
 .theme-designCrowd .md\:tw-pl-4 {
     padding-left: 1rem;
   }

package/src/atoms/components/Icon/Icon.vue

@@ -13,6 +13,7 @@
         'tw-w-12 tw-h-12': size === '2xl',
         'tw-w-14 tw-h-14': size === '3xl',
         'tw-w-16 tw-h-16': size === '4xl',
+        'tw-w-24 tw-h-24': size === '5xl',
         'tw-w-full tw-h-full': size === 'full',
         'tw-w-fit tw-h-full': size === 'button-icon',
       }"

package/src/bundles/bundled-translations.de-DE.json

@@ -101,5 +101,29 @@
     "replaceLogo": "Logo ersetzen",
     "delete": "Löschen",
     "deleteLogo": "Logo löschen"
+  },
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Upgrade Now",
+    "closeButtonText": "No Thanks",
+    "upgradeToAddPageTitle": "Upgrade to add more pages",
+    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
+    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
+    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
+    "upgradeToMapsTitle": "Upgrade to unlock maps",
+    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
+    "upgradeToVideosTitle": "Upgrade to unlock videos",
+    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
+    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
+    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
+    "upgradeToPublishTitle": "Upgrade to publish your site",
+    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
+    "featureCustomerCare": "24/7 customer care",
+    "featureCustomDomain": "Connect a custom domain",
+    "featureNoWatermark": "No {{websiteName}} watermark",
+    "featureUnlimitedPages": "Unlimited pages",
+    "featurePremiumContent": "Contact forms, videos and maps",
+    "featureStore": "Basic online store",
+    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
+    "premiumUpgradeNote": "With Premium, you'll get:"
   }
 }

package/src/bundles/bundled-translations.es-ES.json

@@ -101,5 +101,29 @@
     "replaceLogo": "Reemplaza el logo",
     "delete": "Eliminar",
     "deleteLogo": "Elimina el logo"
+  },
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Upgrade Now",
+    "closeButtonText": "No Thanks",
+    "upgradeToAddPageTitle": "Upgrade to add more pages",
+    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
+    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
+    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
+    "upgradeToMapsTitle": "Upgrade to unlock maps",
+    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
+    "upgradeToVideosTitle": "Upgrade to unlock videos",
+    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
+    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
+    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
+    "upgradeToPublishTitle": "Upgrade to publish your site",
+    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
+    "featureCustomerCare": "24/7 customer care",
+    "featureCustomDomain": "Connect a custom domain",
+    "featureNoWatermark": "No {{websiteName}} watermark",
+    "featureUnlimitedPages": "Unlimited pages",
+    "featurePremiumContent": "Contact forms, videos and maps",
+    "featureStore": "Basic online store",
+    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
+    "premiumUpgradeNote": "With Premium, you'll get:"
   }
 }

package/src/bundles/bundled-translations.fr-CA.json

@@ -101,5 +101,29 @@
     "replaceLogo": "Remplacez le logo",
     "delete": "Supprimer",
     "deleteLogo": "Supprimez le logo"
+  },
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Upgrade Now",
+    "closeButtonText": "No Thanks",
+    "upgradeToAddPageTitle": "Upgrade to add more pages",
+    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
+    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
+    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
+    "upgradeToMapsTitle": "Upgrade to unlock maps",
+    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
+    "upgradeToVideosTitle": "Upgrade to unlock videos",
+    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
+    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
+    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
+    "upgradeToPublishTitle": "Upgrade to publish your site",
+    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
+    "featureCustomerCare": "24/7 customer care",
+    "featureCustomDomain": "Connect a custom domain",
+    "featureNoWatermark": "No {{websiteName}} watermark",
+    "featureUnlimitedPages": "Unlimited pages",
+    "featurePremiumContent": "Contact forms, videos and maps",
+    "featureStore": "Basic online store",
+    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
+    "premiumUpgradeNote": "With Premium, you'll get:"
   }
 }

package/src/bundles/bundled-translations.fr-FR.json

@@ -101,5 +101,29 @@
     "replaceLogo": "Remplacez le logo",
     "delete": "Supprimer",
     "deleteLogo": "Supprimez le logo"
+  },
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Upgrade Now",
+    "closeButtonText": "No Thanks",
+    "upgradeToAddPageTitle": "Upgrade to add more pages",
+    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
+    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
+    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
+    "upgradeToMapsTitle": "Upgrade to unlock maps",
+    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
+    "upgradeToVideosTitle": "Upgrade to unlock videos",
+    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
+    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
+    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
+    "upgradeToPublishTitle": "Upgrade to publish your site",
+    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
+    "featureCustomerCare": "24/7 customer care",
+    "featureCustomDomain": "Connect a custom domain",
+    "featureNoWatermark": "No {{websiteName}} watermark",
+    "featureUnlimitedPages": "Unlimited pages",
+    "featurePremiumContent": "Contact forms, videos and maps",
+    "featureStore": "Basic online store",
+    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
+    "premiumUpgradeNote": "With Premium, you'll get:"
   }
 }

package/src/bundles/bundled-translations.json

@@ -101,5 +101,29 @@
     "replaceLogo": "Replace Logo",
     "delete": "Delete",
     "deleteLogo": "Delete Logo"
+  },
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Upgrade Now",
+    "closeButtonText": "No Thanks",
+    "upgradeToAddPageTitle": "Upgrade to add more pages",
+    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
+    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
+    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
+    "upgradeToMapsTitle": "Upgrade to unlock maps",
+    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
+    "upgradeToVideosTitle": "Upgrade to unlock videos",
+    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
+    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
+    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
+    "upgradeToPublishTitle": "Upgrade to publish your site",
+    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
+    "featureCustomerCare": "24/7 customer care",
+    "featureCustomDomain": "Connect a custom domain",
+    "featureNoWatermark": "No {{websiteName}} watermark",
+    "featureUnlimitedPages": "Unlimited pages",
+    "featurePremiumContent": "Contact forms, videos and maps",
+    "featureStore": "Basic online store",
+    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
+    "premiumUpgradeNote": "With Premium, you'll get:"
   }
 }

package/src/bundles/bundled-translations.pt-BR.json

@@ -101,5 +101,29 @@
     "replaceLogo": "Substituir logotipo",
     "delete": "Excluir",
     "deleteLogo": "Excluir logotipo"
+  },
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Upgrade Now",
+    "closeButtonText": "No Thanks",
+    "upgradeToAddPageTitle": "Upgrade to add more pages",
+    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
+    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
+    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
+    "upgradeToMapsTitle": "Upgrade to unlock maps",
+    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
+    "upgradeToVideosTitle": "Upgrade to unlock videos",
+    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
+    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
+    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
+    "upgradeToPublishTitle": "Upgrade to publish your site",
+    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
+    "featureCustomerCare": "24/7 customer care",
+    "featureCustomDomain": "Connect a custom domain",
+    "featureNoWatermark": "No {{websiteName}} watermark",
+    "featureUnlimitedPages": "Unlimited pages",
+    "featurePremiumContent": "Contact forms, videos and maps",
+    "featureStore": "Basic online store",
+    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
+    "premiumUpgradeNote": "With Premium, you'll get:"
   }
 }

package/src/bundles/bundled-translations.pt-PT.json

@@ -101,5 +101,29 @@
     "replaceLogo": "Substituir logótipo",
     "delete": "Eliminar",
     "deleteLogo": "Eliminar Logótipo"
+  },
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Upgrade Now",
+    "closeButtonText": "No Thanks",
+    "upgradeToAddPageTitle": "Upgrade to add more pages",
+    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
+    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
+    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
+    "upgradeToMapsTitle": "Upgrade to unlock maps",
+    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
+    "upgradeToVideosTitle": "Upgrade to unlock videos",
+    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
+    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
+    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
+    "upgradeToPublishTitle": "Upgrade to publish your site",
+    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
+    "featureCustomerCare": "24/7 customer care",
+    "featureCustomDomain": "Connect a custom domain",
+    "featureNoWatermark": "No {{websiteName}} watermark",
+    "featureUnlimitedPages": "Unlimited pages",
+    "featurePremiumContent": "Contact forms, videos and maps",
+    "featureStore": "Basic online store",
+    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
+    "premiumUpgradeNote": "With Premium, you'll get:"
   }
 }

package/src/experiences/components/WebsitesContextualUpgradeModal/WebsiteContextualUpgradeModal.stories.js

@@ -0,0 +1,157 @@
+import WebsiteContextualUpgradeModal from './WebsiteContextualUpgradeModal.vue';
+import { setSharedLibLocaleAsync } from '../../../useSharedLibTranslate';
+
+export default {
+  title: 'Components/WebsitesContextualUpgradeModal',
+  component: WebsiteContextualUpgradeModal,
+};
+
+const locale = 'en-US';
+
+const loadTranslationAsync = async () => {
+  await setSharedLibLocaleAsync(locale);
+};
+
+export const UpgradeToAddPage = () => ({
+  components: { WebsiteContextualUpgradeModal },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/add-page',
+      brandPageType: 'brandContact',
+      contentType: 'AddPage',
+    };
+  },
+  template: `
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :content-type="contentType"
+    />
+  `,
+});
+
+UpgradeToAddPage.loaders = [loadTranslationAsync];
+
+export const UpgradeToContactForm = () => ({
+  components: { WebsiteContextualUpgradeModal },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/contact-form',
+      brandPageType: 'brandContact',
+      contentType: 'ContactForm',
+    };
+  },
+  template: `
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :content-type="contentType"
+    />
+  `,
+});
+
+UpgradeToContactForm.loaders = [loadTranslationAsync];
+
+export const UpgradeToMaps = () => ({
+  components: { WebsiteContextualUpgradeModal },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/maps',
+      brandPageType: 'brandContact',
+      contentType: 'Maps',
+    };
+  },
+  template: `
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :content-type="contentType"
+    />
+  `,
+});
+
+UpgradeToMaps.loaders = [loadTranslationAsync];
+
+export const UpgradeToVideos = () => ({
+  components: { WebsiteContextualUpgradeModal },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/videos',
+      brandPageType: 'brandContact',
+      contentType: 'Videos',
+    };
+  },
+  template: `
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :content-type="contentType"
+    />
+  `,
+});
+
+UpgradeToVideos.loaders = [loadTranslationAsync];
+
+export const UpgradeToRemoveWatermark = () => ({
+  components: { WebsiteContextualUpgradeModal },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/remove-watermark',
+      brandPageType: 'brandContact',
+      contentType: 'RemoveWatermark',
+    };
+  },
+  template: `
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :content-type="contentType"
+    />
+  `,
+});
+
+UpgradeToRemoveWatermark.loaders = [loadTranslationAsync];
+
+export const UpgradeToPublish = () => ({
+  components: { WebsiteContextualUpgradeModal },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/publish',
+      brandPageType: 'brandContact',
+      contentType: 'Publish',
+    };
+  },
+  template: `
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :content-type="contentType"
+    />
+  `,
+});
+
+UpgradeToPublish.loaders = [loadTranslationAsync];

package/src/experiences/components/WebsitesContextualUpgradeModal/WebsiteContextualUpgradeModal.vue

@@ -0,0 +1,135 @@
+<template>
+  <Modal
+    :visible="props.isUpgradeModalVisible"
+    full-screen-breakpoint="sm"
+    :show-modal-background-image="!isDesignCom"
+    classes="tw-max-w-3xl tw-p-8"
+    @close-modal="closeUpgradeModal"
+  >
+    <div class="tw-flex tw-flex-col tw-text-black">
+      <div class="tw-flex tw-flex-col tw-pb-16 md:tw-pb-0">
+        <Icon
+          v-if="iconName"
+          :name="iconName"
+          :view-box="'0 0 100 100'"
+          size="5xl"
+          :class="{
+            'tw-text-primary-500': isDesignCom,
+            'tw-text-white': !isDesignCom,
+          }"
+          class="tw-mb-4"
+        />
+        <h2 v-if="titleText" class="tw-font-bold tw-text-3xl tw-mb-2">
+          {{ titleText }}
+        </h2>
+        <span class="tw-text-grayscale-600 tw-mb-2" v-html="descriptionText" />
+        <br />
+        <p class="tw-font-bold">{{ websiteContextualUpgradeModalTr('premiumUpgradeNote') }}</p>
+        <div class="tw-flex tw-flex-col md:tw-flex-row tw-mt-2">
+          <div
+            class="tw-order-last md:tw-order-first tw-w-full md:tw-w-3/4 tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-4"
+          >
+            <div v-for="(feature, i) in features" :key="i" class="tw-flex tw-items-center tw-text-sm tw-rounded-md">
+              <Icon class="tw-text-success-500" name="check" size="sm" />
+              <span class="tw-ml-2 tw-text-grayscale-600" v-html="feature" />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="bottom-bar tw-mt-4 tw-bg-grayscale-200">
+        <div class="bottom-bar tw-mt-6 tw-flex tw-flex-col md:tw-flex-row md:tw-items-center md:tw-gap-2">
+          <div class="button-size md:tw-flex-1">
+            <Button
+              data-test-upgrade-button
+              :label="upgradeButtonText"
+              size="medium"
+              :variant="'primary'"
+              icon="chevron-right-wide"
+              :url="upgradeUrl"
+              classes="tw-w-full"
+              @on-click="onUpgradeClick"
+            />
+          </div>
+          <div class="md:tw-flex-1 md:tw-max-w-40 tw-mt-3 md:tw-mt-0">
+            <Button
+              data-test-upgrade-button
+              :label="websiteContextualUpgradeModalTr('closeButtonText')"
+              size="medium"
+              :variant="'no-border'"
+              :url="upgradeUrl"
+              classes="tw-w-full"
+              @on-click="closeUpgradeModal"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </Modal>
+</template>
+<script setup lang="ts">
+import Modal from '../../../atoms/components/Modal/Modal.vue';
+import Button from '../../../atoms/components/Button/Button.vue';
+import Icon from '../../../atoms/components/Icon/Icon.vue';
+import { websiteContextualUpgradeModalTr } from '../../../useSharedLibTranslate';
+import { Ref, ref } from 'vue';
+import unescape from 'lodash/unescape';
+
+const titleText: Ref<string> = ref('');
+const descriptionText: Ref<string> = ref('');
+const iconName: Ref<string> = ref('');
+const upgradeButtonText: Ref<string> = ref('');
+const features: Ref<string[]> = ref([]);
+
+const props = defineProps<{
+  isUpgradeModalVisible: boolean;
+  isDesignCom: boolean;
+  upgradeUrl: string;
+  brandPageType: string;
+  contentType: string | 'ContactForm' | 'Videos' | 'Maps' | 'AddPage' | 'Publish' | 'RemoveWatermark';
+}>();
+const toKebabCase = (value: string) =>
+  value
+    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+    .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
+    .toLowerCase();
+
+const initModalContent = (websiteName: string) => {
+  const titleForIcon = `upgradeTo${props.contentType}`;
+  iconName.value = `websites-${toKebabCase(titleForIcon)}`;
+
+  titleText.value = websiteContextualUpgradeModalTr(`${titleForIcon}Title`);
+  descriptionText.value = websiteContextualUpgradeModalTr(`upgradeTo${props.contentType}Description`);
+  upgradeButtonText.value = websiteContextualUpgradeModalTr('upgradeButtonText');
+
+  features.value = [
+    websiteContextualUpgradeModalTr('featureCustomerCare'),
+    websiteContextualUpgradeModalTr('featureCustomDomain'),
+    websiteContextualUpgradeModalTr('featureNoWatermark', { websiteName }),
+    websiteContextualUpgradeModalTr('featureUnlimitedPages'),
+    websiteContextualUpgradeModalTr('featurePremiumContent'),
+    unescape(websiteContextualUpgradeModalTr('featureCancelAnytime')),
+    websiteContextualUpgradeModalTr('featureStore'),
+  ];
+};
+
+const websiteName = props.isDesignCom ? 'Design.com' : 'BrandCrowd';
+initModalContent(websiteName);
+
+const emit = defineEmits<{
+  'on-close-upgrade-modal': [];
+  'on-upgrade-button-clicked': [];
+}>();
+
+const closeUpgradeModal = () => {
+  emit('on-close-upgrade-modal');
+};
+
+const onUpgradeClick = () => {
+  emit('on-upgrade-button-clicked');
+};
+</script>
+<style scoped>
+.button-size {
+  @apply tw-w-full md:tw-max-w-40;
+}
+</style>

package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.de-DE.json

@@ -0,0 +1,26 @@
+{
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Upgrade Now",
+    "closeButtonText": "No Thanks",
+    "upgradeToAddPageTitle": "Upgrade to add more pages",
+    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
+    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
+    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
+    "upgradeToMapsTitle": "Upgrade to unlock maps",
+    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
+    "upgradeToVideosTitle": "Upgrade to unlock videos",
+    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
+    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
+    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
+    "upgradeToPublishTitle": "Upgrade to publish your site",
+    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
+    "featureCustomerCare": "24/7 customer care",
+    "featureCustomDomain": "Connect a custom domain",
+    "featureNoWatermark": "No {{websiteName}} watermark",
+    "featureUnlimitedPages": "Unlimited pages",
+    "featurePremiumContent": "Contact forms, videos and maps",
+    "featureStore": "Basic online store",
+    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
+    "premiumUpgradeNote": "With Premium, you'll get:"
+  }
+}

package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.es-ES.json

@@ -0,0 +1,26 @@
+{
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Upgrade Now",
+    "closeButtonText": "No Thanks",
+    "upgradeToAddPageTitle": "Upgrade to add more pages",
+    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
+    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
+    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
+    "upgradeToMapsTitle": "Upgrade to unlock maps",
+    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
+    "upgradeToVideosTitle": "Upgrade to unlock videos",
+    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
+    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
+    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
+    "upgradeToPublishTitle": "Upgrade to publish your site",
+    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
+    "featureCustomerCare": "24/7 customer care",
+    "featureCustomDomain": "Connect a custom domain",
+    "featureNoWatermark": "No {{websiteName}} watermark",
+    "featureUnlimitedPages": "Unlimited pages",
+    "featurePremiumContent": "Contact forms, videos and maps",
+    "featureStore": "Basic online store",
+    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
+    "premiumUpgradeNote": "With Premium, you'll get:"
+  }
+}

package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.fr-CA.json

@@ -0,0 +1,26 @@
+{
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Upgrade Now",
+    "closeButtonText": "No Thanks",
+    "upgradeToAddPageTitle": "Upgrade to add more pages",
+    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
+    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
+    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
+    "upgradeToMapsTitle": "Upgrade to unlock maps",
+    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
+    "upgradeToVideosTitle": "Upgrade to unlock videos",
+    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
+    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
+    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
+    "upgradeToPublishTitle": "Upgrade to publish your site",
+    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
+    "featureCustomerCare": "24/7 customer care",
+    "featureCustomDomain": "Connect a custom domain",
+    "featureNoWatermark": "No {{websiteName}} watermark",
+    "featureUnlimitedPages": "Unlimited pages",
+    "featurePremiumContent": "Contact forms, videos and maps",
+    "featureStore": "Basic online store",
+    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
+    "premiumUpgradeNote": "With Premium, you'll get:"
+  }
+}

package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.fr-FR.json

@@ -0,0 +1,26 @@
+{
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Upgrade Now",
+    "closeButtonText": "No Thanks",
+    "upgradeToAddPageTitle": "Upgrade to add more pages",
+    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
+    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
+    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
+    "upgradeToMapsTitle": "Upgrade to unlock maps",
+    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
+    "upgradeToVideosTitle": "Upgrade to unlock videos",
+    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
+    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
+    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
+    "upgradeToPublishTitle": "Upgrade to publish your site",
+    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
+    "featureCustomerCare": "24/7 customer care",
+    "featureCustomDomain": "Connect a custom domain",
+    "featureNoWatermark": "No {{websiteName}} watermark",
+    "featureUnlimitedPages": "Unlimited pages",
+    "featurePremiumContent": "Contact forms, videos and maps",
+    "featureStore": "Basic online store",
+    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
+    "premiumUpgradeNote": "With Premium, you'll get:"
+  }
+}

package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.json

@@ -0,0 +1,26 @@
+{
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Upgrade Now",
+    "closeButtonText": "No Thanks",
+    "upgradeToAddPageTitle": "Upgrade to add more pages",
+    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
+    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
+    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
+    "upgradeToMapsTitle": "Upgrade to unlock maps",
+    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
+    "upgradeToVideosTitle": "Upgrade to unlock videos",
+    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
+    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
+    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
+    "upgradeToPublishTitle": "Upgrade to publish your site",
+    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
+    "featureCustomerCare": "24/7 customer care",
+    "featureCustomDomain": "Connect a custom domain",
+    "featureNoWatermark": "No {{websiteName}} watermark",
+    "featureUnlimitedPages": "Unlimited pages",
+    "featurePremiumContent": "Contact forms, videos and maps",
+    "featureStore": "Basic online store",
+    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
+    "premiumUpgradeNote": "With Premium, you'll get:"
+  }
+}

package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.pt-BR.json

@@ -0,0 +1,26 @@
+{
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Upgrade Now",
+    "closeButtonText": "No Thanks",
+    "upgradeToAddPageTitle": "Upgrade to add more pages",
+    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
+    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
+    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
+    "upgradeToMapsTitle": "Upgrade to unlock maps",
+    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
+    "upgradeToVideosTitle": "Upgrade to unlock videos",
+    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
+    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
+    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
+    "upgradeToPublishTitle": "Upgrade to publish your site",
+    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
+    "featureCustomerCare": "24/7 customer care",
+    "featureCustomDomain": "Connect a custom domain",
+    "featureNoWatermark": "No {{websiteName}} watermark",
+    "featureUnlimitedPages": "Unlimited pages",
+    "featurePremiumContent": "Contact forms, videos and maps",
+    "featureStore": "Basic online store",
+    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
+    "premiumUpgradeNote": "With Premium, you'll get:"
+  }
+}

package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.pt-PT.json

@@ -0,0 +1,26 @@
+{
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Upgrade Now",
+    "closeButtonText": "No Thanks",
+    "upgradeToAddPageTitle": "Upgrade to add more pages",
+    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
+    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
+    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
+    "upgradeToMapsTitle": "Upgrade to unlock maps",
+    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
+    "upgradeToVideosTitle": "Upgrade to unlock videos",
+    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
+    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
+    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
+    "upgradeToPublishTitle": "Upgrade to publish your site",
+    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
+    "featureCustomerCare": "24/7 customer care",
+    "featureCustomDomain": "Connect a custom domain",
+    "featureNoWatermark": "No {{websiteName}} watermark",
+    "featureUnlimitedPages": "Unlimited pages",
+    "featurePremiumContent": "Contact forms, videos and maps",
+    "featureStore": "Basic online store",
+    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
+    "premiumUpgradeNote": "With Premium, you'll get:"
+  }
+}

package/src/useSharedLibTranslate.js

@@ -68,6 +68,9 @@ const priceTr = (key, valuesToInterpolate = {}) => tr(`price.${key}`, valuesToIn
 const uploadLogoSearchResultCardTr = (key, valuesToInterpolate = {}) =>
   tr(`uploadLogoSearchResultCard.${key}`, valuesToInterpolate);
 
+const websiteContextualUpgradeModalTr = (key, valuesToInterpolate = {}) =>
+  tr(`websiteContextualUpgradeModal.${key}`, valuesToInterpolate);
+
 const getCurrentLocale = () => {
   return i18next.language || 'en-US';
 };
@@ -124,4 +127,5 @@ export {
   priceTr,
   uploadLogoSearchResultCardTr,
   formatCurrency,
+  websiteContextualUpgradeModalTr,
 };