added new start page
This commit is contained in:
37
src/components/landing/Icon.jsx
Normal file
37
src/components/landing/Icon.jsx
Normal file
@@ -0,0 +1,37 @@
|
||||
export default function Icon({ type }) {
|
||||
if (type === "paw") {
|
||||
return (
|
||||
<svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
|
||||
<circle cx="7" cy="7" r="2.1" />
|
||||
<circle cx="12.3" cy="5.2" r="2.1" />
|
||||
<circle cx="17.2" cy="7.4" r="2.1" />
|
||||
<path d="M12 10.5c-3.4 0-6.2 2.4-6.2 5.4 0 1.7 1.4 2.9 3 2.5 1.2-.3 2-1 3.2-1s2 .7 3.2 1c1.6.4 3-.8 3-2.5 0-3-2.8-5.4-6.2-5.4z" />
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
|
||||
if (type === "bag") {
|
||||
return (
|
||||
<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
|
||||
<path d="M4 10h16l-1.4 10.5a2 2 0 0 1-2 1.5H7.4a2 2 0 0 1-2-1.5L4 10z" />
|
||||
<path d="M8 10V6a4 4 0 0 1 8 0v4" />
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
|
||||
if (type === "key") {
|
||||
return (
|
||||
<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" strokeWidth="1.8">
|
||||
<circle cx="8" cy="8" r="4.2" />
|
||||
<path d="M11 11l9 9M16.5 16.5l2.5-2.5M19 19l2-2" strokeLinecap="round" />
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" strokeWidth="1.8">
|
||||
<rect x="7" y="2.5" width="10" height="19" rx="2.2" />
|
||||
<line x1="11" y1="18.5" x2="13" y2="18.5" strokeLinecap="round" />
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user