64 lines
2.8 KiB
TypeScript
64 lines
2.8 KiB
TypeScript
import { User } from 'lucide-react';
|
|
|
|
export const Features = () => (
|
|
<div className="w-full py-20 lg:py-40">
|
|
<div className="container mx-auto">
|
|
<div className="flex flex-col gap-10">
|
|
<div className="flex flex-col items-start gap-4">
|
|
<div className="flex flex-col gap-2">
|
|
<h2 className="max-w-xl text-left font-regular text-3xl tracking-tighter md:text-5xl">
|
|
Something new!
|
|
</h2>
|
|
<p className="max-w-xl text-left text-lg text-muted-foreground leading-relaxed tracking-tight lg:max-w-lg">
|
|
Managing a small business today is already tough.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div className="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
|
|
<div className="flex aspect-square h-full flex-col justify-between rounded-md bg-muted p-6 lg:col-span-2 lg:aspect-auto">
|
|
<User className="h-8 w-8 stroke-1" />
|
|
<div className="flex flex-col">
|
|
<h3 className="text-xl tracking-tight">Pay supplier invoices</h3>
|
|
<p className="max-w-xs text-base text-muted-foreground">
|
|
Our goal is to streamline SMB trade, making it easier and faster
|
|
than ever.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div className="flex aspect-square flex-col justify-between rounded-md bg-muted p-6">
|
|
<User className="h-8 w-8 stroke-1" />
|
|
<div className="flex flex-col">
|
|
<h3 className="text-xl tracking-tight">Pay supplier invoices</h3>
|
|
<p className="max-w-xs text-base text-muted-foreground">
|
|
Our goal is to streamline SMB trade, making it easier and faster
|
|
than ever.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="flex aspect-square flex-col justify-between rounded-md bg-muted p-6">
|
|
<User className="h-8 w-8 stroke-1" />
|
|
<div className="flex flex-col">
|
|
<h3 className="text-xl tracking-tight">Pay supplier invoices</h3>
|
|
<p className="max-w-xs text-base text-muted-foreground">
|
|
Our goal is to streamline SMB trade, making it easier and faster
|
|
than ever.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div className="flex aspect-square h-full flex-col justify-between rounded-md bg-muted p-6 lg:col-span-2 lg:aspect-auto">
|
|
<User className="h-8 w-8 stroke-1" />
|
|
<div className="flex flex-col">
|
|
<h3 className="text-xl tracking-tight">Pay supplier invoices</h3>
|
|
<p className="max-w-xs text-base text-muted-foreground">
|
|
Our goal is to streamline SMB trade, making it easier and faster
|
|
than ever.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|