Skip to content

Commit d193e0e

Browse files
tannerlinsleytannerlinsley
committed
landing page gad
1 parent 40090c1 commit d193e0e

12 files changed

+61
-152
lines changed

‎app/components/LandingPageGad.tsx‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
import { Link } from '@tanstack/react-router'
2+
import { GadFooter } from './GoogleScripts'
3+
4+
export default function LandingPageGad() {
5+
return (
6+
<div className={`lg:max-[400px] px-4 mx-auto`}>
7+
<div className="flex flex-col gap-4 items-center">
8+
<div className="shadow-lg rounded-lg overflow-hidden bg-white dark:bg-gray-800 dark:text-white mx-auto">
9+
<GadFooter />
10+
</div>
11+
<div
12+
className="text-xs bg-gray-500 bg-opacity-10 py-2 px-4 rounded text-gray-500
13+
dark:bg-opacity-20 self-center text-center w-[500px] max-w-full space-y-2"
14+
>
15+
<div>
16+
<span className="font-medium italic">
17+
An ad on an open source project?
18+
</span>{' '}
19+
<span className="font-black">What is this, 1999?</span>
20+
</div>
21+
<div>
22+
<span className="font-medium italic">Please...</span> TanStack is
23+
100% privately owned, with no paid products, venture capital, or
24+
acquisition plans. We're a small team dedicated to creating software
25+
used by millions daily. What did you expect?
26+
</div>
27+
<div>
28+
<Link to="/ethos" className="text-gray-500 font-bold underline">
29+
Check out our ethos
30+
</Link>{' '}
31+
to learn more about how we plan on sticking around (and staying
32+
relevant) for the long-haul.
33+
</div>
34+
</div>
35+
</div>
36+
</div>
37+
)
38+
}

‎app/routes/_libraries/config.$version.index.tsx‎

Lines changed: 2 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ import {
1515
} from '@tanstack/react-router'
1616
import { seo } from '~/utils/seo'
1717
import { twMerge } from 'tailwind-merge'
18+
import LandingPageGad from '~/components/LandingPageGad'
1819

1920
export const Route = createFileRoute('/_libraries/config/$version/')({
2021
component: FormVersionIndex,
@@ -153,17 +154,7 @@ export default function FormVersionIndex() {
153154
</div>
154155
</div>
155156

156-
<div className="mx-auto max-w-[400px] flex flex-col gap-2 items-center">
157-
<div className="shadow-lg rounded-lg overflow-hidden bg-white dark:bg-gray-800 dark:text-white">
158-
<Carbon />
159-
</div>
160-
<span
161-
className="text-[.7rem] bg-gray-500 bg-opacity-10 py-1 px-2 rounded text-gray-500
162-
dark:bg-opacity-20"
163-
>
164-
This ad helps us keep the lights on 😉
165-
</span>
166-
</div>
157+
<LandingPageGad />
167158

168159
<div className="flex flex-col gap-4 items-center">
169160
<div className="font-extrabold text-xl lg:text-2xl">

‎app/routes/_libraries/form.$version.index.tsx‎

Lines changed: 2 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@ import { Framework, getBranch, getLibrary } from '~/libraries'
1717
import { seo } from '~/utils/seo'
1818
import { twMerge } from 'tailwind-merge'
1919
import { LibraryFeatureHighlights } from '~/components/LibraryFeatureHighlights'
20+
import LandingPageGad from '~/components/LandingPageGad'
2021

2122
export const Route = createFileRoute('/_libraries/form/$version/')({
2223
component: FormVersionIndex,
@@ -184,18 +185,7 @@ export default function FormVersionIndex() {
184185
</div>
185186
</div>
186187

187-
<div className="mx-auto max-w-[400px] flex flex-col gap-2 items-center">
188-
<div className="shadow-lg rounded-lg overflow-hidden bg-white dark:bg-gray-800 dark:text-white">
189-
<Carbon />
190-
</div>
191-
<span
192-
className="text-[.7rem] bg-gray-500 bg-opacity-10 py-1 px-2 rounded text-gray-500
193-
dark:bg-opacity-20"
194-
>
195-
This ad helps us be happy about our invested time and not burn out
196-
and rage-quit OSS. Yay money! 😉
197-
</span>
198-
</div>
188+
<LandingPageGad />
199189

200190
<div className="flex flex-col gap-4">
201191
<div className="px-4 sm:px-6 lg:px-8 mx-auto container max-w-3xl sm:text-center">

‎app/routes/_libraries/index.tsx‎

Lines changed: 2 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ import OpenSourceStats from '~/components/OpenSourceStats'
2020
import splashLightImg from '~/images/splash-light.png'
2121
import splashDarkImg from '~/images/splash-dark.png'
2222
import { GadFooter } from '~/components/GoogleScripts'
23+
import LandingPageGad from '~/components/LandingPageGad'
2324

2425
export const textColors = [
2526
`text-rose-500`,
@@ -387,37 +388,7 @@ function Index() {
387388
</div>
388389
</div>
389390
<hr className="my-16 border-gray-200 dark:border-gray-500/10" />
390-
<div className={`lg:max-[400px] px-4 mx-auto`}>
391-
<div className="flex flex-col gap-4 items-center">
392-
<div className="shadow-lg rounded-lg overflow-hidden bg-white dark:bg-gray-800 dark:text-white mx-auto">
393-
<GadFooter />
394-
</div>
395-
<div
396-
className="text-xs bg-gray-500 bg-opacity-10 py-2 px-4 rounded text-gray-500
397-
dark:bg-opacity-20 self-center text-center w-[500px] max-w-full space-y-2"
398-
>
399-
<div>
400-
<span className="font-medium italic">
401-
An ad on an open source project?
402-
</span>{' '}
403-
<span className="font-black">What is this, 1999?</span>
404-
</div>
405-
<div>
406-
<span className="font-medium italic">Please...</span> TanStack
407-
is 100% privately owned, with no paid products, venture capital,
408-
or acquisition plans. We're a small team dedicated to creating
409-
software used by millions daily. What did you expect?
410-
</div>
411-
<div>
412-
<Link to="/ethos" className="text-gray-500 font-bold underline">
413-
Check out our ethos
414-
</Link>{' '}
415-
to learn more about how we plan on sticking around (and staying
416-
relevant) for the long-haul.
417-
</div>
418-
</div>
419-
</div>
420-
</div>
391+
<LandingPageGad />
421392
<hr className="my-16 border-gray-200 dark:border-gray-500/10" />
422393
<div className="px-4 mx-auto max-w-screen-lg">
423394
<div

‎app/routes/_libraries/pacer.$version.index.tsx‎

Lines changed: 2 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ import { twMerge } from 'tailwind-merge'
1313
import { getLibrary } from '~/libraries'
1414
import { LibraryFeatureHighlights } from '~/components/LibraryFeatureHighlights'
1515
import { partners } from '~/utils/partners'
16+
import LandingPageGad from '~/components/LandingPageGad'
1617

1718
export const Route = createFileRoute('/_libraries/pacer/$version/')({
1819
component: PacerVersionIndex,
@@ -169,18 +170,7 @@ export default function PacerVersionIndex() {
169170
</div>
170171
</div>
171172

172-
<div className="mx-auto max-w-[400px] flex flex-col gap-2 items-center">
173-
<div className="shadow-lg rounded-lg overflow-hidden bg-white dark:bg-gray-800 dark:text-white">
174-
<Carbon />
175-
</div>
176-
<span
177-
className="text-[.7rem] bg-gray-500 bg-opacity-10 py-1 px-2 rounded text-gray-500
178-
dark:bg-opacity-20"
179-
>
180-
This ad helps us be happy about our invested time and not burn out
181-
and rage-quit OSS. Yay money! 😉
182-
</span>
183-
</div>
173+
<LandingPageGad />
184174

185175
{/* <div className="flex flex-col gap-4">
186176
<div className="px-4 sm:px-6 lg:px-8 mx-auto container max-w-3xl sm:text-center">

‎app/routes/_libraries/query.$version.index.tsx‎

Lines changed: 2 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import { seo } from '~/utils/seo'
1515
import { twMerge } from 'tailwind-merge'
1616
import { LibraryFeatureHighlights } from '~/components/LibraryFeatureHighlights'
1717
import { partners } from '~/utils/partners'
18-
18+
import LandingPageGad from '~/components/LandingPageGad'
1919
export const Route = createFileRoute('/_libraries/query/$version/')({
2020
component: VersionIndex,
2121
head: () => ({
@@ -239,18 +239,7 @@ export default function VersionIndex() {
239239
</div>
240240
</div>
241241

242-
<div className="mx-auto max-w-[400px] flex flex-col gap-2 items-center">
243-
<div className="shadow-lg rounded-lg overflow-hidden bg-white dark:bg-gray-800 dark:text-white">
244-
<Carbon />
245-
</div>
246-
<span
247-
className="text-[.7rem] bg-gray-500 bg-opacity-10 py-1 px-2 rounded text-gray-500
248-
dark:bg-opacity-20"
249-
>
250-
This ad helps us be happy about our invested time and not burn out
251-
and rage-quit OSS. Yay money! 😉
252-
</span>
253-
</div>
242+
<LandingPageGad />
254243

255244
<div className="flex flex-col gap-4">
256245
<div className="px-4 sm:px-6 lg:px-8 mx-auto max-w-3xl sm:text-center">

‎app/routes/_libraries/ranger.$version.index.tsx‎

Lines changed: 2 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ import { Framework, getBranch, getLibrary } from '~/libraries'
1111
import { seo } from '~/utils/seo'
1212
import { twMerge } from 'tailwind-merge'
1313
import { LibraryFeatureHighlights } from '~/components/LibraryFeatureHighlights'
14+
import LandingPageGad from '~/components/LandingPageGad'
1415

1516
export const Route = createFileRoute('/_libraries/ranger/$version/')({
1617
component: VersionIndex,
@@ -102,18 +103,7 @@ export default function VersionIndex() {
102103
</div>
103104
</div>
104105

105-
<div className="mx-auto max-w-[400px] flex flex-col gap-2 items-center">
106-
<div className="shadow-lg rounded-lg overflow-hidden bg-white dark:bg-gray-800 dark:text-white">
107-
<Carbon />
108-
</div>
109-
<span
110-
className="text-[.7rem] bg-gray-500 bg-opacity-10 py-1 px-2 rounded text-gray-500
111-
dark:bg-opacity-20"
112-
>
113-
This ad helps us be happy about our invested time and not burn out
114-
and rage-quit OSS. Yay money! 😉
115-
</span>
116-
</div>
106+
<LandingPageGad />
117107

118108
<div className="flex flex-col gap-4">
119109
<div className="px-4 sm:px-6 lg:px-8 mx-auto container max-w-3xl sm:text-center">

‎app/routes/_libraries/router.$version.index.tsx‎

Lines changed: 3 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ import { seo } from '~/utils/seo'
1515
import { partners } from '~/utils/partners'
1616
import { twMerge } from 'tailwind-merge'
1717
import { LibraryFeatureHighlights } from '~/components/LibraryFeatureHighlights'
18+
import LandingPageGad from '~/components/LandingPageGad'
1819

1920
export const Route = createFileRoute('/_libraries/router/$version/')({
2021
component: RouterVersionIndex,
@@ -142,19 +143,6 @@ function RouterVersionIndex() {
142143
</div>
143144
</div>
144145

145-
{/* <div className="mx-auto max-w-[400px] flex flex-col gap-2 items-center">
146-
<div className="shadow-lg rounded-lg overflow-hidden bg-white dark:bg-gray-800 dark:text-white max-w-[250px] mx-auto">
147-
<Carbon />
148-
</div>
149-
<span
150-
className="text-[.7rem] bg-gray-500 bg-opacity-10 py-1 px-2 rounded text-gray-500
151-
dark:bg-opacity-20"
152-
>
153-
This ad helps us be happy about our invested time and not burn out and
154-
rage-quit OSS. Yay money! 😉
155-
</span>
156-
</div> */}
157-
158146
<div className="relative text-lg overflow-hidden">
159147
<h3 className="text-center text-3xl leading-8 font-extrabold tracking-tight sm:text-4xl sm:leading-10 lg:leading-none mt-8">
160148
Sponsors
@@ -183,6 +171,8 @@ function RouterVersionIndex() {
183171
</div>
184172
</div>
185173

174+
<LandingPageGad />
175+
186176
<div>
187177
<div className="flex flex-col gap-4">
188178
<div className="px-4 sm:px-6 lg:px-8 mx-auto max-w-3xl sm:text-center">

‎app/routes/_libraries/start.$version.index.tsx‎

Lines changed: 2 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@ import { VscPreview } from 'react-icons/vsc'
1414
import { twMerge } from 'tailwind-merge'
1515
import { getLibrary } from '~/libraries'
1616
import { LibraryFeatureHighlights } from '~/components/LibraryFeatureHighlights'
17+
import LandingPageGad from '~/components/LandingPageGad'
1718

1819
export const Route = createFileRoute('/_libraries/start/$version/')({
1920
component: VersionIndex,
@@ -353,18 +354,7 @@ export default function VersionIndex() {
353354
</div>
354355
</div>
355356

356-
<div className="mx-auto max-w-[400px] flex flex-col gap-2 items-center">
357-
<div className="shadow-lg rounded-lg overflow-hidden bg-white dark:bg-gray-800 dark:text-white max-w-[250px] mx-auto">
358-
<Carbon />
359-
</div>
360-
<span
361-
className="text-[.7rem] bg-gray-500 bg-opacity-10 py-1 px-2 rounded text-gray-500
362-
dark:bg-opacity-20"
363-
>
364-
This ad helps us be happy about our invested time and not burn out and
365-
rage-quit OSS. Yay money! 😉
366-
</span>
367-
</div>
357+
<LandingPageGad />
368358

369359
{/* <div className="flex flex-col gap-4">
370360
<div className="px-4 sm:px-6 lg:px-8 mx-auto max-w-3xl sm:text-center">

‎app/routes/_libraries/store.$version.index.tsx‎

Lines changed: 2 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ import { seo } from '~/utils/seo'
1010
import { twMerge } from 'tailwind-merge'
1111
import { getLibrary } from '~/libraries'
1212
import { LibraryFeatureHighlights } from '~/components/LibraryFeatureHighlights'
13+
import LandingPageGad from '~/components/LandingPageGad'
1314

1415
export const Route = createFileRoute('/_libraries/store/$version/')({
1516
component: StoreVersionIndex,
@@ -129,18 +130,7 @@ export default function StoreVersionIndex() {
129130
</div>
130131
</div>
131132

132-
<div className="mx-auto max-w-[400px] flex flex-col gap-2 items-center">
133-
<div className="shadow-lg rounded-lg overflow-hidden bg-white dark:bg-gray-800 dark:text-white">
134-
<Carbon />
135-
</div>
136-
<span
137-
className="text-[.7rem] bg-gray-500 bg-opacity-10 py-1 px-2 rounded text-gray-500
138-
dark:bg-opacity-20"
139-
>
140-
This ad helps us be happy about our invested time and not burn out
141-
and rage-quit OSS. Yay money! 😉
142-
</span>
143-
</div>
133+
<LandingPageGad />
144134

145135
{/* <div className="flex flex-col gap-4">
146136
<div className="px-4 sm:px-6 lg:px-8 mx-auto container max-w-3xl sm:text-center">

0 commit comments

Comments
 (0)