first commit

src/components/shared/Breadcrumb.tsx

@@ -0,0 +1,25 @@
+import { Link } from '@tanstack/react-router'
+
+interface BreadcrumbProps {
+  title: string
+  currentPage?: string
+}
+
+export default function Breadcrumb({ title, currentPage }: BreadcrumbProps) {
+  return (
+    <section className="breadcrum-bg py-20">
+      <div className="container mx-auto px-4 py-5">
+        <h2 className="text-3xl md:text-4xl font-bold mb-2 font-sans" style={{ color: '#ffffff' }}>
+          {title}
+        </h2>
+        <p className="text-white">
+          <Link to="/" className="hover:text-secondary transition-colors">
+            Home
+          </Link>
+          &nbsp; / &nbsp;
+          {currentPage || title}
+        </p>
+      </div>
+    </section>
+  )
+}