app-whistling-shiba-drift/components/Logo.tsx

24 lines
867 B
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

"use client";
import Link from "next/link";
import React from "react";
import { AlertTriangle, Camera } from "lucide-react";
export const Logo = () => {
return (
<Link
href="/"
className="font-normal flex space-x-2 items-center text-sm mr-4 text-black px-2 py-1 relative z-20"
>
<div className="flex items-center gap-1">
<AlertTriangle className="h-5 w-5 text-red-600" />
<Camera className="h-5 w-5 text-black" />
</div>
<span className="font-bold text-xl tracking-tight text-black">Accident</span>
<div className="hidden md:flex flex-col text-[10px] leading-tight ml-2 border-l pl-2 border-neutral-200">
<span className="font-semibold text-red-600">Save lives.</span>
<span dir="rtl" className="font-semibold text-red-600">أنقذ الأرواح</span>
</div>
</Link>
);
};