<!doctype html>
<html lang="en">
<head>
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-W8SRJLG');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="7hbJtNb1G4QslDzqPhfgWVVIOqF5wGKi6zRcghvg">
<meta name="google-site-verification" content="n3JoBEAnAFMGjyqF0_E0IysgHDwK3yMaFmiGkLHy2Fs"/>
<title> Crowdfunding - Film and Storytelling | Seed&Spark </title>
<meta property="og:title" content="Crowdfunding - Film and Storytelling | Seed&Spark"/>
<meta property="og:description"
content="Crowdfunding, events and community that celebrate diverse voices and foster vibrant conversation. Find your next spark of curiosity, inspiration and community!">
<meta property="og:image"
content="https://seedandspark.com/img/homepage-new/homepage-share.jpeg"/>
<script>
window.dataLayer = window.dataLayer || [];
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-968947443"></script>
<script src="//3e74818389ab41c1b2de80a41f8ff845.js.ubembed.com" async></script>
<script id="mcjs">
!function (c, h, i, m, p) {
m = c.createElement(h), p = c.getElementsByTagName(h)[0], m.async = 1, m.src = i, p.parentNode.insertBefore(m,
p)
}(document, "script",
"https://chimpstatic.com/mcjs-connected/js/users/9ad32a25ffa1417cbad645adf/34fd32268818669b4eef87697.js");
</script>
<!-- Styles -->
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/quill-image-uploader@1.2.1/dist/quill.imageUploader.min.css" rel="stylesheet"/>
<link rel="preload" as="style" href="https://seedandspark.com/build/assets/app.f72df71e.css" /><link rel="modulepreload" href="https://seedandspark.com/build/assets/app.d9b10ded.js" /><link rel="stylesheet" href="https://seedandspark.com/build/assets/app.f72df71e.css" data-navigate-track="reload" /><script type="module" src="https://seedandspark.com/build/assets/app.d9b10ded.js" data-navigate-track="reload"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tippy.js/6.3.2/animations/scale.min.css"/>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<script src="https://cdn.jsdelivr.net/npm/quill-image-uploader@1.2.1/dist/quill.imageUploader.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/quill-image-resize-module@3.0.0/image-resize.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@botom/quill-resize-module@2.0.0/dist/quill-resize-module.min.js"></script>
<!-- Scripts -->
<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style>
<!-- Tippy.js -->
<!-- https://atomiks.github.io/tippyjs/v6 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.9.2/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tippy.js/6.3.2/tippy-bundle.umd.min.js"></script>
</head>
<body class="font-avenir antialiased">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W8SRJLG"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div x-data="header" class="min-h-screen bg-light-bg dark:bg-main-dark-alt">
<!-- Page Content -->
<main>
<div x-data="{
notifications: [],
verificationMessage: null,
init() {
if (this.verificationMessage) {
this.showVerificationSuccess()
}
},
add(e) {
this.notifications.push({
id: e.timeStamp,
type: e.detail.type,
content: e.detail.content,
timeout: e.detail.timeout ?? 4000,
})
},
showVerificationSuccess() {
this.notifications.push({
id: Math.floor(Math.random() * 1000),
type: 'success',
content: this.verificationMessage,
})
},
remove(notification) {
this.notifications = this.notifications.filter(i => i.id !== notification.id)
},
}" @notify.window="add($event)"
class="fixed z-50 top-0 right-0 flex w-full flex-col space-y-4 px-4 pb-4 sm:max-w-xs sm:justify-start"
role="status"
aria-live="polite">
<!-- Notification -->
<template x-for="notification in notifications" :key="notification.id">
<div x-data="{
show: false,
init() {
this.$nextTick(() => this.show = true)
setTimeout(() => this.transitionOut(), notification.timeout)
},
transitionOut() {
this.show = false
setTimeout(() => this.remove(this.notification), notification.timeout)
},
}" x-show="show" x-transition.duration.500ms
:class="{
'bg-alert-success': notification.type === 'success',
'bg-primary-o2': notification.type ===
'info',
'bg-warning': notification.type === 'warning',
'bg-error': notification.type === 'error'
}"
class="pointer-events-auto relative w-full max-w-sm rounded-md px-4 py-3 shadow-lg">
<div class="flex items-center">
<!-- Icons -->
<div x-show="notification.type === 'success'" class="flex-shrink-0">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M20.3565 6.23029C18.1233 8.79779 13.5082 14.0249 11.9967 15.7865C11.7547 16.0654 11.3979 16.2459 11 16.2459C10.6391 16.2459 10.3109 16.0982 10.073 15.8604C8.21504 14.0023 7.99356 13.7809 6.13555 11.9229C5.89766 11.685 5.75 11.3568 5.75 10.9959C5.75 10.2699 6.33652 9.6834 7.0625 9.6834C7.42344 9.6834 7.75156 9.83105 7.98945 10.0689C9.44961 11.5291 9.90078 11.9803 10.9262 13.0057C12.8533 10.758 17.1147 5.96521 18.8214 3.99543C16.8989 1.85019 14.1073 0.5 11 0.5C5.20101 0.5 0.5 5.20101 0.5 11C0.5 16.799 5.20101 21.5 11 21.5C16.799 21.5 21.5 16.799 21.5 11C21.5 9.28255 21.0875 7.66153 20.3565 6.23029Z"
fill="white"/>
</svg>
<span class="sr-only">Success:</span>
</div>
<div x-show="notification.type === 'info'" class="flex-shrink-0">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.4253 3.57537C16.4419 1.5922 13.8052 0.5 11 0.5C8.19482 0.5 5.55811 1.5922 3.57471 3.57537C1.59277 5.55856 0.5 8.19533 0.5 11C0.5 13.8046 1.59277 16.4414 3.57471 18.4246C5.55811 20.4078 8.19482 21.5 11 21.5C13.8052 21.5 16.4419 20.4078 18.4253 18.4246C20.4072 16.4414 21.5 13.8046 21.5 11C21.5 8.19533 20.4072 5.55856 18.4253 3.57537ZM12.3125 16.25C12.3125 16.9749 11.7251 17.5625 11 17.5625C10.2749 17.5625 9.6875 16.9749 9.6875 16.25V9.6875C9.6875 8.96262 10.2749 8.375 11 8.375C11.7251 8.375 12.3125 8.96262 12.3125 9.6875V16.25ZM9.6875 5.75C9.6875 6.47487 10.2749 7.0625 11 7.0625C11.7251 7.0625 12.3125 6.47487 12.3125 5.75C12.3125 5.02512 11.7251 4.4375 11 4.4375C10.2749 4.4375 9.6875 5.02512 9.6875 5.75Z"
fill="#009EE2"/>
</svg>
<span class="sr-only">Info:</span>
</div>
<div x-show="notification.type === 'warning'" class="flex-shrink-0">
<svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12.3125 7.71421C12.3125 8.97031 12.3125 9.46768 12.3124 10.286C12.3124 10.9961 11.7248 11.5714 11 11.5714C10.2752 11.5714 9.68758 10.9961 9.68754 10.286C9.6875 9.46768 9.6875 8.97031 9.6875 7.71421C9.6875 6.45811 9.6875 6.92506 9.68754 6.10666C9.68758 5.39663 10.2752 4.82135 11 4.82135C11.7248 4.82135 12.3124 5.39663 12.3124 6.10666C12.3125 6.92506 12.3125 6.45811 12.3125 7.71421ZM11 15.7501C10.2751 15.7501 9.6875 15.1744 9.6875 14.4644C9.6875 13.7543 10.2751 13.1786 11 13.1786C11.7249 13.1786 12.3125 13.7543 12.3125 14.4644C12.3125 15.1744 11.7249 15.7501 11 15.7501ZM21.2659 15.159L12.4879 0.948576C12.1758 0.353973 11.6199 0 11 0C10.38 0 9.8242 0.353973 9.51207 0.948576L0.734097 15.159C0.421968 15.7489 0.421968 16.4568 0.734097 17.0514C1.04619 17.646 1.60203 18 2.22202 18H19.778C20.398 18 20.9538 17.646 21.2659 17.0514C21.578 16.4615 21.578 15.7536 21.2659 15.159Z"
fill="#202020"/>
</svg>
<span class="sr-only">Warning:</span>
</div>
<div x-show="notification.type === 'error'" class="flex-shrink-0">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M3.57617 18.4238C5.56104 20.409 8.19482 21.5 11 21.5C13.8052 21.5 16.4434 20.409 18.4238 18.4238C20.4087 16.4387 21.5 13.8055 21.5 11C21.5 8.19455 20.4087 5.55719 18.4238 3.57617C16.4434 1.59103 13.8052 0.5 11 0.5C8.19482 0.5 5.55664 1.59103 3.57617 3.57617C1.59131 5.55719 0.5 8.19455 0.5 11C0.5 13.8055 1.59131 16.4428 3.57617 18.4238ZM9.6875 5.75C9.6875 5.02399 10.2734 4.4375 11 4.4375C11.7266 4.4375 12.3125 5.02399 12.3125 5.75V12.3125C12.3125 13.0385 11.7266 13.625 11 13.625C10.2734 13.625 9.6875 13.0385 9.6875 12.3125V5.75ZM12.3125 16.25C12.3125 15.524 11.7266 14.9375 11 14.9375C10.2734 14.9375 9.6875 15.524 9.6875 16.25C9.6875 16.976 10.2734 17.5625 11 17.5625C11.7266 17.5625 12.3125 16.976 12.3125 16.25Z"
fill="white"/>
</svg>
<span class="sr-only">Error:</span>
</div>
<!-- Text -->
<div class="ml-3 w-0 flex-1">
<p x-text="notification.content" class="text-sm font-medium leading-5 text-white"
:class="{
'text-main-l1': notification.type ===
'info',
'text-main-default': notification.type === 'warning'
}">
</p>
</div>
<!-- Remove button -->
<div class="ml-4 flex flex-shrink-0">
<button @click="transitionOut()" type="button" class="inline-flex">
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M6.96654 6.02385L11.8283 1.16213C12.0888 0.90157 12.0888 0.479473 11.8283 0.219643C11.5677 -0.0409218 11.1456 -0.0409218 10.8858 0.219643L6.02405 5.08136L1.16233 0.218861C0.902523 -0.0417037 0.479668 -0.0417037 0.219838 0.218861C-0.0407271 0.479426 -0.0407271 0.901522 0.219838 1.16135L5.08156 6.02385L0.219838 10.8856C-0.0407271 11.1461 -0.0407271 11.5683 0.219838 11.8281C0.349362 11.9591 0.520039 12.0239 0.690692 12.0239C0.861346 12.0239 1.03202 11.9591 1.16233 11.8288L6.02405 6.96632L10.8858 11.828C11.0161 11.9583 11.1867 12.0231 11.3574 12.0231C11.528 12.0231 11.6987 11.9583 11.829 11.828C12.0896 11.5675 12.0896 11.1454 11.829 10.8855L6.96649 6.02383L6.96654 6.02385Z"
class="fill-white"
:class="{
'fill-primary-brand': notification.type ===
'info',
'fill-main-default': notification.type === 'warning'
}"/>
</svg>
<span class="sr-only">Close notification</span>
</button>
</div>
</div>
</div>
</template>
</div>
<nav x-data="{ openSearch: false }" wire:ignore x-cloak class="sticky top-0 z-10 font-avenir">
<div class="bg-light-bg/50 bg-opacity-25 backdrop-blur-3xl backdrop-filter dark:bg-main-dark-alt dark:bg-opacity-25">
<div class="mx-auto max-w-7xl py-4 pr-8">
<div class="flex">
<div class="flex w-full">
<div
class="mt-2 hidden text-sm font-black text-main-default dark:text-dark-fg-900 web:ml-8 web:flex web:space-x-3">
<div class="font-avenir">
<a href="https://seedandspark.com/fund" @click="$store.gtmAnalytics.track('Nav Bar - Fund')" class="mb-2 box-border flex items-center justify-center gap-2 rounded-lg py-2 px-4 text-sm font-extrabold mb-0 bg-secondary-ocean py-1.5 text-sm capitalize text-main-l1 dark:text-main-l1" href="https://seedandspark.com/fund" @click="$store.gtmAnalytics.track('Nav Bar - Fund')"
role="button">
Fund a project
</a>
</div>
<div class="font-avenir">
<a href="/crowdfund" @click="$store.gtmAnalytics.track('Launch - Click Launch Project', {entryPoint: 'Nav Bar'});" class="mb-2 box-border flex items-center justify-center gap-2 rounded-lg py-2 px-4 text-sm font-extrabold mb-0 bg-primary-o1 py-1.5 text-sm capitalize text-main-l1 dark:text-main-l1" href="/crowdfund" @click="$store.gtmAnalytics.track('Launch - Click Launch Project', {entryPoint: 'Nav Bar'});"
role="button">
Start a project
</a>
</div>
</div>
<div class="mr-auto flex items-center px-4 tab:px-15 web:mx-auto">
<a href="/" aria-label="Seed&Spark Homepage">
<img class="h-6 w-auto dark:hidden" src="/svg/logo-black.svg"
alt="Seed&Spark Logo Dark Mode"/>
<img class="hidden h-6 w-auto dark:block" src="/svg/logo.svg" alt="Seed&Spark Logo"/>
</a>
</div>
<button @click.prevent="(openSearch = !openSearch); $nextTick(() => $refs.globalSearch.focus());"
class="-mr-16 tab:-mr-4 web:mr-0" type="button" role="button">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_1101_8750" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="3" y="3" width="19" height="18">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M17.8046 10.4003C17.807 11.7928 17.4104 13.1567 16.6616 14.3307L20.6085 18.2858C21.1357 18.9014 21.1357 19.8095 20.6085 20.4251C20.0177 21.115 18.9796 21.1953 18.2897 20.6045L14.3346 16.6577C13.1606 17.4065 11.7967 17.8031 10.4042 17.8006C6.31715 17.8006 3.00391 14.4874 3.00391 10.4003C3.00391 6.31324 6.31715 3 10.4042 3C14.4913 3 17.8046 6.31324 17.8046 10.4003ZM10.4042 6.28903C8.13363 6.28903 6.29294 8.12972 6.29294 10.4003C6.29294 12.6709 8.13363 14.5116 10.4042 14.5116C12.6748 14.5116 14.5155 12.6709 14.5155 10.4003C14.5155 8.12972 12.6748 6.28903 10.4042 6.28903Z"
fill="white" />
</mask>
<g mask="url(#mask0_1101_8750)">
<rect x="0.00390625" width="24" height="24"
class="dark:fill-white fill-primary-brand" />
</g>
</svg>
<span class="sr-only">Search</span>
</button>
<div class="hidden items-center space-x-4 pl-4 web:flex">
<a href="https://seedandspark.com/login" @click="$store.gtmAnalytics.track('Nav Bar - Log in');"
class="mb-0 py-1.5 text-sm font-black capitalize text-main-l1 underline dark:text-white">
Login
</a>
<a href="https://seedandspark.com/signup" @click="gtmAnalytics.track('Nav Bar - Sign up');"
class="mb-0 py-1.5 text-sm font-black capitalize text-main-l1 underline dark:text-white">
Sign up
</a>
</div>
<div
class="mt-2 hidden text-sm font-black text-main-default dark:text-dark-fg-900 tab:ml-8 tab:flex tab:space-x-3 web:hidden">
<div class="font-avenir">
<a href="/crowdfund" @click="$store.gtmAnalytics.track('Launch - Click Launch Project', {entryPoint: 'Nav Bar'});" class="mb-2 box-border flex items-center justify-center gap-2 rounded-lg py-2 px-4 text-sm font-extrabold mb-0 bg-primary-o1 py-1.5 text-sm capitalize text-main-l1 dark:text-main-l1" href="/crowdfund" @click="$store.gtmAnalytics.track('Launch - Click Launch Project', {entryPoint: 'Nav Bar'});"
role="button">
Start a project
</a>
</div>
<div class="font-avenir">
<a href="https://seedandspark.com/fund" @click="$store.gtmAnalytics.track('Nav Bar - Fund')" class="mb-2 box-border flex items-center justify-center gap-2 rounded-lg py-2 px-4 text-sm font-extrabold mb-0 bg-secondary-ocean py-1.5 text-sm capitalize text-main-l1 dark:text-main-l1" href="https://seedandspark.com/fund" @click="$store.gtmAnalytics.track('Nav Bar - Fund')"
role="button">
Fund a project
</a>
</div>
</div>
<div class="ml-auto flex items-center tab:ml-4 web:hidden">
<button @click="openMobileMenu = !openMobileMenu" type="button"
class="inline-flex items-center justify-center rounded-md p-2 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-brand-blue"
aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<svg x-show="!openMobileMenu" class="block h-6 w-6 text-main-default dark:text-dark-fg-900"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16" />
</svg>
<svg x-show="openMobileMenu" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 6L6 18" class="stroke-main-default dark:stroke-dark-fg-900" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M6 6L18 18" class="stroke-main-default dark:stroke-dark-fg-900" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</button>
</div>
</div>
</div>
</div>
<!-- Mobile/Tablet menu. -->
<div x-show="openMobileMenu"
class="absolute z-10 min-h-screen w-full overflow-auto bg-main-dark-alt bg-opacity-50 backdrop-blur-3xl backdrop-filter dark:bg-opacity-25">
<div class="absolute w-full border-t border-gray-100 bg-white transition ease-in-out dark:border-dark-fg-400/20 dark:bg-main-night web:hidden"
@click.outside="openMobileMenu = false" x-transition:enter="transition ease duration-700 transform"
x-transition:enter-start="opacity-0 -translate-x-full"
x-transition:enter-end="opacity-100 translate-x-0"
x-transition:leave="transition ease duration-700 transform"
x-transition:leave-start="opacity-100 translate-x-0"
x-transition:leave-end="opacity-0 translate-x-full">
<div class="mx-auto max-w-7xl space-y-10 py-8 px-4 tab:py-10 tab:px-15">
<div class="space-y-4 tab:hidden">
<div class="font-avenir">
<a href="/crowdfund" @click="$store.gtmAnalytics.track('Launch - Click Launch Project', {entryPoint: 'Nav Bar'});" class="mb-2 box-border flex items-center justify-center gap-2 rounded-lg py-2 px-4 text-sm font-extrabold mb-0 bg-primary-o1 py-1.5 text-sm capitalize text-main-l1 dark:text-main-l1" href="/crowdfund" @click="$store.gtmAnalytics.track('Launch - Click Launch Project', {entryPoint: 'Nav Bar'});"
role="button">
Start a project
</a>
</div>
<div class="font-avenir">
<a href="https://seedandspark.com/fund" @click="$store.gtmAnalytics.track('Nav Bar - Fund')" class="mb-2 box-border flex items-center justify-center gap-2 rounded-lg py-2 px-4 text-sm font-extrabold mb-0 bg-secondary-ocean py-1.5 text-sm capitalize text-main-l1 dark:text-main-l1" href="https://seedandspark.com/fund" @click="$store.gtmAnalytics.track('Nav Bar - Fund')"
role="button">
Fund a project
</a>
</div>
</div>
<div>
<div class="flex flex-col items-center justify-center space-y-8 font-black text-primary-d1">
<a href="https://seedandspark.com/signup"
@click="$store.gtmAnalytics.track('Nav Bar - Sign up');"
class=""> Sign Up </a>
<a href="https://seedandspark.com/login"
@click="$store.gtmAnalytics.track('Nav Bar - Log in');"
class=""> Log In </a>
</div>
</div>
</div>
</div>
</div>
</div>
<div x-show="openSearch" x-transition.duration.200ms
class="absolute min-h-screen w-full bg-main-dark-alt bg-opacity-50 backdrop-blur backdrop-filter dark:bg-opacity-25">
<div class="w-full bg-white py-3 dark:bg-main-night tab:py-6" @click.outside="openSearch = false">
<div class="mx-auto max-w-7xl px-4 tab:px-6 web:px-8">
<form action="/search" method="get">
<input x-ref="globalSearch"
class="w-full border-0 border-transparent bg-transparent py-0 text-18 text-main-l3 focus:border-main-l1 focus:border-transparent focus:ring-0 dark:text-dark-fg-800 dark:placeholder-dark-fg-800"
type="text" name="q" placeholder="Search" />
</form>
</div>
</div>
</div>
</nav>
<div
class="border-t bg-[url('/svg/404-bg-img.svg')] bg-contain bg-bottom bg-no-repeat tab:bg-[url('/svg/404-bg-img-tab.svg')] web:bg-[url('/svg/404-bg-img-web.svg')]">
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div class="flex justify-center pt-4 pb-24">
<div class="text-center tab:w-1/2 web:w-1/3">
<div class="space-y-5 text-main-default dark:text-dark-fg-900">
<div>
<p class="text-7xl font-black">404</p>
<p class="text-lg">Page not found</p>
</div>
<div class="flex justify-center">
<img src="/svg/404-illustration.svg" alt="404 illustration">
</div>
<div class="space-y-5">
<p class="text-4xl font-black">Page not found</p>
<p>
Oops! The page you are looking for does not exist. It might have been
moved or deleted.
</p>
<div class="flex justify-center">
<div class="font-avenir">
<a href="/" class="mb-2 box-border flex items-center justify-center gap-2 rounded-lg py-2 px-4 text-sm font-extrabold w-40 bg-secondary-ocean text-main-l1 dark:text-main-l1" href="/"
role="button">
Back to Home
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<nav class="font-avenir">
<div class="bg-main-night">
<div class="mx-auto max-w-7xl py-10 px-6 tab:px-20 web:px-8 web:py-16">
<div class="grid grid-cols-1 gap-10 tab:grid-cols-3 web:grid-cols-7">
<div class="mt-2 space-y-10 text-dark-fg-800 tab:col-span-3 web:col-span-2">
<a href="/" aria-label="Seed&Spark Homepage">
<img class="h-6 w-auto" src="/svg/logo.svg" alt="Seed&Spark Logo"/>
</a>
<div class="space-y-3">
<p> Copyright © 2022 Seed&Spark </p>
<p> All rights reserved </p>
</div>
</div>
<div class="space-y-6">
<h5 class="text-2xl font-black text-white">Company</h5>
<ul class="space-y-6 text-dark-fg-800">
<li><a href="https://seedandspark.com/about-us" @click="$store.gtmAnalytics.track('Footer - Mission');">Mission</a>
</li>
<li><a href="https://seedandspark.com/team" @click="$store.gtmAnalytics.track('Footer - Team');">Team</a>
</li>
<li><a href="https://seedandspark.com/careers" @click="$store.gtmAnalytics.track('Footer - Careers');">Careers</a>
</li>
<li><a href="https://seedandspark.com/press"
@click="$store.gtmAnalytics.track('Footer - Press');">Press</a></li>
<li><a href="http://www.filmforward.io"
@click="$store.gtmAnalytics.track('Footer - Film Forward');">Film Forward</a></li>
</ul>
</div>
<div class="space-y-6">
<h5 class="text-2xl font-black text-white">For Creators</h5>
<ul class="space-y-6 text-dark-fg-800">
<li>
<a href="https://seedandspark.com/blog/education-for-every-step-of-your-creative-journey"
@click="$store.gtmAnalytics.track('Footer - Crowdfunding')">Crowdfunding
101</a>
</li>
<li><a href="https://seedandspark.com/crowdfund"
@click="$store.gtmAnalytics.track('Footer - Why S&S')">Why S&S?</a></li>
<li><a href="https://seedandspark.com/events"
@click="$store.gtmAnalytics.track('Footer - Events')">Events</a>
</li>
<li><a href="https://seedandspark.com/blog" @click="$store.gtmAnalytics.track('Footer - Resources')">Resources</a>
</li>
<li><a href="https://seedandspark.com/fiscal-sponsors"
@click="$store.gtmAnalytics.track('Footer - Fiscal Sponsors')">Fiscal Sponsors</a></li>
</ul>
</div>
<div class="space-y-6">
<h5 class="text-2xl font-black text-white">Support</h5>
<ul class="space-y-6 text-dark-fg-800">
<li><a href="https://seedandspark.com/faq" @click="$store.gtmAnalytics.track('Footer - FAQ')">FAQs</a>
</li>
<li><a href="https://seedandspark.com/code-of-conduct"
@click="$store.gtmAnalytics.track('Footer - Code')">Code
of Conduct</a></li>
<li>
<a
href="https://faq.seedandspark.com/en/collections/2153015-general-information-and-contact-info"
@click="$store.gtmAnalytics.track('Footer - Contact')">Get
In Touch</a>
</li>
</ul>
</div>
<div x-data="newsletter" class="space-y-6 tab:col-span-3 web:col-span-2">
<h5 class="text-2xl font-black capitalize text-white">Stay up to date</h5>
<form class="relative w-full tab:w-1/2 web:w-full" @submit.prevent="newsletterSignup">
<input type="email" x-model="email" name="newsletter" required placeholder="Your email address"
class="block w-full rounded-xl border-2 border-main-dark-alt bg-transparent bg-main-dark-alt py-2 text-16 font-normal text-dark-fg-800 placeholder:text-dark-bg-800 focus:border-primary-brand focus:ring-primary-brand dark:border-0 dark:border-dark-fg-800 dark:text-dark-fg-800 dark:placeholder-dark-fg-800"/>
<div class="font-avenir">
<button type="submit" @click="$store.gtmAnalytics.track('Footer - Sign Up');" class="mb-2 box-border flex items-center justify-center gap-2 rounded-lg py-2 px-4 text-sm font-extrabold absolute top-1 right-4" type="submit" @click="$store.gtmAnalytics.track('Footer - Sign Up');">
<svg x-show="loading" class="-ml-1 mr-3 h-5 w-5 animate-spin text-white"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"
stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor"
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
</path>
</svg>
<span class="sr-only">Subscribe</span>
<svg x-show="!loading" width="20" height="18" viewBox="0 0 20 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.9225 0.969691C19.1489 1.17342 19.2256 1.47584 19.1198 1.74778L13.2865 16.7478C13.1736 17.038 12.8753 17.2369 12.5339 17.2494C12.1925 17.2619 11.8772 17.0856 11.7384 16.8046L8.53525 10.3182L1.32814 7.43538C1.01591 7.31049 0.820021 7.02671 0.833949 6.71945C0.847877 6.41219 1.0688 6.14371 1.3913 6.04213L18.058 0.792127C18.3601 0.696948 18.6961 0.765962 18.9225 0.969691ZM10.1605 9.91612L12.4078 14.4667L16.3404 4.35429L10.1605 9.91612ZM15.1619 3.29362L3.92582 6.83297L8.98203 8.85546L15.1619 3.29362Z"
fill="#13B4FA"/>
</svg>
</button>
</div>
</form>
</div>
</div>
<div
class="mt-8 flex flex-col items-center justify-between gap-6 border-t border-dark-fg-400/10 pt-6 tab:flex-row">
<ul class="flex w-full items-center justify-between space-x-4 text-dark-fg-800 tab:justify-start">
<li><a href="https://seedandspark.com/terms-service" @click="$store.gtmAnalytics.track('Footer - Terms')">Terms</a>
</li>
<li><a href="https://seedandspark.com/privacy-policy" @click="$store.gtmAnalytics.track('Footer - Privacy')">Privacy</a>
</li>
<li><a href="https://seedandspark.com/cookies"
@click="$store.gtmAnalytics.track('Footer - Cookies')">Cookies</a></li>
</ul>
<ul class="flex items-center space-x-4">
<li>
<a href="http://www.instagram.com/seedandspark"
@click="$store.gtmAnalytics.track('Footer - Social Links', {Platform: 'Instagram'});"
target="_blank" rel="noopener noreferrer">
<span>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd"
d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z"
fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12.0002 5.6001C10.2621 5.6001 10.0439 5.6077 9.36125 5.63876C8.67991 5.66997 8.21484 5.77783 7.8079 5.9361C7.38696 6.09957 7.02989 6.31824 6.67415 6.67411C6.31815 7.02985 6.09948 7.38692 5.93548 7.80772C5.77681 8.21479 5.66881 8.68 5.63814 9.36107C5.60761 10.0437 5.59961 10.262 5.59961 12.0002C5.59961 13.7383 5.60734 13.9558 5.63828 14.6385C5.66961 15.3198 5.77748 15.7849 5.93561 16.1918C6.09921 16.6127 6.31788 16.9698 6.67375 17.3256C7.02936 17.6816 7.38643 17.9008 7.8071 18.0642C8.2143 18.2225 8.67951 18.3304 9.36072 18.3616C10.0434 18.3926 10.2614 18.4002 11.9994 18.4002C13.7377 18.4002 13.9552 18.3926 14.6378 18.3616C15.3192 18.3304 15.7848 18.2225 16.192 18.0642C16.6128 17.9008 16.9693 17.6816 17.3249 17.3256C17.6809 16.9698 17.8996 16.6127 18.0636 16.1919C18.2209 15.7849 18.3289 15.3197 18.3609 14.6386C18.3916 13.9559 18.3996 13.7383 18.3996 12.0002C18.3996 10.262 18.3916 10.0439 18.3609 9.3612C18.3289 8.67986 18.2209 8.21479 18.0636 7.80785C17.8996 7.38692 17.6809 7.02985 17.3249 6.67411C16.9689 6.31811 16.6129 6.09944 16.1916 5.9361C15.7836 5.77783 15.3182 5.66997 14.6369 5.63876C13.9542 5.6077 13.7369 5.6001 11.9982 5.6001H12.0002ZM11.426 6.75343C11.5964 6.75316 11.7866 6.75343 12.0002 6.75343C13.709 6.75343 13.9115 6.75956 14.5863 6.79023C15.2103 6.81876 15.549 6.92303 15.7746 7.01063C16.0733 7.12663 16.2862 7.2653 16.5101 7.4893C16.7341 7.7133 16.8728 7.92664 16.989 8.22531C17.0766 8.45064 17.181 8.78931 17.2094 9.41332C17.2401 10.088 17.2468 10.2907 17.2468 11.9987C17.2468 13.7067 17.2401 13.9094 17.2094 14.584C17.1809 15.208 17.0766 15.5467 16.989 15.7721C16.873 16.0707 16.7341 16.2834 16.5101 16.5073C16.2861 16.7313 16.0734 16.8699 15.7746 16.9859C15.5493 17.0739 15.2103 17.1779 14.5863 17.2065C13.9117 17.2371 13.709 17.2438 12.0002 17.2438C10.2912 17.2438 10.0887 17.2371 9.41402 17.2065C8.79002 17.1777 8.45134 17.0734 8.22561 16.9858C7.92694 16.8698 7.7136 16.7311 7.4896 16.5071C7.2656 16.2831 7.12693 16.0703 7.01066 15.7715C6.92306 15.5462 6.81866 15.2075 6.79026 14.5835C6.75959 13.9088 6.75346 13.7062 6.75346 11.9971C6.75346 10.288 6.75959 10.0864 6.79026 9.41172C6.81879 8.78771 6.92306 8.44904 7.01066 8.22344C7.12666 7.92477 7.2656 7.71143 7.4896 7.48743C7.7136 7.26343 7.92694 7.12476 8.22561 7.00849C8.45121 6.92049 8.79002 6.81649 9.41402 6.78783C10.0044 6.76116 10.2332 6.75316 11.426 6.75182V6.75343ZM15.4165 7.81611C14.9925 7.81611 14.6485 8.15971 14.6485 8.58385C14.6485 9.00785 14.9925 9.35185 15.4165 9.35185C15.8405 9.35185 16.1845 9.00785 16.1845 8.58385C16.1845 8.15984 15.8405 7.81611 15.4165 7.81611ZM12.0002 8.71345C10.1851 8.71345 8.71352 10.1851 8.71352 12.0001C8.71352 13.8152 10.1851 15.2862 12.0002 15.2862C13.8153 15.2862 15.2864 13.8152 15.2864 12.0001C15.2864 10.1851 13.8153 8.71345 12.0002 8.71345ZM12.0002 9.86679C13.1783 9.86679 14.1336 10.8219 14.1336 12.0001C14.1336 13.1783 13.1783 14.1335 12.0002 14.1335C10.8219 14.1335 9.86684 13.1783 9.86684 12.0001C9.86684 10.8219 10.8219 9.86679 12.0002 9.86679Z"
fill="white"/>
</svg>
</span>
<span class="sr-only">Seed and Spark Instagram link</span>
</a>
</li>
<li>
<a href="http://www.facebook.com/seedandspark"
@click="$store.gtmAnalytics.track('Footer - Social Links', {Platform: 'Facebook'});"
target="_blank"
rel="noopener noreferrer">
<span>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd"
d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z"
fill="white"/>
<path
d="M16.6711 15.4688L17.2031 12H13.875V9.75C13.875 8.80078 14.3391 7.875 15.8297 7.875H17.3438V4.92188C17.3438 4.92188 15.9703 4.6875 14.6578 4.6875C11.9156 4.6875 10.125 6.34922 10.125 9.35625V12H7.07812V15.4688H10.125V23.8547C10.7367 23.9508 11.3625 24 12 24C12.6375 24 13.2633 23.9508 13.875 23.8547V15.4688H16.6711Z"
fill="white"/>
</svg>
</span>
<span class="sr-only">Seed and Spark Facebook link</span>
</a>
</li>
<li>
<a href="http://www.twitter.com/seedandspark"
@click="$store.gtmAnalytics.track('Footer - Social Links', {Platform: 'Twitter'});"
target="_blank" rel="noopener noreferrer">
<span>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd"
d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z"
fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11.6406 9.75395L11.6658 10.1692L11.2461 10.1183C9.71843 9.92343 8.38383 9.26245 7.25067 8.15236L6.69668 7.60154L6.55399 8.0083C6.25181 8.91502 6.44487 9.87258 7.0744 10.5166C7.41015 10.8725 7.33461 10.9234 6.75544 10.7115C6.55399 10.6437 6.37772 10.5929 6.36093 10.6183C6.30218 10.6776 6.50363 11.4488 6.66311 11.7538C6.88134 12.1775 7.32621 12.5927 7.81305 12.8385L8.22434 13.0334L7.73751 13.0419C7.26746 13.0419 7.25067 13.0503 7.30103 13.2283C7.46891 13.7791 8.13201 14.3638 8.87066 14.618L9.39108 14.796L8.93781 15.0672C8.26631 15.457 7.4773 15.6773 6.68829 15.6942C6.31057 15.7027 6 15.7366 6 15.762C6 15.8468 7.02404 16.3213 7.61999 16.5077C9.40786 17.0586 11.5315 16.8213 13.1263 15.8807C14.2595 15.2112 15.3926 13.8808 15.9214 12.5927C16.2068 11.9063 16.4922 10.6522 16.4922 10.0505C16.4922 9.66073 16.5174 9.60989 16.9874 9.14382C17.2644 8.87265 17.5246 8.57606 17.575 8.49132C17.6589 8.33031 17.6505 8.33031 17.2224 8.47437C16.509 8.72859 16.4083 8.69469 16.7608 8.31336C17.021 8.04219 17.3316 7.5507 17.3316 7.40664C17.3316 7.38122 17.2057 7.42359 17.063 7.49986C16.9119 7.5846 16.5761 7.71171 16.3243 7.78797L15.8711 7.93203L15.4598 7.65239C15.2331 7.49986 14.9142 7.33038 14.7463 7.27953C14.3182 7.16089 13.6635 7.17784 13.2774 7.31343C12.2282 7.69476 11.5651 8.67774 11.6406 9.75395Z"
fill="white"/>
</svg>
</span>
<span class="sr-only">Seed and Spark Twitter link</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('newsletter', () => ({
email: '',
loading: false,
async newsletterSignup() {
this.loading = true
await fetch('/api/newsletter/signup', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json',
'X-CSRF-TOKEN': '7hbJtNb1G4QslDzqPhfgWVVIOqF5wGKi6zRcghvg'
},
body: JSON.stringify({
email_address: this.email,
}),
}).then((response) => {
return response.json();
}).then((data) => {
this.loading = false
if (data.status == 'OK') {
this.$dispatch('notify', {
content: 'Thanks for joining us! You\'re on the list.',
type: 'success',
});
this.email = ''
} else {
this.loading = false
this.$dispatch('notify', {
content: "Error subscribing to newsletter. Try Again!",
type: 'error',
});
}
});
}
}))
})
</script>
</main>
<script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"7hbJtNb1G4QslDzqPhfgWVVIOqF5wGKi6zRcghvg","uri":"\/livewire\/update","progressBar":"","nonce":""};</script>
</div>
<script>
function setTheme() {
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window
.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark')
} else {
document.documentElement.classList.remove('dark')
}
}
document.addEventListener('alpine:init', () => {
Alpine.store('themeMode', {
mode: 'automatic',
init() {
this.toggle('light')
},
toggle(type) {
if (type === 'dark') {
localStorage.theme = 'dark'
this.mode = 'dark'
} else if (type === 'light') {
localStorage.theme = 'light'
this.mode = 'light'
} else {
localStorage.removeItem('theme')
this.mode = 'automatic'
}
setTheme()
}
})
Alpine.data('header', () => ({
openThemePanel: false,
openMobileMenu: false,
modes: ['light', 'dark', 'automatic'],
init() {
this.$watch('openMobileMenu', value => {
if (value) {
document.body.style.overflow = 'hidden';
} else {
document.body.style.overflow = 'scroll';
}
})
if (localStorage.theme) {
this.$store.themeMode.mode = localStorage.theme
}
}
}));
});
</script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'94c1c4ac18e20851',t:'MTc0OTMxNjI4Mi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>