From 368a392f7e7b24a3d7aa7a1332856233a6794273 Mon Sep 17 00:00:00 2001
From: Mubarak S <mubamuzeen09876@gmail.com>
Date: Mon, 24 Feb 2025 19:22:20 +0000
Subject: [PATCH] Upload New File
---
footer.jsx | 252 +++++++++++++++++++++++++++++++++++++++++++++++++++++
1 file changed, 252 insertions(+)
create mode 100644 footer.jsx
diff --git a/footer.jsx b/footer.jsx
new file mode 100644
index 0000000..1f69cd9
--- /dev/null
+++ b/footer.jsx
@@ -0,0 +1,252 @@
+import React from "react";
+import "./Footer.css"; // Import the CSS file
+import call from "./call.png";
+import Whatsapp from "./whatsapp.png";
+import insta from "./instagram.png";
+import world from "./world1.png";
+
+//className="m-h-screen bg-[#28409C] md:bg-[url('world.png')] md:object-right-top md:bg-cover "
+{
+ /*md:m-h-screen bg-cover" style={{backgroundImage:`url(${fat})`}}*/
+}
+function Footer() {
+ return (
+ <>
+ <div className="bg-[#28409C]">
+ <div className=" bg-[#28409C] md:bg-[url('footer3.png')] md:bg-contain bg-no-repeat">
+ <h2 className="text-white text-2xl md:text-5xl font-semibold px-3 md:px-4 py-6 md:py-6 md:font-extrabold">
+ OMPOI
+ </h2>
+ <div className="grid grid-cols-1 md:grid-cols-2 ">
+ <div className="hidden md:block object-right-bottom relative mt-[300px]">
+ <img src={world} alt="world" className=" size-[800px] " />
+ </div>
+ <div className=" ml-10 md:ml-10 mt-6 md:mt-130 mb-6 grid grid-cols-2 gap-5 md:grid-cols-4 lg:grid-cols-3">
+ <div className="text-white ">
+ <h4 className="text-2xl md:text-3xl font-semibold md:font-extrabold py-3">
+ About Us
+ </h4>
+ <ul className="font-light text-gray-300">
+ <li>
+ <a
+ href="#"
+ className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
+ >
+ Pricing
+ </a>
+ </li>
+ <li>
+ <a
+ href="#"
+ className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
+ >
+ Contact
+ </a>
+ </li>
+ <li>
+ <a
+ href="#"
+ className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
+ >
+ FAQ
+ </a>
+ </li>
+ </ul>
+ </div>
+ <div className="text-white">
+ <h4 className="text-2xl md:text-3xl font-semibold md:font-extrabold py-3">
+ Support
+ </h4>
+ <ul className="font-light text-gray-300">
+ <li>
+ <a
+ href="#"
+ className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
+ >
+ Help Center
+ </a>
+ </li>
+ <li>
+ <a
+ href="#"
+ className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
+ >
+ Terms
+ </a>
+ </li>
+ <li>
+ <a
+ href="#"
+ className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
+ >
+ Privacy
+ </a>
+ </li>
+ </ul>
+ </div>
+ <div className="text-white">
+ <h4 className="text-2xl md:text-3xl font-semibold md:font-extrabold py-3">
+ Policies
+ </h4>
+ <ul className="font-light text-gray-300">
+ <li>
+ <a
+ href="#"
+ className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
+ >
+ Return
+ </a>
+ </li>
+ <li>
+ <a
+ href="#"
+ className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
+ >
+ Refund
+ </a>
+ </li>
+ <li>
+ <a
+ href="#"
+ className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
+ >
+ Cancellation
+ </a>
+ </li>
+ </ul>
+ </div>
+ <div className="text-white">
+ <h4 className="text-2xl md:text-3xl font-semibold md:font-extrabold py-3">
+ Help
+ </h4>
+ <ul className="font-light text-gray-300">
+ <li>
+ <a
+ href="#"
+ className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
+ >
+ Your Account
+ </a>
+ </li>
+ <li>
+ <a
+ href="#"
+ className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
+ >
+ App Download
+ </a>
+ </li>
+ </ul>
+ </div>
+ <div className="text-white">
+ <h4 className="text-[13.88px] md:text-[20.88px] font-semibold md:font-extrabold py-3">
+ Make Money With Us
+ </h4>
+ <ul className="font-light text-gray-300">
+ <li>
+ <a
+ href="#"
+ className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
+ >
+ Sell on OMPOI
+ </a>
+ </li>
+ <li>
+ <a
+ href="#"
+ className="text-[17px] md:text-2xl hover:text-white cursor-pointer"
+ >
+ Register as Merchant
+ </a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div className="bg-[#28409C]">
+ <div className="bg-[#E9FAFF] flex items-center right-68 ml-[560px] rounded-tl-[30px] p-2">
+ <div className="font-semibold mr-8 text-sm relative">
+ <h1>©2025 OMPOI</h1>
+ </div>
+ <div className="relative mr-4 font-semibold text-sm">
+ <h1>Terms</h1>
+ </div>
+ <div className="relative ml-2 mr-17 font-semibold text-sm">
+ <h1>Privacy</h1>
+ </div>
+ <div className="relative font-extrabold text-sm ml-8 mr-3">
+ <h1>Made With 💙 by MIIT</h1>
+ </div>
+ <div className="relative font-semibold text-sm ml-18 mr-2">
+ <h1>Conact Us</h1>
+ </div>
+ <div className="relative flex gap-3">
+ <a href="#">
+ <img src={insta} alt="instagram" className="w-5 h-5" />
+ </a>
+ <a href="#">
+ <img src={Whatsapp} alt="Whatsapp" className="w-5 h-5" />
+ </a>
+ <a href="#">
+ <img src={call} alt="call" className="w-5 h-5" />
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </>
+ );
+}
+
+export default Footer;
+
+{
+ /* <div className="w-[1348px] z-50 ">
+ <div className="grid grid-cols-5 gap-1 bg-[#E9FAFF] p-1">
+ <div className=" text-[12px] text-black font-semibold flex items-center">
+ <h5 className="mt-3 mb-2">©2025 OMPOI</h5>
+ </div>
+ <div className="flex gap-3 mt-3 items-center">
+ <span>Terms</span>
+ <span>Privacy</span>
+ </div>
+ <div className=" flex items-center justify-center">
+ <h5 className="font-extrabold mt-3 mb-2">
+ Made With 💙 by MIIT
+ </h5>
+ </div>
+ <div className=" flex items-center justify-center">
+ <h5 className="font-semibold mt-3 mb-2">Contact us</h5>
+ <div className=" flex gap-3 mt-3 items-center justify-end">
+ <img src={insta} alt="instagram" className="w-5 h-5" />
+ <img src={Whatsapp} alt="Whatsapp" className="w-5 h-5" />
+ <img src={call} alt="call" className="w-5 h-5" />
+ </div>
+ </div>
+ </div>
+ </div> */
+}
+{
+ /* <div className="hidden md:grid grid-cols-5 gap-10 bg-[#E9FAFF] p-1 w-full">
+ <div className="text-[12px] text-black font-semibold inline-flex ">
+ <h5 className="mt-3 mb-2">©2025 OMPOI</h5>
+ <div className="flex gap-5 mt-3 ">
+ <span className="ml-4">Terms</span> <span>Privacy</span>
+ </div>
+ <div>
+ <h5 className="font-extrabold ml-40 mt-3 mb-2">
+ Made With 💙 by MIIT{" "}
+ </h5>
+ </div>
+ <div className="inline-flex">
+ <h5 className="font-semibold ml-30 mt-3 mb-2"> Conact us</h5>
+ </div>
+ <div className="flex gap-3 ml-2 mt-3">
+ <img src={insta} alt="instgram" className="w-5 h-5" />
+ <img src={Whatsapp} alt="Whatsapp" className="w-5 h-5" />
+ <img src={call} alt="call" className="w-5 h-5" />
+ </div>
+ </div>
+ </div> */
+}
--
GitLab