@designcrowd/library.brand-page 5.16.2 → 5.16.3-background-2

package/lib/src/bundled-translations-DEk3SiLd.js

@@ -0,0 +1,161 @@
+const e = { createYourBrand: "Create your {{ BUTTON_LABEL }}", website: "website", digitalBusinessCard: "digital business card", linkInBio: "link in bio" }, o = { consentText: "We use cookies on our website to optimize your website experience. By accepting, you agree to our use of such cookies.", accept: "Accept" }, a = { addImagePlaceholder: "Add an image to remove this placeholder", imageBlockPlaceholder: "Image Block Placeholder" }, t = { addImagePlaceholder: "Add an image to remove this placeholder", imagePlaceholder: "Image Placeholder", addImagesDescription: "Add images to remove this placeholder", imageGalleryBlockPlaceholderTitle: "Image Gallery Block Placeholder" }, i = { addImagePlaceholder: "Add an image to remove this placeholder", imagePlaceholder: "Image Placeholder" }, l = { namePlaceholder: "Name", nameLabel: "Name", emailPlaceholder: "Email Address", emailLabel: "Email Address", subscribeThankYou: "Thank you for subscribing!" }, r = { addAddressPlaceholder: "Add an address to remove this placeholder.", mapBlockPlaceholder: "Map Block Placeholder" }, s = { productName: "{{PAYMENT_OPTIONS_LENGTH}} products", defaultPaymentSuccessMessage: "Thank you for your request! We'll get in touch with you as soon as possible.", yourMessage: "Your message", provideDetails: "Provide request details", selectAnAmount: "Select an amount {{CURRENCY_CODE}}", customAmountLabelOr: "or custom amount {{CURRENCY_CODE}}", customAmountLabel: "Custom amount {{CURRENCY_CODE}}" }, n = { cardNumber: "Card Number", emailAddress: "Email Address", emailAddressPlaceholder: "Email address", proceedToPayment: "Proceed to Payment {{CURRENCY_SYMBOL}}{{AMOUNT}} ({{CURRENCY_CODE}})", forProduct: "for {{PRODUCT_NAME}}", termsAgreement: "By submitting payment, you agree to the", termsLinkText: "BrandCrowd Terms and Conditions", termsDisclaimer: "Payment will be made to the web page owner. BrandCrowd is not liable for this transaction.", poweredBy: "Powered by", invalidEmailMessage: "Please enter a valid email address" }, d = { sensitiveContentDisplayTitle: "Sensitive Content", sensitiveContentmessage: "Confirm that you are willing to see potentially sensitive content", ageRestrictionDisplayTitle: "Sensitive Content", ageRestrictionMessage: "Confirm that you are of legal age to view this content", rejectedDisplayTitle: "You cannot visit this site", rejectedDisplayTMessage: "Access is restricted to users {{REQUIRED_MINIMUM_AGE}} and older", iAcceptAgeButtonLabel: "I'm over {{REQUIRED_MINIMUM_AGE}}", iDenyAgeButtonLabel: "I'm under {{REQUIRED_MINIMUM_AGE}}", iConfirmButtonLabel: "I Confirm" }, c = { payment: "Payment", done: "Done", paymentSuccessMessage: "Payment made! Thank you for your request! We'll get in touch with you as soon as possible.", paymentFailedMessage: "Payment Failed.", productsCount: "{{COUNT}} products" }, m = { quantity: "Quantity", addToCart: "Add to Cart", back: "Back", description: "Description", orderDetailsPlaceholder: "Provide order or request details", pleaseSelectOption: "Please select an option", characterExceeded: "Character Exceeded!" }, g = { noProducts: "No products are listed at the moment", viewCart: "View Cart", itemAddedToCart: "Item successfully added to cart!" }, p = "Add YouTube video URL to remove this placeholder", u = "Video Block Placeholder", h = { image: "image", shape: "shape" }, y = { saveProgress: "Save Progress", saveTemplate: "Save Template", publish: "Publish" }, b = { userImageUpgradeText: "With BrandPage Premium you can upload your own images as background.", libraryImageUpgradeText: "With BrandPage Premium you can add background images powered by Unsplash." }, T = { favicon: "Favicon", icon: "Icon", seoSettings: "SEO Settings", cookieCollection: "Cookie Collection", faviconDescription: "A favicon is a small icon next to your site title in the browser tab.", socialShareTitle: "Social Share", paymentProvidersTitle: "Payment Providers", paymentProvidersDescription: "Enable or sign up to a supported provider. Start collecting tips and payments, or sell products, services and more!", paymentProvidersAddProviderLabel: "Add payment providers", integrationSettings: "Integrations" }, S = { newColor: "New Color" }, P = { cookieInfo: "Some regional laws require website owners to inform visitors of cookie tracking.", enableCookie: "Enable cookie collection banner", showPreview: "Show preview" }, C = { analyticsIntegrations: "Analytics Integrations", integrationLabel: "Connect third-party tools for analytics and monetization.", googleAnalyticsLabel: "Google Analytics: GA4", googleAnalyticsInputLabel: "Measurement ID", googleAnalyticsInfo: "Add your Google Analytics: GA4 Measurement ID to track your visitors using GA4, use this format G-XXXXXXXXX or AW-XXXXXXXXX", googleAnalyticsPlaceholder: "G-XXXXXXXXX or AW-XXXXXXXXX", googleAdsenseLabel: "Google AdSense", googleAdsenseInfo: "Run ads on your site with Adsense and start monetizing your traffic. A custom domain is required to use this.", googleAdsenseInputLabel: "Publisher ID", googleAdsensePlaceholder: "pub-XXXXXXXXXXXXXXXX" }, D = { mobile: "Mobile", desktop: "Desktop" }, L = { defaultBackButtonLabel: "Back", prePurchaseBackButtonLabel: "Back", postPurchaseBackButtonLabel: "Back to My Websites" }, A = { myWebPageLabel: "My web page:", copyButton: "Copy", copiedButton: "Copied!" }, f = { sensitiveContentInfo: "Display a sensitive content warning before visitors can view your profile", offSetting: "Off", sensitiveContentSetting: "Sensitive Content" }, I = { title: "Use your existing domain", description: "Choose from your purchased domain names or enter your existing domain name", purchasedDomainRadio: "Use my purchased domain names", selectDomainPlaceholder: "Select domain name", submitButton: "Submit", registrationInProgress: "Registration in progress", noPurchasedDomains: "You have not purchased any domains yet.", existingDomainRadio: "Use my existing domain", existingDomainPlaceholder: "example.com", connectButton: "Connect", errorMessage: "Something went wrong, please contact support." }, v = { seo: "SEO", customDomain: "Custom Domain", addCustomDomain: "Add Custom Domain", useExistingDomain: "Or use existing domain", pageUrl: "Page URL", connected: "Connected", type: "Type", host: "Host", target: "Target", changeUrl: "Change URL", setupInProgress: "Setup in progress", pending: "Pending Verification", failed: "Failed", failedToRenew: "Failed to Renew", dnsExpired: "Request expired. Please remove and setup a new custom domain.", dnsMissing: "Expected DNS records are missing. Please add the missing DNS records.", dnsInvalid: "Invalid DNS records exist. Please remove the invalid DNS records.", dnsError: "Invalid DNS records exist. Please remove the 'AAAA' DNS record.", checkStatus: "Check Status", resetDomain: "Are you sure you want to reset this domain name?", webDescription: "Short description for your Web Page", websiteDescription: "Short description for your Brand Website", customDomainError: "Something went wrong, please contact support.", customDomainNote: "Note: Please allow up to 72 hours for your domain to fully initialize", customDomainInfo: "Use your existing domain URL. You will need to purchase a domain name from a domain name registrar to use this functionality.", customDomainSettingInfo: "Go to your Domain Settings (under your Domain provider website) and make the changes below in your Records:" }, w = { addItem: "Add Item", editItem: "Edit Item", itemInformation: "Item Information", cancel: "Cancel", addProductImage: "Add Image", replace: "Replace", remove: "Remove", itemName: "Item Name", itemDescription: "Description", optionalProdvideDetails: "Option to provide details of their order/request", pricing: "Pricing", price: "Price", variants: "Variants", addVariants: "Add Variants", variantTitle: "Variant title", optionTitle: "Option title", addOption: "Add Option" }, k = { customizeSocial: "Customize how your website will look when shared on social media", thumbnail: "Thumbnail", recommendedSize: "recommended size", enterTitle: "Enter title", enterDescription: "Enter description", addOgImage: "Add OG Image", replaceOgImage: "Replace OG Image" }, N = { previewDisplayName: "Preview", templatesDisplayName: "Templates", contentDisplayName: "Content", backgroundDisplayName: "Bkground", logoDisplayName: "Logo", styleDisplayName: "Style", settingsDisplayName: "Settings", classicDisplayName: "classic", modernDisplayName: "modern", uniqueDisplayName: "unique", settingsSaveSuccessMessage: "Settings saved successfully" }, M = { centered: "Centered", leftAligned: "Left aligned", url: "Url", page: "Page", emailAddress: "Email address", phoneNumber: "Phone number", preview: "Preview", collapsed: "Collapsed", grid: "Grid", carousel: "Carousel", masonry: "Masonry", original: "Original", circle: "Circle", default: "Default", textOnly: "Text only", thumbnail: "Thumbnail", featured: "Featured", small: "Small", medium: "Medium", large: "Large", bigImage: "Big Image", columns: "Columns" }, x = { defaultBackgroundColor: "Default background color", defaultBorderColor: "Default border color", defaultTextStyle: "Default text style", selectedBackgroundColor: "Selected background color", selectedBorderColor: "Selected border color", selectedTextColor: "Selected text color", iconColor: "Icon color", iconBackgroundColor: "Icon background color", allDisplayName: "all", generalDisplayName: "General", socialLinksDisplayName: "Socials", monetizeDisplayName: "Monetize", sectionsDisplayName: "Sections" }, B = { emptyStringMessage: "Please enter a value", invalidAddressMessage: "Please enter an address", invalidEmailMessage: "Please enter a valid email address", invalidTelMessage: "Please enter a valid telephone number", invalidUrlMessage: "Please enter a valid url", invalidYoutubeUrlMessage: "Please enter a valid YouTube url", selectAPage: "Please select a page" }, E = { recommendedColors: "Recommended Colors", logoColors: "Logo Colors", editBackground: "Edit Background", background: "Background", other: "Other", shapes: "Shapes", color: "Color", imageLibrary: "Image Library", myUploads: "My Uploads", backgroundColor: "Background Color", addMedia: "Add Media", addImage: "Add Image", replaceImage: "Replace Image", image: "Image", media: "Media", replaceMedia: "Replace Media" }, R = { newColor: "New Color", defaultColors: "Default Colors", gradientColors: "Gradient Colors", selectThisColor: "Select this color" }, U = { desktop: "desktop", mobile: "mobile", back: "Back", none: "None", logo: "Logo", upload: "Upload", yes: "Yes", no: "No", all: "All", cancel: "Cancel", confirm: "Confirm", categories: "Categories", search: "Search", pageTitle: "Page title", title: "Title", description: "Description", settings: "Settings", domains: "Domains", sensitiveContent: "Sensitive Content", displayStyle: "Display style", colorMatched: "Color Matched", iconColor: "Icon color", backgroundColor: "Background Color", centered: "Centered", justified: "Justified", fontSettings: "Font Settings", defaultTextStyle: "Default text style", text: "Text", emptySearchLabel: "Sorry, we couldn’t find what you’re looking for.", small: "Small", medium: "Medium", large: "Large", wide: "wide", default: "Default", replace: "Replace", save: "Save", remove: "Remove", addShapeLabel: "Add Shape", addImageLabel: "Add Image", addFaviconLabel: "Add Favicon", addMediaLabel: "Add Media", replaceFaviconLabel: "Replace Favicon", updateSettings: "Update Settings", shapeColor: "Shape Color", shapeColors: "Shape Colors", upgradeToPremium: "Upgrade to premium", premium: "Premium", done: "Done", copyrightTextPlaceholder: "Copyright text here", continue: "Continue", defaultSaveDescription: "Don’t forget to publish your changes once you are happy with your design.", saveSuccess: "Save successful!", changeTemplateConfirmationMessage: "Changing templates will cause you to lose your changes. All your content will be erased. We recommend you duplicate your site beforehand if you want to retain your changes." }, O = { maxCharacters: "You have reached your maximum limit of characters allowed", maxCharactersDescription: "You have reached your maximum limit of characters allowed for your description", maxCharactersTitle: "You have reached your maximum limit of characters allowed for your title", invalidUrlMessage: "Please enter a valid url", testimonialEmpty: "Please enter a testimonial", textEmpty: "Please enter a text", invalidGoogleId: "Invalid Google Measurement ID", invalidGoogleAdsenseId: "Invalid Google Adsense ID", paymentMethodDescription: "Please enter a description for your payment method", maxTitleLength: "Please keep the page title to {{MAX_PAGE_TITLE_LENGTH}} characters.", acceptedTypesMessage: "We accept {{ACCEPTED_IMAGE_TYPES}}'s up to {{FILE_SIZE_LIMIT}}", fileTooLargeMessage: "File is too large. Please upload file less than {{MAX_FILE_SIZE}} MB.", incorrectDimensionsMessage: "Incorrect dimensions for {{MEDIA_TYPE}}. Recommended dimension is: {{DESIRED_WIDTH}}x{{DESIRED_HEIGHT}}", titleLengthError: "Title exceeds {{BRANDPAGE_TITLE_CHARACTER_LIMIT}} characters.", descriptionLengthError: "Description exceeds {{BRANDPAGE_DESCRIPTION_CHARACTER_LIMIT}} characters.", metaKeywordsError: "Please enter a maximum of 100 keywords", invalidSlugError: "Your brand page url contains invalid characters. It may only include alphanumeric characters and the '-' character", slugCharacterLimitError: "Your brand page url exceeds the maximum of {{BRANDPAGE_SLUG_CHARACTER_LIMIT}} characters", brandPageDescriptionLimitError: "Description exceeds 158 characters.", brandPageTitleLimitError: "Title exceeds 60 characters.", brandPageDefaultDescriptionError: "An error has occurred. Please try again later.", contentHasErrors: "`There are {{CONTENT_ERROR_COUNT}} content errors. Please check the Content tab for more info.`", pageTitleError: "Page title cannot be empty.", genericBrandPagePublishError: "An unexpected error occurred when publishing brand page. Please try again.", alreadySubscribedError: "This email has already subscribed", mailingListError: "An error has occurred. Unable to subscribe to mailing list.", contactMessageError: "An error has occurred. Unable to subscribe to submit contact form." }, X = { confirmMessageTitle: "Are you sure?", noLabel: "No", yesLabel: "Yes" }, F = { bookingLabel: "Add your booking link (e.g., *Calendly*)" }, G = { recommendedColors: "Recommended Colors", logoColors: "Logo Colors", transparent: "Transparent" }, _ = { colorMatchShape: "Color match shape" }, Y = { sideBarHeaderTitle: "Edit Content", managePagesButtonText: "Manage Pages", addNewPageButtonText: "Add New Page", addContentButtonText: "Add Content", addContentHeaderTitle: "Add Content", getStartedButtonText: "Get Started", logoDisplayName: "Logo", generalLinkDisplayName: "General Link", profileDisplayName: "Profile", websiteDisplayName: "Website", emailDisplayName: "Email", phoneDisplayName: "Phone", textDisplayName: "Text", imageDisplayName: "Image", imageSectionDisplayName: "Images", imageGalleryDisplayName: "Image Gallery", videoDisplayName: "Video", mapDisplayName: "Map", mailingListDisplayName: "Mailing list", facebookDisplayName: "Facebook", twitterDisplayName: "X", instagramDisplayName: "Instagram", youtubeDisplayName: "YouTube", linkedinDisplayName: "LinkedIn", pinterestDisplayName: "Pinterest", twitchDisplayName: "Twitch", tiktokDisplayName: "Tiktok", supportMeDisplayName: "Tipping", requestPaymentDisplayName: "Payments", contactFormDisplayName: "Contact Form", bannerSectionDisplayName: "Banner", testimonialSectionDisplayName: "Testimonials", aboutSectionDisplayName: "About", socialLinksDisplayName: "Social Links", dividerSectionDisplayName: "Divider", shapesSectionDisplayName: "Shapes", shopSectionDisplayName: "Store", bookingSectionDisplayName: "Booking", settingsDisplayName: "Settings", styleDisplayName: "Style", titleStyleLabel: "Title style", descriptionStyleLabel: "Description style", nameStyleLabel: "Name style", buttonTextStyleLabel: "Button text style", addImageButtonTitle: "Add image", addImageHeaderTitle: "Add image", imageReplaceTitle: "Replace image", replaceMediaTitle: "Replace media", imageGalleryAddButtonTitle: "Add images", imageGalleryReplaceTitle: "Add image", iconReplaceTitle: "Replace thumbnail", addIconHeaderTitle: "Add thumbnail", buttonModalAddButtonTitle: "Add design", buttonModalTitleHeader: "Add design", buttonModalReplaceTitle: "Replace design", addShapeButtonTitle: "Add shape", addShapeHeaderTitle: "Add shape", addShapeReplaceTitle: "Replace shape", linkDisplayName: "Link", openDesignDisplayName: "Open Design", pageDisplayName: "Page", productsAndServicesDisplayName: "Products and Services", emailOnlyDisplayName: "Email only", nameAndEmailDisplayName: "Name and email", logoTitle: "Logo", logoSizeTitle: "Logo size", backgroundColorTitle: "Background color", thumbnailTitle: "Thumbnail", shapeColorsTitle: "Shape Colors", displayStyleTitle: "Display Style", urlTitle: "URL", fontSettingsTitle: "Font settings", emailTitle: "Email", imageTitle: "Image", titleTitle: "Title", nameTitle: "Name", aspectRatioTitle: "Aspect ratio", pluralImagesTitle: "Images", styleTitle: "Style", phoneNumberTitle: "Phone number", textTitle: "Text", pluralAddItemsTitle: "Add Items", sizeTitle: "Size", alignmentTitle: "Alignment", colorTitle: "Color", columnsTitle: "Columns", addressTitle: "Address", buttonTitle: "Button", linkStyleTitle: "Link style", descriptionTitle: "Description", successMessageTitle: "Success Message", sendResponsesToTitle: "Send responses to", cardColorTitle: "Card color", successMessageTextColorTitle: "Success message text color", overlayColorTitle: "Overlay Color", overlayTitle: "Overlay", buttonLinkTitle: "Button Link", paragraphTitle: "Paragraph", cardFillColorTitle: "Card fill color", iconFillColorTitle: "Icon fill color", iconBackgroundColorTitle: "Icon background color", paddingTitle: "Padding", dividerStyleTitle: "Divider Style", dividerColorTitle: "Divider color", addItemTitle: "Add Item", buyNowTitle: "Buy Now", shopTitle: "Shop", supportMeTitle: "Support me", contactUsTitle: "Contact Us", thisIsABannerTitle: "This is a banner", imagesTitle: "Images", imagesDescription: "This is a sample description text block", testimonialsTitle: "Testimonials", aboutSectionTitle: "This is the About Section", homeTitle: "Home", followUsOnTitle: "Follow us on", shapesTitle: "Shapes", defaultTextValue: "This is a sample text", defaultBookingTitle: "Book an appointment", defaultBookingDescription: "Schedule your appointment today", titlePlaceholder: "Title", successMessagePlaceholder: "Success message", successThanksPlaceholder: "Thank you for your request!", successSupportPlaceholder: "Thank you for your support!", descriptionPlaceholder: "Description", recipientEmailPlaceholder: "Recipient email", getStartedPlaceholder: "Get Started", paragraphPlaceholder: "Paragraph", selectAPagePlaceholder: "Select a page", yourNamePlaceholder: "Your Name", websitePlaceholder: "Website", exampleWebsitePlaceholder: "https://example.com", addImageTitlePlaceholder: "Add image title", joinMailingListPlaceholder: "Join mailing list", subscribePlaceholder: "Subscribe", optionalDescriptionPlaceholder: "Description (optional)", textAreaDescriptionPlaceholder: "Write a short description about yourself or your brand", textAreaSamplePlaceholder: "This is a sample text", emailPlaceholder: "me@website.com", youtubeUrlPlaceholder: "Paste YouTube video URL", sendPlaceholder: "Send", formSuccessMessage: "Thank you! We'll get in touch with you as soon as possible.", fullWidthLabel: "Full width", enablePopupLabel: "Open images in a pop-up", autoplayLabel: "Autoplay", muteLabel: "Mute", headingStyleLabel: "Heading style", testimonialStyleLabel: "Testimonial style", paragraphStyleLabel: "Paragraph style", positionStyleLabel: "Position style", itemStyleLabel: "Item style", defaultFillColorLabel: "Default fill color", defaultBorderColorLabel: "Default border color", selectedBorderColorLabel: "Selected border color", textColorLabel: "Text color", multiProductSelectionLabel: "Allow multiple products to be selected", optionalDetailsLabel: "Option to provide details of their request", mailingListPromptText: "Join mailing list", defaultDescription: "Description", makeADonationDescription: "Make a donation", thickLineDivider: "Thick Line", thinLineDivider: "Thin Line", noneDivider: "None", styleNoneOption: "None", styleSquareOption: "Square", styleCircleOption: "Circle", mediaTypeImage: "image", mediaTypeShape: "shape", media: "Media", addMediaTitle: "Add media", firstNameLabel: "First name", lastNameLabel: "Last name", emailAddressLabel: "Email address", phoneNumberLabel: "Phone number", messageLabel: "Message", displayTextPlaceholder: "Display Text", linkToLabel: "Link to", addLinkButtonText: "Add Link", enterValidUrlError: "Please enter a valid URL", enterTextHerePlaceholder: "Enter text here...", bookNowLabel: "Book Now" }, H = { field: "Field", required: "Required" }, z = { addressPlaceholder: "Enter a location" }, W = { sampleText: "This is a sample text" }, q = { shapePrefix: "Shape", imagePrefix: "Image", placeholderSuffix: " title", addShapeLabel: "Add Shape", addImageLabel: "Add Image" }, V = { linkPlaceholderPrefix: "Enter phone, link or email", buttonLabel: "Add Item" }, j = { logoVariations: "Logo Variations", logoVersions: "Logo Versions", editLogo: "Edit logo", uploadLogo: "Upload logo" }, Q = { paymentSetup: "Payment Setup", inactiveMessage: "Please enable a payment provider by clicking the button below to start accepting payments on your web page.", pendingPreOnboardingLabel: "Onboarding Incomplete", pendingPostOnboardingLabel: "Validation Required", defaultLabel: "Unsupported state", pendingPreOnboardingDescription: "Please complete onboarding via Stripe before continuing.", pendingPostOnboardingDescription: "Stripe still needs to verify some details. Check progress via the Stripe dashboard.", requiredActionCtaLabel: "Go to ", paymentImageAspectRatio: "Aspect Ratio", supportMeAmount: "Amount", supportMeDescription: "Donate", supportMeCustomAmount: " Option to add custom amount ", supportMeCustomMessage: " Include message to you ", addItem: "Add Item", price: "Price" }, J = { personalisationOverride: "Personalisation Override", none: "None", default: "{{AI_PROPERTY}} (Default)" }, Z = { icon: "Icon", myUploads: "My Uploads", myDesigns: "My Designs", imageLibrary: "Image Library", videoLibrary: "Video Library", shapeLibrary: "Shape Library" }, K = { shapeColors: "Shape Colors", shapeColor: "Shape Color", addItemLabel: "Add Item" }, $ = { testimonial: "Testimonial", avatar: "Avatar", shapeColors: "Shape Colors", shapeColor: "Shape Color", position: "Position", name: "Name", ceoPlaceholder: "CEO of Company Name", addItem: "Add Item" }, ee = { maxReached: "You have reached your maximum limit of characters allowed" }, oe = { shapeColors: "Shape Colors", shapeColor: "Shape Color", imageCaptionPlaceholder: "Add image caption", imageLink: "Image link", imageCaption: "Image pop-up caption", imageCaptionSub: "This caption only appears in the image pop-up", addTitlePlaceholder: "Add title", title: "Title", addParagraphPlaceholder: "Add paragraph", paragraph: "Paragraph", addItemLabel: "Add Item", image: "Image", shape: "Shape", none: "None", popup: "Pop-up", openLink: "Open Link", imageBehaviour: "Image behaviour", button: "Button", buttonText: "Button text", getStarted: "Get Started", buttonLink: "Button Link", url: "Url", email: "Email Address", telephone: "Phone Number", buttonTextStyleLabel: "Button text Style", selectPage: "Select a page", page: "Page" }, ae = { fontSettings: "Font Settings", addItem: "Add Item" }, te = { textStyle: "Text Style", font: "Font", size: "Size", letterSpacing: "Letter Spacing", lineHeight: "Line Height", style: "Style", alignment: "Alignment", color: "Color", backgroundColor: "Background Color" }, ie = { maxLimitReached: "You have reached your maximum limit of characters allowed" }, le = { loadingMessage: "Loading...", dropToUpload: "Drop your files here or click to upload.", acceptText: "We accept .jpg, .jpeg, .png's up to 25MB", maxFiles: "(Max 5 files at once)", check: "Check", error: "Error" }, re = { addItem: "Add Item" }, se = { loginPrompt: "Please login or register to start using the image uploader.", loginOrRegister: "Login or Register" }, ne = { logoText: "Logo", headerLogoDesign: "Logo Design", headerUploadLogo: "Upload Logo", subHeaderLogoPreview: "Logo Preview", subHeaderLogoColors: "Logo Colors", subHeaderLogoText: "Logo Text", subHeaderSupportingText: "Supporting Text", uploadNewLogo: "Upload New logo", noUploadedLogoText: "You have no uploaded logo, upload a logo to start editing", switchTemplate: "Switch Template" }, de = { searchPlaceholder: "Search Logos", loadMore: "Load More", businessName: "Enter your business name", noResults: "No logo templates found." }, ce = { logoSwitchTitle: "Switch Logo Template", logoSwitchConfirmation: "Changing your logo will update the template to match your new logo colors. This will also reset any content or design changes you've made." }, me = { searchPlaceholder: "Search your designs", createNewDesign: "Create New Design", allDesigns: "All Designs", allLogos: "All Logos" }, ge = { fileUploadLabel: "Drop your files here or click to upload.", emptyMediaLabel: "There are no images in your media library. Upload a new image to get started.", areyouSureLabel: "Are you sure?", deleteInfoLabel: "Note: It might take 24 hours to delete images across all your website content.", maxOneFile: "(Max {{MAX_UPLOADED_FILES}} file at once)", maxMultipleFiles: "(Max {{MAX_UPLOADED_FILES}} files at once)" }, pe = { deletePageTitle: 'Delete "{{PAGE_TITLE}}"', deletePageConfirmation: "Are you sure you want to delete this page? This cannot be undone.", cancel: "Cancel", delete: "Delete" }, ue = { addNewPage: "Add new page", pageTitle: "Page title", pageTitlePlaceholder: "Page title", cancel: "Cancel", continue: "Continue" }, he = { headerSettings: "Header Settings", footerSettings: "Footer Settings", managePages: "Manage Pages", pages: "Pages", addPage: "Add Page", addPages: "Add Pages", addPagesDescription: "Add pages to better organize your content. Your home page will always be on and your first page. Drag and drop your other pages to reorder them.", upgradeBtn: "Upgrade to add more pages", copyrightStyle: "Copyright Style", pageTitlePlaceholder: "Page Title", homePageText: "This is your current homepage. To hide it, choose another page to set as the homepage.", showPage: "Show page", hidePage: "Hide page", delete: "Delete" }, ye = { showNavigationBelow: "Show navigation below logo", previewDescription: "Preview is not available on this screen size.", navigationStyle: "Navigation style", logoSize: "Logo Size", socialLinks: "Social Links", copyright: "Copyright" }, be = { domainSearchButtonLabel: "Search", customDomainCardDescription: "Make it easy for customers to find you with a domain that matches your business", customDomainLabel: "Custom Domain", recommendedLabel: "Recommended", websiteFriendlyName: "Website", digitalBusinessCardFriendlyName: "Digital Business Card" }, Te = { loadMoreShapes: "Load More Shapes" }, Se = { titles: "Titles", headings: "Headings", paragraphs: "Paragraphs", buttons: "Buttons", premium: "Premium", logoBackgroundColor: "Logo background color", buttonBorderColor: "Button border color", buttonFillColor: "Button fill color", buttonShadowColor: "Button shadow color", buttonSoftShadowColor: "Button shadow color", buttonIconColor: "Icon color", defaultTextColor: "Default text color", customizeInfo: "Customize the appearance of text across your site", hideDesignLogo: "Hide Design.com logo", hideBrandCrowdLogo: "Hide BrandCrowd logo", styleTitle: "Style", buttonStyleTitle: "Button style", textStyleTitle: "Text style" }, Pe = { searchPlaceholder: "Search", templatePreview: "Template Preview", loadMoreTemplatesButtonText: "Load more templates", headerAll: "All", headerCategories: "Categories", headerAi: "AI" }, Ce = { loadMoreImages: "Load more images", poweredBy: "Powered by", gaming: "Gaming", beauty: "Beauty", food: "Food", animal: "Animal", beverage: "Beverage", party: "Party", office: "Office", home: "Home", travel: "Travel", landscape: "Landscape" }, De = { uploadNewLogo: "Upload new logo", uploadYourLogo: "Upload your logo", applyMessage: "This will apply to all the logos in your website.", cancelLabel: "Cancel", continueLabel: "Continue" }, Le = { poweredBy: "Powered by", emptyState: "Sorry, your browser doesn't support embedded videos.", loadMoreVideos: "Load more videos", supported: "Sorry, your browser doesn't support embedded videos." }, Ae = {
+  brandPageFooter: e,
+  cookie: o,
+  image: a,
+  imageGallery: t,
+  imagesSection: i,
+  mailingList: l,
+  map: r,
+  payment: s,
+  requestPaymentStripe: n,
+  sensitiveContentModal: d,
+  paymentModal: c,
+  productDetailModal: m,
+  shop: g,
+  addYouTubeVideoDescription: p,
+  videoBlockPlaceholderTitle: u,
+  index: h,
+  actionBar: y,
+  brandpageBackgroundSettings: b,
+  brandPageSettings: T,
+  colorPalette: S,
+  cookieSettings: P,
+  googleAnalytics: C,
+  layoutSwitcher: D,
+  navigation: L,
+  quickLinkBar: A,
+  sensitiveContentSettings: f,
+  existingDomainModal: I,
+  seoSettings: v,
+  product: w,
+  socialShare: k,
+  constants: N,
+  converter: M,
+  model: x,
+  validator: B,
+  backgroundSettings: E,
+  colorPicker: R,
+  common: U,
+  error: O,
+  confirmModal: X,
+  bookingUrlField: F,
+  colorField: G,
+  colorReplacementField: _,
+  contentSettings: Y,
+  formFields: H,
+  googleAddressField: z,
+  genericTextInput: W,
+  imagesField: q,
+  linksField: V,
+  logoSelectionSettings: j,
+  paymentConfig: Q,
+  personalisationOverride: J,
+  replaceImageSetting: Z,
+  shapeField: K,
+  testimonialItemsField: $,
+  textField: ee,
+  textImageField: oe,
+  textItemsField: ae,
+  textStyleField: te,
+  textAreaField: ie,
+  dropzoneUploader: le,
+  productConfigOption: re,
+  loginMessage: se,
+  editLogoSettings: ne,
+  logoTemplateSearchModal: de,
+  logoSwitchConfirmationModal: ce,
+  myDesigns: me,
+  myUploadSettings: ge,
+  deletePageModal: pe,
+  newPageModal: ue,
+  pageSettings: he,
+  pageSettingsSection: ye,
+  publishBrandPageModalWithState: be,
+  shapeLibrary: Te,
+  styleSettingsSection: Se,
+  templateSettings: Pe,
+  unsplashLibrary: Ce,
+  uploadLogoModal: De,
+  videoLibrary: Le
+};
+export {
+  y as actionBar,
+  p as addYouTubeVideoDescription,
+  E as backgroundSettings,
+  F as bookingUrlField,
+  e as brandPageFooter,
+  T as brandPageSettings,
+  b as brandpageBackgroundSettings,
+  G as colorField,
+  S as colorPalette,
+  R as colorPicker,
+  _ as colorReplacementField,
+  U as common,
+  X as confirmModal,
+  N as constants,
+  Y as contentSettings,
+  M as converter,
+  o as cookie,
+  P as cookieSettings,
+  Ae as default,
+  pe as deletePageModal,
+  le as dropzoneUploader,
+  ne as editLogoSettings,
+  O as error,
+  I as existingDomainModal,
+  H as formFields,
+  W as genericTextInput,
+  z as googleAddressField,
+  C as googleAnalytics,
+  a as image,
+  t as imageGallery,
+  q as imagesField,
+  i as imagesSection,
+  h as index,
+  D as layoutSwitcher,
+  V as linksField,
+  se as loginMessage,
+  j as logoSelectionSettings,
+  ce as logoSwitchConfirmationModal,
+  de as logoTemplateSearchModal,
+  l as mailingList,
+  r as map,
+  x as model,
+  me as myDesigns,
+  ge as myUploadSettings,
+  L as navigation,
+  ue as newPageModal,
+  he as pageSettings,
+  ye as pageSettingsSection,
+  s as payment,
+  Q as paymentConfig,
+  c as paymentModal,
+  J as personalisationOverride,
+  w as product,
+  re as productConfigOption,
+  m as productDetailModal,
+  be as publishBrandPageModalWithState,
+  A as quickLinkBar,
+  Z as replaceImageSetting,
+  n as requestPaymentStripe,
+  d as sensitiveContentModal,
+  f as sensitiveContentSettings,
+  v as seoSettings,
+  K as shapeField,
+  Te as shapeLibrary,
+  g as shop,
+  k as socialShare,
+  Se as styleSettingsSection,
+  Pe as templateSettings,
+  $ as testimonialItemsField,
+  ie as textAreaField,
+  ee as textField,
+  oe as textImageField,
+  ae as textItemsField,
+  te as textStyleField,
+  Ce as unsplashLibrary,
+  De as uploadLogoModal,
+  B as validator,
+  u as videoBlockPlaceholderTitle,
+  Le as videoLibrary
+};

package/lib/src/bundles/bundled-translations.json

@@ -297,7 +297,9 @@
         "addMedia": "Add Media",
         "addImage": "Add Image",
         "replaceImage": "Replace Image",
-        "image": "Image"
+        "image": "Image",
+        "media": "Media",
+        "replaceMedia": "Replace Media"
     },
     "colorPicker": {
         "newColor": "New Color",

package/lib/src/clients/design-template-client.d.ts

@@ -11,6 +11,7 @@ interface GetTemplatesAsyncOptions {
     searchTerm?: string;
     side?: string;
     logoDraftToken?: string;
+    logoVariation?: number;
     useLogoForRecommendedTemplates?: boolean;
     page?: number;
     pageSize?: number;

package/lib/src/clients/models.d.ts

@@ -12,6 +12,7 @@ export interface DesignTemplate {
 }
 export interface PaginatedDesignTemplateItem {
     designTemplateToken: string;
+    previewImageUrl?: string;
 }
 export interface DisplayLogoDraftAsset {
     token: string;

package/lib/src/css/library.brand-page-brandCrowd.min.css

@@ -283,6 +283,9 @@ a.maker-anchor {
 .tw-top-full {
     top: 100%
 }
+.tw-z-0 {
+    z-index: 0
+}
 .tw-z-10 {
     z-index: 10
 }
@@ -1402,6 +1405,12 @@ a.maker-anchor {
     -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
             transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
+.tw-scale-150 {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
 .tw-transform {
     -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
             transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
@@ -7073,14 +7082,14 @@ body {
   line-height: 1.5;
 }
 
-.brand-page-root[data-v-4eac537a] {
+.brand-page-root[data-v-e9dcd86a] {
   height: 100%;
 }
-.sortable[data-v-4eac537a] {
+.sortable[data-v-e9dcd86a] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.brand-page[data-v-4eac537a] {
+.brand-page[data-v-e9dcd86a] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: -webkit-box;
@@ -7092,7 +7101,7 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--default[data-v-4eac537a] {
+.brand-page__inner--default[data-v-e9dcd86a] {
   position: relative;
   z-index: 10;
   display: -webkit-box;
@@ -7104,16 +7113,16 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--desktop[data-v-4eac537a] {
+.brand-page__inner--desktop[data-v-e9dcd86a] {
   min-height: 100vh;
 }
-.brand-site__header[data-v-4eac537a] {
+.brand-site__header[data-v-e9dcd86a] {
   container-type: inline-size;
 }
-.brand-page__header[data-v-4eac537a] {
+.brand-page__header[data-v-e9dcd86a] {
   padding-top: var(--page-padding);
 }
-.brand-page__content--default[data-v-4eac537a] {
+.brand-page__content--default[data-v-e9dcd86a] {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2.5rem;
@@ -7130,7 +7139,7 @@ body {
           flex-direction: column;
   max-width: var(--page-max-width);
 }
-.brand-page__content--desktop[data-v-4eac537a] {
+.brand-page__content--desktop[data-v-e9dcd86a] {
   margin-left: auto;
   margin-right: auto;
   display: -webkit-box;
@@ -7146,15 +7155,15 @@ body {
           flex-direction: column;
   max-width: 100%;
 }
-.brand-page__content--inner[data-v-4eac537a] {
+.brand-page__content--inner[data-v-e9dcd86a] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.brand-page__content--inner--brandsite[data-v-4eac537a] {
+.brand-page__content--inner--brandsite[data-v-e9dcd86a] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.brand-page__content--outline-selected[data-v-4eac537a] {
+.brand-page__content--outline-selected[data-v-e9dcd86a] {
   position: relative;
   z-index: 10;
   outline-color: #F7768C;
@@ -7162,20 +7171,20 @@ body {
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
-.brand-page__content--outline-footer-selected[data-v-4eac537a] {
+.brand-page__content--outline-footer-selected[data-v-e9dcd86a] {
   outline-color: #f7768c;
   outline-width: 0.2rem;
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
 @media (max-width: 640px) {
-.brand-page__content--inner--full-width[data-v-4eac537a] {
+.brand-page__content--inner--full-width[data-v-e9dcd86a] {
     padding-left: 0;
     padding-right: 0;
 }
 }
 @media (min-width: 640px) {
-.brand-page__content--inner--full-width[data-v-4eac537a] {
+.brand-page__content--inner--full-width[data-v-e9dcd86a] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
 }
@@ -8633,11 +8642,11 @@ input[type='number'][data-v-28a532b4] {
 }
 }
 
-.template-preview[data-v-c5fa6125] {
+.template-preview[data-v-531c5302] {
   position: relative;
   background-attachment: initial !important
 }
-.template-preview__overlay[data-v-c5fa6125] {
+.template-preview__overlay[data-v-531c5302] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -8646,12 +8655,31 @@ input[type='number'][data-v-28a532b4] {
   height: 100%;
   width: 100%;
   cursor: pointer;
-  opacity: 0
+  opacity: 0;
+  z-index: 100
 }
-.template-preview__page[data-v-c5fa6125] {
+.template-preview__image-container[data-v-531c5302] {
+  pointer-events: none;
+  height: 100%;
+  width: 100%
+}
+.template-preview__image[data-v-531c5302] {
+  height: 100%;
+  width: 100%;
+  -o-object-fit: fill;
+     object-fit: fill;
+  -webkit-transition: -webkit-filter 0.2s ease;
+  transition: -webkit-filter 0.2s ease;
+  transition: filter 0.2s ease;
+  transition: filter 0.2s ease, -webkit-filter 0.2s ease
+}
+.template-preview__page[data-v-531c5302] {
   pointer-events: none
 }
-.template-preview[data-v-c5fa6125] .c-shape-background {
+.template-preview[data-v-531c5302] .c-shape-background {
+  position: absolute
+}
+.template-preview__image[data-v-531c5302] .c-shape-background {
   position: absolute
 }
 

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -705,6 +705,9 @@ a.maker-anchor {
 .tw-top-full {
   top: 100%;
 }
+.tw-z-0 {
+  z-index: 0;
+}
 .tw-z-10 {
   z-index: 10;
 }
@@ -1824,6 +1827,12 @@ a.maker-anchor {
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.tw-scale-150 {
+  --tw-scale-x: 1.5;
+  --tw-scale-y: 1.5;
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .tw-transform {
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -7401,14 +7410,14 @@ body {
   line-height: 1.5;
 }
 
-.brand-page-root[data-v-4eac537a] {
+.brand-page-root[data-v-e9dcd86a] {
   height: 100%;
 }
-.sortable[data-v-4eac537a] {
+.sortable[data-v-e9dcd86a] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.brand-page[data-v-4eac537a] {
+.brand-page[data-v-e9dcd86a] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: -webkit-box;
@@ -7420,7 +7429,7 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--default[data-v-4eac537a] {
+.brand-page__inner--default[data-v-e9dcd86a] {
   position: relative;
   z-index: 10;
   display: -webkit-box;
@@ -7432,16 +7441,16 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--desktop[data-v-4eac537a] {
+.brand-page__inner--desktop[data-v-e9dcd86a] {
   min-height: 100vh;
 }
-.brand-site__header[data-v-4eac537a] {
+.brand-site__header[data-v-e9dcd86a] {
   container-type: inline-size;
 }
-.brand-page__header[data-v-4eac537a] {
+.brand-page__header[data-v-e9dcd86a] {
   padding-top: var(--page-padding);
 }
-.brand-page__content--default[data-v-4eac537a] {
+.brand-page__content--default[data-v-e9dcd86a] {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2.5rem;
@@ -7458,7 +7467,7 @@ body {
           flex-direction: column;
   max-width: var(--page-max-width);
 }
-.brand-page__content--desktop[data-v-4eac537a] {
+.brand-page__content--desktop[data-v-e9dcd86a] {
   margin-left: auto;
   margin-right: auto;
   display: -webkit-box;
@@ -7474,15 +7483,15 @@ body {
           flex-direction: column;
   max-width: 100%;
 }
-.brand-page__content--inner[data-v-4eac537a] {
+.brand-page__content--inner[data-v-e9dcd86a] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.brand-page__content--inner--brandsite[data-v-4eac537a] {
+.brand-page__content--inner--brandsite[data-v-e9dcd86a] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.brand-page__content--outline-selected[data-v-4eac537a] {
+.brand-page__content--outline-selected[data-v-e9dcd86a] {
   position: relative;
   z-index: 10;
   outline-color: #F7768C;
@@ -7490,20 +7499,20 @@ body {
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
-.brand-page__content--outline-footer-selected[data-v-4eac537a] {
+.brand-page__content--outline-footer-selected[data-v-e9dcd86a] {
   outline-color: #f7768c;
   outline-width: 0.2rem;
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
 @media (max-width: 640px) {
-.brand-page__content--inner--full-width[data-v-4eac537a] {
+.brand-page__content--inner--full-width[data-v-e9dcd86a] {
     padding-left: 0;
     padding-right: 0;
 }
 }
 @media (min-width: 640px) {
-.brand-page__content--inner--full-width[data-v-4eac537a] {
+.brand-page__content--inner--full-width[data-v-e9dcd86a] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
 }
@@ -8961,11 +8970,11 @@ input[type='number'][data-v-28a532b4] {
 }
 }
 
-.template-preview[data-v-c5fa6125] {
+.template-preview[data-v-531c5302] {
   position: relative;
   background-attachment: initial !important
 }
-.template-preview__overlay[data-v-c5fa6125] {
+.template-preview__overlay[data-v-531c5302] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -8974,12 +8983,31 @@ input[type='number'][data-v-28a532b4] {
   height: 100%;
   width: 100%;
   cursor: pointer;
-  opacity: 0
+  opacity: 0;
+  z-index: 100
 }
-.template-preview__page[data-v-c5fa6125] {
+.template-preview__image-container[data-v-531c5302] {
+  pointer-events: none;
+  height: 100%;
+  width: 100%
+}
+.template-preview__image[data-v-531c5302] {
+  height: 100%;
+  width: 100%;
+  -o-object-fit: fill;
+     object-fit: fill;
+  -webkit-transition: -webkit-filter 0.2s ease;
+  transition: -webkit-filter 0.2s ease;
+  transition: filter 0.2s ease;
+  transition: filter 0.2s ease, -webkit-filter 0.2s ease
+}
+.template-preview__page[data-v-531c5302] {
   pointer-events: none
 }
-.template-preview[data-v-c5fa6125] .c-shape-background {
+.template-preview[data-v-531c5302] .c-shape-background {
+  position: absolute
+}
+.template-preview__image[data-v-531c5302] .c-shape-background {
   position: absolute
 }