feat: footer

src/app/components/Footer/Footer.tsx

@@ -0,0 +1,75 @@
+import Image from "next/image";
+import Link from "next/link";
+
+const Footer = () => {
+  return (
+    <footer className="py-12">
+      <div className="container flex flex-col items-center justify-center gap-6">
+        <div className="mx-auto">
+          <Link href="#header">
+            <Image
+              src="/images/logo.svg"
+              width={196}
+              height={40}
+              alt="FrontChapter Logo"
+              className="h-full w-44"
+            />
+          </Link>
+        </div>
+        <p className="font-thin text-gray-200">
+          ساخته و پرداخته شده با <span className="animate-pulse">❤️</span> در
+          فرانت‌چپتر
+        </p>
+        <div className="grid grid-cols-5 grid-rows-1 gap-4 py-8 text-xs">
+          <div className="text-center">
+            <a
+              href="https://t.me/FrontChapter"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              کانال تلگرام
+            </a>
+          </div>
+          <div className="text-center">
+            <a
+              href="https://t.me/FrontChapterGroup"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              گروه تلگرام
+            </a>
+          </div>
+          <div className="text-center">
+            <a
+              href="https://www.instagram.com/frontchapter"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              اینستاگرام
+            </a>
+          </div>
+          <div className="text-center">
+            <a
+              href="https://www.linkedin.com/company/frontchapter"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              لینکدین
+            </a>
+          </div>
+          <div className="text-center">
+            <a
+              href="https://conf1400.frontchapter.ir/"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              همایش ۱۴۰۰
+            </a>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+};
+
+export default Footer;

src/app/components/Footer/index.ts

@@ -0,0 +1 @@
+export { default } from "./Footer";

src/app/page.tsx

@@ -6,6 +6,7 @@ import AdditionalPlans from "./components/AdditionalPlans";
 import ConferenceLocation from "./components/ConferenceLocation";
 import ConferenceTicket from "./components/ConferenceTicket/ConferenceTicket";
 import CountDown from "./components/CountDown";
+import Footer from "./components/Footer";
 import Hero from "./components/Hero/Hero";
 import Speakers from "./components/Speakers/Speakers";
 import Timeline from "./components/Timeline";
@@ -22,6 +23,7 @@ export default function Home() {
         <ConferenceLocation />
         <ConferenceTicket />
         <AdditionalPlans />
+        <Footer />
         {/* <Tweets /> */}
       </main>
       <GoogleAnalytics gaId="G-G0H1X12MC" />

src/components/Navbar.tsx

@@ -6,7 +6,10 @@ import { RiCouponFill, RiMenuLine } from "react-icons/ri";
 
 const Navbar = () => {
   return (
-    <header className="bg-[background: rgba(24, 24, 27, 0.80)] sticky top-0 z-50 border-b border-gray-700 backdrop-blur-lg">
+    <header
+      id="header"
+      className="bg-[background: rgba(24, 24, 27, 0.80)] sticky top-0 z-50 border-b border-gray-700 backdrop-blur-lg"
+    >
       <nav className="container flex items-center justify-between gap-4 py-3 lg:grid lg:grid-cols-3 lg:grid-rows-1 lg:py-6">
         <ul className="hidden items-center justify-start gap-4 text-center text-base leading-6 lg:flex">
           {navbarLinks.map(({ href, title }) => (

src/styles/globals.css

@@ -1,3 +1,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+html {
+  scroll-behavior: smooth;
+}