diff --git a/public/assets/logos/logo_dark.svg b/public/assets/logos/logo_dark.svg new file mode 100644 index 0000000..4edc889 --- /dev/null +++ b/public/assets/logos/logo_dark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/team/florian.jpg b/public/images/team/florian.jpg new file mode 100644 index 0000000..73adfc7 Binary files /dev/null and b/public/images/team/florian.jpg differ diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 14af7d9..96c0239 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,32 +1,78 @@ -import { SVGProps } from 'react' -import { EnvelopeIcon } from '@heroicons/react/20/solid' +import Link from 'next/link' +import type { SVGProps } from 'react' +import { Logo_darkbg } from '@/components/Logo_darkbg' const navigation = { + solutions: [ + { name: 'Marketing', href: '' }, + { name: 'Analytics', href: '' }, + { name: 'Automation', href: '' }, + { name: 'Commerce', href: '' }, + { name: 'Insights', href: '' }, + ], + support: [ + { name: 'Submit ticket', href: '' }, + { name: 'Documentation', href: '' }, + { name: 'Guides', href: '' }, + ], + company: [ + { name: 'About', href: '' }, + { name: 'Blog', href: '' }, + { name: 'Jobs', href: '' }, + { name: 'Press', href: '' }, + ], + legal: [ + { name: 'Terms of service', href: '' }, + { name: 'Privacy policy', href: '' }, + { name: 'License', href: '' }, + ], social: [ { - name: 'LinkedIn', - href: 'https://www.linkedin.com/company/ourworld-ventures', + name: 'Facebook', + href: '', icon: (props: SVGProps) => ( - + + fillRule="evenodd" + d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" + clipRule="evenodd" + /> ), }, { - name: 'Email', - href: 'mailto:info@ourworld.tf', + name: 'Instagram', + href: '', icon: (props: SVGProps) => ( - + + + + ), + }, + { + name: 'X', + href: '', + icon: (props: SVGProps) => ( + + + + ), + }, + { + name: 'GitHub', + href: '', + icon: (props: SVGProps) => ( + + + ), }, ], @@ -34,19 +80,83 @@ const navigation = { export function Footer() { return ( -