Skip to content

Commit 0d4097a

Browse files
potts99potts99
committed
patch: update landing
1 parent f93d2ed commit 0d4097a

File tree

2 files changed

+91
-118
lines changed

2 files changed

+91
-118
lines changed

‎apps/landing/src/app/layout.tsx‎

Lines changed: 1 addition & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,6 @@
11
import type { Metadata } from "next";
2-
import localFont from "next/font/local";
32
import "./globals.css";
43

5-
const geistSans = localFont({
6-
src: "./fonts/GeistVF.woff",
7-
variable: "--font-geist-sans",
8-
weight: "100 900",
9-
});
10-
const geistMono = localFont({
11-
src: "./fonts/GeistMonoVF.woff",
12-
variable: "--font-geist-mono",
13-
weight: "100 900",
14-
});
15-
164
export const metadata: Metadata = {
175
title: "Peppermint",
186
description: "Peppermint is a self-hosted issue tracker for your projects or help desk.",
@@ -26,7 +14,7 @@ export default function RootLayout({
2614
return (
2715
<html lang="en">
2816
<body
29-
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
17+
className={`antialiased`}
3018
>
3119
{children}
3220
</body>

‎apps/landing/src/app/page.tsx‎

Lines changed: 90 additions & 105 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,15 @@
11
/* eslint-disable react/no-unescaped-entities */
2-
import { Bell, ChevronRight, Globe, Inbox, Lightbulb, Lock, User } from "lucide-react";
2+
"use-client";
3+
import {
4+
Bell,
5+
ChevronRight,
6+
Cloud,
7+
Globe,
8+
Inbox,
9+
Lightbulb,
10+
Lock,
11+
User,
12+
} from "lucide-react";
313

414
const navigation = [
515
{ name: "Github", href: "https://github.com/Peppermint-Lab/peppermint" },
@@ -98,9 +108,8 @@ const posts = [
98108
];
99109

100110
const stats = [
101-
{ label: "Docker Pulls", value: "120k+" },
102-
{ label: "Github Stars", value: "1.3k" },
103-
{ label: "Weekly Active Users", value: "550" },
111+
{ label: "Docker Pulls", value: "190k" },
112+
{ label: "Github Stars", value: "2k" },
104113
];
105114

106115
const features = [
@@ -112,16 +121,16 @@ const features = [
112121
icon: Bell,
113122
},
114123
{
115-
name: "Email Fetching",
124+
name: "Mailbox Integration",
116125
description:
117-
"Configure mailboxes to facilitate direct customer emails, automatically converting them into tickets for efficient management.",
126+
"Configure mailboxes to use SMTP/IMAP to fetch emails and convert them into tickets for efficient management.",
118127
href: "#",
119128
icon: Inbox,
120129
},
121130
{
122-
name: "Single Sign On",
131+
name: "OIDC Authentication",
123132
description:
124-
"Implement single sign-on (SSO) for all users to enable shared authentication across multiple providers.",
133+
"Use OIDC for authentication, allowing you to connect to your existing identity provider.",
125134
href: "#",
126135
icon: Lock,
127136
},
@@ -149,23 +158,20 @@ const features2 = [
149158
{
150159
name: "Customer First",
151160
description:
152-
"Peppermint is customer-centric, enabling us to provide the best features by actively listening to and addressing our customer's needs.",
161+
"Peppermint is an open source customer-centric product, enabling us to provide the best features by actively listening to and addressing our customer's needs in order to improve.",
153162
icon: User,
154163
},
155164
];
156165

157166
export default function Home() {
158-
159167
return (
160168
<div className="sm:min-h-screen mx-6 sm:mx-0 bg-white">
161169
<header className="bg-white mx-auto text-base max-w-xl">
162170
<nav className="flex justify-between py-8" aria-label="Global">
163171
<div className="flex justify-between lg:flex-1">
164172
<div className="-m-1.5 p-1.5">
165173
<span className="sm:hidden">🍵</span>
166-
<span className="hidden sm:block font-bold text-xl">
167-
🍵 Peppermint Labs
168-
</span>
174+
<span className="hidden sm:block font-bold text-xl">🍵</span>
169175
</div>
170176
</div>
171177

@@ -182,10 +188,9 @@ export default function Home() {
182188
</div>
183189
</nav>
184190
</header>
185-
186191
<div className="relative isolate overflow-hidden bg-white mx-auto max-w-xl">
187192
<div className="max-w-xl">
188-
<div className="hidden sm:mb-4 sm:flex">
193+
<div className="hidden sm:mb-4 sm:flex sm:flex-col">
189194
<div className="">
190195
<a
191196
href="https://github.com/Peppermint-Lab/peppermint/releases"
@@ -195,7 +200,7 @@ export default function Home() {
195200
<span className="rounded-full bg-indigo-500/10 px-3 py-1 text-sm font-semibold leading-6 text-indigo-400 ring-1 ring-inset ring-indigo-500/20">
196201
What's new -
197202
<span className="ml-1 inline-flex items-center space-x-2 text-sm font-medium leading-6 ">
198-
<span>Version 0.5.3 is live! 🚀</span>
203+
<span className="text-sm">Version 0.5.4 is live! 🚀</span>
199204
<ChevronRight
200205
className="h-5 w-5 text-gray-500"
201206
aria-hidden="true"
@@ -208,25 +213,43 @@ export default function Home() {
208213

209214
<div className="">
210215
<span className="text-2xl font-bold tracking-tight text-gray-900 ">
211-
Elevate Your Customer Support
216+
Peppermint - Open Source Issue Managment
212217
</span>
213218
<div className="mt-4 flex flex-col ">
214219
<div className="">
215220
<p className="text-base text-gray-800">
216-
Peppermint offers a refreshing approach to customer support in
217-
a cost-conscious world.
221+
We offer an innovative issue management and helpdesk solution
222+
that serves as an open alternative to Jira and Zendesk. Our
223+
platform is designed to streamline customer support processes
224+
while being cost-effective, empowering teams to manage
225+
projects and support requests efficiently.
218226
</p>
219227
</div>
220228
<div className="my-6 space-x-4 flex flex-row">
221229
<a
222230
href="https://docs.peppermint.sh/docker"
223-
className="rounded-md px-3.5 py-2.5 text-sm bg-green-600 text-white shadow-sm hover:bg-green-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-600"
231+
className="rounded-md w-full px-3.5 py-2.5 text-sm font-semibold bg-green-600 text-white shadow-sm hover:bg-green-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-600"
224232
target="_blank"
225233
>
226-
Get started
234+
Install within a minute via Docker
227235
</a>
228-
229236
</div>
237+
238+
<span className="text-sm font-semibold">
239+
Or use one command to deploy on any VPS
240+
</span>
241+
242+
<code className="text-sm sm:text-base inline-flex text-left items-center space-x-4 bg-gray-800 text-white rounded-lg p-4 pl-6">
243+
<span className="flex gap-4">
244+
<span className="shrink-0 text-gray-500">$</span>
245+
<span className="flex-1">
246+
<span className="text-xs">
247+
curl -sSL -o deployer.sh https://deploy.spearmint.sh &&
248+
chmod +x deployer.sh && ./deployer.sh
249+
</span>
250+
</span>
251+
</span>
252+
</code>
230253
</div>
231254
</div>
232255
</div>
@@ -239,7 +262,6 @@ export default function Home() {
239262
/>
240263
</div>
241264
</div>
242-
243265
<div className="max-w-xl mx-auto mt-4">
244266
<div className="mx-auto max-w-xl mt-4 lg:max-w-none">
245267
<dl className="">
@@ -262,7 +284,6 @@ export default function Home() {
262284
</dl>
263285
</div>
264286
</div>
265-
266287
<div className="max-w-xl mx-auto mt-4">
267288
<dl className="space-y-4 flex flex-col md:flex-row md:space-x-12">
268289
{stats.map((stat) => (
@@ -277,7 +298,6 @@ export default function Home() {
277298
))}
278299
</dl>
279300
</div>
280-
281301
<div className="bg-white py-4 max-w-xl mx-auto">
282302
<dl className="mx-auto mt-4 flex flex-col text-base leading-7 text-gray-300 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:gap-x-16">
283303
{features2.map((feature) => (
@@ -298,15 +318,14 @@ export default function Home() {
298318
))}
299319
</dl>
300320
</div>
301-
302-
<div className="bg-white py-12 mx-auto max-w-xl ">
321+
<div className="bg-white mb-4 mx-auto max-w-xl ">
303322
<div className="mx-auto max-w-2xl lg:mx-0 lg:max-w-none">
304323
<h2 className="text-xl font-bold tracking-tight text-gray-900 ">
305324
Our mission
306325
</h2>
307-
<div className="mt-6 flex flex-col gap-x-8 gap-y-20 lg:flex-row">
326+
<div className="mt-2 flex flex-col gap-x-8 gap-y-20 lg:flex-row">
308327
<div className="lg:w-full lg:max-w-2xl lg:flex-auto">
309-
<p className="text-base text-gray-600">
328+
<p className="text-base text-gray-800">
310329
Peppermint aims to bridge the gap between rich features and
311330
affordability. We strive to provide a wide range of tools,
312331
functionalities, and user experiences without imposing excessive
@@ -325,84 +344,51 @@ export default function Home() {
325344
</div>
326345
</div>
327346

328-
{/* <div className="overflow-hidden bg-gray-900 py-24 sm:py-32">
329-
<div className="mx-auto max-w-7xl px-6 lg:px-8">
330-
<div className="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2">
331-
<div className="lg:pr-8 lg:pt-4">
332-
<div className="lg:max-w-lg">
333-
<h2 className="text-base font-semibold leading-7 text-indigo-400">
334-
Deploy faster
335-
</h2>
336-
<p className="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">
337-
One click installs in the cloud
338-
</p>
339-
<p className="mt-6 text-lg leading-8 text-gray-300">
340-
Peppermint is built to be hosted in a docker container, which
341-
can be easily scaled through k8's. In addition to this you can
342-
host peppermint through pm2 or even locally with NodeJS
343-
</p>
344-
<dl className="mt-10 max-w-xl space-y-8 text-base leading-7 text-gray-300 lg:max-w-none">
345-
<div className="relative pl-9">
346-
<dt className="inline font-semibold text-white">
347-
<CloudArrowUpIcon
348-
className="absolute left-1 top-1 h-5 w-5 text-indigo-500"
349-
aria-hidden="true"
350-
/>
351-
Linode
352-
</dt>
353-
<dd className="">
354-
Linode is a great cloud provider that offers the
355-
installilation of peppermint through the click of a
356-
button.
357-
</dd>
358-
</div>
359-
</dl>
360-
<dl className="mt-10 max-w-xl space-y-8 text-base leading-7 text-gray-300 lg:max-w-none">
361-
<div className="relative pl-9">
362-
<dt className="inline font-semibold text-white">
363-
<CloudArrowUpIcon
364-
className="absolute left-1 top-1 h-5 w-5 text-indigo-500"
365-
aria-hidden="true"
366-
/>
367-
Hostinger VPS
368-
</dt>
369-
<dd className="">
370-
Hostinger VPS offers peak performance with AMD CPU, and
371-
NVMe storage, competitive pricing, automatic backups, and
372-
manual snapshots.
373-
</dd>
374-
</div>
375-
</dl>
376-
<dl className="mt-10 max-w-xl space-y-8 text-base leading-7 text-gray-300 lg:max-w-none">
377-
<div className="relative pl-9">
378-
<dt className="inline font-semibold text-white">
379-
<CloudArrowUpIcon
380-
className="absolute left-1 top-1 h-5 w-5 text-indigo-500"
381-
aria-hidden="true"
382-
/>
383-
Roqitt Hosting
384-
</dt>
385-
<dd className="">
386-
Roqitt Hosting offer lightning fast & secure ssd web
387-
hosting. The UK based enterprise offer peppermint through
388-
there new one click marketplace.
389-
</dd>
390-
</div>
391-
</dl>
392-
</div>
347+
<div className="bg-white mb-4 mx-auto max-w-xl ">
348+
<div className="lg:max-w-lg">
349+
<h2 className="text-lg font-semibold leading-7 ">
350+
Deploy faster with one click
351+
</h2>
352+
<p className="mt-3 text-base">
353+
Peppermint is built to be hosted in a docker container, which can be
354+
easily scaled through k8's. In addition to this you can host
355+
peppermint through pm2 or even locally with NodeJS
356+
</p>
357+
<dl className="mt-6 max-w-xl space-y-8 text-base leading-7 lg:max-w-none">
358+
<div className="relative pl-9">
359+
<dt className="inline font-semibold">
360+
<Cloud
361+
className="absolute left-1 top-1 h-5 w-5 "
362+
aria-hidden="true"
363+
/>
364+
Linode
365+
</dt>
366+
<dd className="">
367+
Linode is a great cloud provider that offers the installilation
368+
of peppermint through the click of a button.
369+
</dd>
393370
</div>
394-
<img
395-
src="/dash.png"
396-
alt="Product screenshot"
397-
className="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-white/10 sm:w-[57rem] md:-ml-4 lg:-ml-0"
398-
width={2432}
399-
height={1442}
400-
/>
401-
</div>
371+
</dl>
372+
<dl className="mt-6 max-w-xl text-base leading-7 lg:max-w-none">
373+
<div className="relative pl-9">
374+
<dt className="inline font-semibold ">
375+
<Cloud
376+
className="absolute left-1 top-1 h-5 w-5 "
377+
aria-hidden="true"
378+
/>
379+
Hostinger VPS
380+
</dt>
381+
<dd className="">
382+
Hostinger VPS offers peak performance with AMD CPU, and NVMe
383+
storage, competitive pricing, automatic backups, and manual
384+
snapshots.
385+
</dd>
386+
</div>
387+
</dl>
402388
</div>
403-
</div> */}
389+
</div>
404390

405-
<div className="bg-white">
391+
<div className="bg-white mt-8">
406392
<div className="mx-auto max-w-xl">
407393
<div className="">
408394
<h2 className="text-xl font-bold tracking-tight text-gray-900 ">
@@ -459,7 +445,6 @@ export default function Home() {
459445
</div>
460446
</div>
461447
</div>
462-
463448
<footer className="bg-white" aria-labelledby="footer-heading">
464449
<div className="mx-auto max-w-7xl px-6 pb-8 pt-16 sm:pt-24 lg:px-8 lg:pt-32">
465450
<div className="mt-16 border-t border-gray-900/10 pt-8 sm:mt-20 lg:mt-24">

0 commit comments

Comments
 (0)