From 4e74424baa278f00251d4d7d574199c7e5615b68 Mon Sep 17 00:00:00 2001 From: Alex Ost Date: Mon, 17 Aug 2026 12:42:22 +0200 Subject: [PATCH] Test Block - added headshots to testimonials --- .../asset/ui/src/scss/_big-block-widget.scss | 41 +++++++ website/modules/big-block-widget/index.js | 19 +++- .../big-block-widget/views/widget.html | 104 ++++-------------- 3 files changed, 81 insertions(+), 83 deletions(-) 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 @@

- Most software projects don't fail because the tech is wrong. + Most software projects don't fail because the tech is wrong. They fail because complexity is underestimated, and the human side of the work is left unsupported.

@@ -49,92 +49,32 @@

Social proof

Trusted by visionary leaders

- -
- -
-

"The Developmental Sprint® app enables individuals and teams to overcome hurdles to success. Within three months of our initial conversation with S&F, we had our first beta-version to test with a client. Within six months, we were using it as a cornerstone of our business expansion."

-
-

Andy Fleming

-

CEO & Founding Principal

-

The Developmental Edge

- developmentaledge.com -
-
- - -
-

"Thanks for being such a perfect mix of joyfulness and professionalism, which makes it such a treat to work with you."

-
-

Stephanie Delbecque

-

Lead Product Manager

-

Wikimedia Foundation

- wikimediafoundation.org -
-
- - -
-

"S&F never brought a problem to O3. You bring solutions! Great ability to implement design well, manage project/product, and problem solve. The cultural influence of S&F on our own team is great."

-
-

Mahesh Gaitonde

-

Chief Digital Officer

-

O3 World

- o3world.com -
-
- - -
-

"Speed & Function has provided the engineering backbone of our product infrastructure — not just in a technical capacity, but architecturally and strategically too. Their commitment to our project has been critical. We wouldn't have gotten this far if we hadn't been able to work with them. Everybody has been thoughtful, fun and professional. They'll always let you know when something goes wrong and work with you to improve it."

-
-

Lane Becker

-

President

-

Wikimedia LLC

- wikimediafoundation.org -
-
- - -
-

"Speed & Function connects the dots. Unfortunately, other parts of the world give you only what you ask for. You don't get connecting the dots, problem-solving, or creativity."

-
-

Robert Scanlon

-

President of Scanlon Consulting Group LLC

-
-
- - -
-

"The team at Speed & Function own this project as much as I own it. They also speak up and voice their ideas. It's rare to get that from an external firm. There's lots of knowledge in the team and even though they are external, they work with us as a team rather than contractors."

-
-

Ryan Brounley

-

Product Advisor

-

Wikimedia Foundation

- wikimediafoundation.org -
-
- -
-

"S&F is a solid business partner. Nick and his team are willing to do whatever it takes to make a project successful and to keep the customer satisfied. They are professional and thorough."

-
-

Chris Allison

-

Managing Partner

-

Turnberry Solutions

- turnberrysolutions.com -
-
- - +
+ {% for testimonial in data.widget._testimonials %}
-

"Nick and team are the best. They've basically turned our digital business around. Fast, efficient, cost-effective, communicative, and collaborative."

+

"{{ testimonial.feedback }}"

-

Shai Reichert

-

Managing Director, Technology

-

W2O Group

+ {% set attachment = apos.image.first(testimonial.headshot) %} + {% if attachment %} +
+ {{ attachment._alt or testimonial.title }} +
+ {% endif %} +
+

{{ testimonial.title }}

+

{{ testimonial.position }}

+

{{ testimonial.organization }}

+ {% if testimonial.url %} + {{ testimonial.url }} + {% endif %} +
+ {% endfor %}