diff --git a/frontend/src/components/ProductHuntBadge.jsx b/frontend/src/components/ProductHuntBadge.jsx new file mode 100644 index 0000000..bcabbaf --- /dev/null +++ b/frontend/src/components/ProductHuntBadge.jsx @@ -0,0 +1,30 @@ +import { useTheme } from '../context/ThemeContext' +import { PRODUCT_HUNT } from '../constants/brand' + +function ProductHuntBadge({ className = '' }) { + const { theme } = useTheme() + const badgeTheme = theme === 'light' ? 'light' : 'dark' + const badgeSrc = `https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=${PRODUCT_HUNT.postId}&theme=${badgeTheme}&t=${PRODUCT_HUNT.cacheKey}` + + return ( + + {PRODUCT_HUNT.alt} + + ) +} + +export default ProductHuntBadge diff --git a/frontend/src/constants/brand.js b/frontend/src/constants/brand.js index 25302dd..9f2da5d 100644 --- a/frontend/src/constants/brand.js +++ b/frontend/src/constants/brand.js @@ -29,6 +29,13 @@ export const BRAND_SOCIAL = [ 'https://twitter.com/techycsr', ] +export const PRODUCT_HUNT = { + url: 'https://www.producthunt.com/products/portlifyai?embed=true&utm_source=badge-featured&utm_medium=badge&utm_campaign=badge-portlifyai', + postId: '1167150', + cacheKey: '1780997225343', + alt: 'PortlifyAi on Product Hunt — Dead Resume to Live Portfolio in Just 10 Seconds', +} + export const DEFAULT_SITE_URL = 'https://portlifyai.app' export const OG_IMAGE_PATH = '/og-image.png' export const OG_IMAGE_VERSION = '6' diff --git a/frontend/src/pages/Landing.jsx b/frontend/src/pages/Landing.jsx index 573a1e8..ad677e2 100644 --- a/frontend/src/pages/Landing.jsx +++ b/frontend/src/pages/Landing.jsx @@ -18,6 +18,7 @@ import { Zap, } from 'lucide-react' import BrandLogo from '../components/BrandLogo' +import ProductHuntBadge from '../components/ProductHuntBadge' import { IconTile, ICON_STROKE } from '../components/IconTile' import { BRAND_NAME_DISPLAY } from '../constants/brand' import { LANDING_FAQ } from '../constants/faq' @@ -164,15 +165,15 @@ function Landing() { transition={{ delay: 0.25, duration: 0.4 }} className="text-sm sm:text-lg md:text-xl text-secondary max-w-2xl mx-auto mb-5 sm:mb-10 leading-relaxed px-1 sm:px-2" > - Turn your resume into a professional portfolio in under 30 seconds. - Free to use — upload PDF, DOC, or DOCX and get a shareable URL instantly. + Upload your resume as a PDF, DOC, or DOCX and get a shareable portfolio + link in seconds. Free to use, no credit card required. + + + +