adding challenges

Author: JustinhSE

src/pages/Journal.tsx

@@ -179,15 +179,6 @@ const Journal: React.FC = () => {
           </div>
 
           <div className="flex items-center gap-2">
-            <Button
-              variant="ghost"
-              size="icon"
-              onClick={toggleTheme}
-              className={currentTheme === 'light' ? 'text-slate-800' : 'text-white'}
-            >
-              {currentTheme === 'light' ? <Moon className="h-5 w-5" /> : <Sun className="h-5 w-5" />}
-            </Button>
-            
             <Button 
               variant="ghost" 
               className={currentTheme === 'light' ? 'text-slate-800' : 'text-white'}

src/pages/Referrals.tsx

@@ -1,13 +1,41 @@
 
 import React from 'react';
+import { motion } from 'framer-motion';
+import ReferralProgram from '@/components/ReferralProgram';
+import { useIsMobile } from "@/hooks/use-mobile";
 
 const Referrals: React.FC = () => {
+  const isMobile = useIsMobile();
+  
   return (
-    <div className="container py-8">
-      <h1 className="text-3xl font-bold mb-4">Referrals</h1>
-      <p>Referral program details will go here</p>
-    </div>
+    <motion.div 
+      className="container py-8 pb-16"
+      initial={{ opacity: 0 }}
+      animate={{ opacity: 1 }}
+      transition={{ duration: 0.5 }}
+    >
+      <div className="mb-8">
+        <motion.h1 
+          className="text-3xl font-bold mb-2"
+          initial={{ opacity: 0, y: -20 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.3 }}
+        >
+          Referral Program
+        </motion.h1>
+        <motion.p 
+          className="text-muted-foreground"
+          initial={{ opacity: 0, y: -20 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.3, delay: 0.1 }}
+        >
+          Invite friends and earn rewards together
+        </motion.p>
+      </div>
+      
+      <ReferralProgram className="w-full" />
+    </motion.div>
   );
 };
 
-export default Referrals;
+export default Referrals;