Clean project from marketing content (#50)

* Clean project from marketing content * Remove some dependencies
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
parent: f9040f8beda10b3969572cf8764e49f9b24b222a (diff)
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>
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
parent	f9040f8beda10b3969572cf8764e49f9b24b222a (diff)