diff --git a/src/App.jsx b/src/App.jsx index 87df6d9..295f04e 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -6,7 +6,8 @@ import CorePillars from './components/CorePillars'; import Foundations from './components/Foundations'; import ForYou from './components/ForYou'; import CallToAction from './components/CallToAction'; -import ComingSoon from './components/ComingSoon'; +import MembershipOptions from './components/MembershipOptions'; +import Referral from './components/referral'; const Home = () => (
@@ -18,13 +19,20 @@ const Home = () => (
); +const MembershipPage = () => ( +
+ + +
+); + function App() { return (
{/* Render Header here */} } /> - } /> + } /> ); diff --git a/src/assets/referral.png b/src/assets/referral.png new file mode 100644 index 0000000..42c697f Binary files /dev/null and b/src/assets/referral.png differ diff --git a/src/components/ComingSoon.jsx b/src/components/ComingSoon.jsx deleted file mode 100644 index f4fee99..0000000 --- a/src/components/ComingSoon.jsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import MembershipOptions from './MembershipOptions'; - -const ComingSoon = () => { - return ; -}; - -export default ComingSoon; \ No newline at end of file diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx index 89ceb3e..7cc86db 100644 --- a/src/components/Hero.jsx +++ b/src/components/Hero.jsx @@ -75,7 +75,7 @@ const Hero = () => { > > ENTER THE NETWORK - + { return (
+ + Membership + {/* Toggle Pills - Centered */} { - window.location.href = 'https://docs.ourworld.tf/mycelium_society_docs/docs/'; + window.location.href = 'https://docs.ourworld.tf/mycelium_society/docs/'; }, 1000); } } diff --git a/src/components/referral.jsx b/src/components/referral.jsx new file mode 100644 index 0000000..bd9bb3b --- /dev/null +++ b/src/components/referral.jsx @@ -0,0 +1,74 @@ +import { motion } from 'framer-motion'; +import { useInView } from 'framer-motion'; +import { useRef } from 'react'; +import referralImage from '../assets/referral.png'; // Import the new image + +const Referral = () => { + const ref = useRef(null); + const isInView = useInView(ref, { once: true, margin: "-100px" }); + + const fadeInUp = { + hidden: { opacity: 0, y: 50 }, + visible: { opacity: 1, y: 0, transition: { duration: 0.6 } } + }; + + const staggerContainer = { + visible: { transition: { staggerChildren: 0.3 } } + }; + + return ( +
+ + {/* Section Header */} +
+ + Referral Program + + + + Mycelium Society grows through its members. As a paid Digital Resident, you can invite others to join and help expand the community while earning rewards for successful referrals. + +
+ + {/* Referral Image */} + + Referral Program + + + {/* Referral Details Block */} + +
+ +

+ Digital Residents receive $20 credited to their resident wallet for each new member they invite who upgrades to paid membership. +

+
+ +

+ Rewards are capped at 20 referrals per resident (maximum $400). +

+
+ +

+ Referral credits are applied once new members complete their paid residency registration. +

+
+
+
+
+
+ ); +}; + +export default Referral; \ No newline at end of file