mirror of
https://github.com/spliit-app/spliit.git
synced 2026-02-25 08:56:13 +01:00
Clean project from marketing content (#50)
* Clean project from marketing content * Remove some dependencies
This commit is contained in:
Sebastien Castiel
committed by
GitHub
GitHub
parent
f9040f8bed
commit
23524cb943
@@ -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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
174
src/app/page.tsx
174
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>
|
||||
|
||||
Reference in New Issue
Block a user