fastpocket/Frontend/app/(public)/about/page.jsx

111 lines
4.0 KiB
JavaScript

import PageHeader from "@/sections/PageHeader"
import React from "react"
import Footer from "@/components/Footer"
import Image from "next/image"
import Link from "next/link"
export default async function About() {
return (
<main
id="content"
role="main"
className="h-full flex-grow flex flex-col bg-base-100"
>
{/* Page sections */}
<PageHeader title="Helping Developers Build" />
<div className="max-w-4xl mx-auto mb-auto pb-24 h-full w-full py-12 px-8 flex flex-col gap-y-12 text-center items-center">
<p className="text-lg text-base-content font-thin">
In 2023 I built{" "}
<Link
href={"https://sign365.com.au"}
className="font-bold text-secondary"
>
Sign365
</Link>{" "}
using pocketbase and setup an open source library to help people get
setup with{" "}
<Link
href={"https://github.com/mrwyndham/pocketbase-stripe"}
className="font-bold text-secondary"
>
Stripe + Pocketbase
</Link>
. As 2024 has come around I have had more and more requests for
applications and features on the existing code. I built a codebase
that would save me 20 hours + in the bootstrapping time to get my
applications ready. That is why I had to build{" "}
<Link
href={"https://fastpocket.dev"}
className="font-bold text-secondary"
>
FastPocket
</Link>{" "}
an easy solution to give everyone a head start.
</p>
<p className="text-lg text-base-content font-thin">
After reflecting on the challenges that developers face building their
applications, I&apos;ve seen that there will never be one codebase
that suits all developers. But I am sure for those who are
opensourcing, self-hosting and want to spin up an application quickly
they will be able to do it using{" "}
<Link
href={"https://fastpocket.dev"}
className="font-bold text-secondary"
>
FastPocket
</Link>
</p>
<p className="text-lg text-base-content font-thin">
I am taking all of the knowledge that I have gained across 20+
different React projects and combining it into 1 single codebase. It
includes personal philosophies on styling, theming and building and
will help indie-hackers, startups make complex technical decisions
that have been battle tested in enterprise code
</p>
<p className="text-lg text-base-content font-thin">
So I&apos;ve committed to building{" "}
<Link
href={"https://fastpocket.dev"}
className="font-bold text-secondary"
>
FastPocket
</Link>{" "}
to help you build your projects faster to get paid.
</p>
<p className="text-xl text-base-content font-bold">
<Link
href={"https://fastpocket.dev"}
className="font-bold text-secondary"
>
FastPocket
</Link>{" "}
will get you producing more with less development.
</p>
<p className="text-lg text-base-content font-thin">
I know that your next project will grow exponentially because of the
work I have already done.
</p>
<p className="text-xl text-base-content font-bold">
Ready to launch your next product?
</p>
<Image
src={"/images/sam.webp"}
alt={"samuel wyndham"}
width={1200}
height={1200}
className="w-48 h-48 rounded-full object-cover my-8"
/>
<Link
className="btn w-40 btn-primary rounded-full outline-none border-none capitalize"
href={"/pricing"}
>
Let&apos;s go!
</Link>
</div>
<Footer />
</main>
)
}