diff --git a/website/modules/asset/ui/src/scss/_big-block-widget.scss b/website/modules/asset/ui/src/scss/_big-block-widget.scss index 12f9ac9a..47529a4c 100644 --- a/website/modules/asset/ui/src/scss/_big-block-widget.scss +++ b/website/modules/asset/ui/src/scss/_big-block-widget.scss @@ -331,6 +331,33 @@ border-top: 1px solid #DEDFE4; padding-top: 18px; text-align: left; + display: flex; + align-items: center; + gap: 16px; +} + +.sf-big-block-widget__testimonial-headshot { + flex-shrink: 0; + width: 72px; + height: 72px; + border-radius: 50%; + overflow: hidden; + background: linear-gradient(135deg, #F8F9FA 0%, #DEDFE4 100%); + border: 2px solid #DEDFE4; + + img { + width: 100%; + height: 100%; + object-fit: cover; + } +} + +.sf-big-block-widget__testimonial-info { + display: flex; + flex-direction: column; + gap: 4px; + flex: 1; + margin-left: -8px; } .sf-big-block-widget__testimonial-name { @@ -530,6 +557,15 @@ padding: 28px 32px 28px 24px; } + .sf-big-block-widget__testimonial-headshot { + width: 60px; + height: 60px; + } + + .sf-big-block-widget__testimonial-author { + flex-direction: row; + } + .sf-big-block-widget__final-cta { padding: 56px 24px; } @@ -542,4 +578,9 @@ font-size: 16px; padding: 14px 30px; } + + .sf-big-block-widget__testimonial-headshot { + width: 52px; + height: 52px; + } } diff --git a/website/modules/big-block-widget/index.js b/website/modules/big-block-widget/index.js index f6e9bb78..c94e12af 100644 --- a/website/modules/big-block-widget/index.js +++ b/website/modules/big-block-widget/index.js @@ -13,6 +13,23 @@ module.exports = { ], }, fields: { - // No fields - content is hardcoded in template + add: { + _testimonials: { + label: 'Testimonials', + type: 'relationship', + withType: 'testimonials', + max: 6, + builders: { + project: { + title: 1, + position: 1, + organization: 1, + feedback: 1, + url: 1, + headshot: 1, + }, + }, + }, + }, }, }; diff --git a/website/modules/big-block-widget/views/widget.html b/website/modules/big-block-widget/views/widget.html index 03a967f0..8f9e6254 100644 --- a/website/modules/big-block-widget/views/widget.html +++ b/website/modules/big-block-widget/views/widget.html @@ -19,7 +19,7 @@