52 lines
1.5 KiB
JavaScript
52 lines
1.5 KiB
JavaScript
import React from "react";
|
|
import { ContactButton, Grid, Icon, Text } from ".";
|
|
import { FacebookSvg, EnvelopeSvg, MobileSvg, PhoneSvg } from "../icons";
|
|
import styles from "./Footer.module.css";
|
|
|
|
export default function Footer() {
|
|
const year = new Date().getFullYear();
|
|
return (
|
|
<footer className={styles.footer}>
|
|
<div className={styles.content}>
|
|
<Grid mdFillFit>
|
|
<div className={styles.buttons}>
|
|
<ContactButton href="tel:+442071013958" size="sm">
|
|
<Icon size="lg">
|
|
<PhoneSvg />
|
|
</Icon>
|
|
02071 013958
|
|
</ContactButton>
|
|
<ContactButton href="tel:+447979173138" size="sm">
|
|
<Icon size="lg">
|
|
<MobileSvg />
|
|
</Icon>
|
|
07979 173138
|
|
</ContactButton>
|
|
</div>
|
|
<div className={styles.buttons}>
|
|
<ContactButton href="mailto:costeadany00@gmail.com" size="sm">
|
|
<Icon size="lg">
|
|
<EnvelopeSvg />
|
|
</Icon>
|
|
costeadany00@gmail.com
|
|
</ContactButton>
|
|
<ContactButton
|
|
href="https://www.facebook.com/people/ABC-Project-Design/100088268944294/"
|
|
size="sm"
|
|
>
|
|
<Icon size="lg">
|
|
<FacebookSvg />
|
|
</Icon>
|
|
Facebook
|
|
</ContactButton>
|
|
</div>
|
|
</Grid>
|
|
<Text size="xs">
|
|
©
|
|
{year} ABC Project Ltd
|
|
</Text>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|