Initial React project
This commit is contained in:
@@ -1,4 +1,5 @@
|
|||||||
import { Facebook, Instagram, Linkedin } from 'lucide-react';
|
import { Facebook, Instagram, Linkedin } from 'lucide-react';
|
||||||
|
import appIcon from '../../../assets/appicon.png';
|
||||||
|
|
||||||
export function SiteFooter() {
|
export function SiteFooter() {
|
||||||
return (
|
return (
|
||||||
@@ -7,24 +8,19 @@ export function SiteFooter() {
|
|||||||
<div className="mb-16">
|
<div className="mb-16">
|
||||||
<div>
|
<div>
|
||||||
<a href="/home" className="flex items-center gap-2 mb-6 group outline-none inline-flex">
|
<a href="/home" className="flex items-center gap-2 mb-6 group outline-none inline-flex">
|
||||||
<svg viewBox="0 0 100 100" className="w-8 h-8 rounded-lg shadow-sm transition-transform group-hover:scale-105">
|
<img
|
||||||
<defs>
|
src={appIcon}
|
||||||
<linearGradient id="siteFooterLogoBg" x1="0%" y1="100%" x2="100%" y2="0%">
|
alt="Arbejd logo"
|
||||||
<stop offset="0%" stopColor="#1A9A75" />
|
className="w-8 h-8 rounded-lg shadow-[0_4px_15px_rgba(49,103,201,0.2)] group-hover:shadow-[0_6px_20px_rgba(49,103,201,0.3)] transition-all group-hover:scale-105 object-cover"
|
||||||
<stop offset="100%" stopColor="#3167C9" />
|
/>
|
||||||
</linearGradient>
|
<span className="text-xl font-normal tracking-tight text-gray-900">Arbejd.com</span>
|
||||||
<linearGradient id="siteFooterLogoFg" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
||||||
<stop offset="0%" stopColor="#6ACEEB" />
|
|
||||||
<stop offset="100%" stopColor="#46D3B6" />
|
|
||||||
</linearGradient>
|
|
||||||
</defs>
|
|
||||||
<rect width="100" height="100" fill="url(#siteFooterLogoBg)" />
|
|
||||||
<path fillRule="evenodd" clipRule="evenodd" d="M 60 15 L 72 15 L 72 85 L 60 85 L 60 72.98 A 28 28 0 1 1 60 27.02 Z M 44 34 A 16 16 0 1 0 44 66 A 16 16 0 1 0 44 34 Z" fill="url(#siteFooterLogoFg)" />
|
|
||||||
</svg>
|
|
||||||
<span className="text-xl font-normal tracking-tight text-gray-900 uppercase">ARBEJD</span>
|
|
||||||
</a>
|
</a>
|
||||||
<p className="text-base text-gray-600 font-normal leading-relaxed max-w-xs mb-6 drop-shadow-sm">
|
<p className="text-base text-gray-600 font-normal leading-relaxed max-w-xs mb-6 drop-shadow-sm">
|
||||||
Danmarks nye, intelligente jobportal, der bringer virksomheder og talent sammen gennem avanceret AI-teknologi.
|
Arbejd.com
|
||||||
|
<br />
|
||||||
|
Din hurtigste vej til
|
||||||
|
<br />
|
||||||
|
dit næste job
|
||||||
</p>
|
</p>
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
<a
|
<a
|
||||||
|
|||||||
Reference in New Issue
Block a user