+
-
- {/*
-
-
*/}
- {/*
*/}
-
-
- Donate to {" "}
-
- {/*
Let's grow together */}
+
+
+
Help us sustain
+
Our Mission
+
+ Foster innovation culture, introduce new
+ technologies, and develop skilled entrepreneurs.
+
+
+
+
+
30k+
+ Students
+
+
+
300+
+ Events
+
+
+
+
+
+
-
- An informal mechanism for bringing together learners who are
- interested in the same topic from across different fields
- and disciplines. A fantastic way to spend a small amount of
- time learning about new things with a group of people with
- same interests!
-
+
+
+
+
+ Make Learning Accessible
+ ✦
+ Transform Education Today
+ ✦
+ Build Brighter
+ Futures
+ ✦
+ Make Learning Accessible
+ ✦
+
+
-
-
+
+
);
};
diff --git a/src/modules/Public/Donation/assets/footer/facebook.webp b/src/modules/Public/Donation/assets/footer/facebook.webp
new file mode 100644
index 000000000..40dd03239
Binary files /dev/null and b/src/modules/Public/Donation/assets/footer/facebook.webp differ
diff --git a/src/modules/Public/Donation/assets/footer/instagram.webp b/src/modules/Public/Donation/assets/footer/instagram.webp
new file mode 100644
index 000000000..71a91f188
Binary files /dev/null and b/src/modules/Public/Donation/assets/footer/instagram.webp differ
diff --git a/src/modules/Public/Donation/assets/footer/linkedin.webp b/src/modules/Public/Donation/assets/footer/linkedin.webp
new file mode 100644
index 000000000..6a10b8ab0
Binary files /dev/null and b/src/modules/Public/Donation/assets/footer/linkedin.webp differ
diff --git a/src/modules/Public/Donation/assets/footer/twitter.webp b/src/modules/Public/Donation/assets/footer/twitter.webp
new file mode 100644
index 000000000..7e278fbf5
Binary files /dev/null and b/src/modules/Public/Donation/assets/footer/twitter.webp differ
diff --git a/src/modules/Public/Donation/assets/footer/whatsapp.svg b/src/modules/Public/Donation/assets/footer/whatsapp.svg
new file mode 100644
index 000000000..b009a8b56
--- /dev/null
+++ b/src/modules/Public/Donation/assets/footer/whatsapp.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/modules/Public/Donation/assets/footer/youtube.webp b/src/modules/Public/Donation/assets/footer/youtube.webp
new file mode 100644
index 000000000..1157be47d
Binary files /dev/null and b/src/modules/Public/Donation/assets/footer/youtube.webp differ
diff --git "a/src/modules/Public/Donation/assets/footer/\302\265Learn-white.webp" "b/src/modules/Public/Donation/assets/footer/\302\265Learn-white.webp"
new file mode 100644
index 000000000..b9b321571
Binary files /dev/null and "b/src/modules/Public/Donation/assets/footer/\302\265Learn-white.webp" differ
diff --git a/src/modules/Public/Donation/assets/heroImg.jpg b/src/modules/Public/Donation/assets/heroImg.jpg
new file mode 100644
index 000000000..c6023d925
Binary files /dev/null and b/src/modules/Public/Donation/assets/heroImg.jpg differ
diff --git a/src/modules/Public/Donation/assets/icfoss.png b/src/modules/Public/Donation/assets/icfoss.png
new file mode 100644
index 000000000..db5a20913
Binary files /dev/null and b/src/modules/Public/Donation/assets/icfoss.png differ
diff --git a/src/modules/Public/Donation/assets/kdisc.png b/src/modules/Public/Donation/assets/kdisc.png
new file mode 100644
index 000000000..90d9e0080
Binary files /dev/null and b/src/modules/Public/Donation/assets/kdisc.png differ
diff --git a/src/modules/Public/Donation/assets/kdu.png b/src/modules/Public/Donation/assets/kdu.png
new file mode 100644
index 000000000..eca916ae3
Binary files /dev/null and b/src/modules/Public/Donation/assets/kdu.png differ
diff --git a/src/modules/Public/Donation/assets/receipt/.svg b/src/modules/Public/Donation/assets/receipt/.svg
new file mode 100644
index 000000000..b0f318b28
--- /dev/null
+++ b/src/modules/Public/Donation/assets/receipt/.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
diff --git a/src/modules/Public/Donation/assets/receipt/group-75.svg b/src/modules/Public/Donation/assets/receipt/group-75.svg
new file mode 100644
index 000000000..22ebbce09
--- /dev/null
+++ b/src/modules/Public/Donation/assets/receipt/group-75.svg
@@ -0,0 +1,5 @@
+
+
+
+
diff --git a/src/modules/Public/Donation/assets/receipt/learn.svg b/src/modules/Public/Donation/assets/receipt/learn.svg
new file mode 100644
index 000000000..ab954c959
--- /dev/null
+++ b/src/modules/Public/Donation/assets/receipt/learn.svg
@@ -0,0 +1,8 @@
+
+
diff --git a/src/modules/Public/Donation/assets/receipt/logo.png b/src/modules/Public/Donation/assets/receipt/logo.png
new file mode 100644
index 000000000..2a9bcf6dd
Binary files /dev/null and b/src/modules/Public/Donation/assets/receipt/logo.png differ
diff --git a/src/modules/Public/Donation/assets/receipt/logo.svg b/src/modules/Public/Donation/assets/receipt/logo.svg
new file mode 100644
index 000000000..db38ae0d5
--- /dev/null
+++ b/src/modules/Public/Donation/assets/receipt/logo.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
diff --git a/src/modules/Public/Donation/assets/receipt/vector.svg b/src/modules/Public/Donation/assets/receipt/vector.svg
new file mode 100644
index 000000000..6c68578a2
--- /dev/null
+++ b/src/modules/Public/Donation/assets/receipt/vector.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/modules/Public/Donation/assets/receipt/watermark.svg b/src/modules/Public/Donation/assets/receipt/watermark.svg
new file mode 100644
index 000000000..03fdf5c41
--- /dev/null
+++ b/src/modules/Public/Donation/assets/receipt/watermark.svg
@@ -0,0 +1,3 @@
+
+
diff --git "a/src/modules/Public/Donation/assets/\302\265.png" "b/src/modules/Public/Donation/assets/\302\265.png"
new file mode 100644
index 000000000..4f185d605
Binary files /dev/null and "b/src/modules/Public/Donation/assets/\302\265.png" differ
diff --git "a/src/modules/Public/Donation/assets/\302\265.webp" "b/src/modules/Public/Donation/assets/\302\265.webp"
deleted file mode 100644
index e1f19d2d7..000000000
Binary files "a/src/modules/Public/Donation/assets/\302\265.webp" and /dev/null differ
diff --git a/src/modules/Public/Donation/components/Footer.module.css b/src/modules/Public/Donation/components/Footer.module.css
index cdc22543f..88ed88294 100644
--- a/src/modules/Public/Donation/components/Footer.module.css
+++ b/src/modules/Public/Donation/components/Footer.module.css
@@ -1,125 +1,235 @@
-.footer {
- padding: 5rem;
- background: #e0eeff;
- color: #000;
-}
-.footer > hr {
- border: 1px solid #000;
- opacity: 0.2;
- margin: 5rem 0;
-}
-.container {
- display: flex;
- gap: 7rem;
-}
-
-.centerContainer {
- justify-content: center;
-}
-
-.footerSection {
- display: flex;
- flex-direction: column;
- gap: 1rem;
-}
-
-.footerLogo {
+.mainfooter_container {
+ margin-top: 2rem;
+ background-color: #E0EEFF;
+ color: black;
+ position: relative;
+ /* z-index: -1; */
+ }
+
+ .footer_container {
+ padding: 2rem;
+ }
+
+ @media only screen and (min-width: 1000px) {
+ .footer_container {
+ max-width: 1300px;
+ margin: auto;
+ }
+ }
+
+ .mulearn {
+ width: 6rem;
+ filter: invert();
+ }
+
+ .links {
+ margin-top: 1rem;
display: flex;
- flex-direction: column;
- width: 25%;
- padding: 0 2rem;
- gap: 2rem;
+ flex-direction: row;
+ }
+ @media (max-width: 767px) {
+ .links_mobile {
+ display: flex;
+ }
+ }
+
+ .link {
+ margin-top: 0;
+ margin-right: 1rem;
+ font-weight: 400;
+ font-size: 0.9rem;
+ }
+
+ .link:hover {
+ color:var(--blue);
+ }
+
+ .line {
+ margin-top: 2rem;
+ background-color: rgb(97, 97, 97);
+ width: 100%;
+ height: 2px;
+ }
+
+ a {
+ font-weight: 500;
+ }
+
+ .address,
+ .mail {
+ margin-top: 1rem;
font-size: 0.8rem;
-}
-
-.footerLogo img {
- width: 60%;
-}
-
-.footerLogo p {
- text-align: left;
-}
-
-.title {
+ font-weight: 400;
+ width: 75%;
+ }
+
+ .mail {
+ color:var(--blue);
+ margin-bottom: 0.5rem;
+ }
+
+ .social {
+ height: 2rem;
+ width: 2rem;
+ margin-top: 2rem;
+ margin-right: 1rem;
+ transition: 0.5s ease;
+ filter: invert();
+ }
+
+ .social:hover {
+ transform: scale(1.3);
+ }
+
+ @media only screen and (min-width: 1000px) {
+ .first_section {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: flex-end;
+ }
+
+ .address_container {
+ font-size: 0.9rem;
+ width: 35%;
+ }
+
+ .address,
+ .mail {
+ margin-top: 2rem;
+ font-size: 0.9rem;
+ font-weight: 400;
+ width: 75%;
+ }
+ }
+
+ .mail {
font-weight: 600;
-}
-.links {
+ }
+
+ .mailus {
+ display: block;
+ padding-top: 1rem;
+ color: rgb(176, 176, 245);
+ }
+
+ .title {
+ font-size: 2rem;
+ font-weight: 700;
+ color: #5e72e4;
+ }
+
+ .fheadingtext {
+ font-size: 1.1rem;
+ color: white;
+ margin-top: 4vh;
+ }
+
+ .fparagraph {
+ font-size: 0.8rem;
+ font-weight: 300;
+ color: white;
+ }
+
+ .newsletterinvite {
display: flex;
- flex-direction: column;
- gap: 1rem;
+ flex-direction: row;
+ }
+
+ .invite_container {
+ position: relative;
+ background-color: white;
+ padding: 0.5rem 1rem;
+ margin-top: 2vh;
+ border-radius: 5px;
+ }
+
+ .invite_container input {
font-size: 0.8rem;
-}
-.links > a:hover {
- color: #2e85fe;
-}
-.socialMedia {
+ border: none;
+ padding: 0.5rem;
+ width: 12.5rem;
+ }
+
+ .invite_container button {
+ border: none;
+ font-size: 0.8rem;
+ color: white;
+ background-color: #f6832a;
+ padding: 0.5rem 1.75rem;
+ border-radius: 3px;
+ }
+
+ .invite_container button:hover {
+ background-color: #fd7915;
+ }
+
+ input:focus,
+ select:focus,
+ textarea:focus,
+ button:focus {
+ outline: none;
+ }
+
+ .newsletter {
+ width: 20rem;
+ }
+
+ .newslettertext {
+ color: white;
display: flex;
- gap: 2rem;
- font-size: x-large;
-}
-.legal {
+ flex-direction: row;
+ }
+
+ .fs_rightside {
display: flex;
- gap: 1.5rem;
- font-size: 0.8rem;
-}
-.copyRight {
- font-size: 0.9rem;
-}
-@media screen and (max-width: 1000px) {
- .container {
- flex-direction: column;
- align-items: center;
- gap: 4rem;
- }
-
- .footerLogo {
- width: 100%;
- max-width: 30rem;
- align-items: center;
- margin: 3rem;
- }
-
- .footerLogo p {
- text-align: center;
- }
-
- .footerSection {
- display: none;
- }
- .footer > hr {
- display: none;
- }
- .socialMedia {
- justify-content: center;
- }
- .legal {
- justify-content: center;
- flex-direction: column;
- align-items: center;
+ }
+
+ @media only screen and (min-width: 1000px) {
+ .right_side {
+ width: 30%;
}
- .copyRight {
- text-align: center;
+ .left_links {
+ display: flex;
}
-}
-@media screen and (max-width: 800px) {
- .container {
- gap: 2rem;
+
+ .larger_screen {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ margin-top: 0.5rem;
}
-
- .footerLogo {
- width: 19rem;
+ .newsletter {
+ width: 20rem;
+ text-align: right;
}
-
- .footerLogo p {
- display: none;
+
+ .bottom_section {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-between;
}
-}
-@media screen and (max-width: 380px) {
- .socialMedia {
- font-size: large;
+ }
+
+ .bottomcopyright {
+ position: absolute;
+ bottom: 0;
+ color: black;
+ background-color: #E0EEFF;
+ width: 100%;
+ text-align: center;
+ padding: 5px 0px 5px 0px;
+ font-size: 0.6rem;
+ }
+ @media (max-width: 767px) {
+ .mobile_line_break {
+ display: block;
}
-
- .footerLogo {
- width: 15rem;
+ }
+
+ @media (min-width: 768px) {
+ .mobile-line-break {
+ display: inline;
}
-}
+ }
\ No newline at end of file
diff --git a/src/modules/Public/Donation/components/Footer.tsx b/src/modules/Public/Donation/components/Footer.tsx
index 3a7fd981a..ab5cc7426 100644
--- a/src/modules/Public/Donation/components/Footer.tsx
+++ b/src/modules/Public/Donation/components/Footer.tsx
@@ -1,124 +1,173 @@
+import React from "react";
import styles from "./Footer.module.css";
-import { footerData } from "../services/footerData";
import { Link } from "react-router-dom";
-import {
- RiWhatsappFill,
- RiTwitterFill,
- RiInstagramFill,
- RiLinkedinBoxFill,
- RiYoutubeFill,
- RiFacebookBoxFill
-} from "react-icons/ri";
-export default function Footer() {
- return (
-
-
-
-
-
-
-
- {footerData.map((data, index) => {
- return (
-
- );
- })}
+import waIcon from "../assets/footer/whatsapp.svg"
+import twitterIcon from "../assets/footer/twitter.webp"
+import instaIcon from "../assets/footer/instagram.webp"
+import linkedInIcon from "../assets/footer/linkedin.webp"
+import ytIcon from "../assets/footer/youtube.webp"
+import fbIcon from "../assets/footer/facebook.webp"
+import MulearnWhite from "../assets/footer/µLearn-white.webp"
+
+
+function scrollTop() {
+ window.scrollTo({
+ top: 0,
+ behavior: "smooth",
+ });
+}
+
+const Footer = () => {
+ return (
+
+
+
+
+
+
+
+
+
+
Terms and Condition
+
+
+
Privacy Policy
+
-
-
+
+
+
+
+
+
+
+
+
+ Technopark Trivandrum, Kazhakkoottam, Trivandrum - 695581,
+ Kerala, India
+
+
+
+ info@mulearn.org
+
+
+
+
+ {/*
+
+
+
Join Our Mailing List
+
+ Join Our Mailing List Be the first to know about upcoming
+ coding workshops, new coding tools, and other Mulearn related
+ news.
+
+
+
+ Join
+
-
- );
-}
+
*/}
+
+
+
+
+
µLearn Foundation | Copyright © 2023 All rights reserved.
+
+
+ );
+};
+
+export default Footer;
\ No newline at end of file
diff --git a/src/modules/Public/Donation/components/Navbar.module.css b/src/modules/Public/Donation/components/Navbar.module.css
index 9f546d4a9..aee17792b 100644
--- a/src/modules/Public/Donation/components/Navbar.module.css
+++ b/src/modules/Public/Donation/components/Navbar.module.css
@@ -1,18 +1,24 @@
.LClandingPageNav {
- position: absolute;
+ position: fixed;
top: 0;
width: 100%;
- z-index: 1;
+ z-index: 2;
display: flex;
- justify-content: space-between;
- padding: 3rem 5rem;
+ justify-content: space-around;
+ padding: 1rem 0rem;
+ gap: 10vw;
+ backdrop-filter:blur(30px);
+}
+.LClandingPageNav img{
+ width: 32px;
+ height: 40px;
}
-
.LClandingPageNav .navLinks,
.LClandingPageNav .navLinks div {
display: flex;
align-items: center;
- gap: 2rem;
+ gap: 3rem;
+ font-size: 1.1rem;
}
.LClandingPageNav .navLinks div {
@@ -23,17 +29,19 @@
.LClandingPageNav .navLinks button {
background: var(--blue);
border-radius: var(--borderRadius);
- padding: 0.5rem 1rem;
- font-size: 0.8rem;
+ padding: .5rem 2rem;
+ font-size: 1.1rem;
color: #fff;
}
-@media (width <=820px) {
+@media (width <=800px) {
.LClandingPageNav {
- padding: 3rem 2rem;
+ justify-content: space-between;
+ padding: 2rem 2rem;
}
- .LClandingPageNav .navLinks {
+ .LClandingPageNav .navLinks div{
display: none;
}
+
}
diff --git a/src/modules/Public/Donation/components/Navbar.tsx b/src/modules/Public/Donation/components/Navbar.tsx
index cdcbd4ad6..3ebdeb226 100644
--- a/src/modules/Public/Donation/components/Navbar.tsx
+++ b/src/modules/Public/Donation/components/Navbar.tsx
@@ -1,13 +1,13 @@
import styles from "./Navbar.module.css";
import { Link, useNavigate} from "react-router-dom";
-
+import logo from "../assets/µ.png"
export default function Navbar(){
const navigate = useNavigate();
return(
-
About
diff --git a/src/modules/Public/Donation/pages/DonationSuccess.tsx b/src/modules/Public/Donation/pages/DonationSuccess.tsx
index d26d1bd67..7599984df 100644
--- a/src/modules/Public/Donation/pages/DonationSuccess.tsx
+++ b/src/modules/Public/Donation/pages/DonationSuccess.tsx
@@ -1,12 +1,17 @@
import { Link } from "react-router-dom";
-import { useEffect } from "react";
+import { useEffect,useState,useRef } from "react";
import Footer from "../components/Footer";
import Navbar from "../components/Navbar";
import styles from "./DonationSuccess.module.css";
import NotFound from "../../../../components/NotFound";
+import Receipt from "./receipt/Receipt";
+
+import jsPDF from "jspdf";
+import html2canvas from "html2canvas";
const DonationSuccess = () => {
- const pdfData = localStorage.getItem("pdfData");
+ const pdfElement = useRef(null!);
+ const pdfData = localStorage.getItem("pdfData") as string;
const base64toBlob = (base64data: any) => {
const byteString = atob(base64data.split(",")[1]);
@@ -20,26 +25,45 @@ const DonationSuccess = () => {
};
const downloadReceipt = () => {
- const base64data = localStorage.getItem("pdfData");
+ // const base64data = localStorage.getItem("pdfData");
- if (base64data) {
- const pdfBlob = base64toBlob(base64data);
- const pdfUrl = URL.createObjectURL(pdfBlob);
- const link = document.createElement("a");
- link.href = pdfUrl;
- link.download = "downloaded-file.pdf";
+ // if (base64data) {
+ // const pdfBlob = base64toBlob(base64data);
+ // const pdfUrl = URL.createObjectURL(pdfBlob);
+ // const link = document.createElement("a");
+ // link.href = pdfUrl;
+ // link.download = "downloaded-file.pdf";
- document.body.appendChild(link);
- link.click();
+ // document.body.appendChild(link);
+ // link.click();
- document.body.removeChild(link);
- } else {
- console.error("No PDF data found in localStorage.");
- }
+ // document.body.removeChild(link);
+ // } else {
+ // console.error("No PDF data found in localStorage.");
+ // }
+
+ //to handel the pdf data in the forndend
+ html2canvas(pdfElement.current).then((canvas) => {
+ const imgData = canvas.toDataURL("image/png");
+ const pdf = new jsPDF("p", "mm", "a4");
+ pdf.addImage(imgData, "PNG", 0, 0, 210, 297);
+ pdf.save("Receipt.pdf");
+
+ //to download the png
+ // const link = document.createElement('a');
+ // link.href = imgData; // Set the href to the PNG data URL
+ // link.download = 'Receipt.png'; // Set the desired filename for the download
+
+ // // Append the link to the document, click it to trigger the download, and then remove it
+ // document.body.appendChild(link);
+ // link.click();
+ // document.body.removeChild(link);
+ });
};
const handleUnload = () => {
localStorage.removeItem("pdfData");
+ localStorage.removeItem('donationData');
};
useEffect(() => {
@@ -50,54 +74,61 @@ const DonationSuccess = () => {
}, []);
return pdfData ? (
-
-
-
-
-
-
-
-
-
-
- Thank You! {" "}
-
- We appreciate your support
-
-
- Your donation was successful. A confirmation email has been
- sent.
-
-
+ <>
+
+
-
-
-
-
Success!
-
- Thank you for your donation. Your support means a
- lot to us.
-
+
+
+
-
-
-
Home
-
-
- Download Receipt
-
+
+
+
+ Thank You! {" "}
+
+ We appreciate your support
+
+ Your donation was successful. A confirmation email has been
+ sent.
+
-
-
-
+
+
+
+
Success!
+
+ Thank you for your donation. Your support means a
+ lot to us.
+
+
+
+ Home
+
+
+ Download Receipt
+
+
+
+
+
+
+
+
+
) : (
diff --git a/src/modules/Public/Donation/pages/Refund.tsx b/src/modules/Public/Donation/pages/Refund.tsx
index 9ef3315a9..2f9d5c07a 100644
--- a/src/modules/Public/Donation/pages/Refund.tsx
+++ b/src/modules/Public/Donation/pages/Refund.tsx
@@ -5,7 +5,7 @@ import RefundPage from "../components/RefundText";
const Refund = () => {
return (
-
+
(defaultPdfData)
+ const [donationData, setdonationData] = useState
(defaultDonationData)
+
+ const formatDate = (date:any) => {
+ const months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+ const day = date.getDate();
+ const month = months[date.getMonth()];
+ const year = date.getFullYear();
+ let hours = date.getHours();
+ const minutes = date.getMinutes();
+ const ampm = hours >= 12 ? 'PM' : 'AM';
+ hours = hours % 12;
+ hours = hours ? hours : 12;
+ const strMinutes = minutes < 10 ? '0'+minutes : minutes;
+
+ return `${day}${month},${year},${hours}:${strMinutes}${ampm}`;
+ }
+
+
+ useEffect(() => {
+ const data = localStorage.getItem("pdfData") as string;
+ const d_data = localStorage.getItem("donationData") as string;
+ const setData = async () => {
+ if(data && d_data){
+ let success_data = await JSON.parse(data)
+ let donation_data = await JSON.parse(d_data)
+ setdonationData(donation_data)
+ setpdfData(success_data.response)
+ }
+ }
+ setData()
+ },[])
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
Contribution Receipt
+
+
+
+
+ Name:{pdfData.Name}
+
+
+91 {donationData.mobile}
+
+
+
+ {
+ //to print the date and time in this format 11May,2024,06:49PM
+ formatDate(new Date())
+ }
+
+
+
+
+
+
+
+
+
+
µLearn Foundation
+
+
+ Gtech Lobby Area Technopark Trivandrum,
+ Kerala, India
+
+
+
+
+
+
+
+
+
+
+
+
+ DETAILS OF CONTRIBUTION
+
+
+
+
+
+
+
Contribution Amount
+
₹{pdfData.Amount}
+
+
+
Mode of Payment
+
{pdfData.Payment_method}
+
+
+
Razorpay Order ID
+
{pdfData.payment_id}
+
+
+
Amount Paid
+
₹{pdfData.Amount}
+
+
+
+
+
+
DETAILS OF CONTRIBUTOR
+
+
Name:{pdfData.Name}
+
PAN:{donationData.pan}
+
+
+
+
+
+
+ The contribution made to is eligible for µLearn claiming exemptions
+ under Section 80(G)of the Income Tax Act, 1961 vide Registration
+ No.- AAQCM8688KF20231 by the Office of the Income Tax
+ Department（Dehradun)valid from 01-12-2023
+
+
+
+ **All donations are voluntary, as such any requests for refunds will
+ be considered on a case-by-case basis.
+
+
+
+
+
+
diff --git a/src/modules/Public/TrivialIdeas/assets/mark.png b/src/modules/Public/TrivialIdeas/assets/mark.png
new file mode 100644
index 000000000..b5755e97d
Binary files /dev/null and b/src/modules/Public/TrivialIdeas/assets/mark.png differ
diff --git a/src/modules/Public/TrivialIdeas/assets/pattern1.png b/src/modules/Public/TrivialIdeas/assets/pattern1.png
new file mode 100644
index 000000000..f33cd779b
Binary files /dev/null and b/src/modules/Public/TrivialIdeas/assets/pattern1.png differ
diff --git a/src/modules/Public/TrivialIdeas/assets/pattern2.png b/src/modules/Public/TrivialIdeas/assets/pattern2.png
new file mode 100644
index 000000000..d4f8b1124
Binary files /dev/null and b/src/modules/Public/TrivialIdeas/assets/pattern2.png differ
diff --git a/src/modules/Public/TrivialIdeas/assets/pattern3.png b/src/modules/Public/TrivialIdeas/assets/pattern3.png
new file mode 100644
index 000000000..aeb13d1af
Binary files /dev/null and b/src/modules/Public/TrivialIdeas/assets/pattern3.png differ
diff --git a/src/modules/Public/TrivialIdeas/assets/pattern4.png b/src/modules/Public/TrivialIdeas/assets/pattern4.png
new file mode 100644
index 000000000..1e620e376
Binary files /dev/null and b/src/modules/Public/TrivialIdeas/assets/pattern4.png differ
diff --git a/src/modules/Public/TrivialIdeas/assets/peoples.png b/src/modules/Public/TrivialIdeas/assets/peoples.png
new file mode 100644
index 000000000..a923d71b5
Binary files /dev/null and b/src/modules/Public/TrivialIdeas/assets/peoples.png differ
diff --git a/src/modules/Public/TrivialIdeas/assets/steve.png b/src/modules/Public/TrivialIdeas/assets/steve.png
new file mode 100644
index 000000000..4f4613eee
Binary files /dev/null and b/src/modules/Public/TrivialIdeas/assets/steve.png differ
diff --git "a/src/modules/Public/TrivialIdeas/assets/\302\265Learn.svg" "b/src/modules/Public/TrivialIdeas/assets/\302\265Learn.svg"
new file mode 100644
index 000000000..7c12c0a99
--- /dev/null
+++ "b/src/modules/Public/TrivialIdeas/assets/\302\265Learn.svg"
@@ -0,0 +1,8 @@
+
+
diff --git a/src/modules/Public/TrivialIdeas/components/botton/button.module.css b/src/modules/Public/TrivialIdeas/components/botton/button.module.css
new file mode 100644
index 000000000..d21820782
--- /dev/null
+++ b/src/modules/Public/TrivialIdeas/components/botton/button.module.css
@@ -0,0 +1,8 @@
+button{
+ font-size: 1.2vw;
+}
+@media (max-width: 768px) {
+ button{
+ font-size: 2.5vw;
+ }
+}
\ No newline at end of file
diff --git a/src/modules/Public/TrivialIdeas/components/botton/button.tsx b/src/modules/Public/TrivialIdeas/components/botton/button.tsx
new file mode 100644
index 000000000..219376a47
--- /dev/null
+++ b/src/modules/Public/TrivialIdeas/components/botton/button.tsx
@@ -0,0 +1,20 @@
+import styles from './button.module.css'
+function Button({name,color,text}:{name:string,color:string,text:string|null}) {
+
+
+ return (
+ {name}
+ );
+}
+
+export default Button;
\ No newline at end of file
diff --git a/src/modules/Public/TrivialIdeas/components/footer/footer.module.css b/src/modules/Public/TrivialIdeas/components/footer/footer.module.css
new file mode 100644
index 000000000..d36a27f11
--- /dev/null
+++ b/src/modules/Public/TrivialIdeas/components/footer/footer.module.css
@@ -0,0 +1,80 @@
+.footer {
+ padding: 40px 20px;
+ border-top: 2px solid #e5e5e5;
+ }
+
+ .container {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ max-width: 1200px;
+ /* margin: 0 auto; */
+ }
+
+ .section {
+ flex: 1;
+ min-width: 200px;
+ margin: 10px 20px;
+ }
+
+ .logo {
+ margin-bottom: 10px;
+ }
+
+ .description {
+ font-size: 14px;
+ margin-bottom: 20px;
+ }
+
+ .socialMedia {
+ display: flex;
+ gap: 10px;
+ }
+
+ .socialMedia a img {
+ width: 24px;
+ height: 24px;
+ }
+
+ h3 {
+ font-size: 18px;
+ margin-bottom: 10px;
+ }
+
+ ul {
+ list-style: none;
+ padding: 0;
+ }
+
+ li {
+ margin-bottom: 10px;
+ }
+
+ li a {
+ color: #333;
+ text-decoration: none;
+ }
+
+ li a:hover {
+ text-decoration: underline;
+ }
+
+ @media (max-width: 768px) {
+ .footer {
+ padding: 20px 0px;
+ }
+ .container {
+ flex-direction: column;
+ }
+ .description {
+ font-size: small;
+ }
+ h3 {
+ font-size: 18px;
+ margin-bottom: 4px;
+ }
+ li {
+ margin-bottom: 4px;
+ }
+
+}
\ No newline at end of file
diff --git a/src/modules/Public/TrivialIdeas/components/footer/footer.tsx b/src/modules/Public/TrivialIdeas/components/footer/footer.tsx
new file mode 100644
index 000000000..8513ad23e
--- /dev/null
+++ b/src/modules/Public/TrivialIdeas/components/footer/footer.tsx
@@ -0,0 +1,71 @@
+import logo from '../../assets/µLearn.svg';
+import styles from './footer.module.css';
+import { FaDiscord } from "react-icons/fa";
+import { FaYoutube } from "react-icons/fa";
+import { FaFacebookSquare } from "react-icons/fa";
+import { FaInstagram } from "react-icons/fa";
+import { FaXTwitter } from "react-icons/fa6";
+
+
+
+const Footer = () => {
+ return (
+
+
+
+ {/*
µLearn */}
+
+
+ A community that focuses on learning, upskilling and networking, while striving for creativity and innovation. TLDR, it's a place for every passionate learner out there!
+
+
+
+
+
+
+
Contact
+
+ Abin outreach - 99999 99999
+ Abin outreach - 99999 99999
+ Copyright © 2023. All Rights Reserved.
+ µLearn Foundation.
+
+
+
+ );
+};
+
+export default Footer;
diff --git a/src/modules/Public/TrivialIdeas/components/priceCard/PriceCard.tsx b/src/modules/Public/TrivialIdeas/components/priceCard/PriceCard.tsx
new file mode 100644
index 000000000..063256ee2
--- /dev/null
+++ b/src/modules/Public/TrivialIdeas/components/priceCard/PriceCard.tsx
@@ -0,0 +1,13 @@
+import styles from './priceCard.module.css'
+function PriceCard({prize,amount}:{prize:string,amount:string}) {
+ return (
+
+
+
{prize} Prize
+
{amount} INR
+
+
+
+
Is there a registration cost ?
+
+
+
+
+
+
+
+
{number}
+
{title}
+
{description}
+
768?"50%":"100%",
+ display:"flex",
+ gap:"3rem",
+ flexDirection:"column",
+ padding:"80px 0px",
+ }}>
+
768?"3vw":"6vw",
+ fontWeight:"bold",
+ textAlign:"center",
+ }}>Got questions?
+
+ {
+ data.map((question, index) => {
+ return (
+
+
+
768?"3vw":"6vw",
+ fontWeight:"bold",
+ textAlign:"center",
+
+ }}>What we’ve got for you
+
780?"repeat(3,1fr)":"1fr",
+ // gap:windowWidth>768?"2.5vw":"1.5rem",
+ // backgroundColor:"red",
+ //responsive flex
+ display:windowWidth>950?"grid":"flex",
+ flexDirection:windowWidth>768?"row":"column",
+ gap:windowWidth>768?"2.5rem":"1rem",
+ justifyContent:"center",
+ flexWrap:"wrap",
+ }}
+ >
+ {
+ data.map((e, index) => {
+ return (
+
+ );
+ })
+ }
+
+
+400 Karma Points!
+
+
How Does This Work?
+
+ {steps.map((step, index) => (
+
+ →
}
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {navbar(handelSideNav)}
+
+
Trivial Ideas
+
+
+ Turn
+
+ Crazy, Wild
+
+ Into
+
+
+
+
+ The ultimate playground for innovative minds ready to transform
+
+
+ even their wildest dreams into tangible projects.
+
+
+
+
+
+
+
+
Work on ideas that Excites you
+
+
This monthly event is your chance to transform your
+
'What If' ideas into something real. And guess what?
+
We’ll reward you for your creativity!
+
+
+
+ {
+ patterns.map((pattern, index) => {
+ return (
+
+
+
{pattern.text}
+
+ );
+ })
+ }
+
+
+
+
+
+
+
Some Crazy People
+
+
+
+
+
+
Let Us See Your Creation
+
submit now!
+
+
+
+
+
+
- 
-
- {/* Let's grow together */}
+ 
+ 
+ 
+ 
+