Components
Job Card This component is designed to display job posting details in a clean, modern card layout. It's built to be highly reusable, accepting props for all dynamic content like the company logo, job title, salary, and tags. It includes a subtle entrance and hover animation for a more polished user experience.
Loading preview...
"use client";
import React from "react";
import { JobCard } from "@/components/ui/job-card"; // Adjust the import path as needed
export default function JobCardDemo() {
const handleApply = () => {
alert("Applying for the Graphic Designer position!");
};
const handleSave = () => {
console.log("Job save status has been toggled.");
};
return (
<div className="flex min-h-[500px] w-full items-center justify-center bg-background p-4">
<JobCard
companyLogo="https://cdn.worldvectorlogo.com/logos/windows-3.svg"
companyName="Windows"
postedAt="5 days ago"
jobTitle="Graphic Designer"
tags={["Full-Time", "Flexible Schedule"]}
salaryRange="$85k-120k"
location="Kerala, India"
onApply={handleApply}
onSave={handleSave}
isInitiallySaved={false} // You can set this to `true` to see the default saved state.
/>
</div>
);
}