Skip to content

Commit

Permalink
fix: adjust fronted purchase button
Browse files Browse the repository at this point in the history
  • Loading branch information
andresionek91 committed Jan 1, 2025
1 parent d1c92f5 commit f232e44
Show file tree
Hide file tree
Showing 5 changed files with 30 additions and 9 deletions.
3 changes: 3 additions & 0 deletions app/src/App.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@ import RootLayout from './RootLayout';
import Sponsor from './pages/Sponsor';
import Download from './pages/Download';
import Unsubscribe from './pages/Unsubscribe';
import ComingSoon from './pages/ComingSoon';


const App: React.FC = () => {
return (
Expand All @@ -15,6 +17,7 @@ const App: React.FC = () => {
<Route path="/sponsor" element={<Sponsor />} />
<Route path="/download/:token" element={<Download />} />
<Route path="/email/unsubscribe/:email" element={<Unsubscribe />} />
<Route path="/coming-soon" element={<ComingSoon />} />
</Routes>
</RootLayout>
</Router>
Expand Down
2 changes: 1 addition & 1 deletion app/src/components/button.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ export function OrderButton() {
asChild
className="flex h-20 w-full items-center justify-center rounded-2xl bg-[#DB4F40] px-6 py-10 text-lg text-white transition-colors duration-150 ease-in-out hover:bg-[#ed6f63] md:text-xl lg:text-2xl"
>
<Link to="/todo" className="block flex items-center justify-center space-x-2 px-4 py-2">
<Link to="/coming-soon" className="block flex items-center justify-center space-x-2 px-4 py-2">
{/* Shopping Cart Icon */}
<CartIcon
className="mr-2 h-12 w-12"
Expand Down
4 changes: 2 additions & 2 deletions app/src/components/drawer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ export function GetPdfButton() {
Learn Infrastructure as Code with AWS CDK.
</DialogDescription>
<DialogDescription className="mb-4">
Fill in the form to receive a link to download the FREE eBook in your email. The content is exactly the same you&#39;ll find in the paperback version. If you enjoy reading it, please consider <a href='todo' className='text-[#DB4F40] font-bold hover:underline'>buying a copy</a>, or <a href='/sponsor' className='text-[#DB4F40] font-bold hover:underline'>sponsoring</a> the project!
Fill in the form to receive a link to download the FREE eBook in your email. The content is exactly the same you&#39;ll find in the paperback version. If you enjoy reading it, please consider <a href='/coming-soon' className='text-[#DB4F40] font-bold hover:underline'>buying a copy</a>, or <a href='/sponsor' className='text-[#DB4F40] font-bold hover:underline'>sponsoring</a> the project!
</DialogDescription>
</DialogHeader>
<ProfileForm className="mt-4 mb-4"/>
Expand Down Expand Up @@ -95,7 +95,7 @@ export function GetPdfButton() {
Learn Infrastructure as Code with AWS CDK.
</DrawerDescription>
<DrawerDescription className="mb-2">
Fill in the form to receive a link to download the FREE eBook in your email. The content is exactly the same you&#39;ll find in the paperback version. If you enjoy reading it, please consider <a href='todo' className='text-[#DB4F40] font-bold hover:underline'>buying a copy</a>, or <a href='/sponsor' className='text-[#DB4F40] font-bold hover:underline'>sponsoring</a> the project!
Fill in the form to receive a link to download the FREE eBook in your email. The content is exactly the same you&#39;ll find in the paperback version. If you enjoy reading it, please consider <a href='/coming-soon' className='text-[#DB4F40] font-bold hover:underline'>buying a copy</a>, or <a href='/sponsor' className='text-[#DB4F40] font-bold hover:underline'>sponsoring</a> the project!
</DrawerDescription>
</DrawerHeader>
<ProfileForm className="px-4 mt-2 mb-2" />
Expand Down
19 changes: 19 additions & 0 deletions app/src/pages/ComingSoon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
import React from 'react';
import { Footer } from '@/components/footer';

const ComingSoon: React.FC = () => {
return (
<main className="mx-auto flex justify-center min-h-screen w-full max-w-7xl flex-col items-center p-8 bg-white dark:bg-slate-950">
<div className="text-center">
<h1 className="text-3xl font-bold">Coming Soon!</h1>
<p className="text-lg mt-4">The paperback version will be available for purchase in a couple of days!</p>
</div>
<div className="flex flex-col items-center mt-8">
< Footer/>
</div>

</main>
);
};

export default ComingSoon;
11 changes: 5 additions & 6 deletions app/src/pages/Home.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -32,17 +32,16 @@ const Home: React.FC = () => {
<div className="w-full mb-32 max-w-5xl mx-auto text-left space-y-6 mt-12 px-6 md:px-12">
<h2 className="text-4xl font-bold mt-6 mb-6">What is this book about?</h2>
<p className="text-base leading-8 text-justify">
This book will show you how to build a modern software platform in Python using AWS CDK. Even if you use a different language, you will find this book useful because I focus on architecture patterns rather than syntax details. The book is divided into three parts: Foundations, Real-Life Examples, and Best Practices.
This book will show you how to build a modern software platform in Python using AWS Cloud Development Kit (CDK). The content is divided into three parts: Foundations, Real-Life Examples, and Best Practices.
</p>
<p className="text-base leading-8 text-justify">
I begin with an introduction to Infrastructure as Code (IaC) CDK to help you quickly learn and refresh some concepts. Then, we dive into a series of real-life implementations of various services and components that you can use to build your software platform. All examples are complete and fully functional, as I have personally deployed them. Finally, I discuss some best practices that I have learned from experience and implemented in the examples. You&#39;ll learn:
Starting with an introduction to Infrastructure as Code (IaC) and CDK to help you quickly learn and refresh some concepts. Then, we dive into a series of real-life implementations of various services and components that you can use to build your own software platform. All examples are complete and fully functional, as I have personally deployed them. Finally, I discuss some best practices that I have learned from experience and implemented in the examples. You&#39;ll learn:
</p>
<ul className="list-disc list-inside text-base leading-7">
<li>AWS CDK and IaC concepts.</li>
<li>Cloud computing concepts and services, including the AWS Well Architected Framework.</li>
<li>AWS CDK, IaC and cloud computing concepts and services.</li>
<li>How to build a cloud-native software platform using CDK.</li>
<li>Create constructs of code to build your cloud application.</li>
<li>How to create a microservices architecture with CDK.</li>
<li>How to create reusable infrastructure constructs to build your cloud platform.</li>
<li>How to deploy a microservices architecture with CDK.</li>
</ul>
<p className="text-base leading-8 text-justify">
In most cases, I will not discuss the pros and cons of different approaches or try to convince you to use one tool over another. I assume that you are already familiar with the WHATs and WHYs, and you are reading this book to learn the HOWs. I will share my opinionated best practices, but keep in mind that opinions can change based on new evidence or different contexts. My opinions may also be completely wrong. Keep this in mind while reading.
Expand Down

0 comments on commit f232e44

Please sign in to comment.