Finalize the book and migrate from LeanPub to Gumroad

sapegin · Oct 15, 2024 · b94db5e · b94db5e
1 parent 0fa3918
commit b94db5e
Show file tree

Hide file tree

Showing 8 changed files with 43 additions and 14 deletions.
diff --git a/.cspell.json b/.cspell.json
@@ -40,6 +40,7 @@
     "Gollum",
     "greppability",
     "greppable",
+    "Gumroad",
     "guten",
     "hola",
     "Hygraph",

diff --git a/public/images/book/spread.png b/public/images/book/spread.png
diff --git a/src/components/BookLink.tsx b/src/components/BookLink.tsx
@@ -15,6 +15,7 @@ export function BookLink({ book: { url, image, title, description } }: Props) {
 					</Box>
 				)}
 				<Stack direction="column" gap="s">
+					{url === '/book/' && <Text variant="flag">Just launched!</Text>}
 					<Text as="u" variant="large">
 						{title}
 					</Text>

diff --git a/src/components/BookPostFooter.tsx b/src/components/BookPostFooter.tsx
@@ -9,7 +9,8 @@ export function BookPostFooter() {
 						If you have any feedback, drop me a line at
 					</Feedback>
 					<Text>
-						<Link href="/book/">Preorder the book now</Link> with 20% discount!
+						<Link href="/book/">Get the book now</Link> with 50% launch
+						discount!
 					</Text>
 				</Stack>
 				<Link href="/book/">

diff --git a/src/components/BookPostHeader.tsx b/src/components/BookPostHeader.tsx
@@ -5,12 +5,14 @@ export function BookPostHeader() {
 		<PostAddon>
 			<Stack direction="row" gap="m">
 				<Stack gap="m">
+					<Text variant="flag">Just launched!</Text>
 					<Text variant="intro">
 						You’re reading an excerpt of my upcoming book on clean code for
 						frontend developers, “Washing your code.”
 					</Text>
 					<Text>
-						<Link href="/book/">Preorder the book now</Link> with 20% discount!
+						<Link href="/book/">Get the book now</Link> with 50% launch
+						discount!
 					</Text>
 				</Stack>
 				<Link href="/book/">

diff --git a/src/components/Text.tsx b/src/components/Text.tsx
@@ -59,6 +59,16 @@ const text = cva({
 				lineHeight: 'base',
 				letterSpacing: 'base',
 			},
+			flag: {
+				fontFamily: 'body',
+				fontSize: 'base',
+				fontStyle: 'normal',
+				fontWeight: 'bold',
+				lineHeight: 'base',
+				letterSpacing: 'base',
+				textTransform: 'uppercase',
+				color: 'secondary',
+			},
 		},
 	},
 });

diff --git a/src/templates/BookPage.tsx b/src/templates/BookPage.tsx
@@ -71,7 +71,7 @@ const faq: FaqItem[] = [
 	{
 		question: 'Is the book complete?',
 		answer:
-			'Almost! I’m planning to finish the book by the end of summer 2024.',
+			'Yes! After five years of working on the book, it’s finally complete.',
 	},
 	{
 		question: 'Will the book be updated over time?',
@@ -106,19 +106,27 @@ const faq: FaqItem[] = [
 		question: 'Do you have a money-back guarantee policy?',
 		answer: (
 			<>
-				Yes, LeanPub has{' '}
-				<Link href="https://leanpub.com/refunds" target="_blank">
-					60-day money back
-				</Link>
-				.
+				Yes, I offer 30-day money back. Write me at{' '}
+				<Link href="mailto:[email protected]">[email protected]</Link> if you’re
+				unhappy with the book.
+			</>
+		),
+	},
+	{
+		question:
+			'I bought a book on LeanPub, can I get beautiful custom PDF and EPUB files?',
+		answer: (
+			<>
+				Absolutely, write me at{' '}
+				<Link href="mailto:[email protected]">[email protected]</Link>.
 			</>
 		),
 	},
 	{
 		question: 'Can I buy multiple copies for my team at a reduced price?',
 		answer: (
 			<>
-				Yes, write me at{' '}
+				Of course, write me at{' '}
 				<Link href="mailto:[email protected]">[email protected]</Link>.
 			</>
 		),
@@ -127,8 +135,8 @@ const faq: FaqItem[] = [
 		question: 'Do you offer purchasing power parity or student discounts?',
 		answer: (
 			<>
-				Write me at <Link href="mailto:[email protected]">[email protected]</Link>
-				, and we’ll think of something.
+				Gumroad offers purchasing power parity, for a student discount, write me
+				at <Link href="mailto:[email protected]">[email protected]</Link>.
 			</>
 		),
 	},
@@ -139,13 +147,13 @@ function TheButton() {
 		<Button
 			as="a"
 			variant="large"
-			href="http://leanpub.com/washingcode/c/blog-reader"
+			href="https://sapegin.gumroad.com/l/washingcode-book/rocket"
 		>
-			Preorder now!{' '}
+			Get the book!{' '}
 			<Box as="span" px="s" verticalAlign="middle" fontSize="s">
 				■
 			</Box>{' '}
-			<del>$20</del> $12
+			<del>€20</del> €10
 		</Button>
 	);
 }
@@ -383,6 +391,7 @@ export function BookPage({ url, chapters, patterns, antipatterns }: Props) {
 		<Page url={url}>
 			<Stack gap="xl">
 				<Stack gap="s">
+					<Text variant="flag">Just launched!</Text>
 					<Heading level={1}>Washing your code</Heading>
 					<Heading level={3} as="p">
 						A book on clean code for frontend developers
@@ -421,6 +430,9 @@ export function BookPage({ url, chapters, patterns, antipatterns }: Props) {
 							<Box>
 								<TheButton />
 							</Box>
+							<Text hidden>
+								<Link href="">Also available as a paperback on Amazon</Link>
+							</Text>
 							<Text>
 								<Link href="#toc">Or read selected chapters below</Link>
 							</Text>

diff --git a/src/theme.ts b/src/theme.ts
@@ -3,6 +3,7 @@ import { type Config } from '@pandacss/dev';
 export const colors = {
 	background: '#fff',
 	text: '#3a3d40',
+	secondary: '#75757c',
 	light: '#94949e',
 	border: '#3a3d40',
 	primary: '#577290',
@@ -23,6 +24,7 @@ export const colors = {
 const colorsDark = {
 	background: '#2e3033',
 	text: '#e3e6e8',
+	secondary: '#94949e',
 	light: '#94949e',
 	border: '#dbe2e9',
 	primary: '#89abd2',
-Original file line number
+Diff line change
@@ Expand Up @@
     					</Box>
     				)}
     				<Stack direction="column" gap="s">
+    					{url === '/book/' && <Text variant="flag">Just launched!</Text>}
     					<Text as="u" variant="large">
     						{title}
     					</Text>
@@ Expand Down @@