added about-us and teams section to landing page

Author: Ojas13-git

src/pages/about-us.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import About from '@/views/landing-page/About'
+
+const AboutUs = () => {
+  return (
+    <About/>
+  )
+}
+
+export default AboutUs

src/pages/team.tsx

@@ -0,0 +1,10 @@
+import Team from '@/views/landing-page/Team'
+import React from 'react'
+
+const team = () => {
+  return (
+    <Team/>
+  )
+}
+
+export default team

src/styles/main.sass

@@ -5,6 +5,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap')
 @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap')
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;500;700&display=swap')
+@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:wght@200;300;400;600;800&display=swap')
 *
   @apply box-border
 

src/views/landing-page/About.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import Navbar from './Navbar';
+import Footer from './Footer';
+import TeamSection2 from './components/TeamSection2';
+
+const About = () => {
+  return (
+    <div>
+        <Navbar/>
+        <div className="pt-20 bg-center bg-auto bg-no-repeat bg-origin-content " style={{ backgroundImage: "url('/')",}}>
+        <TeamSection2/>
+        </div>
+        <Footer/>
+    </div>
+  )
+}
+
+export default About;

src/views/landing-page/Footer.tsx

@@ -1,4 +1,5 @@
 /* eslint-disable @next/next/no-img-element */
+import Link from 'next/link';
 import React, { useState } from 'react';
 import { FaCopy } from 'react-icons/fa';
 
@@ -98,22 +99,22 @@ const Footer = () => {
                         <h4 className="text-xl text-[#F0F0F0] font-inter font-medium mb-3">Product</h4>
                         <ul className="text-sm transition-all duration-500 whitespace-nowrap">
                             <li className="mb-2">
-                                <a href="javascript:;" className="text-[#9E9E9E] text-lg hover:text-white">
+                                <a href="https://jiffyscan.xyz/" className="text-[#9E9E9E] text-lg hover:text-white">
                                     Explorer as a Service
                                 </a>
                             </li>
                             <li className="mb-2">
-                                <a href="javascript:;" className="text-[#9E9E9E] text-lg hover:text-white">
+                                <a href="https://jiffyscan.mintlify.app/Quickstart/bundler" className="text-[#9E9E9E] text-lg hover:text-white">
                                     Bundler API
                                 </a>
                             </li>
                             <li className="mb-2">
-                                <a href="javascript:;" className="text-[#9E9E9E] text-lg hover:text-white">
+                                <a href="https://jiffyscan.mintlify.app/Quickstart/paymaster" className="text-[#9E9E9E] text-lg hover:text-white">
                                     Paymaster API
                                 </a>
                             </li>
                             <li className="mb-2">
-                                <a href="javascript:;" className="text-[#9E9E9E] text-lg hover:text-white">
+                                <a href="https://jiffyscan.mintlify.app/Quickstart/dataapis" className="text-[#9E9E9E] text-lg hover:text-white">
                                     Data API
                                 </a>
                             </li>
@@ -129,9 +130,9 @@ const Footer = () => {
                         <h4 className="text-xl text-[#F0F0F0] font-inter font-medium mb-3">Company</h4>
                         <ul className="text-sm transition-all duration-500 whitespace-nowrap">
                             <li className="mb-2">
-                                <a href="javascript:;" className="text-[#9E9E9E] text-lg hover:text-white">
-                                    Our Team
-                                </a>
+                                <Link href="/about-us" className="text-[#9E9E9E] text-lg hover:text-white">
+                                    About Us
+                                </Link>
                             </li>
                             <li className="mb-2">
                                 <a href="javascript:;" className="text-[#9E9E9E] text-lg hover:text-white">
@@ -180,9 +181,9 @@ const Footer = () => {
                                 </a>
                             </li>
                             <li>
-                                <a href="javascript:;" className="text-[#9E9E9E] text-lg hover:text-white">
+                                <Link href="/pricing" className="text-[#9E9E9E] text-lg hover:text-white">
                                     FAQ
-                                </a>
+                                </Link>
                             </li>
                         </ul>
                     </div>

src/views/landing-page/Team.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import Navbar from './Navbar'
+import Footer from './Footer'
+import TeamSection from './components/TeamSection'
+
+const Team = () => {
+  return (
+    <div>
+        <Navbar/>
+        <div className="pt-20 bg-center bg-auto bg-no-repeat bg-origin-content " style={{ backgroundImage: "url('/')",}}>
+        <TeamSection/>
+        </div>
+        <Footer/>
+    </div>
+  )
+}
+
+export default Team