feat: add onboarding landing page

Author: CSE-Shaco

public/images/onboarding/onboarding_bg.png

@@ -24,13 +24,15 @@ const getSafeNextUrl = (raw: string | null): string => {
 
   try {
     const decoded = decodeURIComponent(raw)
-    if (decoded.startsWith('/')) return decoded
+    if (decoded.startsWith('/') && !decoded.startsWith('//')) return decoded
 
     if (typeof window !== 'undefined') {
       const parsed = new URL(decoded, window.location.origin)
       if (parsed.origin === window.location.origin) {
         const nextPath = `${parsed.pathname}${parsed.search}${parsed.hash}`
-        return nextPath.startsWith('/') ? nextPath : DEFAULT_FALLBACK_ROUTE
+        return nextPath.startsWith('/') && !nextPath.startsWith('//')
+          ? nextPath
+          : DEFAULT_FALLBACK_ROUTE
       }
     }
 
@@ -426,12 +428,8 @@ export default function LoginPage() {
     <>
       <Loader isLoading={loading} />
       <div className="min-h-screen bg-[#1e1e1e] text-white">
-        <div className="hidden pc:block">
-          {renderPcView()}
-        </div>
-        <div className="block pc:hidden">
-          {renderMobileView()}
-        </div>
+        <div className="hidden pc:block">{renderPcView()}</div>
+        <div className="block pc:hidden">{renderMobileView()}</div>
       </div>
     </>
   )

public/images/onboarding/onboarding_bg_mobile.png

@@ -0,0 +1,5 @@
+import OnboardingLanding from '@/components/landing/OnboardingLanding'
+
+export default function OnboardingPage() {
+  return <OnboardingLanding />
+}

src/app/login/page.tsx

@@ -3,52 +3,15 @@
 import { useEffect } from 'react'
 import { useRouter } from 'next/navigation'
 
-import Lenis from '@studio-freight/lenis'
-
-import gsap from 'gsap'
-import ScrollTrigger from 'gsap/ScrollTrigger'
-
-import HeroSection from '@/components/landing/HeroSection'
-import AboutSection from '@/components/landing/AboutSection'
-import StatsSection from '@/components/landing/StatsSection'
-import ActivitiesSection from '@/components/landing/ActivitiesSection'
-import PartnersSection from '@/components/landing/PartnersSection'
-import CTASection from '@/components/landing/CTASection'
-
-gsap.registerPlugin(ScrollTrigger)
+import { useAuth } from '@/hooks/useAuth'
 
 export default function Home() {
   const router = useRouter()
+  const { user } = useAuth()
 
   useEffect(() => {
-    const lenis = new Lenis({
-      duration: 1.5,
-      smoothWheel: true,
-      wheelMultiplier: 0.8
-    })
-
-    const tickerHandler = (time: number) => {
-      lenis.raf(time * 800)
-    }
-
-    gsap.ticker.add(tickerHandler)
-
-    lenis.on('scroll', ScrollTrigger.update)
-
-    return () => {
-      lenis.destroy()
-      gsap.ticker.remove(tickerHandler)
-    }
-  }, [])
+    router.replace(user ? '/' : '/onboarding')
+  }, [router, user])
 
-  return (
-    <div className="flex flex-col w-screen">
-      <HeroSection router={router} />
-      <AboutSection />
-      <StatsSection />
-      <ActivitiesSection />
-      <PartnersSection />
-      <CTASection router={router} />
-    </div>
-  )
+  return <main className="min-h-screen bg-black" />
 }