Skip to content

Commit

Permalink
Updated title
Browse files Browse the repository at this point in the history
  • Loading branch information
@theUniC
theUniC committed Jun 23, 2024
1 parent 530820f commit a491186
Show file tree
Hide file tree
Showing 2 changed files with 63 additions and 61 deletions.
6 changes: 3 additions & 3 deletions src/app/layout.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,11 @@ import '@/styles/tailwind.css'

export const metadata: Metadata = {
title: {
template: '%s - TaxPal',
default: 'TaxPal - Accounting made simple for small businesses',
template: '%s - Gitmood',
default: 'Gitmood - Feedback made simple for development teams',
},
description:
'Most bookkeeping software is accurate, but hard to use. We make the opposite trade-off, and hope you don’t get audited.',
'Most feedback tools are comprehensive but difficult to use. We take the opposite approach, making feedback simple and actionable',
}

const inter = Inter({
Expand Down
118 changes: 60 additions & 58 deletions src/components/Hero.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import Image from 'next/image'

import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
import {Button} from '@/components/Button'
import {Container} from '@/components/Container'
import logoLaravel from '@/images/logos/laravel.svg'
import logoMirage from '@/images/logos/mirage.svg'
import logoStatamic from '@/images/logos/statamic.svg'
Expand All @@ -10,29 +10,31 @@ import logoTransistor from '@/images/logos/transistor.svg'
import logoTuple from '@/images/logos/tuple.svg'

export function Hero() {
return (
<Container className="pb-16 pt-20 text-center lg:pt-32">
<h1 className="mx-auto max-w-4xl font-display text-5xl font-medium tracking-tight text-slate-900 sm:text-7xl">
Feedback {' '}
<span className="relative whitespace-nowrap text-blue-600">
return (
<Container className="pb-16 pt-20 text-center lg:pt-32">
<h1 className="mx-auto max-w-4xl font-display text-5xl font-medium tracking-tight text-slate-900 sm:text-7xl">
Feedback {' '}
<span className="relative whitespace-nowrap text-blue-600">
<svg
aria-hidden="true"
viewBox="0 0 418 42"
className="absolute left-0 top-2/3 h-[0.58em] w-full fill-blue-300/70"
preserveAspectRatio="none"
aria-hidden="true"
viewBox="0 0 418 42"
className="absolute left-0 top-2/3 h-[0.58em] w-full fill-blue-300/70"
preserveAspectRatio="none"
>
<path d="M203.371.916c-26.013-2.078-76.686 1.963-124.73 9.946L67.3 12.749C35.421 18.062 18.2 21.766 6.004 25.934 1.244 27.561.828 27.778.874 28.61c.07 1.214.828 1.121 9.595-1.176 9.072-2.377 17.15-3.92 39.246-7.496C123.565 7.986 157.869 4.492 195.942 5.046c7.461.108 19.25 1.696 19.17 2.582-.107 1.183-7.874 4.31-25.75 10.366-21.992 7.45-35.43 12.534-36.701 13.884-2.173 2.308-.202 4.407 4.442 4.734 2.654.187 3.263.157 15.593-.78 35.401-2.686 57.944-3.488 88.365-3.143 46.327.526 75.721 2.23 130.788 7.584 19.787 1.924 20.814 1.98 24.557 1.332l.066-.011c1.201-.203 1.53-1.825.399-2.335-2.911-1.31-4.893-1.604-22.048-3.261-57.509-5.556-87.871-7.36-132.059-7.842-23.239-.254-33.617-.116-50.627.674-11.629.54-42.371 2.494-46.696 2.967-2.359.259 8.133-3.625 26.504-9.81 23.239-7.825 27.934-10.149 28.304-14.005.417-4.348-3.529-6-16.878-7.066Z" />
<path
d="M203.371.916c-26.013-2.078-76.686 1.963-124.73 9.946L67.3 12.749C35.421 18.062 18.2 21.766 6.004 25.934 1.244 27.561.828 27.778.874 28.61c.07 1.214.828 1.121 9.595-1.176 9.072-2.377 17.15-3.92 39.246-7.496C123.565 7.986 157.869 4.492 195.942 5.046c7.461.108 19.25 1.696 19.17 2.582-.107 1.183-7.874 4.31-25.75 10.366-21.992 7.45-35.43 12.534-36.701 13.884-2.173 2.308-.202 4.407 4.442 4.734 2.654.187 3.263.157 15.593-.78 35.401-2.686 57.944-3.488 88.365-3.143 46.327.526 75.721 2.23 130.788 7.584 19.787 1.924 20.814 1.98 24.557 1.332l.066-.011c1.201-.203 1.53-1.825.399-2.335-2.911-1.31-4.893-1.604-22.048-3.261-57.509-5.556-87.871-7.36-132.059-7.842-23.239-.254-33.617-.116-50.627.674-11.629.54-42.371 2.494-46.696 2.967-2.359.259 8.133-3.625 26.504-9.81 23.239-7.825 27.934-10.149 28.304-14.005.417-4.348-3.529-6-16.878-7.066Z"/>
</svg>
<span className="relative">made simple</span>
</span>{' '}
for development teams
</h1>
<p className="mx-auto mt-6 max-w-2xl text-lg tracking-tight text-slate-700">
Most feedback tools are comprehensive but difficult to use. We take the opposite approach, making feedback simple and actionable
</p>
<div className="mt-10 flex justify-center gap-x-6">
<Button href="/register">Free ßeta</Button>
{/* <Button
for development teams
</h1>
<p className="mx-auto mt-6 max-w-2xl text-lg tracking-tight text-slate-700">
Most feedback tools are comprehensive but difficult to use. We take the opposite approach, making
feedback simple and actionable
</p>
<div className="mt-10 flex justify-center gap-x-6">
<Button href="/register">Free ßeta</Button>
{/* <Button
href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
variant="outline"
>
Expand All @@ -44,42 +46,42 @@ export function Hero() {
</svg>
<span className="ml-3">Watch video</span>
</Button> */}
</div>
<div className="mt-36 lg:mt-44">
<p className="font-display text-base text-slate-900">
Trusted by these six companies so far
</p>
<ul
role="list"
className="mt-8 flex items-center justify-center gap-x-8 sm:flex-col sm:gap-x-0 sm:gap-y-10 xl:flex-row xl:gap-x-12 xl:gap-y-0"
>
{[
[
{ name: 'Transistor', logo: logoTransistor },
{ name: 'Tuple', logo: logoTuple },
{ name: 'StaticKit', logo: logoStaticKit },
],
[
{ name: 'Mirage', logo: logoMirage },
{ name: 'Laravel', logo: logoLaravel },
{ name: 'Statamic', logo: logoStatamic },
],
].map((group, groupIndex) => (
<li key={groupIndex}>
<ul
role="list"
className="flex flex-col items-center gap-y-8 sm:flex-row sm:gap-x-12 sm:gap-y-0"
>
{group.map((company) => (
<li key={company.name} className="flex">
<Image src={company.logo} alt={company.name} unoptimized />
</li>
))}
</ul>
</li>
))}
</ul>
</div>
</Container>
)
</div>
<div className="mt-36 lg:mt-44">
<p className="font-display text-base text-slate-900">
Trusted by these six companies so far
</p>
<ul
role="list"
className="mt-8 flex items-center justify-center gap-x-8 sm:flex-col sm:gap-x-0 sm:gap-y-10 xl:flex-row xl:gap-x-12 xl:gap-y-0"
>
{[
[
{name: 'Transistor', logo: logoTransistor},
{name: 'Tuple', logo: logoTuple},
{name: 'StaticKit', logo: logoStaticKit},
],
[
{name: 'Mirage', logo: logoMirage},
{name: 'Laravel', logo: logoLaravel},
{name: 'Statamic', logo: logoStatamic},
],
].map((group, groupIndex) => (
<li key={groupIndex}>
<ul
role="list"
className="flex flex-col items-center gap-y-8 sm:flex-row sm:gap-x-12 sm:gap-y-0"
>
{group.map((company) => (
<li key={company.name} className="flex">
<Image src={company.logo} alt={company.name} unoptimized/>
</li>
))}
</ul>
</li>
))}
</ul>
</div>
</Container>
)
}

0 comments on commit a491186

Please sign in to comment.