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

Create gift-card.js

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

41
documentation/src/components/use-case/gift-card.js Normal file
View File

@ -0,0 +1,41 @@
import React from "react";
import Link from "@docusaurus/Link";
export const GiftCard = () => {
return (
<div className="bg-[#eeeef0] p-6 rounded-lg shadow-startTiles">
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
<div className="flex flex-col gap-4 order-2 sm:order-1">
<div className="font-montserrat font-medium text-[#242436]">
IF YOU’RE ALREADY USING <strong>refine</strong>,
<br />
<strong>SHARE</strong> YOUR USECASE &{" "}
<strong>INSPIRE</strong> OTHERS
</div>
<div className="font-montserrat text-[#242436] text-sm">
We are very happy to see how people are building great
things with <strong>refine</strong>. Share your use-case
to get listed on the showcase page and receive{" "}
<strong>$100 Amazon Gift card</strong>.
</div>
<Link
to="https://refinedev.typeform.com/to/Ypm6r6oj"
target="_blank"
rel="noopener noreferrer"
className="shadow-startTiles appearance-none flex items-center justify-center no-underline font-bold font-montserrat text-sm h-8 w-44 text-white text-center bg-gradient-to-l from-[#1890FF] to-[#47EBF5] border-0 rounded-[4px] cursor-pointer"
>
ADD YOURS <span className="mx-1 font-normal">&</span>
WIN
</Link>
</div>
<div className="flex justify-center order-1 sm:order-2">
<img
className="h-[170px] ml-0 sm:ml-12"
src="/landing/giftcard.png"
alt="Giftcard"
/>
</div>
</div>
</div>
);
};