aboutsummaryrefslogtreecommitdiffstats
path: root/src/app
diff options
context:
space:
mode:
Diffstat (limited to 'src/app')
-rw-r--r--src/app/groups/layout.tsx8
-rw-r--r--src/app/layout.tsx19
-rw-r--r--src/app/page.tsx174
3 files changed, 9 insertions, 192 deletions
diff --git a/src/app/groups/layout.tsx b/src/app/groups/layout.tsx
index 75128c8..3b8b10e 100644
--- a/src/app/groups/layout.tsx
+++ b/src/app/groups/layout.tsx
@@ -1,8 +1,3 @@
-import {
- FeedbackButton,
- FeedbackModal,
-} from '@/components/feedback-button/feedback-button'
-import { env } from '@/lib/env'
import { PropsWithChildren } from 'react'
export default function GroupsLayout({ children }: PropsWithChildren<{}>) {
@@ -11,9 +6,6 @@ export default function GroupsLayout({ children }: PropsWithChildren<{}>) {
<main className="flex-1 max-w-screen-md w-full mx-auto px-4 py-6 flex flex-col gap-6">
{children}
</main>
- <FeedbackModal donationUrl={env.STRIPE_DONATION_LINK}>
- <FeedbackButton />
- </FeedbackModal>
</>
)
}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index bff432c..7d95d6e 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,13 +1,10 @@
-import { FeedbackModal } from '@/components/feedback-button/feedback-button'
import { ProgressBar } from '@/components/progress-bar'
import { ThemeProvider } from '@/components/theme-provider'
import { ThemeToggle } from '@/components/theme-toggle'
import { Button } from '@/components/ui/button'
import { Toaster } from '@/components/ui/toaster'
import { env } from '@/lib/env'
-import { HeartFilledIcon } from '@radix-ui/react-icons'
import type { Metadata, Viewport } from 'next'
-import PlausibleProvider from 'next-plausible'
import Image from 'next/image'
import Link from 'next/link'
import './globals.css'
@@ -67,9 +64,6 @@ export default function RootLayout({
}) {
return (
<html lang="en" suppressHydrationWarning>
- {env.PLAUSIBLE_DOMAIN && (
- <PlausibleProvider domain={env.PLAUSIBLE_DOMAIN} trackOutboundLinks />
- )}
<body className="pt-16 min-h-[100dvh] flex flex-col items-stretch bg-slate-50 bg-opacity-30 dark:bg-background">
<ThemeProvider
attribute="class"
@@ -111,7 +105,7 @@ export default function RootLayout({
</div>
</header>
- {children}
+ <div className="flex-1 flex flex-col">{children}</div>
<footer className="sm:p-8 md:p-16 sm:mt-16 sm:text-sm md:text-base md:mt-32 bg-slate-50 dark:bg-card border-t p-6 mt-8 flex flex-col sm:flex-row sm:justify-between gap-4 text-xs [&_a]:underline">
<div className="flex flex-col space-y-2">
@@ -142,17 +136,6 @@ export default function RootLayout({
contributors
</a>
</span>
- <span>
- <FeedbackModal
- donationUrl={env.STRIPE_DONATION_LINK}
- defaultTab="support"
- >
- <Button variant="link" className="text-pink-600 -mx-4">
- <HeartFilledIcon className="w-4 h-4 mr-2" />
- Support us
- </Button>
- </FeedbackModal>
- </span>
</div>
</div>
</footer>
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>

Want to contribute? Host your changes somewhere and send me the link: jan (at) sydanviita.fi. Also, check out my website.


forge.jan.systems — powered by cgit