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 & Insights - Blog | Vinspired</title> 11<meta name="title" content="Stories & 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 & 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 & 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 & 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 & 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 & 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&response-content-type=image%2Fjpeg&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIA6OR45TZKRTEKRY4E%2F20261001%2Feu-west-2%2Fs3%2Faws4_request&X-Amz-Date=20261001T115631Z&X-Amz-Expires=300&X-Amz-SignedHeaders=host&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 & 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 & 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 & 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 & 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&response-content-type=image%2Fjpeg&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIA6OR45TZKRTEKRY4E%2F20261001%2Feu-west-2%2Fs3%2Faws4_request&X-Amz-Date=20261001T115631Z&X-Amz-Expires=300&X-Amz-SignedHeaders=host&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 & 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&response-content-type=image%2Fjpeg&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIA6OR45TZKRTEKRY4E%2F20261001%2Feu-west-2%2Fs3%2Faws4_request&X-Amz-Date=20261001T115631Z&X-Amz-Expires=300&X-Amz-SignedHeaders=host&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'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&response-content-type=image%2Fjpeg&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIA6OR45TZKRTEKRY4E%2F20261001%2Feu-west-2%2Fs3%2Faws4_request&X-Amz-Date=20261001T115632Z&X-Amz-Expires=300&X-Amz-SignedHeaders=host&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 & 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 & 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 & 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 & 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&response-content-type=image%2Fjpeg&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIA6OR45TZKRTEKRY4E%2F20261001%2Feu-west-2%2Fs3%2Faws4_request&X-Amz-Date=20261001T115632Z&X-Amz-Expires=300&X-Amz-SignedHeaders=host&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 & 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 & 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 & 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 & 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&response-content-type=image%2Fjpeg&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIA6OR45TZKRTEKRY4E%2F20261001%2Feu-west-2%2Fs3%2Faws4_request&X-Amz-Date=20261001T115632Z&X-Amz-Expires=300&X-Amz-SignedHeaders=host&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'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 & 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 & 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 & 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&response-content-type=image%2Fjpeg&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIA6OR45TZKRTEKRY4E%2F20261001%2Feu-west-2%2Fs3%2Faws4_request&X-Amz-Date=20261001T115632Z&X-Amz-Expires=300&X-Amz-SignedHeaders=host&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're staring at a blank CV template, wondering what on earth you're supposed to write, you're not alone. Every person who'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 & 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 & 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 & 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 & 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&response-content-type=image%2Fjpeg&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIA6OR45TZKRTEKRY4E%2F20261001%2Feu-west-2%2Fs3%2Faws4_request&X-Amz-Date=20261001T115632Z&X-Amz-Expires=300&X-Amz-SignedHeaders=host&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 & 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">© 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.