Added RV for Promo

src/sxastarter/src/components/Promo.tsx

@@ -6,13 +6,15 @@ import {
   ImageField,
   Field,
   LinkField,
+  RichText,
 } from '@sitecore-jss/sitecore-jss-nextjs';
 
 interface Fields {
   PromoIcon: ImageField;
   PromoText: Field<string>;
   PromoLink: LinkField;
   PromoText2: Field<string>;
+  PromoText3: Field<string>;
 }
 
 type PromoProps = {
@@ -81,3 +83,29 @@ export const WithText = (props: PromoProps): JSX.Element => {
 
   return <PromoDefaultComponent {...props} />;
 };
+
+//Promo RV
+export const GetToKnow = (props: PromoProps): JSX.Element => {
+  const id = props.params.RenderingIdentifier;
+  if (props.fields) {
+    return (
+      <div className={`component promo ${props.params.styles}`} id={id ? id : undefined}>
+        <div className="component-content">
+          <section className="container section-inner-space">
+            <div className="row align-items-center row-cols-1 row-cols-md-2 gx-5 text-center text-md-start">
+              <div className="col">
+                <RichText className="mb-4" field={props?.fields?.PromoText} tag="h2" />
+                <RichText className="text-align-justify" field={props?.fields?.PromoText2} />
+              </div>
+              <div className="col ps-md-5">
+                <JssImage field={props.fields.PromoIcon} />
+              </div>
+            </div>
+          </section>
+        </div>
+      </div>
+    );
+  }
+
+  return <PromoDefaultComponent {...props} />;
+};