From 6408bebb1cf4b508fb7d24aa21767513971496e4 Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Wed, 10 Aug 2022 10:22:54 +0200
Subject: [PATCH] Added static HTML for free trial offer variant

refs https://github.com/TryGhost/Team/issues/1726
---
 ghost/portal/src/components/pages/OfferPage.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/ghost/portal/src/components/pages/OfferPage.js b/ghost/portal/src/components/pages/OfferPage.js
index de92f84247..d1524f2ab5 100644
--- a/ghost/portal/src/components/pages/OfferPage.js
+++ b/ghost/portal/src/components/pages/OfferPage.js
@@ -122,6 +122,14 @@ export const OfferPageStyles = ({site}) => {
 .gh-portal-offer-details p {
     margin-bottom: 12px;
 }
+
+.offer .after-trial-amount {
+    margin-bottom: 0;
+}
+
+.offer .trial-duration {
+    margin-top: 16px;
+}
     `;
 };
 
@@ -442,6 +450,7 @@ export default class OfferPage extends React.Component {
         }
         return (
             <p className="footnote">{this.getOffAmount({offer})} off {durationLabel}. {renewsLabel}</p>
+            // <p className="after-trial-amount">Then $5/month</p>
         );
     }
 
@@ -473,6 +482,9 @@ export default class OfferPage extends React.Component {
                                 <span className={'currency-sign ' + currencyClass}>{getCurrencySymbol(price.currency)}</span>
                                 <span className="amount">{formatNumber(this.renderRoundedPrice(updatedPrice))}</span>
                             </div>
+                            {/* <div className="gh-portal-product-price">
+                                <span className="amount trial-duration">21 days free</span>
+                            </div> */}
                         </div>
                         {this.renderOfferMessage({offer, product})}
                     </div>