Elgato_dark/console
1
0
Fork 0
mirror of https://github.com/graphql-hive/console synced 2026-05-23 17:18:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add Talk To Us button to hero element (#3770)

Browse source
This commit is contained in:
Kamil Kisiela 2024-01-09 12:59:30 +01:00 committed by GitHub
parent 8dc872af90
commit 9ab5342579
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
packages/web/docs/src/components/landing-page.tsx
View file

@ -2,7 +2,7 @@ import { ReactElement, ReactNode, useState } from 'react';
import Head from 'next/head';
import Image, { StaticImageData } from 'next/image';
import Link from 'next/link';
import { FiGithub, FiGlobe, FiLogIn, FiPackage, FiServer, FiTruck } from 'react-icons/fi';
import { FiGithub, FiGlobe, FiLogIn, FiPackage, FiPhone, FiServer, FiTruck } from 'react-icons/fi';
import * as Tooltip from '@radix-ui/react-tooltip';
import { cn } from '../lib';
import { BookIcon } from './book-icon';
@ -328,6 +328,15 @@ export function IndexPage(): ReactElement {
>
<FiGithub /> Star on GitHub
</a>
<a
className={cn(classes.link, 'flex flex-row items-center gap-2')}
href="#"
onClick={() => {
(window as any).$crisp?.push(['do', 'chat:open']);
}}
>
<FiPhone /> Talk to us
</a>
</>
</HeroLinks>
<HereTrustedBy>

18
packages/web/docs/src/components/pricing.tsx
View file

@ -106,14 +106,16 @@ export function Pricing({ gradient }: { gradient: [string, string] }): ReactElem
return (
<div className="w-full bg-neutral-900">
<div className="mx-auto my-12 box-border w-full max-w-[1024px] px-6">
<h2
className="bg-clip-text text-2xl font-bold leading-normal text-transparent md:text-3xl"
style={{
backgroundImage: `linear-gradient(-70deg, ${gradient[1]}, ${gradient[0]})`,
}}
>
Pricing
</h2>
<a id="pricing">
<h2
className="bg-clip-text text-2xl font-bold leading-normal text-transparent md:text-3xl"
style={{
backgroundImage: `linear-gradient(-70deg, ${gradient[1]}, ${gradient[0]})`,
}}
>
Pricing
</h2>
</a>
<p className="text-gray-400">
All features are available on all plans - including the free plan. Our pricing is honest
and based only on your real usage.