From a5de09e3f888fa4984fb22972b7fb223d88de895 Mon Sep 17 00:00:00 2001
From: Sagar Bera <86586277+sboy99@users.noreply.github.com>
Date: Wed, 18 Jan 2023 18:15:59 +0530
Subject: [PATCH] feat: Added Footer Section (#20)
* style: added rounded button component style
* feat: added external links
* feat: added and designed footer section
---
src/components/footer/FooterList.tsx | 32 +++++++++++++++++++
src/components/footer/Slogun.tsx | 17 ++++++++++
src/components/footer/index.tsx | 47 +++++++++++++++++++++++++++-
src/data/HeroLinks.ts | 19 +++++++++++
src/styles/components.css | 5 +++
5 files changed, 119 insertions(+), 1 deletion(-)
create mode 100644 src/components/footer/FooterList.tsx
create mode 100644 src/components/footer/Slogun.tsx
create mode 100644 src/data/HeroLinks.ts
diff --git a/src/components/footer/FooterList.tsx b/src/components/footer/FooterList.tsx
new file mode 100644
index 0000000..fc0ceab
--- /dev/null
+++ b/src/components/footer/FooterList.tsx
@@ -0,0 +1,32 @@
+import HeroLinks from '@/data/HeroLinks';
+import { links } from '@/data/menu-links';
+import Link from 'next/link';
+import { FC } from 'react';
+
+const FooterList: FC = () => {
+ return (
+
+
+ {links.map((link, indx) => (
+
+ -
+ {link.title}
+
+
+ ))}
+
+
+ {HeroLinks.map((link, indx) => (
+
+ -
+
+ {link.title}
+
+
+ ))}
+
+
+ );
+};
+
+export default FooterList;
diff --git a/src/components/footer/Slogun.tsx b/src/components/footer/Slogun.tsx
new file mode 100644
index 0000000..e750ba9
--- /dev/null
+++ b/src/components/footer/Slogun.tsx
@@ -0,0 +1,17 @@
+import TypoComp from '@utilities/typo-component';
+import { FC } from 'react';
+
+const Slogun: FC = () => {
+ const year = new Date().getFullYear();
+ return (
+
+
+ On your mark, Get Set,
+ Open Source
+ © {year} PBC Life. All rights reserved
+
+
+ );
+};
+
+export default Slogun;
diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx
index 622ef80..361f137 100644
--- a/src/components/footer/index.tsx
+++ b/src/components/footer/index.tsx
@@ -1,3 +1,48 @@
+import { StarIcon } from '@heroicons/react/24/solid';
+import Container from '@layouts/container';
+import Logo from '@utilities/logo';
+import colors from 'tailwindcss/colors';
+import Glow from '../utilities/glow';
+import GradientBG from '../utilities/gradient-bg';
+import FooterList from './FooterList';
+import Slogun from './Slogun';
+
export default function Footer() {
- return Footer
;
+ return (
+
+ );
}
diff --git a/src/data/HeroLinks.ts b/src/data/HeroLinks.ts
new file mode 100644
index 0000000..0a28792
--- /dev/null
+++ b/src/data/HeroLinks.ts
@@ -0,0 +1,19 @@
+import ForkIcon from '@/components/icons/fork';
+import GithubIcon from '@/components/icons/github';
+
+const HeroLinks = [
+ {
+ id: 1,
+ Icon: ForkIcon,
+ title: `Fork`,
+ href: `https://github.com/pbclife/gitopener.vercel.app/fork`,
+ },
+ {
+ id: 2,
+ Icon: GithubIcon,
+ title: `Repository`,
+ href: `https://github.com/pbclife/gitopener.vercel.app`,
+ },
+];
+
+export default HeroLinks;
diff --git a/src/styles/components.css b/src/styles/components.css
index 020aaba..d25e363 100644
--- a/src/styles/components.css
+++ b/src/styles/components.css
@@ -1 +1,6 @@
@tailwind components;
+@layer components {
+ .rounded-btn {
+ @apply rounded-full px-6 py-3 outline-none;
+ }
+}