Skip to content

Commit 73c0233

Browse files
committed
init landing site
1 parent 2a05025 commit 73c0233

35 files changed

+1319
-153
lines changed

bun.lockb

147 KB
Binary file not shown.

components.json

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
{
2+
"$schema": "https://ui.shadcn.com/schema.json",
3+
"style": "default",
4+
"rsc": true,
5+
"tsx": true,
6+
"tailwind": {
7+
"config": "tailwind.config.ts",
8+
"css": "src/app/globals.css",
9+
"baseColor": "slate",
10+
"cssVariables": true,
11+
"prefix": ""
12+
},
13+
"aliases": {
14+
"components": "@/components",
15+
"utils": "@/lib/utils"
16+
}
17+
}

next.config.mjs

+7-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,10 @@
11
/** @type {import('next').NextConfig} */
2-
const nextConfig = {};
2+
const nextConfig = {
3+
output: "export",
4+
reactStrictMode: true,
5+
images: {
6+
unoptimized: true,
7+
},
8+
};
39

410
export default nextConfig;

package.json

+7-1
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,15 @@
99
"lint": "next lint"
1010
},
1111
"dependencies": {
12+
"@radix-ui/react-slot": "^1.0.2",
13+
"class-variance-authority": "^0.7.0",
14+
"clsx": "^2.1.0",
15+
"lucide-react": "^0.370.0",
16+
"next": "14.2.2",
1217
"react": "^18",
1318
"react-dom": "^18",
14-
"next": "14.2.2"
19+
"tailwind-merge": "^2.2.2",
20+
"tailwindcss-animate": "^1.0.7"
1521
},
1622
"devDependencies": {
1723
"typescript": "^5",

public/next.svg

-1
This file was deleted.

public/vercel.svg

-1
This file was deleted.

src/app/demo/page.tsx

+99
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,99 @@
1+
import { Button } from "../../components/ui/button";
2+
import { Inter } from "next/font/google";
3+
import Link from "next/link";
4+
5+
import Footer from "../../components/footer/Footer";
6+
import { AppleLogo, Logo, One, Three, Two } from "../../components/icons";
7+
import Video from "../../components/video/Video";
8+
9+
const inter = Inter({ subsets: ["latin"] });
10+
11+
export default function Page() {
12+
return (
13+
<div
14+
className={`min-w-screen relative z-10 flex h-full min-h-screen w-full flex-col justify-between bg-white text-[#29333D] ${inter.className}`}
15+
>
16+
<div className="m-auto flex h-full min-h-screen w-full max-w-screen-lg flex-col">
17+
<header className=" w-full p-4">
18+
<Link className="flex w-full items-center gap-x-2" href="/keystache">
19+
<Logo />
20+
<h1 className="text-[#364C63]">Keystache</h1>
21+
</Link>
22+
</header>
23+
<div className="my-6 justify-center p-4">
24+
<div className="flex flex-col gap-y-4">
25+
<div className="flex flex-row items-center justify-center gap-x-2"></div>
26+
27+
<h2 className="text-4xl font-semibold md:text-5xl">
28+
Test Keystache in three easy steps
29+
</h2>
30+
31+
<div className="mt-4 flex flex-col items-center justify-center gap-y-6">
32+
<div className="w-full max-w-screen-lg">
33+
<Video />
34+
</div>
35+
<div className="flex flex-col items-stretch gap-x-2 gap-y-4 md:flex-row">
36+
<div className="flex flex-1 flex-row items-stretch gap-x-2">
37+
<div className="mt-[4px]">
38+
<One />
39+
</div>
40+
<div className="flex flex-col gap-y-4">
41+
<div>
42+
<span className="font-bold">Setup Keystache</span>{" "}
43+
<span className="text-[#364C63]">
44+
click on Keystache for Mac to download, setup your
45+
password and import your account with your private key
46+
</span>
47+
</div>
48+
<a href="/Keystache_0.0.0_aarch64.dmg" download>
49+
<Button className="self-start p-6">
50+
<AppleLogo />
51+
<span className="ml-2">Keystache for Mac</span>
52+
</Button>
53+
</a>
54+
</div>
55+
</div>
56+
<div className="flex flex-1 flex-row items-stretch gap-x-2">
57+
<div className="mt-[4px]">
58+
<Two />
59+
</div>
60+
<div className="flex flex-col items-stretch justify-between gap-y-4">
61+
<div>
62+
<span className="font-bold">Setup Resolvr</span>{" "}
63+
<span className="text-[#364C63]">
64+
click on Fundsolvr for Mac to download
65+
</span>
66+
</div>
67+
<a href="/Resolvr_Desktop_0.0.0_aarch64.dmg" download>
68+
<Button className="self-start bg-[#FD865F] p-6 hover:bg-[#fd6c3d]">
69+
<AppleLogo />
70+
<span className="ml-2">Fundsolvr for Mac</span>
71+
</Button>
72+
</a>
73+
</div>
74+
</div>
75+
<div className="flex flex-1 flex-row items-start justify-start gap-x-2">
76+
<div className="mt-[4px]">
77+
<Three />
78+
</div>
79+
<div>
80+
<span className="font-bold">Sign in to Resolvr</span>{" "}
81+
<span className="text-[#364C63]">
82+
click on sign in with Keystache, a dialog modal of
83+
Keystache will be prompted, click on confirm to sign in,
84+
you can continue to test out the app by approving zaps and
85+
events with Keystache.
86+
</span>
87+
</div>
88+
</div>
89+
</div>
90+
</div>
91+
</div>
92+
</div>
93+
<div className="mt-auto">
94+
<Footer />
95+
</div>
96+
</div>
97+
</div>
98+
);
99+
}

src/app/favicon.ico

-10.3 KB
Binary file not shown.

src/app/globals.css

+74-31
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,76 @@
11
@tailwind base;
2-
@tailwind components;
3-
@tailwind utilities;
4-
5-
:root {
6-
--foreground-rgb: 0, 0, 0;
7-
--background-start-rgb: 214, 219, 220;
8-
--background-end-rgb: 255, 255, 255;
9-
}
10-
11-
@media (prefers-color-scheme: dark) {
12-
:root {
13-
--foreground-rgb: 255, 255, 255;
14-
--background-start-rgb: 0, 0, 0;
15-
--background-end-rgb: 0, 0, 0;
16-
}
17-
}
18-
19-
body {
20-
color: rgb(var(--foreground-rgb));
21-
background: linear-gradient(
22-
to bottom,
23-
transparent,
24-
rgb(var(--background-end-rgb))
25-
)
26-
rgb(var(--background-start-rgb));
27-
}
28-
29-
@layer utilities {
30-
.text-balance {
31-
text-wrap: balance;
2+
@tailwind components;
3+
@tailwind utilities;
4+
5+
@layer base {
6+
:root {
7+
--background: 0 0% 100%;
8+
--foreground: 222.2 84% 4.9%;
9+
10+
--card: 0 0% 100%;
11+
--card-foreground: 222.2 84% 4.9%;
12+
13+
--popover: 0 0% 100%;
14+
--popover-foreground: 222.2 84% 4.9%;
15+
16+
--primary: 222.2 47.4% 11.2%;
17+
--primary-foreground: 210 40% 98%;
18+
19+
--secondary: 210 40% 96.1%;
20+
--secondary-foreground: 222.2 47.4% 11.2%;
21+
22+
--muted: 210 40% 96.1%;
23+
--muted-foreground: 215.4 16.3% 46.9%;
24+
25+
--accent: 210 40% 96.1%;
26+
--accent-foreground: 222.2 47.4% 11.2%;
27+
28+
--destructive: 0 84.2% 60.2%;
29+
--destructive-foreground: 210 40% 98%;
30+
31+
--border: 214.3 31.8% 91.4%;
32+
--input: 214.3 31.8% 91.4%;
33+
--ring: 222.2 84% 4.9%;
34+
35+
--radius: 0.5rem;
36+
}
37+
38+
.dark {
39+
--background: 222.2 84% 4.9%;
40+
--foreground: 210 40% 98%;
41+
42+
--card: 222.2 84% 4.9%;
43+
--card-foreground: 210 40% 98%;
44+
45+
--popover: 222.2 84% 4.9%;
46+
--popover-foreground: 210 40% 98%;
47+
48+
--primary: 210 40% 98%;
49+
--primary-foreground: 222.2 47.4% 11.2%;
50+
51+
--secondary: 217.2 32.6% 17.5%;
52+
--secondary-foreground: 210 40% 98%;
53+
54+
--muted: 217.2 32.6% 17.5%;
55+
--muted-foreground: 215 20.2% 65.1%;
56+
57+
--accent: 217.2 32.6% 17.5%;
58+
--accent-foreground: 210 40% 98%;
59+
60+
--destructive: 0 62.8% 30.6%;
61+
--destructive-foreground: 210 40% 98%;
62+
63+
--border: 217.2 32.6% 17.5%;
64+
--input: 217.2 32.6% 17.5%;
65+
--ring: 212.7 26.8% 83.9%;
66+
}
3267
}
33-
}
68+
69+
@layer base {
70+
* {
71+
@apply border-border;
72+
}
73+
body {
74+
@apply bg-background text-foreground;
75+
}
76+
}

src/app/layout.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@ import "./globals.css";
55
const inter = Inter({ subsets: ["latin"] });
66

77
export const metadata: Metadata = {
8-
title: "Create Next App",
9-
description: "Generated by create next app",
8+
title: "Keystache",
9+
description: "A desktop app for managing your Nostr keys",
1010
};
1111

1212
export default function RootLayout({

0 commit comments

Comments
 (0)