-
Notifications
You must be signed in to change notification settings - Fork 17
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
e89c929
commit 1f922bd
Showing
2 changed files
with
55 additions
and
47 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,53 +1,58 @@ | ||
import React from "react"; | ||
"use client"; | ||
import React, { useMemo } from "react"; | ||
|
||
const ProductHuntAnnouncementBanner = () => ( | ||
<div className="py-4 px-4 flex flex-col md:flex-row items-center justify-center border-b border-[#B0B0B0] gap-8 relative"> | ||
<div className="text-sm text-basis max-w-[826px]"> | ||
<span className="hidden md:inline"> | ||
As part of launch week, we launched our new open source{" "} | ||
<strong>Workflow Kit</strong> today on <strong>Product Hunt</strong>. | ||
Check it out and give us an upvote!{" "} | ||
</span> | ||
<span className="md:hidden inline"> | ||
We are launching <strong>Workflow Kit</strong> today on{" "} | ||
const ProductHuntAnnouncementBanner = () => { | ||
// cache bust every 60s | ||
const ts = useMemo(() => Math.floor(Date.now() / 1000 / 60), []); | ||
return ( | ||
<div className="py-4 px-4 flex flex-col md:flex-row items-center justify-center border-b border-[#B0B0B0] gap-8 relative"> | ||
<div className="text-sm text-basis max-w-[826px]"> | ||
<span className="hidden md:inline"> | ||
As part of launch week, we launched our new open source{" "} | ||
<strong>Workflow Kit</strong> today on <strong>Product Hunt</strong>. | ||
Check it out and give us an upvote!{" "} | ||
</span> | ||
<span className="md:hidden inline"> | ||
We are launching <strong>Workflow Kit</strong> today on{" "} | ||
<a | ||
href="https://www.producthunt.com/posts/workflow-kit-by-inngest" | ||
className="underline" | ||
> | ||
Product Hunt | ||
</a> | ||
! | ||
</span> | ||
<br /> | ||
<span className="hidden md:inline"> | ||
Want to see more of Inngest's launch week?{" "} | ||
<a href="/launch-week" className="underline"> | ||
Follow along with all of our updates | ||
</a> | ||
</span> | ||
<span className="md:hidden inline"> | ||
Follow along with all with{" "} | ||
<a href="/launch-week" className="underline"> | ||
Inngest's launch week updates. | ||
</a> | ||
</span> | ||
</div> | ||
<div className="hidden md:inline"> | ||
<a | ||
href="https://www.producthunt.com/posts/workflow-kit-by-inngest" | ||
className="underline" | ||
href="https://www.producthunt.com/posts/workflow-kit-by-inngest?embed=true&utm_source=badge-featured&utm_medium=badge&utm_souce=badge-workflow-kit-by-inngest" | ||
target="_blank" | ||
> | ||
Product Hunt | ||
<img | ||
className="border border-white rounded-lg" | ||
src={`https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=490802&theme=dark&ts=${ts}`} | ||
alt="Workflow Kit by Inngest - Open source SDK to add Zapier-like workflows to your product | Product Hunt" | ||
style={{ width: "169px", height: "38px" }} | ||
width="169" | ||
height="38" | ||
/> | ||
</a> | ||
! | ||
</span> | ||
<br /> | ||
<span className="hidden md:inline"> | ||
Want to see more of Inngest's launch week?{" "} | ||
<a href="/launch-week" className="underline"> | ||
Follow along with all of our updates | ||
</a> | ||
</span> | ||
<span className="md:hidden inline"> | ||
Follow along with all with{" "} | ||
<a href="/launch-week" className="underline"> | ||
Inngest's launch week updates. | ||
</a> | ||
</span> | ||
</div> | ||
<div className="hidden md:inline"> | ||
<a | ||
href="https://www.producthunt.com/posts/workflow-kit-by-inngest?embed=true&utm_source=badge-featured&utm_medium=badge&utm_souce=badge-workflow-kit-by-inngest" | ||
target="_blank" | ||
> | ||
<img | ||
className="border border-white rounded-lg" | ||
src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=490802&theme=dark" | ||
alt="Workflow Kit by Inngest - Open source SDK to add Zapier-like workflows to your product | Product Hunt" | ||
style={{ width: "169px", height: "38px" }} | ||
width="169" | ||
height="38" | ||
/> | ||
</a> | ||
</div> | ||
</div> | ||
</div> | ||
); | ||
); | ||
}; | ||
|
||
export default ProductHuntAnnouncementBanner; |