PageSourceSearch

https://vinspired.com/blog

html vinspired.com collected 2026-10-01 11:56:33 UTC 97,516 bytes, 1,328 lines download raw bytes

1<!DOCTYPE html>
2<html data-theme="light" lang="en">
3  <head>
4    <meta charset="UTF-8">
5    <meta name="turbo-prefetch" content="false">
6    <meta name="csrf-param" content="authenticity_token" />
7<meta name="csrf-token" content="zCoQUFCc4aX2PvApnRX4LoBuHh70z98Zd5Mf1uAuNqcCypnU4OAQYV_6nNymXexUzqoknPdXvTKZe2bgvKdqfg" />
8    
9    <meta name="viewport" content="width=device-width, initial-scale=1">
10    <title>Stories &amp; Insights - Blog | Vinspired</title>
11<meta name="title" content="Stories &amp; Insights - Blog | Vinspired">
12<meta name="description" content="Read the latest stories, case studies, news and insights from the Vinspired community and our partner organisations.">
13<link rel="canonical" href="https://vinspired.com/blog">
14<meta name="twitter:card" content="summary_large_image">
15<meta name="twitter:site" content="@vinspired">
16<meta name="twitter:creator" content="@vinspired">
17<meta name="twitter:title" content="Stories &amp; Insights - Blog | Vinspired">
18<meta name="twitter:url" content="https://vinspired.com/blog">
19<meta name="twitter:description" content="Read the latest stories, case studies, news and insights from the Vinspired community and our partner organisations.">
20<meta name="twitter:image" content="https://vinspired.com/assets/vinspired_thumb-8acf1de7.jpg">
21<meta property="og:title" content="Stories &amp; Insights - Blog | Vinspired">
22<meta property="og:description" content="Read the latest stories, case studies, news and insights from the Vinspired community and our partner organisations.">
23<meta property="og:type" content="website">
24<meta property="og:url" content="https://vinspired.com/blog">
25<meta property="og:image" content="https://vinspired.com/assets/vinspired_social-13005634.jpg">
26<meta property="og:site_name" content="Vinspired">
27<meta property="fb:app_id" content="444184352004449">
28    <meta name="apple-mobile-web-app-capable" content="yes">
29    <meta name="mobile-web-app-capable" content="yes">
30    <meta name="application-name" content="Vinspired">
31    
31<script type="importmap" data-turbo-track="reload">{
32  "imports": {
33    "application": "/assets/application-6b729a1d.js",
34    "@hotwired/stimulus": "/assets/stimulus-d59b3b7f.js",
35    "@hotwired/stimulus-loading": "/assets/stimulus-loading-1fc53fe7.js",
36    "@hotwired/turbo-rails": "/assets/turbo.min-9fd88cd5.js",
37    "@rails/actiontext": "/assets/actiontext.esm-c376325e.js",
38    "@rails/actioncable": "/assets/actioncable.esm-e0ec9819.js",
39    "lexxy": "/assets/lexxy-a1b1695e.js",
40    "@rails/activestorage": "/assets/activestorage.esm-81bb34bc.js",
41    "@hotwired/hotwire-native-bridge": "/assets/@hotwired--hotwire-native-bridge-489bc31d.js",
42    "clipboard": "/assets/clipboard-c5e1a52b.js",
43    "local-time": "/assets/local-time.es2017-esm-6e8a38c5.js",
44    "tailwindcss-stimulus-components": "/assets/tailwindcss-stimulus-components-76660247.js",
45    "@floating-ui/dom": "/assets/@floating-ui--dom-a087c06f.js",
46    "@floating-ui/core": "/assets/@floating-ui--core-121ca148.js",
47    "@floating-ui/utils": "/assets/@floating-ui--utils-b6ac2700.js",
48    "@floating-ui/utils/dom": "/assets/@floating-ui--utils--dom-8a9ebbe0.js",
49    "vanilla-tilt": "/assets/vanilla-tilt-409ff19d.js",
50    "canvas-confetti": "/assets/canvas-confetti-fb43c408.js",
51    "chart.js": "https://cdn.jsdelivr.net/npm/[email protected]/+esm",
52    "chartjs-plugin-datalabels": "https://cdn.jsdelivr.net/npm/[email protected]/+esm",
53    "easymde": "/assets/easymde-33a34c63.js",
54    "channels/consumer": "/assets/channels/consumer-303bcbdf.js",
55    "channels": "/assets/channels/index-f1d69946.js",
56    "controllers/account_location_controller": "/assets/controllers/account_location_controller-f484af38.js",
57    "controllers/accounts_controller": "/assets/controllers/accounts_controller-11a276a2.js",
58    "controllers/activity_attendable_controller": "/assets/controllers/activity_attendable_controller-e749e100.js",
59    "controllers/activity_classification_controller": "/assets/controllers/activity_classification_controller-f8eafd96.js",
60    "controllers/activity_event_form_controller": "/assets/controllers/activity_event_form_controller-e7dcd367.js",
61    "controllers/application": "/assets/controllers/application-72078497.js",
62    "controllers/approvals_controller": "/assets/controllers/approvals_controller-2253a257.js",
63    "controllers/autogrow_controller": "/assets/controllers/autogrow_controller-52fe45af.js",
64    "controllers/autosubmit_controller": "/assets/controllers/autosubmit_controller-b57ad2f0.js",
65    "controllers/award_asset_refresh_controller": "/assets/controllers/award_asset_refresh_controller-d3285806.js",
66    "controllers/braintree/dropin_controller": "/assets/controllers/braintree/dropin_controller-3d055198.js",
67    "controllers/braintree/paypal_controller": "/assets/controllers/braintree/paypal_controller-f2e55280.js",
68    "controllers/bridge/form_controller": "/assets/controllers/bridge/form_controller-af9e5b31.js",
69    "controllers/bridge/menu_button_controller": "/assets/controllers/bridge/menu_button_controller-3dbc4bac.js",
70    "controllers/bridge/notification_badge_controller": "/assets/controllers/bridge/notification_badge_controller-60b5ca1f.js",
71    "controllers/bridge/notification_token_controller": "/assets/controllers/bridge/notification_token_controller-d9ee7a12.js",
72    "controllers/bridge/sign_out_controller": "/assets/controllers/bridge/sign_out_controller-e3b504f4.js",
73    "controllers/bulk_controller": "/assets/controllers/bulk_controller-f3a52670.js",
74    "controllers/business_email_controller": "/assets/controllers/business_email_controller-4b6b8847.js",
75    "controllers/card_picker_controller": "/assets/controllers/card_picker_controller-a911196d.js",
76    "controllers/category_stats_controller": "/assets/controllers/category_stats_controller-c4e0bc26.js",
77    "controllers/celebration_controller": "/assets/controllers/celebration_controller-d490e549.js",
78    "controllers/certificate_card_controller": "/assets/controllers/certificate_card_controller-a8d725a5.js",
79    "controllers/claim_modal_controller": "/assets/controllers/claim_modal_controller-53dbc629.js",
80    "controllers/clipboard_controller": "/assets/controllers/clipboard_controller-de9d4200.js",
81    "controllers/conditional_fields_controller": "/assets/controllers/conditional_fields_controller-03f2f16d.js",
82    "controllers/dialog_autoopen_controller": "/assets/controllers/dialog_autoopen_controller-ee99d56c.js",
83    "controllers/direct_message_controller": "/assets/controllers/direct_message_controller-fbd99d42.js",
84    "controllers/direct_message_thread_controller": "/assets/controllers/direct_message_thread_controller-2bc9f0fc.js",
85    "controllers/enrol_bulk_controller": "/assets/controllers/enrol_bulk_controller-669e1031.js",
86    "controllers/expandable_row_controller": "/assets/controllers/expandable_row_controller-b81fde5a.js",
87    "controllers/experience_controller": "/assets/controllers/experience_controller-58fd9b4b.js",
88    "controllers/experience_log_participants_controller": "/assets/controllers/experience_log_participants_controller-6cef3e0d.js",
89    "controllers/experience_log_source_controller": "/assets/controllers/experience_log_source_controller-18531e67.js",
90    "controllers/external_experience_form_controller": "/assets/controllers/external_experience_form_controller-15cfa78f.js",
91    "controllers/feature_gate_controller": "/assets/controllers/feature_gate_controller-0c684ff5.js",
92    "controllers/flash_controller": "/assets/controllers/flash_controller-837a0737.js",
93    "controllers/form_builder_controller": "/assets/controllers/form_builder_controller-472ff223.js",
94    "controllers/impact_bar_controller": "/assets/controllers/impact_bar_controller-2
9415f9210.js",
95    "controllers/impact_chart_controller": "/assets/controllers/impact_chart_controller-ee3d829e.js",
96    "controllers/impact_line_controller": "/assets/controllers/impact_line_controller-9b977a30.js",
97    "controllers": "/assets/controllers/index-28a336ca.js",
98    "controllers/learn_more_controller": "/assets/controllers/learn_more_controller-25c9a1df.js",
99    "controllers/location_details_controller": "/assets/controllers/location_details_controller-5465944e.js",
100    "controllers/md_editor_controller": "/assets/controllers/md_editor_controller-45d867b0.js",
101    "controllers/member_upload_controller": "/assets/controllers/member_upload_controller-31bd7a3e.js",
102    "controllers/multiselect_dropdown_controller": "/assets/controllers/multiselect_dropdown_controller-9d62ef3f.js",
103    "controllers/newsletter_controller": "/assets/controllers/newsletter_controller-b3241cc7.js",
104    "controllers/notifications_controller": "/assets/controllers/notifications_controller-99cf21a1.js",
105    "controllers/opportunity_form_controller": "/assets/controllers/opportunity_form_controller-5a5e6456.js",
106    "controllers/opportunity_preview_controller": "/assets/controllers/opportunity_preview_controller-328d5cd7.js",
107    "controllers/paddle/billing_controller": "/assets/controllers/paddle/billing_controller-9d922ac8.js",
108    "controllers/paddle/classic_controller": "/assets/controllers/paddle/classic_controller-c223895c.js",
109    "controllers/pricing_controller": "/assets/controllers/pricing_controller-f180b882.js",
110    "controllers/pricing_journey_controller": "/assets/controllers/pricing_journey_controller-71e52038.js",
111    "controllers/profile_header_photo_controller": "/assets/controllers/profile_header_photo_controller-3d1b2262.js",
112    "controllers/quick_roster_add_controller": "/assets/controllers/quick_roster_add_controller-b9a43a93.js",
113    "controllers/search_filters_controller": "/assets/controllers/search_filters_controller-aba6352e.js",
114    "controllers/session_schedule_controller": "/assets/controllers/session_schedule_controller-aa4053a2.js",
115    "controllers/share_controller": "/assets/controllers/share_controller-e3a4c5ab.js",
116    "controllers/signup_sheet_form_controller": "/assets/controllers/signup_sheet_form_controller-d24d847e.js",
117    "controllers/spotlight_controller": "/assets/controllers/spotlight_controller-8c4b07d0.js",
118    "controllers/supporter_total_controller": "/assets/controllers/supporter_total_controller-280ecad8.js",
119    "controllers/tag_group_form_controller": "/assets/controllers/tag_group_form_controller-a14e7203.js",
120    "controllers/theme_controller": "/assets/controllers/theme_controller-da335113.js",
121    "controllers/tooltip_controller": "/assets/controllers/tooltip_controller-6d6bf72c.js",
122    "controllers/unfurl_link_controller": "/assets/controllers/unfurl_link_controller-afca6d29.js",
123    "src/confirm": "/assets/src/confirm-a4aa1447.js",
124    "src/direct_uploads": "/assets/src/direct_uploads-4eaca289.js",
125    "src": "/assets/src/index-28c8b289.js",
126    "src/lazysrc": "/assets/src/lazysrc-b829c4ae.js",
127    "src/lexxy_extensions": "/assets/src/lexxy_extensions-efb51548.js",
128    "src/turbo_streams": "/assets/src/turbo_streams-a7579a8b.js"
129  }
130}</script>
130
131<link rel="modulepreload" href="/assets/application-6b729a1d.js">
132<link rel="modulepreload" href="/assets/stimulus-d59b3b7f.js">
133<link rel="modulepreload" href="/assets/stimulus-loading-1fc53fe7.js">
134<link rel="modulepreload" href="/assets/turbo.min-9fd88cd5.js">
135<link rel="modulepreload" href="/assets/actiontext.esm-c376325e.js">
136<link rel="modulepreload" href="/assets/actioncable.esm-e0ec9819.js">
137<link rel="modulepreload" href="/assets/lexxy-a1b1695e.js">
138<link rel="modulepreload" href="/assets/activestorage.esm-81bb34bc.js">
139<link rel="modulepreload" href="/assets/@hotwired--hotwire-native-bridge-489bc31d.js">
140<link rel="modulepreload" href="/assets/clipboard-c5e1a52b.js">
141<link rel="modulepreload" href="/assets/local-time.es2017-esm-6e8a38c5.js">
142<link rel="modulepreload" href="/assets/tailwindcss-stimulus-components-76660247.js">
143<link rel="modulepreload" href="/assets/@floating-ui--dom-a087c06f.js">
144<link rel="modulepreload" href="/assets/@floating-ui--core-121ca148.js">
145<link rel="modulepreload" href="/assets/@floating-ui--utils-b6ac2700.js">
146<link rel="modulepreload" href="/assets/@floating-ui--utils--dom-8a9ebbe0.js">
147<link rel="modulepreload" href="/assets/vanilla-tilt-409ff19d.js">
148<link rel="modulepreload" href="/assets/canvas-confetti-fb43c408.js">
149<link rel="modulepreload" href="https://cdn.jsdelivr.net/npm/[email protected]/+esm">
150<link rel="modulepreload" href="https://cdn.jsdelivr.net/npm/[email protected]/+esm">
151<link rel="modulepreload" href="/assets/easymde-33a34c63.js">
152<link rel="modulepreload" href="/assets/channels/consumer-303bcbdf.js">
153<link rel="modulepreload" href="/assets/channels/index-f1d69946.js">
154<link rel="modulepreload" href="/assets/controllers/account_location_controller-f484af38.js">
155<link rel="modulepreload" href="/assets/controllers/accounts_controller-11a276a2.js">
156<link rel="modulepreload" href="/assets/controllers/activity_attendable_controller-e749e100.js">
157<link rel="modulepreload" href="/assets/controllers/activity_classification_controller-f8eafd96.js">
158<link rel="modulepreload" href="/assets/controllers/activity_event_form_controller-e7dcd367.js">
159<link rel="modulepreload" href="/assets/controllers/application-72078497.js">
160<link rel="modulepreload" href="/assets/controllers/approvals_controller-2253a257.js">
161<link rel="modulepreload" href="/assets/controllers/autogrow_controller-52fe45af.js">
162<link rel="modulepreload" href="/assets/controllers/autosubmit_controller-b57ad2f0.js">
163<link rel="modulepreload" href="/assets/controllers/award_asset_refresh_controller-d3285806.js">
164<link rel="modulepreload" href="/assets/controllers/braintree/dropin_controller-3d055198.js">
165<link rel="modulepreload" href="/assets/controllers/braintree/paypal_controller-f2e55280.js">
166<link rel="modulepreload" href="/assets/controllers/bridge/form_controller-af9e5b31.js">
167<link rel="modulepreload" href="/assets/controllers/bridge/menu_button_controller-3dbc4bac.js">
168<link rel="modulepreload" href="/assets/controllers/bridge/notification_badge_controller-60b5ca1f.js">
169<link rel="modulepreload" href="/assets/controllers/bridge/notification_token_controller-d9ee7a12.js">
170<link rel="modulepreload" href="/assets/controllers/bridge/sign_out_controller-e3b504f4.js">
171<link rel="modulepreload" href="/assets/controllers/bulk_controller-f3a52670.js">
172<link rel="modulepreload" href="/assets/controllers/business_email_controller-4b6b8847.js">
173<link rel="modulepreload" href="/assets/controllers/card_picker_controller-a911196d.js">
174<link rel="modulepreload" href="/assets/controllers/category_stats_controller-c4e0bc26.js">
175<link rel="modulepreload" href="/assets/controllers/celebration_controller-d490e549.js">
176<link rel="modulepreload" href="/assets/controllers/certificate_card_controller-a8d725a5.js">
177<link rel="modulepreload" href="/assets/controllers/claim_modal_controller-53dbc629.js">
178<link rel="modulepreload" href="/assets/controllers/clipboard_controller-de9d4200.js">
179<link rel="modulepreload" href="/assets/controllers/conditional_fields_controller-03f2f16d.js">
180<link rel="modulepreload" href="/assets/controllers/dialog_autoopen_controller-ee99d56c.js">
181<link rel="modulepreload" href="/assets/controllers/direct_message_controller-fbd99d42.js">
182<link rel="modulepreload" href="/assets/controllers/direct_message_thread_controller-2bc9f0fc.js">
183<link rel="modulepreload" href="/assets/controllers/enrol_bulk_controller-669e1031.js">
184<link rel="modulepreload" href="/assets/controllers/expandable_row_controller-b81fde5a.js">
185<link rel="modulepreload" href="/assets/controllers/experience_controller-58fd9b4b.js">
186<link rel="modulepreload" href="/assets/controllers/experience_log_participants_controller-6cef3e0d.js">
187<link rel="modulepreload" href="/assets/controllers/experience_log_source_controller-18531e67.js">
188<link rel="modulepreload" href="/assets/controllers/external_experience_form_controller-15cfa78f.js">
189<link rel="modulepreload" href="/assets/controllers/feature_gate_controller-0c684ff5.js">
190<link rel="modulepreload" href="/assets/controllers/flash_controller-837a0737.js">
191<link rel="modulepreload" href="/assets/controllers/form_builder_controller-472ff223.js">
192<link rel="modulepreload" href="/assets/controllers/impact_bar_controller-2
19215f9210.js">
193<link rel="modulepreload" href="/assets/controllers/impact_chart_controller-ee3d829e.js">
194<link rel="modulepreload" href="/assets/controllers/impact_line_controller-9b977a30.js">
195<link rel="modulepreload" href="/assets/controllers/index-28a336ca.js">
196<link rel="modulepreload" href="/assets/controllers/learn_more_controller-25c9a1df.js">
197<link rel="modulepreload" href="/assets/controllers/location_details_controller-5465944e.js">
198<link rel="modulepreload" href="/assets/controllers/md_editor_controller-45d867b0.js">
199<link rel="modulepreload" href="/assets/controllers/member_upload_controller-31bd7a3e.js">
200<link rel="modulepreload" href="/assets/controllers/multiselect_dropdown_controller-9d62ef3f.js">
201<link rel="modulepreload" href="/assets/controllers/newsletter_controller-b3241cc7.js">
202<link rel="modulepreload" href="/assets/controllers/notifications_controller-99cf21a1.js">
203<link rel="modulepreload" href="/assets/controllers/opportunity_form_controller-5a5e6456.js">
204<link rel="modulepreload" href="/assets/controllers/opportunity_preview_controller-328d5cd7.js">
205<link rel="modulepreload" href="/assets/controllers/paddle/billing_controller-9d922ac8.js">
206<link rel="modulepreload" href="/assets/controllers/paddle/classic_controller-c223895c.js">
207<link rel="modulepreload" href="/assets/controllers/pricing_controller-f180b882.js">
208<link rel="modulepreload" href="/assets/controllers/pricing_journey_controller-71e52038.js">
209<link rel="modulepreload" href="/assets/controllers/profile_header_photo_controller-3d1b2262.js">
210<link rel="modulepreload" href="/assets/controllers/quick_roster_add_controller-b9a43a93.js">
211<link rel="modulepreload" href="/assets/controllers/search_filters_controller-aba6352e.js">
212<link rel="modulepreload" href="/assets/controllers/session_schedule_controller-aa4053a2.js">
213<link rel="modulepreload" href="/assets/controllers/share_controller-e3a4c5ab.js">
214<link rel="modulepreload" href="/assets/controllers/signup_sheet_form_controller-d24d847e.js">
215<link rel="modulepreload" href="/assets/controllers/spotlight_controller-8c4b07d0.js">
216<link rel="modulepreload" href="/assets/controllers/supporter_total_controller-280ecad8.js">
217<link rel="modulepreload" href="/assets/controllers/tag_group_form_controller-a14e7203.js">
218<link rel="modulepreload" href="/assets/controllers/theme_controller-da335113.js">
219<link rel="modulepreload" href="/assets/controllers/tooltip_controller-6d6bf72c.js">
220<link rel="modulepreload" href="/assets/controllers/unfurl_link_controller-afca6d29.js">
221<link rel="modulepreload" href="/assets/src/confirm-a4aa1447.js">
222<link rel="modulepreload" href="/assets/src/direct_uploads-4eaca289.js">
223<link rel="modulepreload" href="/assets/src/index-28c8b289.js">
224<link rel="modulepreload" href="/assets/src/lazysrc-b829c4ae.js">
225<link rel="modulepreload" href="/assets/src/lexxy_extensions-efb51548.js">
226<link rel="modulepreload" href="/assets/src/turbo_streams-a7579a8b.js">
227<script type="module">import "application"</script>
227
228    <link rel="stylesheet" href="/assets/fonts-ffcb925c.css" media="all" />
229    <link rel="preload" href="/assets/plusjakartasans-400-7229c2a2.woff2" as="font" type="font/woff2" crossorigin>
230    <link rel="preload" href="/assets/poppins-700-54e23180.woff2" as="font" type="font/woff2" crossorigin>
231    <link rel="stylesheet" href="/assets/lexxy-f326a350.css" media="all" data-turbo-track="reload" />
232<link rel="stylesheet" href="/assets/tailwind-78e85ef4.css" media="all" data-turbo-track="reload" />
233    <meta name="theme-color" content="#ffffff">
234<link rel="icon" href="/favicon.ico" sizes="any"><!-- 32×32 -->
235<link rel="icon" href="/icon.svg" type="image/svg+xml">
236<link rel="apple-touch-icon" href="/apple-touch-icon.png"><!-- 180×180 -->
237
238      
238<script defer src="https://analytics.anka.uk/script.js" data-website-id="0c6a039b-2049-4a78-a0bb-32dd0cc02d22" data-auto-track="false"></script>
238
239  
239<script>
240    (function () {
241      var previous = document.referrer;
242
243      addEventListener("turbo:load", function () {
244        if (!window.umami) return;
245
246        var url = location.pathname + location.search;
247        var referrer = previous;
248        previous = url;
249
250        window.umami.track(function (props) {
251          return Object.assign({}, props, { url: url, referrer: referrer });
252        });
253      });
254    })();
255  </script>
255
256
257    <link rel="stylesheet" href="/assets/font_awesome-97679628.css" media="all" />
258    <link rel="stylesheet" href="/assets/uicons-272ade3b.css" media="all" />
259    <style>
260      /* Asset-path dependent rules only; static styles live in app/assets/tailwind/ */
261      /* Profile backgrounds */
262      .random-background {
263        background-image: url('/assets/profile_backgrounds/8-44bff155.jpg') !important;
264        background-size: cover !important;
265        background-position: center !important;
266      }
267      .background-1 {
268        background-image: url('/assets/profile_backgrounds/1-b76eb120.jpg') !important;
269        background-size: cover !important;
270        background-position: center !important;
271      }
272      .background-2 {
273        background-image: url('/assets/profile_backgrounds/2-9fe7c41d.jpg') !important;
274        background-size: cover !important;
275        background-position: center !important;
276      }
277      .background-3 {
278        background-image: url('/assets/profile_backgrounds/3-1190947c.jpg') !important;
279        background-size: cover !important;
280        background-position: center !important;
281      }
282      .background-4 {
283        background-image: url('/assets/profile_backgrounds/4-55f086d3.jpg') !important;
284        background-size: cover !important;
285        background-position: center !important;
286      }
287      .background-5 {
288        background-image: url('/assets/profile_backgrounds/5-c4ad33e2.jpg') !important;
289        background-size: cover !important;
290        background-position: center !important;
291      }
292      .background-6 {
293        background-image: url('/assets/profile_backgrounds/6-7f3e72a6.jpg') !important;
294        background-size: cover !important;
295        background-position: center !important;
296      }
297      .background-7 {
298        background-image: url('/assets/profile_backgrounds/7-91de346a.jpg') !important;
299        background-size: cover !important;
300        background-position: center !important;
301      }
302      .background-8 {
303        background-image: url('/assets/profile_backgrounds/8-44bff155.jpg') !important;
304        background-size: cover !important;
305        background-position: center !important;
306      }
307
308      .award-banner {
309        background-image: url('/assets/award_banner-c499eb7a.png');
310        background-size: 30%;
311        background-repeat: no-repeat;
312        background-position: left;
313      }
314
315      .certificate-preview-image {
316        background-image: url('/assets/certificate-background-b86a343a.png');
317        background-size: 100%;
318        background-repeat: no-repeat;
319        background-position: center;
320      }
321    </style>
322    
322<script>
323      localStorage.theme = "light";
324    </script>
324
325    
325<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://vinspired.com/"},{"@type":"ListItem","position":2,"name":"Blog"}]}</script>
325
326    
327  </head>
328  <body class="min-h-screen flex flex-col antialiased" data-controller="spotlight">
329    <a href="#main" class="sr-only">Skip to main content</a>
330    <dialog id="feature_gate_modal" class="modal">
331  <div class="modal-box max-w-lg bg-white rounded-3xl p-0 overflow-hidden">
332    <div class="p-8 text-center">
333      <div class="w-16 h-16 rounded-2xl bg-amber-50 flex items-center justify-center mx-auto mb-5">
334        <i class="fa-solid fa-lock text-amber-500 text-2xl"></i>
335      </div>
336
337      <h2 class="text-xl font-heading font-bold text-gray-900 mb-2">
338        <span data-feature-gate-name>This feature</span> is available for Early Adopters
339      </h2>
340
341      <p class="text-gray-600 mb-6 text-sm">
342        <span data-feature-gate-description></span>
343        The record is free on Vinspired for everyone. Some programme features are paid for by the organisations that use them, so that the platform never again depends on one funder. Here is why, in plain words.
344      </p>
345
346      <div class="flex flex-col sm:flex-row items-center justify-center gap-3">
347        <a data-umami-event="upgrade_requested" class="inline-flex items-center gap-2 px-5 py-2.5 bg-brand-primary text-white rounded-xl font-semibold shadow hover:bg-blue-700 transition-colors" href="/plans-and-pricing?from=gate">
348          <i class="fa-solid fa-tag"></i>
349          See what is included
350</a>        <a data-feature-gate-page class="hidden items-center gap-2 px-5 py-2.5 text-brand-primary font-semibold hover:text-blue-700 transition-colors">
351          <i class="fa-solid fa-book-open"></i>
352          See what it does
353        </a>
354        <a class="inline-flex items-center gap-2 px-5 py-2.5 text-brand-primary font-semibold hover:text-blue-700 transition-colors" href="/our-journey?from=gate#why-we-charge">
355          <i class="fa-solid fa-circle-info"></i>
356          Why some features are paid
357</a>        <form method="dialog">
358          <button class="inline-flex items-center gap-2 px-5 py-2.5 text-gray-600 font-semibold hover:text-gray-900 transition-colors">
359            Close
360          </button>
361        </form>
362      </div>
363    </div>
364  </div>
365  <form method="dialog" class="modal-backdrop">
366    <button>close</button>
367  </form>
368</dialog>
369
370    <dialog id="spotlight" class="modal modal-bottom sm:modal-middle">
371  <div class="modal-box max-w-lg bg-white rounded-3xl p-0 overflow-hidden">
372    <div class="flex items-center gap-3 px-5 py-4 border-b border-gray-100">
373      <i class="fi fi-sr-search text-gray-400" aria-hidden="true"></i>
374      <input type="search" placeholder="Search pages" aria-label="Search pages" autocomplete="off"
375             data-spotlight-target="query"
376             data-action="input->spotlight#filter keydown.enter->spotlight#go"
377             class="flex-1 min-w-0 border-0 px-0 bg-transparent text-base text-gray-900 placeholder-gray-400 focus:outline-none">
378      <form method="dialog" class="shrink-0">
379        <button class="flex items-center justify-center w-8 h-8 rounded-full text-gray-400 hover:bg-gray-100 hover:text-gray-600 transition-colors" aria-label="Close">
380          <i class="fa-solid fa-xmark" aria-hidden="true"></i>
381        </button>
382      </form>
383    </div>
384
385    <div class="max-h-[60vh] overflow-y-auto px-2 py-2">
386        <div data-spotlight-target="group">
387          <p class="px-4 pt-3 pb-1 text-xs font-semibold text-gray-400 uppercase tracking-wider">Discover</p>
388            <a data-spotlight-target="item" class="flex items-center gap-3 min-h-11 px-4 rounded-xl hover:bg-brand-primary/5 transition-colors" href="/explore">
389              <i class="fi fi-sr-compass-alt w-5 text-center text-base text-gray-500 shrink-0" aria-hidden="true"></i>
390              <span class="text-sm font-medium text-gray-700">Explore</span>
391</a>            <a data-spotlight-target="item" class="flex items-center gap-3 min-h-11 px-4 rounded-xl hover:bg-brand-primary/5 transition-colors" href="/volunteering">
392              <i class="fi fi-sr-hand-holding-heart w-5 text-center text-base text-gray-500 shrink-0" aria-hidden="true"></i>
393              <span class="text-sm font-medium text-gray-700">Volunteering roles</span>
394</a>            <a data-spotlight-target="item" class="flex items-center gap-3 min-h-11 px-4 roun
394ded-xl hover:bg-brand-primary/5 transition-colors" href="/organizations">
395              <i class="fi fi-sr-building w-5 text-center text-base text-gray-500 shrink-0" aria-hidden="true"></i>
396              <span class="text-sm font-medium text-gray-700">Organisations</span>
397</a>            <a data-spotlight-target="item" class="flex items-center gap-3 min-h-11 px-4 rounded-xl hover:bg-brand-primary/5 transition-colors" href="/blog">
398              <i class="fi fi-sr-newspaper w-5 text-center text-base text-gray-500 shrink-0" aria-hidden="true"></i>
399              <span class="text-sm font-medium text-gray-700">Stories</span>
400</a>            <a data-spotlight-target="item" class="flex items-center gap-3 min-h-11 px-4 rounded-xl hover:bg-brand-primary/5 transition-colors" href="/awards">
401              <i class="fi fi-sr-medal w-5 text-center text-base text-gray-500 shrink-0" aria-hidden="true"></i>
402              <span class="text-sm font-medium text-gray-700">Awards</span>
403</a>            <a data-spotlight-target="item" class="flex items-center gap-3 min-h-11 px-4 rounded-xl hover:bg-brand-primary/5 transition-colors" href="/skills">
404              <i class="fi fi-sr-layers w-5 text-center text-base text-gray-500 shrink-0" aria-hidden="true"></i>
405              <span class="text-sm font-medium text-gray-700">Skills</span>
406</a>            <a data-spotlight-target="item" class="flex items-center gap-3 min-h-11 px-4 rounded-xl hover:bg-brand-primary/5 transition-colors" href="/impact-areas">
407              <i class="fi fi-sr-label w-5 text-center text-base text-gray-500 shrink-0" aria-hidden="true"></i>
408              <span class="text-sm font-medium text-gray-700">Causes</span>
409</a>            <a data-spotlight-target="item" class="flex items-center gap-3 min-h-11 px-4 rounded-xl hover:bg-brand-primary/5 transition-colors" href="/impact-days">
410              <i class="fi fi-sr-calendar-star w-5 text-center text-base text-gray-500 shrink-0" aria-hidden="true"></i>
411              <span class="text-sm font-medium text-gray-700">Awareness days</span>
412</a>            <a data-spotlight-target="item" class="flex items-center gap-3 min-h-11 px-4 rounded-xl hover:bg-brand-primary/5 transition-colors" href="/help-center">
413              <i class="fi fi-sr-book-alt w-5 text-center text-base text-gray-500 shrink-0" aria-hidden="true"></i>
414              <span class="text-sm font-medium text-gray-700">Help centre</span>
415</a>            <a data-spotlight-target="item" class="flex items-center gap-3 min-h-11 px-4 rounded-xl hover:bg-brand-primary/5 transition-colors" href="/for-organisations">
416              <i class="fi fi-sr-megaphone w-5 text-center text-base text-gray-500 shrink-0" aria-hidden="true"></i>
417              <span class="text-sm font-medium text-gray-700">For Organisations</span>
418</a>            <a data-spotlight-target="item" class="flex items-center gap-3 min-h-11 px-4 rounded-xl hover:bg-brand-primary/5 transition-colors" href="/plans-and-pricing">
419              <i class="fi fi-sr-wallet w-5 text-center text-base text-gray-500 shrink-0" aria-hidden="true"></i>
420              <span class="text-sm font-medium text-gray-700">Pricing</span>
421</a>            <a data-spotlight-target="item" class="flex items-center gap-3 min-h-11 px-4 rounded-xl hover:bg-brand-primary/5 transition-colors" href="/supporters">
422              <i class="fi fi-sr-heart w-5 text-center text-base text-gray-500 shrink-0" aria-hidden="true"></i>
423              <span class="text-sm font-medium text-gray-700">Supporters</span>
424</a>        </div>
425
426      <p data-spotlight-target="empty" class="hidden px-4 py-10 text-center text-sm text-gray-500">
427        Nothing matches that.
428      </p>
429    </div>
430  </div>
431
432  <form method="dialog" class="modal-backdrop">
433    <button>close</button>
434  </form>
435</dialog>
436
437    <dialog id="main_modal" class="modal modal-bottom sm:modal-middle sm:items-start sm:pt-[10vh]">
438      <form method="dialog" class="modal-backdrop">
439        <button>close</button>
440      </form>
441      <div class="modal-box px-2 py-4 rounded-3xl sm:max-h-[calc(90vh-2rem)]">
442        <form method="dialog">
443          <button class="btn btn-circle btn-ghost absolute right-2 top-2">✕</button>
444        </form>
445        <turbo-frame id="modal-content">
446          <div class="flex items-center justify-center py-12">
447            <span class="loading loading-spinner loading-lg text-brand-primary"></span>
448          </div>
449</turbo-frame>      </div>
450    </dialog>
451    
451<script>
452      document.addEventListener('turbo:load', () => {
453        const modal = document.getElementById('main_modal');
454        if (!modal) return;
455        const frame = modal.querySelector('turbo-frame#modal-content');
456        const spinner = '<div class="flex items-center justify-center py-12"><span class="loading loading-spinner loading-lg text-brand-primary"></span></div>';
457        modal.addEventListener('close', () => {
458          if (frame) frame.innerHTML = spinner;
459        });
460      });
461    </script>
461
462    <header class="fixed top-0 z-[1000] w-full px-4 md:px-8 py-5">
463  <nav class="liquid-glass-nav max-w-6xl mx-auto px-6 py-3 rounded-2xl flex items-center justify-between border border-gray-200" aria-label="Main navigation">
464    <!-- Logo -->
465    <a href="/" class="flex items-center gap-2" aria-label="Go to Vinspired home">
466      <img alt="Vinspired" class="w-32" src="/assets/vinspired_blue_logo-a8fa4820.png" />
467    </a>
468    <!-- Center Navigation -->
469    <div class="hidden lg:flex items-center gap-1">
470      <a class="px-5 py-2 text-sm font-medium text-gray-600 hover:text-brand-primary hover:bg-pastel-lavender/50 rounded-full transition-all" href="/explore">Explore</a>
471      <a class="px-5 py-2 text-sm font-medium text-gray-600 hover:text-brand-primary hover:bg-pastel-lavender/50 rounded-full transition-all" href="/awards">Awards</a>
472      <a class="px-5 py-2 text-sm font-medium text-gray-600 hover:text-brand-primary hover:bg-pastel-lavender/50 rounded-full transition-all" href="/plans-and-pricing">Pricing</a>
473      <a class="px-5 py-2 text-sm font-medium text-gray-600 hover:text-brand-primary hover:bg-pastel-lavender/50 rounded-full transition-all btn-gradient-border" href="/for-organisations">For Organisations</a>
474    </div>
475    <!-- Right Actions -->
476    <div class="flex items-center gap-3">
477        <!-- Guest Menu -->
478        <a class="hidden sm:block px-5 py-2 text-sm font-medium text-gray-600 hover:text-brand-primary transition-colors" href="/users/sign_in">Log in</a>
479        <a class="bg-brand-primary text-white px-6 py-2.5 rounded-full text-sm font-semibold shadow-lg shadow-brand-primary/20 hover:bg-blue-700 transition-colors" href="/users/sign_up">Sign up</a>
480        <div class="lg:hidden dropdown dropdown-end">
481          <div tabindex="0" role="button" class="flex items-center justify-center w-9 h-9 rounded-full hover:bg-gray-100 transition-colors cursor-pointer" aria-label="Menu">
482            <i class="fa-solid fa-bars text-gray-600"></i>
483          </div>
484          <ul tabindex="0" class="dropdown-content menu bg-white border border-gray-200 rounded-2xl shadow-xl mt-4 w-56 p-2 z-[100]">
485            <li>
486              <a class="flex items-center gap-3 rounded-xl" href="/explore">
487                <i class="fa-solid fa-compass w-5 text-center text-gray-400"></i>
488                <span>Explore</span>
489</a>            </li>
490            <li>
491              <a class="flex items-center gap-3 rounded-xl" href="/awards">
492                <i class="fa-solid fa-award w-5 text-center text-gray-400"></i>
493                <span>Awards</span>
494</a>            </li>
495            <li>
496              <a class="flex items-center gap-3 rounded-xl" href="/for-organisations">
497                <i class="fa-solid fa-building w-5 text-center text-gray-400"></i>
498                <span>For Organisations</span>
499</a>            </li>
500            <li>
501              <a class="flex items-center gap-3 rounded-xl" href="/plans-and-pricing">
502                <i class="fa-solid fa-tag w-5 text-center text-gray-400"></i>
503                <span>Pricing</span>
504</a>            </li>
505            <li>
506              <a class="flex items-center gap-3 rounded-xl" href="/blog">
507                <i class="fa-solid fa-newspaper w-5 text-center text-gray-400"></i>
508                <span>Blog</span>
509</a>            </li>
510            <div class="divider my-1 h-px"></div>
511            <li>
512              <a class="flex items-center gap-3 rounded-xl" href="/users/sign_in">
513                <i class="fa-solid fa-right-to-bracket w-5 text-center text-gray-400"></i>
514                <span>Log in</span>
515</a>            </li>
516          </ul>
517        </div>
518    </div>
519  </nav>
520</header>
521
522    <div id="flash-container" class="fixed top-24 left-1/2 -translate-x-1/2 z-50 w-full max-w-md px-4 space-y-2">
523</div>
524
525    
526      <main id="main" class="flex-1 pt-24 space-y-12 md:space-y-24">
527          <div class="public-breadcrumb max-w-6xl mx-auto px-4 md:px-8 pt-3 pb-2">
528    <nav class="breadcrumbs flex w-fit max-w-full overflow-x-auto whitespace-nowrap rounded-full border border-white/80 bg-white/75 px-3 py-2 text-sm text-slate-500 shadow-sm backdrop-blur-md" aria-label="Breadcrumb">
529      <ol class="inline-flex min-w-max items-center gap-1">
530          <li class="inline-flex items-center gap-1">
531              <a class="transition-colors hover:text-brand-primary" href="/">Home</a>
532          </li>
533          <li class="inline-flex items-center gap-1">
534              <span class="max-w-[16rem] truncate font-medium text-slate-900" aria-current="page">Blog</span>
535          </li>
536      </ol>
537    </nav>
538  </div>
539
540        <turbo-frame id="main_body" target="_top">
541          <!-- HERO: Featured Article -->
542  <section class="max-w-[95%] mx-auto my-2">
543    <a class="group block" href="/organization/vinspired/posts/the-give-revolution-are-your-esg-metrics-ready-for-the-2026-shift">
544      <div class="relative overflow-hidden rounded-3xl h-[28rem] md:h-[36rem]">
545          <img alt="The GIVE Revolution: Are Your ESG Metrics Ready for the 2026 Shift?" class="w-full h-full object-cover transition-transform duration-[2000ms] group-hover:scale-105" src="https://vinspired.com/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkCowlJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--c51b873338a830106ce0c90e75ad738dfe2b75db/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsHOgtmb3JtYXRJIghwbmcGOwBUOhRyZXNpemVfdG9fbGltaXRbB2kCsARpAnYCSSIIcHVyBjsAVEkiDnZhcmlhdGlvbgY7AEY=--ee35473df097b28e3a2404986704c6c1c3019c96/vinspired_2026%20shift_Image.png" />
546        <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/30 to-transparent"></div>
547        <div class="absolute bottom-0 left-0 right-0 p-8 md:p-12 lg:p-16">
548          <div class="max-w-3xl">
549              <div class="flex flex-wrap gap-2 mb-4">
550                  <span class="px-3 py-1 rounded-full text-xs font-bold bg-white/20 backdrop-blur-sm text-white border border-white/20">
551                    blog
552                  </span>
553              </div>
554            <h1 class="text-3xl md:text-5xl lg:text-6xl font-bold text-white mb-4 font-heading leading-tight">
555              The GIVE Revolution: Are Your ESG Metrics Ready for the 2026 Shift?
556            </h1>
557            <div class="text-white/80 text-lg md:text-xl mb-6 line-clamp-2 max-w-2xl leading-relaxed">
558              Mastering the Global Index of Volunteer Engagement (GIVE) to drive social value and meet UK sustainability disclosure requirements.
559
560In 2026, the global volunteer landscape is shifting from a “nice-to-have” activity to a strategic imperative. The 2026 State of the World’s Volunteerism Report (SWVR) reveals a monumental truth: over 2.1 billion people volunteer monthly, making them a critical force for sustainable development.
561
562At the same time, the UK’s ESG landscape is undergoing a radical transformation. New Sustainability Disclosure Requirements (SDR) and Sustainability Reporting Standards (SRS) mean that organisations can no longer rely on vague claims. They need hard data on social impact.
563
564Here are the five transformative trends that will define volunteering in 2026, and how Vinspired helps you turn these challenges into a competitive advantage.
565
5661. From “Giving Hours” to the GIVE Metric
567
568For decades, the industry standard was counting hours. The 2026 SWVR introduces a more sophisticated framework: the Global Index of Volunteer Engagement (GIVE).
569
570The Problem: Traditional “hours” don’t show the real social impact on individuals or communities, leaving programmes undervalued.
571
572The Trend: Measurement is shifting toward four pillars: Individual, Community, Economy, and Enabling Environment.
573
5742. The Era of the “Micro-Volunteer”
575
576Life is faster, and traditional long-term commitments are declining.
577
578The Problem: Organisations are losing high-value talent who have the skills but not the time for traditional roles.
579
580The Trend: Micro-volunteering—short, bite-sized tasks—is becoming the dominant form of participation. In the UK, 73% of 16-18-year-olds already prefer this ad-hoc model.
581
5823. AI-Driven Charity Partnerships
583
584Artificial Intelligence is no longer just a buzzword; it’s a logistics engine.
585
586The Problem: Volunteer management is often bogged down by manual matching and inefficient reporting.
587
588The Trend: AI systems in 2026 will automate social impact assessment and supplier due diligence, matching specific “skills-gaps” in charities with corporate experts in real time.
589
5904. ESG-Aligned “Social Value” Reporting
591
592Vague “green” claims are dead. UK regulators now have the power to issue fines of up to 10% of global turnover for misleading environmental or social claims.
593
594The Problem: Most volunteer programs operate in a data silo, disconnected from corporate ESG reporting.
595
596The Trend: By 2026, social impact data must meet the same audit standards as financial reporting.
597
5985. Volunteering as a “Public Health Strategy”
599
600The 2026 SWVR highlights a critical link: volunteering is a primary driver of individual health and well-being.
601
602The Problem: Workforce burnout and loneliness are at record highs, impacting organisational productivity.
603
604The Trend: Organisations are leveraging volunteering not as charity, but as a well-being and retention tool.
605
606Your Next Chapter Starts Now: The Vinspired Strategic Edge
607
608The future of volunteering is not about doing more; it is about being strategic, measurable, and impactful. As we enter 2026, the year of the International Year of Volunteers for Sustainable Development, Vinspired is ready to help you navigate this next chapter.
609
610We provide a comprehensive ecosystem designed to make volunteer management future-ready:
611
612• Frameworks for Hard Data: We don’t just help you find volunteers; we provide the frameworks to assess the skills-based value and economic contribution your volunteer program delivers to your organisation and the wider economy.
613
614• Agile Micro-Sprints: We make volunteering easy and future-ready by helping you design “Micro-Sprints” and flexible, episodic opportunities that fit into modern schedules while still producing verifiable, accredited data points for social impact measurement.
615
616• Boosting Employee Experience (EX): We help you build programs that nurture confidence, resilience, and belonging, creating a measurable “Value to the Individual” that directly improves internal well-being and recruitment metrics.
617
618Ready to future-proof your volunteer program?
619
6201. Redefine Your Metrics: Move from counting hours to reporting on multidimensional value across individual, community, and economic pillars.
621
6222. Pilot Micro-Roles: Open your doors to the high-skill “busy” volunteer.
623
6243. Audit for ESG: Ensure your community impact is audit-ready for 2026 mandates.
625
626Join the movement. Let’s make volunteering the most powerful tool in your 2026 strategy!
627
628
629  Manage Volunteers More Effectively
630  Vinspired helps charities, schools, and companies recruit, manage, and retain volunteers — with verified impact reporting, digital awards, and AI-powered tools. Register your organisation for free.
631  Learn More for Organisations → | Register Your Organisation →
632
633Discover more: explore volunteering opportunities | build valuable skills.
634
635            </div>
636              <div class="flex flex-wrap gap-2 mb-6">
637                  <span class="px-3 py-1 rounded-full text-[10px] font-bold uppercase tracking-wider bg-white/10 text-white/90 border border-white/10">
638                    Creativity &amp; Innovation
639                  </span>
640                  <span class="px-3 py-1 rounded-full text-[10px] font-bold uppercase tracking-wider bg-white/10 text-white/90 border border-white/10">
641                    Employment &amp; Skills
642                  </span>
643                  <span class="px-3 py-1 rounded-full text-[10px] font-bold uppercase tracking-wider bg-white/10 text-white/90 border border-white/10">
644                    Environment
645                  </span>
646                  <span class="px-3 py-1 rounded-full text-[10px] font-bold uppercase tracking-wider bg-white/10 text-white/90 border border-white/10">
647                    Leadership &amp; Management
648                  </span>
649              </div>
650            <div class="flex items-center gap-4">
651              <div class="rounded-lg border border-slate-200 object-cover transition-all duration-200 grid grid-cols-1 content-center bg-white overflow-hidden p-1 w-10 h-10 rounded-full border-2 border-white/30"><img alt="Vinspired" class="w-full object-cover h-full rounded-md" src="https://vivid-prod.s3.eu-west-2.amazonaws.com/81i111hahdad52pmdtmk6hgqeogd?response-content-disposition=inline%3B%20filename%3D%22vinspired.jpg%22%3B%20filename%2A%3DUTF-8%27%27vinspired.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIA6OR45TZKRTEKRY4E%2F20261001%2Feu-west-2%2Fs3%2Faws4_request&amp;X-Amz-Date=20261001T115631Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=d17abf0aa608a5bbfc6f07fd99c9cdcc1ea52e6f3555aa0e453976365a43774e" /></div>
652              <div>
653                <span class="text-white font-semibold text-sm">Vinspired</span>
654                <span class="text-white/60 text-sm ml-2">December 18, 2025</span>
655              </div>
656            </div>
657            <div class="mt-6">
658              <span class="inline-flex items-center gap-2 px-6 py-3 bg-white/15 backdrop-blur-sm border border-white/25 rounded-full text-white text-sm font-semibold group-hover:bg-white group-hover:text-gray-900 transition-all duration-500">
659                Read article
660                <i class="fa-solid fa-arrow-right text-xs group-hover:translate-x-1 transition-transform"></i>
661              </span>
662            </div>
663          </div>
664        </div>
665      </div>
666</a>  </section>
667<!-- FROM VINSPIRED: Editorial Picks -->
668  <section class="max-w-7xl mx-auto px-4 md:px-8 py-20 reveal-on-scroll">
669    <div class="flex items-center justify-between mb-10">
670      <div>
671        <p class="text-[10px] font-bold text-gray-400 uppercase tracking-[0.4em] mb-3">Editorial</p>
672        <h2 class="text-3xl md:text-4xl font-bold text-gray-900 font-heading tracking-tight">From Vinspired</h2>
673      </div>
674      <a class="hidden sm:inline-flex items-center gap-2 text-sm font-semibold text-brand-primary hover:underline underline-offset-4 transition-colors" href="/posts?organisation=vinspired">
675        View all
676        <i class="fa-solid fa-arrow-right text-xs"></i>
677</a>    </div>
678    <div class="grid grid-cols-1 lg:grid-cols-5 gap-6">
679      <article class="lg:col-span-3 group">
680        <a class="block relative overflow-hidden rounded-3xl h-full min-h-[22rem] lg:min-h-[28rem]" href="/organization/vinspired/posts/how-to-make-new-friends">
681            <div class="absolute inset-0 w-full h-full bg-gradient-to-br from-brand-primary to-blue-800"></div>
682          <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/30 to-transparent"></div>
683          <div class="relative h-full flex flex-col justify-end p-7 md:p-10">
684              <div class="flex flex-wrap gap-2 mb-4">
685                  <span class="px-3 py-1 rounded-full text-[10px] font-bold bg-white/20 backdrop-blur-sm text-white border border-white/20">
686                    blog
687                  </span>
688              </div>
689            <h3 class="text-2xl md:text-3xl font-bold text-white leading-snug line-clamp-3 mb-3">
690              How to Make New Friends
691            </h3>
692            <p class="text-white/70 text-sm leading-relaxed line-clamp-2 mb-4 max-w-lg">
693              ‘There is nothing on this earth more to be prized than true friendship’ – Thomas Aquinas.
694
695Creating new friendships can sometimes seem like a mountain to ove...
696            </p>
697              <div class="flex flex-wrap gap-1.5 mb-4">
698                  <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-white/10 text-white/90 border border-white/10">
699                    Arts &amp; Culture
700                  </span>
701                  <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-white/10 text-white/90 border border-white/10">
702                    Digital Literacy &amp; IT Skills
703                  </span>
704                  <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-white/10 text-white/90 border border-white/10">
705                    Employment &amp; Skills
706                  </span>
707                  <span class="px-2.5 py-0.5 rounded-full text-[10px] font-semibold bg-white/10 text-white/90 border border-white/10">
708                    Networking &amp; Relationship Building
709                  </span>
710              </div>
711            <div class="flex items-center gap-3">
712              <div class="rounded-lg border border-slate-200 object-cover transition-all duration-200 grid grid-cols-1 content-center bg-white overflow-hidden p-1 w-8 h-8 rounded-full border-2 border-white/30"><img alt="Vinspired" class="w-full object-cover h-full rounded-md" src="https://vivid-prod.s3.eu-west-2.amazonaws.com/81i111hahdad52pmdtmk6hgqeogd?response-content-disposition=inline%3B%20filename%3D%22vinspired.jpg%22%3B%20filename%2A%3DUTF-8%27%27vinspired.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIA6OR45TZKRTEKRY4E%2F20261001%2Feu-west-2%2Fs3%2Faws4_request&amp;X-Amz-Date=20261001T115631Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=d17abf0aa608a5bbfc6f07fd99c9cdcc1ea52e6f3555aa0e453976365a43774e" /></div>
713              <span class="text-white/80 text-sm font-medium">Vinspired</span>
714              <span class="text-white/40 text-xs">June 13, 2024</span>
715            </div>
716          </div>
717</a>      </article>
718      <div class="lg:col-span-2 flex flex-col gap-5">
719          <article class="group flex-1">
720            <a class="flex gap-4 bg-white rounded-2xl border border-gray-100 p-4 h-full hover:shadow-lg hover:-translate-y-0.5 transition-all duration-300" href="/organization/vinspired/posts/why-2026-is-your-year">
721              <div class="w-28 h-full min-h-[6rem] rounded-xl overflow-hidden flex-shrink-0">
722                  <img alt="Why 2026 is YOUR Year?" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" src="https://vinspired.com/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkCsAlJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--8f6e7759ca079360b5be6f44dbb72a449b5e47bb/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsHOgtmb3JtYXRJIghwbmcGOwBUOhRyZXNpemVfdG9fbGltaXRbB2kCOARpAjgESSIIcHVyBjsAVEkiDnZhcmlhdGlvbgY7AEY=--17cf19cb31a9501258666f4966a78b2091f36b2d/Image%20volunteering%202026.png" />
723              </div>
724              <div class="flex-1 min-w-0 flex flex-col justify-between py-0.5">
725                <div>
726                    <div class="flex flex-wrap gap-1 mb-2">
727                        <span class="px-2 py-0.5 rounded-full text-[9px] font-bold text-brand-primary bg-brand-primary/8 uppercase tracking-wide">
728                          blog
729                        </span>
730                    </div>
731                  <h3 class="text-[15px] font-bold text-gray-900 group-hover:text-brand-primary transition-colors leading-snug line-clamp-2 mb-1.5">
732                    Why 2026 is YOUR Year?
733                  </h3>
734                  <p class="text-xs text-gray-400 line-clamp-1 leading-relaxed">
735                    Let’s be honest. When you’re up early on a rainy Saturday morning, heading ou...
736                  </p>
737                </div>
738                <div class="flex items-center justify-between mt-2">
739                  <span class="text-[10px] text-gray-400">
740                    Jan 12, 2026
741                  </span>
742                    <div class="flex gap-1">
743                        <span class="px-1.5 py-0.5 rounded-full text-[9px] font-semibold bg-pink-50 text-pink-600">
744                          Arts &amp; Culture
745                        </span>
746                        <span class="px-1.5 py-0.5 rounded-full text-[9px] font-semibold bg-pink-50 text-pink-600">
747                          Community Support
748                        </span>
749                    </div>
750                </div>
751              </div>
752</a>          </article>
753      </div>
754    </div>
755  </section>
756<!-- PARTNER STORIES -->
757  <section class="max-w-7xl mx-auto px-4 md:px-8 py-20 reveal-on-scroll">
758    <div class="flex items-start justify-between mb-12">
759      <div>
760        <p class="text-[10px] font-bold text-gray-400 uppercase tracking-[0.4em] mb-3">Community</p>
761        <h2 class="text-3xl md:text-4xl font-bold text-gray-900 font-heading tracking-tight">Partner Stories</h2>
762        <p class="text-gray-500 text-lg mt-3 max-w-2xl">Insights and updates from organisations making a difference across the UK.</p>
763      </div>
764      <a class="hidden sm:inline-flex items-center gap-2 text-sm font-semibold text-brand-primary hover:underline underline-offset-4 transition-colors mt-2" href="/posts">
765        View all
766        <i class="fa-solid fa-arrow-right text-xs"></i>
767</a>    </div>
768    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
769        <article class="group bg-white rounded-3xl overflow-hidden border border-gray-100 shadow-lg hover:shadow-xl transition-all duration-500">
770          <a class="block" href="/organization/vinspired/posts/world-cleanup-day-2026-how-to-join-a-clean-up-and-make-your-hours-count">
771            <div class="relative h-48 overflow-hidden">
772                <img alt="World Cleanup Day 2026: how to join a clean up and make your hours count" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" src="https://vinspired.com/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkCXwtJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--b7892a8f581a988e57f74d92d0e84d8c648f092f/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsHOgtmb3JtYXRJIghqcGcGO
772wBUOhRyZXNpemVfdG9fbGltaXRbB2kCsARpAnYCSSIIcHVyBjsAVEkiDnZhcmlhdGlvbgY7AEY=--e838f3c29f5edf1c343cede8e0445238ee55554f/world-cleanup-day-2026.jpg" />
773                <div class="absolute top-4 left-4 flex flex-wrap gap-2">
774                    <span class="px-3 py-1 rounded-full text-xs font-bold bg-white/90 backdrop-blur-sm text-gray-700 shadow-sm">
775                      blog
776                    </span>
777                </div>
778            </div>
779</a>          <div class="p-6">
780            <div class="flex items-center gap-2 text-xs text-gray-400 mb-3">
781              <i class="fa-regular fa-calendar"></i>
782              <time datetime="2026-09-17">
783                September 17, 2026
784              </time>
785            </div>
786            <h3 class="text-xl font-bold text-gray-900 mb-3 line-clamp-2 group-hover:text-brand-primary transition-colors">
787              <a href="/organization/vinspired/posts/world-cleanup-day-2026-how-to-join-a-clean-up-and-make-your-hours-count">World Cleanup Day 2026: how to join a clean up and make your hours count</a>
788            </h3>
789            <p class="text-gray-500 text-sm leading-relaxed line-clamp-3 mb-3">
790              World Cleanup Day is on Sunday 20 September 2026. On one day, people all over the world pick up litter from streets, parks, rivers and beaches. You...
791            </p>
792              <div class="flex flex-wrap gap-1.5 mb-4">
793                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-pink-50 text-pink-600">
794                    Environment
795                  </span>
796                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-pink-50 text-pink-600">
797                    Great British Beach Clean
798                  </span>
799                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-pink-50 text-pink-600">
800                    World Cleanup Day
801                  </span>
802              </div>
803            <div class="flex items-center justify-between pt-4 border-t border-gray-100">
804              <div class="flex items-center gap-3">
805                <a class="flex-shrink-0" href="/organization/vinspired/posts">
806                  <div class="rounded-lg border border-slate-200 object-cover transition-all duration-200 grid grid-cols-1 content-center bg-white overflow-hidden p-1 w-8 h-8 rounded-full"><img alt="Vinspired" class="w-full object-cover h-full rounded-md" src="https://vivid-prod.s3.eu-west-2.amazonaws.com/81i111hahdad52pmdtmk6hgqeogd?response-content-disposition=inline%3B%20filename%3D%22vinspired.jpg%22%3B%20filename%2A%3DUTF-8%27%27vinspired.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIA6OR45TZKRTEKRY4E%2F20261001%2Feu-west-2%2Fs3%2Faws4_request&amp;X-Amz-Date=20261001T115631Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=d17abf0aa608a5bbfc6f07fd99c9cdcc1ea52e6f3555aa0e453976365a43774e" /></div>
807</a>                <a class="text-sm font-medium text-gray-700 hover:text-brand-primary transition-colors" href="/organization/vinspired/posts">Vinspired</a>
808              </div>
809              <a class="text-brand-primary text-sm font-semibold hover:underline inline-flex items-center gap-1" href="/organization/vinspired/posts/world-cleanup-day-2026-how-to-join-a-clean-up-and-make-your-hours-count">
810                Read
811                <i class="fa-solid fa-arrow-right text-xs"></i>
812</a>            </div>
813          </div>
814        </article>
815        <article class="group bg-white rounded-3xl overflow-hidden border border-gray-100 shadow-lg hover:shadow-xl transition-all duration-500">
816          <a class="block" href="/organization/vinspired/posts/vinspired-enrichment-benchmarks">
817            <div class="relative h-48 overflow-hidden">
818                <img alt="Enrichment benchmarks | Vinspired " class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" src="https://vinspired.com/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkCuwpJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--ee96cd9a8a5172844099aa1073ffe5e73a32f1e7/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsHOgtmb3JtYXRJIghwbmcGOwBUOhRyZXNpemVfdG9fbGltaXRbB2kCsARpAnYCSSIIcHVyBjsAVEkiDnZhcmlhdGlvbgY7AEY=--ee35473df097b28e3a2404986704c6c1c3019c96/Screenshot%202026-06-18%20at%2013.39.14.png" />
819                <div class="absolute top-4 left-4 flex flex-wrap gap-2">
820                    <span class="px-3 py-1 rounded-full text-xs font-bold bg-white/90 backdrop-blur-sm text-gray-700 shadow-sm">
821                      blog
822                    </span>
823                </div>
824            </div>
825</a>          <div class="p-6">
826            <div class="flex items-center gap-2 text-xs text-gray-400 mb-3">
827              <i class="fa-regular fa-calendar"></i>
828              <time datetime="2026-06-18">
829                June 18, 2026
830              </time>
831            </div>
832            <h3 class="text-xl font-bold text-gray-900 mb-3 line-clamp-2 group-hover:text-brand-primary transition-colors">
833              <a href="/organization/vinspired/posts/vinspired-enrichment-benchmarks">Enrichment benchmarks | Vinspired </a>
834            </h3>
835            <p class="text-gray-500 text-sm leading-relaxed line-clamp-3 mb-3">
836              Enrichment benchmarks
837The DfE&#39;s eight enrichment benchmarks, mapped to the data most schools already hold
838Non-statutory framework, published 15 Jun...
839            </p>
840              <div class="flex flex-wrap gap-1.5 mb-4">
841                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-pink-50 text-pink-600">
842                    Education
843                  </span>
844              </div>
845            <div class="flex items-center justify-between pt-4 border-t border-gray-100">
846              <div class="flex items-center gap-3">
847                <a class="flex-shrink-0" href="/organization/vinspired/posts">
848                  <div class="rounded-lg border border-slate-200 object-cover transition-all duration-200 grid grid-cols-1 content-center bg-white overflow-hidden p-1 w-8 h-8 rounded-full"><img alt="Vinspired" class="w-full object-cover h-full rounded-md" src="https://vivid-prod.s3.eu-west-2.amazonaws.com/81i111hahdad52pmdtmk6hgqeogd?response-content-disposition=inline%3B%20filename%3D%22vinspired.jpg%22%3B%20filename%2A%3DUTF-8%27%27vinspired.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIA6OR45TZKRTEKRY4E%2F20261001%2Feu-west-2%2Fs3%2Faws4_request&amp;X-Amz-Date=20261001T115632Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=f9c242a53b5ef60f435affda76654dea23be8e81099f66b8b3cc125a65cffd51" /></div>
849</a>                <a class="text-sm font-medium text-gray-700 hover:text-brand-primary transition-colors" href="/organization/vinspired/posts">Vinspired</a>
850              </div>
851              <a class="text-brand-primary text-sm font-semibold hover:underline inline-flex items-center gap-1" href="/organization/vinspired/posts/vinspired-enrichment-benchmarks">
852                Read
853                <i class="fa-solid fa-arrow-right text-xs"></i>
854</a>            </div>
855          </div>
856        </article>
857        <article class="group bg-white rounded-3xl overflow-hidden border border-gray-100 shadow-lg hover:shadow-xl transition-all duration-500">
858          <a class="block" href="/organization/vinspired/posts/how-to-find-volunteer-opportunities-that-fit-you">
859            <div class="relative h-48 overflow-hidden">
860                <img alt="How to Find Volunteer Opportunities That Fit You" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" src="https://vinspired.com/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkCVwhJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--8705f34a7df1a36c67c34a49bad77950b869ba46/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsHOgtmb3JtYXQ6CHBuZzoUcmVzaXplX3RvX2xpbWl0WwdpArAEaQJ2AkkiCHB1cgY7AFRJIg52YXJpYXRpb24GOwBG--cfc09304bbd8c5363ae80597afe34f0aad8a9d12/Find%20Volunteering.jpeg" />
861                <div class="absolute top-4 left-4 flex flex-wrap gap-2">
862                    <span class="px-3 py-1 rounded-full text-xs font-bold bg-white/90 backdrop-blur-sm text-gray-700 shadow-sm">
863                      blog
864                    </span>
865                </div>
866            </div>
867</a>          <div class="p-6">
868            <div class="flex items-center gap-2 text-xs text-gray-400 mb-3">
869              <i class="fa-regular fa-calendar"></i>
870              <time datetime="2025-06-05">
871                June 05, 2025
872              </time>
873            </div>
874            <h3 class="text-xl font-bold text-gray-900 mb-3 line-clamp-2 group-hover:text-brand-primary transition-colors">
875              <a href="/organization/vinspired/posts/how-to-find-volunteer-opportunities-that-fit-you">How to Find Volunteer Opportunities That Fit You</a>
876            </h3>
877            <p class="text-gray-500 text-sm leading-relaxed line-clamp-3 mb-3">
878              A Step-by-Step Guide for Young People and Impact-Driven Professionals
879
880Thinking about volunteering but unsure where to begin? You’re not alone.
881Whe...
882            </p>
883              <div class="flex flex-wrap gap-1.5 mb-4">
884                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-pink-50 text-pink-600">
885                    Arts &amp; Culture
886                  </span>
887                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-blue-50 text-blue-600">
888                    Creativity &amp; Innovation
889                  </span>
890                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-pink-50 text-pink-600">
891                    Employment &amp; Skills
892                  </span>
893                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-blue-50 text-blue-600">
894                    Leadership &amp; Management
895                  </span>
896              </div>
897            <div class="flex items-center justify-between pt-4 border-t border-gray-100">
898              <div class="flex items-center gap-3">
899                <a class="flex-shrink-0" href="/organization/vinspired/posts">
900                  <div class="rounded-lg border border-slate-200 object-cover transition-all duration-200 grid grid-cols-1 content-center bg-white overflow-hidden p-1 w-8 h-8 rounded-full"><img alt="Vinspired" class="w-full object-cover h-full rounded-md" src="https://vivid-prod.s3.eu-west-2.amazonaws.com/81i111hahdad52pmdtmk6hgqeogd?response-content-disposition=inline%3B%20filename%3D%22vinspired.jpg%22%3B%20filename%2A%3DUTF-8%27%27vinspired.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIA6OR45TZKRTEKRY4E%2F20261001%2Feu-west-2%2Fs3%2Faws4_request&amp;X-Amz-Date=20261001T115632Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=f9c242a53b5ef60f435affda76654dea23be8e81099f66b8b3cc125a65cffd51" /></div>
901</a>                <a class="text-sm font-medium text-gray-700 hover:text-brand-primary transition-colors" href="/organization/vinspired/posts">Vinspired</a>
902              </div>
903              <a class="text-brand-primary text-sm font-semibold hover:underline inline-flex items-center gap-1" href="/organization/vinspired/posts/how-to-find-volunteer-opportunities-that-fit-you">
904                Read
905                <i class="fa-solid fa-arrow-right text-xs"></i>
906</a>            </div>
907          </div>
908        </article>
909        <article class="group bg-white rounded-3xl overflow-hidden border border-gray-100 shadow-lg hover:shadow-xl transition-all duration-500">
910          <a class="block" href="/organization/vinspired/posts/how-volunteering-develops-career-skills-new-oecd-research">
911            <div class="relative h-48 overflow-hidden">
912                <img alt="How Volunteering Develops Career Skills:  New OECD Research" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" src="https://vinspired.com/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkC5QlJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--663646fe3ee671c6aaa829b3bf7024afaee2cccf/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsHOgtmb3JtYXRJIghwbmcGOwBUOhRyZXNpemVfdG9fbGltaXRbB2kCsARpAnYCSSIIcHVyBjsAVEkiDnZhcmlhdGlvbgY7AEY=--ee35473df097b28e3a2404986704c6c1c3019c96/OECD_Research_Volunteering_Vinspired.png" />
913                <div class="absolute top-4 left-4 flex flex-wrap gap-2">
914                    <span class="px-3 py-1 rounded-full text-xs font-bold bg-white/90 backdrop-blur-sm text-gray-700 shadow-sm">
915                      blog
916                    </span>
917                </div>
918            </div>
919</a>          <div class="p-6">
920            <div class="flex items-center gap-2 text-xs text-gray-400 mb-3">
921              <i class="fa-regular fa-calendar"></i>
922              <time datetime="2026-02-13">
923                February 13, 2026
924              </time>
925            </div>
926            <h3 class="text-xl font-bold text-gray-900 mb-3 line-clamp-2 group-hover:text-brand-primary transition-colors">
927              <a href="/organization/vinspired/posts/how-volunteering-develops-career-skills-new-oecd-research">How Volunteering Develops Career Skills:  New OECD Research</a>
928            </h3>
929            <p class="text-gray-500 text-sm leading-relaxed line-clamp-3 mb-3">
930              OECD research reveals volunteers earn 4-8% higher wages. Learn how to turn volunteering into your pathway to first employment.
931If you are asking yo...
932            </p>
933              <div class="flex flex-wrap gap-1.5 mb-4">
934                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-pink-50 text-pink-600">
935                    Arts &amp; Culture
936                  </span>
937                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-blue-50 text-blue-600">
938                    Creativity &amp; Innovation
939                  </span>
940                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-pink-50 text-pink-600">
941                    Employment &amp; Skills
942                  </span>
943                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-blue-50 text-blue-600">
944                    Leadership &amp; Management
945                  </span>
946              </div>
947            <div class="flex items-center justify-between pt-4 border-t border-gray-100">
948              <div class="flex items-center gap-3">
949                <a class="flex-shrink-0" href="/organization/vinspired/posts">
950                  <div class="rounded-lg border border-slate-200 object-cover transition-all duration-200 grid grid-cols-1 content-center bg-white overflow-hidden p-1 w-8 h-8 rounded-full"><img alt="Vinspired" class="w-full object-cover h-full rounded-md" src="https://vivid-prod.s3.eu-west-2.amazonaws.com/81i111hahdad52pmdtmk6hgqeogd?response-content-disposition=inline%3B%20filename%3D%22vinspired.jpg%22%3B%20filename%2A%3DUTF-8%27%27vinspired.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIA6OR45TZKRTEKRY4E%2F20261001%2Feu-west-2%2Fs3%2Faws4_request&amp;X-Amz-Date=20261001T115632Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=f9c242a53b5ef60f435affda76654dea23be8e81099f66b8b3cc125a65cffd51" /></div>
951</a>                <a class="text-sm font-medium text-gray-700 hover:text-brand-primary transition-colors" href="/organization/vinspired/posts">Vinspired</a>
952              </div>
953              <a class="text-brand-primary text-sm font-semibold hover:underline inline-flex items-center gap-1" href="/organization/vinspired/posts/how-volunteering-develops-career-skills-new-oecd-research">
954                Read
955                <i class="fa-solid fa-arrow-right text-xs"></i>
956</a>            </div>
957          </div>
958        </article>
959        <article class="group bg-white rounded-3xl overflow-hidden border border-gray-100 shadow-lg hover:shadow-xl transition-all duration-500">
960          <a class="block" href="/organization/vinspired/posts/skills-ai-can-not-replace-in-2026">
961            <div class="relative h-48 overflow-hidden">
962                <img alt="Skills AI can not replace in 2026" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" src="https://vinspired.com/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkC4wlJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--4500a67fd4fb8f923577f20cc5125bf7e70f2e68/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsHOgtmb3JtYXRJIghwbmcGOwBUOhRyZXNpemVfdG9fbGltaXRbB2kCsARpAnYCSSIIcHVyBjsAVEkiDnZhcmlhdGlvbgY7AEY=--ee35473df097b28e3a2404986704c6c1c3019c96/Skills%20AI%20can%20not%20replace%20in%202026.png" />
963                <div class="absolute top-4 left-4 flex flex-wrap gap-2">
964                    <span class="px-3 py-1 rounded-full text-xs font-bold bg-white/90 backdrop-blur-sm text-gray-700 shadow-sm">
965                      blog
966                    </span>
967                </div>
968            </div>
969</a>          <div class="p-6">
970            <div class="flex items-center gap-2 text-xs text-gray-400 mb-3">
971              <i class="fa-regular fa-calendar"></i>
972              <time datetime="2026-02-12">
973                February 12, 2026
974              </time>
975            </div>
976            <h3 class="text-xl font-bold text-gray-900 mb-3 line-clamp-2 group-hover:text-brand-primary transition-colors">
977              <a href="/organization/vinspired/posts/skills-ai-can-not-replace-in-2026">Skills AI can not replace in 2026</a>
978            </h3>
979            <p class="text-gray-500 text-sm leading-relaxed line-clamp-3 mb-3">
980              Let us be direct: The uncomfortable truth is that entry-level jobs are disappearing. Not in some distant future. Right now.
981Since ChatGPT&#39;s launch,...
982            </p>
983              <div class="flex flex-wrap gap-1.5 mb-4">
984                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-pink-50 text-pink-600">
985                    Community Support
986                  </span>
987                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-blue-50 text-blue-600">
988                    Data Analysis &amp; Research
989                  </span>
990                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-pink-50 text-pink-600">
991                    Employment &amp; Skills
992                  </span>
993                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-blue-50 text-blue-600">
994                    Leadership &amp; Management
995                  </span>
996              </div>
997            <div class="flex items-center justify-between pt-4 border-t border-gray-100">
998              <div class="flex items-center gap-3">
999                <a class="flex-shrink-0" href="/organization/vinspired/posts">
1000                  <div class="rounded-lg border border-slate-200 object-cover transition-all duration-200 grid grid-cols-1 content-center bg-white overflow-hidden p-1 w-8 h-8 rounded-full"><img alt="Vinspired" class="w-full object-cover h-full rounded-md" src="https://vivid-prod.s3.eu-west-2.amazonaws.com/81i111hahdad52pmdtmk6hgqeogd?response-content-disposition=inline%3B%20filename%3D%22vinspired.jpg%22%3B%20filename%2A%3DUTF-8%27%27vinspired.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIA6OR45TZKRTEKRY4E%2F20261001%2Feu-west-2%2Fs3%2Faws4_request&amp;X-Amz-Date=20261001T115632Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=f9c242a53b5ef60f435affda76654dea23be8e81099f66b8b3cc125a65cffd51" /></div>
1001</a>                <a class="text-sm font-medium text-gray-700 hover:text-brand-primary transition-colors" href="/organization/vinspired/posts">Vinspired</a>
1002              </div>
1003              <a class="text-brand-primary text-sm font-semibold hover:underline inline-flex items-center gap-1" href="/organization/vinspired/posts/skills-ai-can-not-replace-in-2026">
1004                Read
1005                <i class="fa-solid fa-arrow-right text-xs"></i>
1006</a>            </div>
1007          </div>
1008        </article>
1009        <article class="group bg-white rounded-3xl overflow-hidden border border-gray-100 shadow-lg hover:shadow-xl transition-all duration-500">
1010          <a class="block" href="/organization/vinspired/posts/how-to-write-a-cv-when-you-have-never-had-a-job">
1011            <div class="relative h-48 overflow-hidden">
1012                <img alt="How to Write a CV When You Have Never Had a Job" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" src="https://vinspired.com/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkC2AlJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--6c8cd3df8f214d83d053dbc2a4978655c394ac5d/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsHOgtmb3JtYXRJIghwbmcGOwBUOhRyZXNpemVfdG9fbGltaXRbB2kCsARpAnYCSSIIcHVyBjsAVEkiDnZhcmlhdGlvbgY7AEY=--ee35473df097b28e3a2404986704c6c1c3019c96/A%20CV%20without%20formal%20work%20experience%20can%20still%20get%20you%20hired.png" />
1013                <div class="absolute top-4 left-4 flex flex-wrap gap-2">
1014                    <span class="px-3 py-1 rounded-full text-xs font-bold bg-white/90 backdrop-blur-sm text-gray-700 shadow-sm">
1015                      blog
1016                    </span>
1017                </div>
1018            </div>
1019</a>          <div class="p-6">
1020            <div class="flex items-center gap-2 text-xs text-gray-400 mb-3">
1021              <i class="fa-regular fa-calendar"></i>
1022              <time datetime="2026-02-10">
1023                February 10, 2026
1024              </time>
1025            </div>
1026            <h3 class="text-xl font-bold text-gray-900 mb-3 line-clamp-2 group-hover:text-brand-primary transition-colors">
1027              <a href="/organization/vinspired/posts/how-to-write-a-cv-when-you-have-never-had-a-job">How to Write a CV When You Have Never Had a Job</a>
1028            </h3>
1029            <p class="text-gray-500 text-sm leading-relaxed line-clamp-3 mb-3">
1030              If you&#39;re staring at a blank CV template, wondering what on earth you&#39;re supposed to write, you&#39;re not alone. Every person who&#39;s ever been employed...
1031            </p>
1032              <div class="flex flex-wrap gap-1.5 mb-4">
1033                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-pink-50 text-pink-600">
1034                    Arts &amp; Culture
1035                  </span>
1036                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-blue-50 text-blue-600">
1037                    Creativity &amp; Innovation
1038                  </span>
1039                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-pink-50 text-pink-600">
1040                    Employment &amp; Skills
1041                  </span>
1042                  <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-blue-50 text-blue-600">
1043                    Leadership &amp; Management
1044                  </span>
1045              </div>
1046            <div class="flex items-center justify-between pt-4 border-t border-gray-100">
1047              <div class="flex items-center gap-3">
1048                <a class="flex-shrink-0" href="/organization/vinspired/posts">
1049                  <div class="rounded-lg border border-slate-200 object-cover transition-all duration-200 grid grid-cols-1 content-center bg-white overflow-hidden p-1 w-8 h-8 rounded-full"><img alt="Vinspired" class="w-full object-cover h-full rounded-md" src="https://vivid-prod.s3.eu-west-2.amazonaws.com/81i111hahdad52pmdtmk6hgqeogd?response-content-disposition=inline%3B%20filename%3D%22vinspired.jpg%22%3B%20filename%2A%3DUTF-8%27%27vinspired.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIA6OR45TZKRTEKRY4E%2F20261001%2Feu-west-2%2Fs3%2Faws4_request&amp;X-Amz-Date=20261001T115632Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=f9c242a53b5ef60f435affda76654dea23be8e81099f66b8b3cc125a65cffd51" /></div>
1050</a>                <a class="text-sm font-medium text-gray-700 hover:text-brand-primary transition-colors" href="/organization/vinspired/posts">Vinspired</a>
1051              </div>
1052              <a class="text-brand-primary text-sm font-semibold hover:underline inline-flex items-center gap-1" href="/organization/vinspired/posts/how-to-write-a-cv-when-you-have-never-had-a-job">
1053                Read
1054                <i class="fa-solid fa-arrow-right text-xs"></i>
1055</a>            </div>
1056          </div>
1057        </article>
1058    </div>
1059  </section>
1060<!-- CASE STUDIES -->
1061<!-- NEWS & UPDATES -->
1062<!-- Newsletter -->
1063<section class="max-w-7xl mx-auto px-4 md:px-8 py-20 reveal-on-scroll">
1064  <div class="relative rounded-[2.5rem] overflow-hidden p-10 md:p-16 bg-gradient-to-br from-blue-50 via-brand-50/60 to-rose-50/40">
1065    <div class="absolute top-[-20%] right-[-10%] w-[400px] h-[400px] bg-gradient-to-br from-blue-200/40 to-brand-200/30 rounded-full blur-[80px]"></div>
1066    <div class="absolute bottom-[-15%] left-[-5%] w-[300px] h-[300px] bg-gradient-to-tr from-rose-200/30 to-orange-100/20 rounded-full blur-[80px]"></div>
1067    <div class="absolute top-[30%] left-[40%] w-[150px] h-[150px] bg-gradient-to-r from-amber-100/20 to-yellow-100/15 rounded-full blur-[60px]"></div>
1068    <div class="relative z-10">
1069      <div id="newsletter-form-page" data-controller="newsletter">
1070  <form method="post" action="https://tool-email.vinspired.com/subscription/form" class="listmonk-form">
1071    <input type="hidden" name="nonce">
1072      <div class="flex flex-col md:flex-row md:items-center gap-10 md:gap-16">
1073        <div class="md:w-1/2">
1074          <div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-brand-primary/10 text-brand-primary text-[10px] font-bold uppercase tracking-[0.3em] mb-5">
1075            <i class="fa-solid fa-paper-plane text-[9px]"></i>
1076            Newsletter
1077          </div>
1078          <h2 class="text-2xl md:text-4xl font-bold text-gray-900 font-heading tracking-tight mb-4">Stay in the <span class="text-brand-primary">loop</span></h2>
1079          <p class="text-gray-500 leading-relaxed mb-6 max-w-md">New opportunities, impact stories, and awareness days delivered to your inbox. No spam, just things that matter.</p>
1080          <div class="flex items-center gap-4 text-sm text-gray-400">
1081            <span class="flex items-center gap-1.5"><i class="fa-solid fa-shield-halved text-brand-sage text-xs"></i> No spam</span>
1082            <span class="flex items-center gap-1.5"><i class="fa-solid fa-clock text-brand-warm text-xs"></i> Monthly digest</span>
1083            <span class="flex items-center gap-1.5"><i class="fa-solid fa-xmark text-brand-accent text-xs"></i> Unsubscribe anytime</span>
1084          </div>
1085        </div>
1086        <div class="md:w-1/2 max-w-md">
1087          <div class="bg-white/70 backdrop-blur-xl rounded-2xl border border-white/80 p-6 shadow-lg shadow-brand-100/30">
1088            <div class="space-y-3">
1089              <div class="relative">
1090                <div class="absolute left-4 top-1/2 -translate-y-1/2 text-gray-400"><i class="fa-solid fa-envelope text-sm"></i></div>
1091                <input type="email" name="email" required placeholder="Your email address" autocomplete="email"
1092                  data-action="focus->newsletter#expand"
1093                  class="w-full pl-11 pr-4 py-3 bg-white/60 border border-gray-200 rounded-xl text-sm text-gray-900 placeholder-gray-400 focus:outline-none focus:border-brand-primary focus:ring-2 focus:ring-brand-primary/15 focus:bg-white transition-all">
1094              </div>
1095              <div class="relative">
1096                <div class="absolute left-4 top-1/2 -translate-y-1/2 text-gray-400"><i class="fa-solid fa-user text-sm"></i></div>
1097                <input type="text" name="name" placeholder="Name (optional)" autocomplete="name"
1098                  class="w-full pl-11 pr-4 py-3 bg-white/60 border border-gray-200 rounded-xl text-sm text-gray-900 placeholder-gray-400 focus:outline-none focus:border-brand-primary focus:ring-2 focus:ring-brand-primary/15 focus:bg-white transition-all">
1099              </div>
1100              <div class="pt-1">
1101                <p class="text-xs text-gray-500 mb-2">I want to hear about:</p>
1102                <div class="flex flex-wrap gap-2">
1103                  <label class="inline-flex items-center gap-1.5 px-3.5 py-2 rounded-xl bg-white/50 border border-white/80 cursor-pointer has-[:checked]:border-brand-primary/40 has-[:checked]:bg-brand-primary/5 transition-all text-sm">
1104                    <input id="page_vol" type="checkbox" name="l" checked value="01b05791-6fda-49df-b287-80c78d13ff0c" class="checkbox checkbox-xs checkbox-primary rounded">
1105                    <span class="text-gray-600">Volunteering</span>
1106                  </label>
1107                  <label class="inline-flex items-center gap-1.5 px-3.5 py-2 rounded-xl bg-white/50 border border-white/80 cursor-pointer has-[:checked]:border-brand-primary/40 has-[:checked]:bg-brand-primary/5 transition-all text-sm">
1108                    <input id="page_org" type="checkbox" name="l" checked value="494716aa-abb8-45b4-90bf-ee0820b50717" class="checkbox checkbox-xs checkbox-primary rounded">
1109                    <span class="text-gray-600">Managing volunteers</span>
1110                  </label>
1111                </div>
1112              </div>
1113              <div class="pt-1" data-newsletter-target="captcha"></div>
1114              <button type="submit" class="w-full bg-brand-primary text-white rounded-xl px-6 py-3 text-sm font-bold shadow-lg shadow-brand-primary/20 hover:bg-blue-600 hover:shadow-xl hover:shadow-brand-primary/25 transition-all">
1115                Subscribe <i class="fa-solid fa-arrow-right ml-1.5 text-xs"></i>
1116              </button>
1117            </div>
1118          </div>
1119        </div>
1120      </div>
1121  </form>
1122</div>
1123
1124    </div>
1125  </div>
1126</section>
1127<!-- CTA -->
1128<section class="max-w-[95%] mx-auto my-8 reveal-on-scroll">
1129  <div class="relative rounded-[2.5rem] overflow-hidden">
1130    <div class="absolute inset-0 bg-gradient-to-br from-gray-700 via-gray-600 to-gray-700"></div>
1131    <div class="absolute inset-0 bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))] from-brand-primary/40 via-transparent to-transparent"></div>
1132    <div class="absolute inset-0 bg-[radial-gradient(ellipse_at_bottom_left,_var(--tw-gradient-stops))] from-brand-accent/25 via-transparent to-transparent"></div>
1133    <div class="absolute inset-0 opacity-[0.03]" style="background-image: linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px); background-size: 60px 60px;"></div>
1134    <div class="absolute top-12 left-12 w-20 h-20 rounded-2xl bg-gradient-to-br from-brand-primary to-blue-400 opacity-20 blur-sm rotate-12 animate-float"></div>
1135    <div class="absolute bottom-20 right-20 w-32 h-32 rounded-full bg-gradient-to-br from-brand-accent to-pink-400 opacity-15 blur-md animate-float-slow"></div>
1136
1137    <div class="relative z-10 px-8 py-24 md:py-32">
1138      <div class="max-w-4xl mx-auto text-center">
1139        <p class="text-[10px] md:text-xs font-bold text-white/60 uppercase tracking-[0.3em] mb-6">Share Your Impact</p>
1140        <h2 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-8 font-heading leading-[1.1] tracking-tight">
1141          Have a story<br>
1142          <span class="bg-gradient-to-r from-brand-primary via-blue-400 to-brand-accent bg-clip-text text-transparent">to share?</span>
1143        </h2>
1144        <p class="text-white/70 text-lg md:text-xl mb-12 max-w-2xl mx-auto leading-relaxed">
1145          If your organisation is making an impact through volunteering, we'd love to hear from you.
1146        </p>
1147        <div class="flex flex-col sm:flex-row justify-center items-center gap-4">
1148          <a class="group bg-white text-gray-900 px-8 py-4 rounded-2xl text-lg font-bold shadow-2xl shadow-white/20 hover:shadow-white/30 hover:scale-105 transition-all duration-300 inline-flex items-center justify-center gap-3 min-w-[220px]" href="/explore">
1149            <i class="fa-solid fa-compass text-brand-primary"></i>
1150            Explore opportunities
1151            <i class="fa-solid fa-arrow-right text-sm group-hover:translate-x-1 transition-transform"></i>
1152</a>          <a class="group bg-white/10 backdrop-blur-sm border border-white/30 px-8 py-4 rounded-2xl text-lg font-bold text-white hover:bg-white/20 hover:border-white/50 transition-all duration-300 inline-flex items-center justify-center gap-3 min-w-[220px]" href="/for-organisations">
1153            <i class="fa-solid fa-building"></i>
1154            For organisations
1155</a>        </div>
1156      </div>
1157    </div>
1158  </div>
1159</section>
1160
1161</turbo-frame>      </main>
1162      <footer class="max-w-[100rem] mx-auto px-4 md:px-8 mt-16 md:mt-24">
1163  <div class="bg-gray-900 rounded-t-2xl p-12 md:p-20 text-gray-300 shadow-2xl relative overflow-hidden">
1164    <div class="grid grid-cols-1 md:grid-cols-4 gap-12 mb-16 relative z-10">
1165      <!-- Brand Column -->
1166      <div>
1167        <div class="flex items-center gap-2 mb-6">
1168          <img alt="Vinspired" class="w-42" src="/assets/vinspired-logo-white-49de7b41.png" />
1169        </div>
1170        <p class="text-gray-400 text-sm mb-6 leading-relaxed">
1171          Connecting volunteers and organisations, tracking impact hours and turning them into lasting stories.
1172        </p>
1173        <div class="flex gap-3">
1174          <a href="https://x.com/vinspired" target="_blank" rel="noopener noreferrer" aria-label="X"
1175            class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-brand-primary transition-colors">
1176            <i class="fa-brands fa-x-twitter"></i>
1177          </a>
1178          <a href="https://instagram.com/vinspired" target="_blank" rel="noopener noreferrer" aria-label="Instagram"
1179            class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-brand-primary transition-colors">
1180            <i class="fa-brands fa-instagram"></i>
1181          </a>
1182          <a href="https://linkedin.com/company/vinspired" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"
1183            class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-brand-primary transition-colors">
1184            <i class="fa-brands fa-linkedin-in"></i>
1185          </a>
1186        </div>
1187      </div>
1188      <!-- Platform Column -->
1189      <div>
1190        <h3 class="text-white font-bold mb-6 text-sm uppercase tracking-wide">Platform</h3>
1191        <ul class="space-y-3 text-sm">
1192          <li><a class="hover:text-white transition-colors" href="/explore">Explore volunteering</a></li>
1193          <li><a class="hover:text-white transition-colors" href="/awards">Impact awards</a></li>
1194          <li><a class="hover:text-white transition-colors" href="/for-volunteers">For volunteers</a></li>
1195          <li><a class="hover:text-white transition-colors" href="/for-organisations">For organisations</a></li>
1196          <li><a class="hover:text-white transition-colors" href="/for-non-profits">For non-profits</a></li>
1197          <li><a class="hover:text-white transition-colors" href="/for-colleges-and-schools">For colleges &amp; schools</a></li>
1198          <li><a class="hover:text-white transition-colors" href="/for-companies">For companies</a></li>
1199          <li><a class="hover:text-white transition-colors" href="/plans-and-pricing">Plans and pricing</a></li>
1200          <li><a class="hover:text-white transition-colors" href="/free">What stays free</a></li>
1201          <li><a class="hover:text-white transition-colors" href="/supporters">Supporters</a></li>
1202          <li><a class="hover:text-white transition-colors" href="/features">Everything it does</a></li>
1203        </ul>
1204      </div>
1205      <!-- Discover Column -->
1206      <div>
1207        <h3 class="text-white font-bold mb-6 text-sm uppercase tracking-wide">Discover</h3>
1208        <ul class="space-y-3 text-sm">
1209          <li><a class="hover:text-white transition-colors" href="/impact-areas">Impact areas</a></li>
1210          <li><a class="hover:text-white transition-colors" href="/skills">Skill directory</a></li>
1211          <li><a class="hover:text-white transition-colors" href="/impact-days">Awareness days</a></li>
1212          <li><a class="hover:text-white transition-colors" href="/blog">Blog</a></li>
1213        </ul>
1214      </div>
1215      <!-- Support Column -->
1216      <div>
1217        <h3 class="text-white font-bold mb-6 text-sm uppercase tracking-wide">Support</h3>
1218        <ul class="space-y-3 text-sm">
1219          <li><a class="hover:text-white transition-colors" href="/about-us">About us</a></li>
1220          <li><a class="hover:text-white transition-colors" href="/our-journey">Our journey</a></li>
1221          <li><a class="hover:text-white transition-colors" href="/help-center">Help Centre</a></li>
1222          <li><a class="hover:text-white transition-colors" href="/contact">Contact</a></li>
1223          <li><a class="hover:text-white transition-colors" href="/trust">Trust center</a></li>
1224          <li><a class="hover:text-white transition-colors" href="/editorial-standards">Editorial standards</a></li>
1225          <li><a class="hover:text-white transition-colors" href="/privacy-policy">Privacy policy</a></li>
1226          <li><a class="hover:text-white transition-colors" href="/terms-of-service">Terms of service</a></li>
1227        </ul>
1228      </div>
1229    </div>
1230    <!-- Newsletter (hidden for signed-in users) -->
1231      <div class="border-t border-gray-800 pt-10 pb-10 mb-0 relative z-10">
1232        <div id="newsletter-form-footer" data-controller="newsletter">
1233  <form method="post" action="https://tool-email.vinspired.com/subscription/form" class="listmonk-form">
1234    <input type="hidden" name="nonce">
1235      <div class="flex flex-col md:flex-row md:items-start gap-8 md:gap-12">
1236        <div class="md:w-1/3 shrink-0">
1237          <div class="flex items-center gap-2.5 mb-3">
1238            <div class="w-8 h-8 rounded-full bg-brand-primary/20 flex items-center justify-center">
1239              <i class="fa-solid fa-paper-plane text-brand-primary text-xs"></i>
1240            </div>
1241            <h3 class="text-white font-bold text-sm uppercase tracking-wide">Stay in the loop</h3>
1242          </div>
1243          <p class="text-gray-400 text-sm leading-relaxed">Updates on opportunities, impact stories, and awareness days. No spam, just things that matter.</p>
1244        </div>
1245        <div class="flex-1 max-w-md">
1246          <div data-newsletter-target="fields" hidden class="pb-3">
1247            <label class="input input-sm w-full">
1248              <i class="fa-regular fa-user opacity-50"></i>
1249              <input type="text" name="name" placeholder="Name (optional)" autocomplete="name">
1250            </label>
1251          </div>
1252          <div class="join w-full">
1253            <div class="flex-1">
1254              <label class="input input-sm validator join-item w-full">
1255                <i class="fa-regular fa-envelope opacity-50"></i>
1256                <input type="email" name="email" placeholder="[email protected]" autocomplete="email" required
1257                  data-action="focus->newsletter#expand">
1258              </label>
1259              <div class="validator-hint hidden">Enter valid email address</div>
1260            </div>
1261            <button type="submit" class="btn btn-sm btn-primary join-item">
1262              Join
1263            </button>
1264          </div>
1265          <div data-newsletter-target="fields" hidden class="pt-3 space-y-2.5">
1266            <div class="flex flex-wrap gap-2">
1267              <label class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-gray-800 border border-gray-700 cursor-pointer has-[:checked]:border-brand-primary/50 has-[:checked]:bg-brand-primary/10 transition-all">
1268                <input id="footer_vol" type="checkbox" name="l" checked value="01b05791-6fda-49df-b287-80c78d13ff0c" class="checkbox checkbox-xs checkbox-primary rounded">
1269                <span class="text-xs text-gray-400">Volunteering</span>
1270              </label>
1271              <label class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-gray-800 border border-gray-700 cursor-pointer has-[:checked]:border-brand-primary/50 has-[:checked]:bg-brand-primary/10 transition-all">
1272                <input id="footer_org" type="checkbox" name="l" checked value="494716aa-abb8-45b4-90bf-ee0820b50717" class="checkbox checkbox-xs checkbox-primary rounded">
1273                <span class="text-xs text-gray-400">Managing volunteers</span>
1274              </label>
1275            </div>
1276            <div data-newsletter-target="captcha"></div>
1277          </div>
1278        </div>
1279      </div>
1280  </form>
1281</div>
1282
1283      </div>
1284    <!-- Bottom Bar -->
1285    <div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row items-center justify-between gap-4 relative z-10">
1286      <p class="text-gray-500 text-sm">&copy; 2026 Vinspired. All rights reserved.</p>
1287      <p class="text-gray-600 text-sm">Made with care for communities across the UK.</p>
1288    </div>
1289  </div>
1290</footer>
1291
1292    
1292<script>
1293      // Add js-ready class immediately for progressive enhancement
1294      document.body.classList.add('js-ready');
1295
1296      // Use turbo:load instead of DOMContentLoaded so animations
1297      // re-initialize on every Turbo navigation, not just the first load.
1298      document.addEventListener('turbo:load', () => {
1299        // Trigger entrance animations
1300        setTimeout(() => {
1301          document.body.classList.add('loaded');
1302        }, 100);
1303
1304        // Scroll reveal observer
1305        const observerOptions = {
1306          root: null,
1307          rootMargin: '0px',
1308          threshold: 0.1
1309        };
1310
1311        const observer = new IntersectionObserver((entries, observer) => {
1312          entries.forEach(entry => {
1313            if (entry.isIntersecting) {
1314              entry.target.classList.add('revealed');
1315              observer.unobserve(entry.target);
1316            }
1317          });
1318        }, observerOptions);
1319
1320        document.querySelectorAll('.reveal-on-scroll').forEach(el => {
1321          observer.observe(el);
1322        });
1323      });
1324    </script>
1324
1325    
1326  
1326<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"045d31949079492db3f49a6f045d4180","r":1,"spa":2}' crossorigin="anonymous"></script>
1326
1327</body>
1328</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.