4e:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 4f:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 50:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 51:T1ff6,import * as React from "react"; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@/components/ui/card"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { Coffee, GraduationCap, HeartPulse, Home, Laptop, MapPin, PartyPopper, Plane, Users, Wallet, } from "lucide-react"; interface Benefit { id: string; title: string; description: string; icon: React.ReactNode; category: "health" | "work" | "growth" | "lifestyle"; } export default function CompanyBenefits() { const benefits: Benefit[] = [ { id: "1", title: "Comprehensive Health Insurance", description: "Full medical, dental, and vision coverage with premium plans for you and your family.", icon: , category: "health", }, { id: "2", title: "Mental Health Support", description: "Free access to therapy and counseling services through our wellness platform.", icon: , category: "health", }, { id: "3", title: "Remote-First Culture", description: "Work from anywhere in the world with our distributed team approach.", icon: , category: "work", }, { id: "4", title: "Flexible Working Hours", description: "Choose hours that work for you with our core collaboration windows.", icon: , category: "work", }, { id: "5", title: "Learning & Development Budget", description: "$2,500 annual budget for courses, books, and conferences to advance your skills.", icon: , category: "growth", }, { id: "6", title: "Career Advancement", description: "Clear growth paths and regular promotion cycles to advance your career.", icon: , category: "growth", }, { id: "7", title: "Generous PTO", description: "Unlimited paid time off with a minimum of 20 days encouraged annually.", icon: , category: "lifestyle", }, { id: "8", title: "Paid Parental Leave", description: "16 weeks of fully paid leave for all new parents, including adoption.", icon: , category: "lifestyle", }, { id: "9", title: "Company Retreats", description: "Annual all-company gatherings in exciting locations worldwide.", icon: , category: "lifestyle", }, { id: "10", title: "Wellness Stipend", description: "$100 monthly wellness stipend for gym, meditation apps, or other wellness activities.", icon: , category: "health", }, { id: "11", title: "Home Office Budget", description: "$1,500 to set up your ideal home workspace with the equipment you need.", icon: , category: "work", }, { id: "12", title: "Competitive Salary", description: "Above-market compensation with regular reviews and adjustments.", icon: , category: "work", }, { id: "13", title: "Equity Package", description: "Generous equity grants so you can share in the company's success.", icon: , category: "work", }, { id: "14", title: "Professional Development", description: "Mentorship programs and internal workshops led by industry experts.", icon: , category: "growth", }, { id: "15", title: "Sabbatical Program", description: "4-week paid sabbatical for every 3 years with the company.", icon: , category: "lifestyle", }, { id: "16", title: "Coffee Allowance", description: "$50 monthly coffee allowance for your caffeine needs.", icon: , category: "lifestyle", }, { id: "17", title: "Company Events", description: "Regular social events, team celebrations, and holiday parties.", icon: , category: "lifestyle", }, ]; return (

Why Work With Us

We offer competitive benefits and a supportive culture to help you thrive both professionally and personally.

All Benefits Health & Wellness Work & Compensation Growth & Development Lifestyle & Perks

{benefits.map((benefit) => ( ))}

{benefits .filter((benefit) => benefit.category === "health") .map((benefit) => ( ))}

{benefits .filter((benefit) => benefit.category === "work") .map((benefit) => ( ))}

{benefits .filter((benefit) => benefit.category === "growth") .map((benefit) => ( ))}

{benefits .filter((benefit) => benefit.category === "lifestyle") .map((benefit) => ( ))}

); } function BenefitCard({ benefit }: { benefit: Benefit }) { return (

{benefit.icon}

{benefit.title} {benefit.description} ); } 52:Ta35,import * as React from "react" import { cn } from "@/lib/utils" function Card({ className, size = "default", ...props }: React.ComponentProps<"div"> & { size?: "default" | "sm" }) { return (

img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className )} {...props} /> ) } function CardHeader({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardTitle({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardDescription({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardAction({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardContent({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardFooter({ className, ...props }: React.ComponentProps<"div">) { return (

) } export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } 53:Tdf4,"use client" import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { Tabs as TabsPrimitive } from "radix-ui" import { cn } from "@/lib/utils" function Tabs({ className, orientation = "horizontal", ...props }: React.ComponentProps) { return ( ) } const tabsListVariants = cva( "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-9 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none", { variants: { variant: { default: "bg-muted", line: "gap-1 bg-transparent", }, }, defaultVariants: { variant: "default", }, } ) function TabsList({ className, variant = "default", ...props }: React.ComponentProps & VariantProps) { return ( ) } function TabsTrigger({ className, ...props }: React.ComponentProps) { return ( ) } function TabsContent({ className, ...props }: React.ComponentProps) { return ( ) } export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants } 4a:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[["$","li","class-variance-authority",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/class-variance-authority","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"text-xs font-medium","children":"class-variance-authority"}]]}]}],["$","li","lucide-react",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","radix-ui",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/radix-ui","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"text-xs font-medium","children":"radix-ui"}]]}]}]]}],["$","$L4e",null,{"registryDependencies":[]}]]}],["$","$L4f",null,{"sourceUrl":"https://www.shadcn-ui-blocks.com/r/marketing-careers-company-benefits.json","proxyUrl":"https://shadcnregistry.com/r/shadcn-ui-blocks/marketing-careers-company-benefits","itemId":"@shadcn-ui-blocks/marketing-careers-company-benefits"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L50",null,{"files":[{"path":"components/blocks/marketing/careers/company-benefits.tsx","content":"$51","type":"registry:component","target":"components/blocks/marketing/careers/company-benefits.tsx"},{"path":"components/ui/card.tsx","content":"$52","type":"registry:ui","target":"components/ui/card.tsx"},{"path":"components/ui/tabs.tsx","content":"$53","type":"registry:ui","target":"components/ui/tabs.tsx"}]}]]}],"$L54"]}]

Company Benefits

Installation

Files

components

Styles