Skip to content

Commit 2112cf9

Browse files
codercatdevcodercatdev
committed
update ads
1 parent 8457318 commit 2112cf9

5 files changed

Lines changed: 144 additions & 77 deletions

File tree

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

Lines changed: 2 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<script lang="ts">
22
import Image from '$lib/components/content/Image.svelte';
3+
import SponsorshipCards from './SponsorshipCards.svelte';
34
</script>
45

56
<svelte:head>
@@ -48,69 +49,8 @@
4849
src="https://media.codingcat.dev/image/upload/main-codingcatdev-photo/Sponsorship.png"
4950
alt="Ad Sponsorship"
5051
/>
51-
<div class="flex flex-col gap-2 md:gap-8 overflow-x-auto">
52-
<h1>Sponsorships</h1>
53-
<hr />
5452

55-
<!-- Main Content -->
56-
<section class="relative grid gap-2 md:gap-4 grid-cols-1 sm:grid-cols-3">
57-
<a class="overflow-hidden card bg-initial card-hover" href="/sponsorships/podcast">
58-
<header>
59-
<Image
60-
src="https://media.codingcat.dev/image/upload/v1686699444/main-codingcatdev-photo/podcast-sponsorship.png"
61-
alt="Podcast Sponsorship"
62-
/>
63-
</header>
64-
<div class="p-4 space-y-4">
65-
<h3 data-toc-ignore="">Podcast Sponsorship</h3>
66-
<article>
67-
<p>
68-
Become an exclusive sponsor for a single episode, or multiple podcasts. Includes
69-
both video and audio within the show.
70-
</p>
71-
</article>
72-
</div>
73-
</a>
74-
<a
75-
class="overflow-hidden card bg-initial card-hover"
76-
href="/sponsorships/code-with-codingcatdev"
77-
>
78-
<header>
79-
<Image
80-
src="https://media.codingcat.dev/image/upload/v1686702324/main-codingcatdev-photo/code-with-ccd-sponsorship.png"
81-
alt="Podcast Sponsorship"
82-
/>
83-
</header>
84-
<div class="p-4 space-y-4">
85-
<h3 data-toc-ignore="">Code with CodingCat.dev Sponsorship</h3>
86-
<article>
87-
<p>
88-
Looking to showcase your product, live coding helps others to explain how they can
89-
see your product!
90-
</p>
91-
</article>
92-
</div>
93-
</a>
94-
95-
<a class="overflow-hidden card bg-initial card-hover" href="/sponsorships/blog">
96-
<header>
97-
<Image
98-
src="https://media.codingcat.dev/image/upload/v1686700627/main-codingcatdev-photo/blog-sponsorship.png"
99-
alt="Blog Sponsorship"
100-
/>
101-
</header>
102-
<div class="p-4 space-y-4">
103-
<h3 data-toc-ignore="">Blog Sponsorship</h3>
104-
<article>
105-
<p>
106-
Blog sponsorship is a great way to reach a highly engaged audience of potential
107-
customers.
108-
</p>
109-
</article>
110-
</div>
111-
</a>
112-
</section>
113-
</div>
53+
<SponsorshipCards />
11454
</div>
11555
</section>
11656
</div>

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

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
<script lang="ts">
2+
import Image from '$lib/components/content/Image.svelte';
3+
</script>
4+
5+
<div class="flex flex-col gap-2 md:gap-8">
6+
<h2>Sponsorships</h2>
7+
<hr />
8+
<!-- Main Content -->
9+
<section class="relative grid gap-2 md:gap-4 grid-cols-1 sm:grid-cols-3">
10+
<a class="overflow-hidden card card-hover" href="/sponsorships/podcast">
11+
<header>
12+
<Image
13+
src="https://media.codingcat.dev/image/upload/v1686699444/main-codingcatdev-photo/podcast-sponsorship.png"
14+
alt="Podcast Sponsorship"
15+
/>
16+
</header>
17+
<div class="p-4 space-y-4">
18+
<h3 data-toc-ignore="">Podcast Sponsorship</h3>
19+
<article>
20+
<p>
21+
Become an exclusive sponsor for a single episode, or multiple podcasts. Includes both
22+
video and audio within the show.
23+
</p>
24+
</article>
25+
</div>
26+
</a>
27+
<a class="overflow-hidden card card-hover" href="/sponsorships/code-with-codingcatdev">
28+
<header>
29+
<Image
30+
src="https://media.codingcat.dev/image/upload/v1686702324/main-codingcatdev-photo/code-with-ccd-sponsorship.png"
31+
alt="Podcast Sponsorship"
32+
/>
33+
</header>
34+
<div class="p-4 space-y-4">
35+
<h3 data-toc-ignore="">Code with CodingCat.dev Sponsorship</h3>
36+
<article>
37+
<p>
38+
Looking to showcase your product, live coding helps others to explain how they can see
39+
your product!
40+
</p>
41+
</article>
42+
</div>
43+
</a>
44+
45+
<a class="overflow-hidden card card-hover" href="/sponsorships/blog">
46+
<header>
47+
<Image
48+
src="https://media.codingcat.dev/image/upload/v1686700627/main-codingcatdev-photo/blog-sponsorship.png"
49+
alt="Blog Sponsorship"
50+
/>
51+
</header>
52+
<div class="p-4 space-y-4">
53+
<h3 data-toc-ignore="">Blog Sponsorship</h3>
54+
<article>
55+
<p>
56+
Blog sponsorship is a great way to reach a highly engaged audience of potential
57+
customers.
58+
</p>
59+
</article>
60+
</div>
61+
</a>
62+
</section>
63+
</div>

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

Lines changed: 21 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<script lang="ts">
2-
import Image from '$lib/components/content/Image.svelte';
2+
import SponsorshipCards from '../SponsorshipCards.svelte';
33
import AJPrimary from '$lib/components/global/icons/AJPrimary.svelte';
44
import SponsorshipForm from '../SponsorshipForm.svelte';
55
</script>
@@ -71,12 +71,25 @@
7171
<span class="font-bold">would you sponsor our blog?</span>
7272
</p>
7373
</div>
74-
<p>
75-
Blog sponsorship is a great way to reach a highly engaged audience of potential customers.
76-
By sponsoring a blog post, your company can be featured prominently on a popular blog, with
77-
the opportunity to reach a large number of readers who are already interested in the topics
78-
you post is about.
79-
</p>
74+
<section class="my-8 flex flex-col gap-1 md:gap-4">
75+
<p class="">
76+
On CodingCat.dev your advertisement is <span
77+
class="uppercase bg-surface-backdrop-token dark:text-primary-500 font-black text-3xl p-2 rounded m-1"
78+
>permanent</span
79+
>!
80+
</p>
81+
<p>
82+
You read that right, it is not just while you are sponsoring and it doesn't change by the
83+
flavor of the week like Carbon or Google Ads.
84+
</p>
85+
86+
<p>
87+
Blog sponsorship is a great way to reach a highly engaged audience of potential customers.
88+
By sponsoring a blog post, your company can be featured prominently on a popular blog,
89+
with the opportunity to reach a large number of readers who are already interested in the
90+
topics your post is about.
91+
</p>
92+
</section>
8093
</div>
8194
</div>
8295

@@ -128,4 +141,5 @@
128141
</ul>
129142
</div>
130143
</div>
144+
<SponsorshipCards />
131145
</section>

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

Lines changed: 31 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<script lang="ts">
2-
import Image from '$lib/components/content/Image.svelte';
2+
import SponsorshipCards from '../SponsorshipCards.svelte';
33
import AJPrimary from '$lib/components/global/icons/AJPrimary.svelte';
44
import SponsorshipForm from '../SponsorshipForm.svelte';
55
</script>
@@ -63,6 +63,32 @@
6363
<AJPrimary cls="w-48 h-48" />
6464
</div>
6565
</div>
66+
<div class="flex justify-center card variant-soft-surface">
67+
<div class="flex flex-col p-8">
68+
<section class="my-8 flex flex-col gap-1 md:gap-4">
69+
<p class="">
70+
On CodingCat.dev your advertisement is <span
71+
class="uppercase bg-surface-backdrop-token dark:text-primary-500 font-black text-3xl p-2 rounded m-1"
72+
>permanent</span
73+
>!
74+
</p>
75+
<p>
76+
You read that right, it is not just while you are sponsoring and it doesn't change by the
77+
flavor of the week like Carbon or Google Ads.
78+
</p>
79+
80+
<p>
81+
Streaming sponsorship is a great way to reach a highly engaged audience of potential
82+
customers. By sponsoring a stream, your company can be featured prominently on the footer
83+
of the stream of
84+
<span class="uppercase font-black text-2xl text-primary-500">over 16K subscribers</span>,
85+
with the opportunity to reach a large number of viewers who are already interested in the
86+
topics your video is about.
87+
</p>
88+
</section>
89+
</div>
90+
</div>
91+
<SponsorshipForm />
6692
<div class="flex justify-center card variant-soft-surface">
6793
<div class="flex flex-col p-8">
6894
<div class="flex justify-center w-full gap-4 p-8 font-extrabold">
@@ -74,9 +100,9 @@
74100
<ul>
75101
<li>
76102
<strong>Reach a large audience:</strong>
77-
Live streaming on YouTube is a great way to reach a large audience. In fact, YouTube Live is
78-
one of the most popular live streaming platforms in the world, with millions of viewers tuning
79-
in each day.
103+
Live streaming on YouTube and Twitch is a great way to reach a large audience. In fact, YouTube
104+
Live is one of the most popular live streaming platforms in the world, with millions of viewers
105+
tuning in each day.
80106
</li>
81107
<li>
82108
<strong>Engage with your audience:</strong>
@@ -104,6 +130,5 @@
104130
If you're looking for a way to reach a large audience, engage with your audience, promote your
105131
brand, and drive traffic to your website, then sponsoring live YouTube is a great option.
106132
</p>
107-
108-
<SponsorshipForm />
133+
<SponsorshipCards />
109134
</section>

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

Lines changed: 27 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,7 @@
44
import Podcatchers from './Podcatchers.svelte';
55
import Arrow from './Arrow.svelte';
66
import SponsorshipForm from '../SponsorshipForm.svelte';
7-
8-
let form;
7+
import SponsorshipCards from '../SponsorshipCards.svelte';
98
</script>
109

1110
<svelte:head>
@@ -77,6 +76,31 @@
7776
<AJHeadphones cls="w-48 h-48" />
7877
</div>
7978
</div>
79+
<div class="flex justify-center card variant-soft-surface">
80+
<div class="flex flex-col p-8">
81+
<section class="my-8 flex flex-col gap-1 md:gap-4">
82+
<p class="">
83+
On CodingCat.dev your advertisement is <span
84+
class="uppercase bg-surface-backdrop-token dark:text-primary-500 font-black text-3xl p-2 rounded m-1"
85+
>permanent</span
86+
>!
87+
</p>
88+
<p>
89+
You read that right, it is not just while you are sponsoring and it doesn't change by
90+
the flavor of the week like Carbon or Google Ads.
91+
</p>
92+
93+
<p>
94+
Podcast sponsorship is a great way to reach a highly engaged audience of potential
95+
customers. By sponsoring a podcast, your company can be featured prominently in the
96+
pre-roll and mid-roll of a channel with
97+
<span class="uppercase font-black text-2xl text-primary-500">over 16K subscribers</span
98+
>, with the opportunity to reach a large number of viewers who are already interested in
99+
the topics your video is about.
100+
</p>
101+
</section>
102+
</div>
103+
</div>
80104

81105
<SponsorshipForm />
82106

@@ -348,5 +372,6 @@
348372
</div>
349373

350374
<SponsorshipForm />
375+
<SponsorshipCards />
351376
</section>
352377
</section>

0 commit comments

Comments
 (0)