Add Powered by SimpleLogin

Merge pull request #22 from ayushk1804/main

pages/index.js

@@ -10,7 +10,8 @@ import { Sidebar } from "../src/Components/Sidebar/Sidebar";
 import { FAQSection } from "../src/Components/IndexPageComponents/FAQSection/FAQSection";
 import { HostSection } from "../src/Components/IndexPageComponents/HostSection/HostSection";
 import { CTAButton } from "../src/Components/IndexPageComponents/CTAButton/CTAButton";
-import Footer from "../src/Components/Footer/Footer";
+import { PoweredBySection } from "../src/Components/IndexPageComponents/PoweredBySection/PoweredBySection";
+// import Footer from "../src/Components/Footer/Footer";
 
 export default function Home() {
   const [isSidebarOpen, setSidebarOpen] = useState(false);
@@ -103,6 +104,7 @@ export default function Home() {
         <FAQSection />
         <HostSection />
         <CTAButton />
+        <PoweredBySection />
         {/* <Footer /> */}
       </div>
     </div>

src/Components/IndexPageComponents/PoweredBySection/PoweredBySection.js

@@ -0,0 +1,21 @@
+import Image from "next/image";
+const PoweredBySection = () => {
+  return (
+    <div className="w-full flex place-items-center bg-theme-card p-5">
+      <div className="m-auto flex place-items-center gap-2 md:gap-5">
+        <h3 className="text-theme-primary-600 text-lg md:text-2xl">Powered By</h3>
+        <div className="flex place-items-center">
+          <Image
+            className="object-fit"
+            src="/Assets/Images/PoweredBy/SimpleLogin.svg"
+            alt="SimpleLogin"
+            width={180}
+            height={30}
+          />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export { PoweredBySection };