Skip to content

Commit d0ba2df

Browse files
codercatdevAlex Patterson
codercatdev
and
Alex Patterson
authored
add new web3forms (CodingCatDev#528)
Co-authored-by: Alex Patterson <alex.patterson@fusionauth.io>
1 parent 0cbd8d1 commit d0ba2df

File tree

4 files changed

+91
-26
lines changed

4 files changed

+91
-26
lines changed

‎apps/codingcatdev/src/routes/(top-level-pages)/sponsorships/SponsorshipForm.svelte‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<script>
2+
import { browser } from '$app/environment';
3+
</script>
4+
5+
<svelte:head>
6+
{#if browser}
7+
<script src="https://web3forms.com/client/script.js" async defer></script>
8+
{/if}
9+
</svelte:head>
10+
11+
<form action="https://api.web3forms.com/submit" method="POST" class="flex flex-col gap-2 card p-4">
12+
<input type="hidden" name="access_key" value="43c66d05-bf68-4708-a58c-8ac5da1fc4a1" />
13+
<input type="hidden" name="subject" value="CodingCat Sponsorship Request" />
14+
15+
<label class="label"
16+
><span>Name</span>
17+
<input class="input" type="text" name="name" placeholder="Name" required />
18+
</label>
19+
<label class="label"
20+
><span>Email</span>
21+
22+
<input class="input" type="email" name="email" placeholder="Email" required />
23+
</label>
24+
<label class="label"
25+
><span>Message</span>
26+
<textarea
27+
class="textarea"
28+
rows="4"
29+
placeholder="Please include anything that might help with our decision. We would love to include you to our next video or post."
30+
name="message"
31+
required
32+
></textarea></label
33+
>
34+
<div class="h-captcha" data-captcha="true"></div>
35+
<button class="btn variant-filled" type="submit">Submit Form</button>
36+
</form>

‎apps/codingcatdev/src/routes/(top-level-pages)/sponsorships/blog/+page.svelte‎

Lines changed: 48 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<script lang="ts">
22
import Image from '$lib/components/content/Image.svelte';
33
import AJPrimary from '$lib/components/global/icons/AJPrimary.svelte';
4+
import SponsorshipForm from '../SponsorshipForm.svelte';
45
</script>
56

67
<svelte:head>
@@ -79,12 +80,52 @@
7980
</div>
8081
</div>
8182

82-
<div class="flex flex-wrap justify-center p-8 bg-basics-900 text-primary-50 rounded-xl">
83-
<iframe
84-
class="w-full border-none rounded-xl"
85-
height="720px"
86-
src="https://notionforms.io/forms/sponsor-submissions"
87-
title="Sponsorship Form"
88-
/>
83+
<SponsorshipForm />
84+
85+
<div class="flex justify-center card variant-soft-surface">
86+
<div class="flex flex-col p-8">
87+
<ul class="flex flex-col gap-2">
88+
<li data-sourcepos="3:1-4:0">
89+
<p data-sourcepos="3:4-3:322">
90+
<strong>Increased Brand Awareness and Visibility:</strong>
91+
By sponsoring blog posts on CodingCat.dev, your brand will be prominently featured in front
92+
of a highly engaged audience of tech enthusiasts and programmers. This exposure can significantly
93+
boost brand awareness and make your company more recognizable in the tech industry.
94+
</p>
95+
</li>
96+
<li data-sourcepos="5:1-6:0">
97+
<p data-sourcepos="5:4-5:278">
98+
<strong>Enhanced Brand Credibility and Reputation:</strong>
99+
Being associated with a reputable blog like CodingCat.dev can enhance your brand's credibility
100+
and reputation. The blog's audience will associate your company with high-quality content
101+
and expertise, fostering trust and loyalty.
102+
</p>
103+
</li>
104+
<li data-sourcepos="7:1-8:0">
105+
<p data-sourcepos="7:4-7:297">
106+
<strong>Targeted Audience Reach:</strong>
107+
CodingCat.dev attracts a dedicated readership of individuals passionate about coding and
108+
programming. Sponsoring blog posts on this platform ensures you're reaching a highly targeted
109+
audience of potential customers genuinely interested in your products or services.
110+
</p>
111+
</li>
112+
<li data-sourcepos="9:1-10:0">
113+
<p data-sourcepos="9:4-9:280">
114+
<strong>Long-Term Impact and Brand Recall:</strong>
115+
Unlike traditional advertising that fades quickly, sponsoring long-term blog posts on CodingCat.dev
116+
creates a lasting impression. Your brand will remain visible and associated with valuable
117+
content long after the initial publication date.
118+
</p>
119+
</li>
120+
<li data-sourcepos="11:1-12:0">
121+
<p data-sourcepos="11:4-11:301">
122+
<strong>Cost-Effective Marketing Strategy:</strong>
123+
Compared to traditional advertising methods, blog sponsorship offers a cost-effective way
124+
to reach a large audience. The targeted nature of blog readership ensures your marketing
125+
efforts are reaching the right people, maximizing the return on your investment.
126+
</p>
127+
</li>
128+
</ul>
129+
</div>
89130
</div>
90131
</section>

‎apps/codingcatdev/src/routes/(top-level-pages)/sponsorships/code-with-codingcatdev/+page.svelte‎

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<script lang="ts">
22
import Image from '$lib/components/content/Image.svelte';
33
import AJPrimary from '$lib/components/global/icons/AJPrimary.svelte';
4+
import SponsorshipForm from '../SponsorshipForm.svelte';
45
</script>
56

67
<svelte:head>
@@ -104,12 +105,5 @@
104105
brand, and drive traffic to your website, then sponsoring live YouTube is a great option.
105106
</p>
106107

107-
<div class="flex flex-wrap justify-center p-8 bg-basics-900 text-primary-50 rounded-xl">
108-
<iframe
109-
class="w-full border-none rounded-xl"
110-
height="720px"
111-
src="https://notionforms.io/forms/sponsor-submissions"
112-
title="Sponsorship Form"
113-
/>
114-
</div>
108+
<SponsorshipForm />
115109
</section>

‎apps/codingcatdev/src/routes/(top-level-pages)/sponsorships/podcast/+page.svelte‎

Lines changed: 5 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
import AJHeadphones from '$lib/components/global/icons/AJHeadphones.svelte';
44
import Podcatchers from './Podcatchers.svelte';
55
import Arrow from './Arrow.svelte';
6+
import SponsorshipForm from '../SponsorshipForm.svelte';
67
78
let form;
89
</script>
@@ -76,6 +77,9 @@
7677
<AJHeadphones cls="w-48 h-48" />
7778
</div>
7879
</div>
80+
81+
<SponsorshipForm />
82+
7983
<div class="flex justify-center card variant-soft-surface">
8084
<div class="flex flex-col max-w-xl gap-4 p-8 font-extrabold">
8185
<p class="text-4xl">Are you interested in reaching other web designers and developers?</p>
@@ -343,16 +347,6 @@
343347
</div>
344348
</div>
345349

346-
<div
347-
bind:this={form}
348-
class="flex flex-wrap justify-center p-8 bg-basics-900 text-primary-50 rounded-xl"
349-
>
350-
<iframe
351-
class="w-full border-none rounded-xl"
352-
height="720px"
353-
src="https://notionforms.io/forms/sponsor-submissions"
354-
title="Sponsorship Form"
355-
/>
356-
</div>
350+
<SponsorshipForm />
357351
</section>
358352
</section>

0 commit comments

Comments
 (0)