first commit

src/components/Cabs/VehicleCard/ViewDetailsBtn.jsx

@@ -0,0 +1,31 @@
+const ViewDetailsBtn = ({ price, detailUrl }) => {
+  return (
+    <div className="flex items-center justify-between px-5 py-3.5 border-t border-gray-100">
+      <p className="text-sm text-dark-700">
+        Starting from{" "}
+        <span className="font-semibold text-dark-900">{price}</span>
+      </p>
+      <a
+        href="#hero"
+        className="inline-flex items-center gap-1 text-sm font-semibold text-primary-600 hover:text-primary-700 transition-colors duration-200"
+      >
+        View Details
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          className="w-4 h-4 transition-transform duration-200 group-hover:translate-x-0.5"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          strokeWidth="2.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        >
+          <path d="M5 12h14" />
+          <path d="m12 5 7 7-7 7" />
+        </svg>
+      </a>
+    </div>
+  );
+};
+
+export default ViewDetailsBtn;