diff options
| author | Sebastien Castiel <sebastien@castiel.me> | 2024-01-19 11:28:25 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-01-19 11:28:25 -0500 |
| commit | 23524cb94314fd50476ccffe654841d980c713d7 (patch) | |
| tree | 6546d4d8675c1e4bc9d30f6bf526e08eef9b4eaf /src/app/page.tsx | |
| parent | f9040f8beda10b3969572cf8764e49f9b24b222a (diff) | |
Clean project from marketing content (#50)
* Clean project from marketing content
* Remove some dependencies
Diffstat (limited to 'src/app/page.tsx')
| -rw-r--r-- | src/app/page.tsx | 174 |
1 files changed, 8 insertions, 166 deletions
diff --git a/src/app/page.tsx b/src/app/page.tsx index a7e44d3..4f43c4a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,17 +1,5 @@ import { Button } from '@/components/ui/button' -import { - BarChartHorizontalBig, - CircleDollarSign, - Divide, - FolderTree, - Github, - List, - LucideIcon, - Share, - ShieldX, - Users, -} from 'lucide-react' -import Image from 'next/image' +import { Github, LucideIcon } from 'lucide-react' import Link from 'next/link' import { ReactNode } from 'react' @@ -28,164 +16,18 @@ export default function HomePage() { & <strong>Family</strong> </h1> <p className="max-w-[42rem] leading-normal text-muted-foreground sm:text-xl sm:leading-8"> - No ads. No account. <br className="sm:hidden" /> Open Source. - Forever Free. + Welcome to your new <strong>Spliit</strong> instance! <br /> + Customize this page by editing <em>src/app/page.tsx</em>. </p> <div className="flex gap-2"> - <Button asChild size="lg"> - <Link - className="inline-flex items-center justify-center text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background bg-primary text-primary-foreground hover:bg-primary/90 h-11 px-8 rounded-md" - href="/groups/create" - > - Create a group - </Link> + <Button asChild> + <Link href="/groups">Go to groups</Link> </Button> - </div> - </div> - </section> - - <section className="bg-slate-50 dark:bg-card py-16 md:py-24 lg:py-32"> - <div className="p-4 flex mx-auto max-w-screen-md flex-col items-center text-center"> - <h2 className="font-bold text-3xl leading-[1.1] sm:text-3xl md:text-6xl"> - Features - </h2> - <p - className="mt-2 md:mt-3 leading-normal text-muted-foreground sm:text-lg sm:leading-7" - style={{ textWrap: 'balance' } as any} - > - Spliit is a minimalist application to track and share expenses with - your friends and family. - </p> - <div className="mt-8 md:mt-6 w-full grid grid-cols-2 sm:grid-cols-3 gap-2 sm:gap-4 text-left"> - <Feature - Icon={Users} - name="Groups" - description="Create a group for a travel, an event, a gift…" - /> - <Feature - Icon={List} - name="Expenses" - description="Create and list expenses in your group." - /> - <Feature - Icon={FolderTree} - name="Categories" - description="Assign categories to your expenses." - /> - <Feature - Icon={Divide} - name="Advanced split" - description="Split expenses by percentage, shares or amount." - /> - <Feature - Icon={Share} - name="Share" - description="Send the group link to participants." - /> - <Feature - Icon={BarChartHorizontalBig} - name="Balances" - description="Visualize how much each participant spent." - /> - <Feature - Icon={CircleDollarSign} - name="Reimbursements" - description="Optimize money transfers between participants." - /> - <Feature - Icon={ShieldX} - name="No ads" - description="No account. No limitation. No problem." - /> - </div> - </div> - </section> - - <section className="py-16 md:py-24 lg:py-32"> - <div className="container flex max-w-screen-md flex-col items-center text-center"> - <h2 className="font-bold text-3xl leading-[1.1] sm:text-3xl md:text-6xl"> - Proudly Open Source - </h2> - <p - className="mt-2 leading-normal text-muted-foreground sm:text-lg sm:leading-7" - style={{ textWrap: 'balance' } as any} - > - Spliit is open source and lives thanks to amazing{' '} - <a - className="underline" - target="_blank" - href="https://github.com/scastiel/spliit2/graphs/contributors" - > - contributors - </a> - ! - </p> - <ul className="flex gap-4 mt-6"> - {[ - { - avatar: - 'https://avatars.githubusercontent.com/u/301948?s=120&v=4', - user: 'scastiel', - name: 'Sebastien Castiel', - }, - { - avatar: - 'https://avatars.githubusercontent.com/u/3932568?s=120&v=4', - user: 'ChristopherJohnston', - name: 'Chris Johnston', - }, - { - avatar: - 'https://avatars.githubusercontent.com/u/11523186?s=120&v=4', - user: 'acuteengle', - name: 'Brandon Eng', - }, - { - avatar: - 'https://avatars.githubusercontent.com/u/24687853?s=120&v=4', - user: 'Max-TheCat', - name: 'Max', - }, - { - avatar: - 'https://avatars.githubusercontent.com/u/10518723?s=120&v=4', - user: 'ankitbahl', - name: 'Ankit Bahl', - }, - { - avatar: - 'https://avatars.githubusercontent.com/u/13032812?s=120&v=4', - user: '174n', - name: 'Ivan Alexandrov', - }, - ].map((contributor) => ( - <li key={contributor.user}> - <a - href={`https://github.com/${contributor.user}`} - target="_blank" - rel="nofollow" - > - <Image - src={contributor.avatar} - width={60} - height={60} - alt={contributor.user} - className="rounded-full border hover:scale-110 transition-transform" - /> - </a> - </li> - ))} - </ul> - <div className="mt-4 md:mt-6"> - <Button asChild variant="secondary" size="lg"> - <a - target="_blank" - rel="noreferrer" - href="https://github.com/scastiel/spliit2" - > + <Button asChild variant="secondary"> + <Link href="https://github.com/spliit-app/spliit"> <Github className="w-4 h-4 mr-2" /> GitHub - </a> + </Link> </Button> </div> </div> |
