UniqueSoft/openpanel
2
0
Fork 0
mirror of https://github.com/stefanpejcic/openpanel synced 2025-06-26 18:28:26 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Update index.tsx

Browse Source
This commit is contained in:
Stefan Pejcic 2024-02-28 21:24:14 +01:00 committed by GitHub
parent 7b7d9b3856
commit 19c7bc8d73
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 57 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
documentation/src/pages/use-cases/index.tsx
View File

@ -1,8 +1,63 @@
import React from "react";
import { Redirect } from "@docusaurus/router";
import Layout from "@theme/Layout";
import Link from "@docusaurus/Link";
import Head from "@docusaurus/Head";
import { GiftCard } from "../../components/use-case/gift-card";
import USE_CASES from "../../assets/use-cases";
export const UseCases = () => {
return <Redirect to="/" />;
return (
<Layout>
<Head title="Use Cases | refine">
<html data-page="use-cases" data-customized="true" />
</Head>
<div className="container max-w-[1040px]">
<h1 className="font-montserrat text-[#1890FF] text-center my-8">
YOUR WORK{" "}
<span className="font-normal">OUR INSPIRATION</span>
</h1>
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
{USE_CASES.map((useCase) => (
<div
key={useCase.route}
className="flex flex-col justify-between"
>
<div>
<Link to={`/use-cases/${useCase.route}`}>
<img
src={useCase.thumbImgURL}
alt={useCase.title}
/>
</Link>
<div className="font-montserrat font-bold text-[#242436] my-2">
{useCase.title}
</div>
<div
className="font-montserrat text-[#242436] text-sm"
dangerouslySetInnerHTML={{
__html: useCase.description,
}}
/>
</div>
<Link
className="shadow-startTiles appearance-none flex items-center justify-center mt-2 mb-4 no-underline font-bold font-montserrat text-sm h-8 w-44 text-[#1890FF] text-center bg-white rounded-[4px] cursor-pointer border border-solid border-[#EDEDEF]"
to={`/use-cases/${useCase.route}`}
>
Read more
</Link>
</div>
))}
</div>
<br />
<br />
<GiftCard />
<br />
<br />
</div>
</Layout>
);
};
export default UseCases;