tlsnotary/website
1
0
Fork 0
mirror of https://github.com/tlsnotary/website.git synced 2026-01-08 21:48:05 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #14 from tlsnotary/demo-button-link

Browse Source 
Adding button to landing page to goto the TLSNotary Demo
This commit is contained in:
Hendrik Eeckhaut
2025-02-27 09:17:59 +01:00
committed by GitHub
parent 46e1cafe80 6f6170073c
commit fc614349c5
4 changed files with 32 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/page.tsx
View File

@@ -9,6 +9,7 @@ import { Icons } from "@/components/Icons";
import { Section } from "@/components/Section";
import Image from "next/image";
import { classed } from "@tw-classed/react";
import App from 'next/app';
interface ComparisonTableProps {
title: string;
@@ -46,10 +47,18 @@ export default function Home() {
{LABELS.HOMEPAGE.DESCRIPTION}
</span>
</div>
<div className="flex flex-row gap-4">
<AppLink href={LINKS.DOCUMENTATION} external>
<Button className="w-full md:w-auto">{LABELS.COMMON.CHECKOUT_DOCS}</Button>
</AppLink>
<AppLink href={LINKS.DOCUMENTATION} external>
<Button className="w-full md:w-auto">{LABELS.COMMON.CHECKOUT_DOCS}</Button>
</AppLink>
<AppLink href={LINKS.DEMO} external>
<Button className="w-full md:w-auto">
{LABELS.COMMON.CHECKOUT_DEMO}{' '}
(Desktop Only{' '} <Icons.ChromeIcon className="inline-block" />)
</Button>
</AppLink>
</div>
</div>
<Icons.DividerHomepage className="hidden md:flex mx-auto w-full" />
</AppContainer>

1
app/settings.tsx
View File

@@ -14,6 +14,7 @@ export const LINKS = {
GITHUB: "https://github.com/tlsnotary/tlsn",
TWITTER: "https://twitter.com/tlsnotary",
DOCUMENTATION: "https://docs.tlsnotary.org/",
DEMO: "https://demo.tlsnotary.org/",
BLOG: "#",
};

18
components/Icons.tsx
View File

@@ -124,6 +124,24 @@ export const Icons: Record<string, any> = {
/>
</svg>
),
ChromeIcon: (props: IconProps) => (
<svg xmlns="http://www.w3.org/2000/svg"width="32" height="32" viewBox="0 0 48 48" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
fill="currentColor"
d="M44,24c0,11.044-8.956,20-20,20S4,35.044,4,24S12.956,4,24,4S44,12.956,44,24z"></path>
<path fill="#ffc107" d="M24,4v20l8,4l-8.843,16c0.317,0,0.526,0,0.843,0c11.053,0,20-8.947,20-20S35.053,4,24,4z"></path>
<path fill="#4caf50" d="M44,24c0,11.044-8.956,20-20,20S4,35.044,4,24S12.956,4,24,4S44,12.956,44,24z"></path>
<path fill="#ffc107" d="M24,4v20l8,4l-8.843,16c0.317,0,0.526,0,0.843,0c11.053,0,20-8.947,20-20S35.053,4,24,4z"></path>
<path fill="#f44336" d="M41.84,15H24v13l-3-1L7.16,13.26H7.14C10.68,7.69,16.91,4,24,4C31.8,4,38.55,8.48,41.84,15z"></path>
<path fill="#dd2c00" d="M7.158,13.264l8.843,14.862L21,27L7.158,13.264z"></path>
<path fill="#558b2f" d="M23.157,44l8.934-16.059L28,25L23.157,44z"></path>
<path fill="#f9a825" d="M41.865,15H24l-1.579,4.58L41.865,15z"></path>
<path fill="#fff" d="M33,24c0,4.969-4.031,9-9,9s-9-4.031-9-9s4.031-9,9-9S33,19.031,33,24z"></path>
<path fill="#2196f3" d="M31,24c0,3.867-3.133,7-7,7s-7-3.133-7-7s3.133-7,7-7S31,20.133,31,24z"></path>
</svg>
),
TwitterCircle: (props: IconProps) => (
<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none" {...props}>
<path

1
content/common.tsx
View File

@@ -4,6 +4,7 @@ export const COMMON_CONTENT = {
AND_MORE: "... and more!",
CHECKOUT_GITHUB: "Check out our Github",
CHECKOUT_DOCS: "Check out our documentation",
CHECKOUT_DEMO: "Try TLSNotary",
LEARN_THE_BASICS: "Learn the basics",
SERVER_AUTHENTICATION: "Server Authentication",
DATA_PORTABILITY: "Data Portability",