From dcb9177168c46dff2ba9056270214b77fb277b46 Mon Sep 17 00:00:00 2001
From: laveshparyani <laveshparyani01@gmail.com>
Date: Fri, 27 Mar 2026 09:18:41 +0530
Subject: [PATCH 1/3] feat(ui): implement full responsiveness for
 CurvedCarousel

---
 apps/web/components/ui/curved-carousel.tsx | 33 ++++++++++++++++++----
 1 file changed, 28 insertions(+), 5 deletions(-)

diff --git a/apps/web/components/ui/curved-carousel.tsx b/apps/web/components/ui/curved-carousel.tsx
index 110383b..95c5893 100644
--- a/apps/web/components/ui/curved-carousel.tsx
+++ b/apps/web/components/ui/curved-carousel.tsx
@@ -51,7 +51,7 @@ function CarouselCard({
   );
   const itemZ = useTransform(combinedPos, 
       [-itemOffset + centerOffset - itemTotalWidth, -itemOffset + centerOffset, -itemOffset + centerOffset + itemTotalWidth], 
-      [-200, 0, -200]
+      [-itemWidth * 0.5, 0, -itemWidth * 0.5]
   );
   const itemOpacity = useTransform(combinedPos, 
       [-itemOffset + centerOffset - 2 * itemTotalWidth, -itemOffset + centerOffset, -itemOffset + centerOffset + 2 * itemTotalWidth], 
@@ -107,15 +107,37 @@ export function CurvedCarousel({ items, title, subtitle }: CurvedCarouselProps)
   const [active, setActive] = useState(0);
   const x = useMotionValue(0);
   const [isDragging, setIsDragging] = useState(false);
+  const [dimensions, setDimensions] = useState({ width: 480, height: 270, gap: 32 });
+  
+  // Responsive dimensions
+  useEffect(() => {
+    const handleResize = () => {
+      const width = window.innerWidth;
+      if (width < 640) {
+        // Mobile
+        const w = Math.min(width - 40, 320);
+        setDimensions({ width: w, height: w * 9/16, gap: 16 });
+      } else if (width < 1024) {
+        // Tablet
+        setDimensions({ width: 400, height: 225, gap: 24 });
+      } else {
+        // Desktop
+        setDimensions({ width: 480, height: 270, gap: 32 });
+      }
+    };
+    
+    handleResize();
+    window.addEventListener('resize', handleResize);
+    return () => window.removeEventListener('resize', handleResize);
+  }, []);
+
+  const { width: itemWidth, height: itemHeight, gap } = dimensions;
   
   // Triplicate items for infinite loop
   const displayItems = useMemo(() => [...items, ...items, ...items], [items]);
   const middleIndexOffset = items.length;
   
   // Constants
-  const itemWidth = 480;
-  const itemHeight = 270;
-  const gap = 32;
   const itemTotalWidth = itemWidth + gap;
   const centerOffset = -itemWidth / 2;
 
@@ -177,7 +199,8 @@ export function CurvedCarousel({ items, title, subtitle }: CurvedCarouselProps)
 
       <div 
         ref={containerRef}
-        className="relative h-[500px] flex items-center justify-center"
+        style={{ height: itemHeight * 1.8 }}
+        className="relative flex items-center justify-center"
       >
         <motion.div
           drag="x"

From 732589b7beccd27d138d9bcddf324c704140227e Mon Sep 17 00:00:00 2001
From: laveshparyani <laveshparyani01@gmail.com>
Date: Fri, 27 Mar 2026 09:33:34 +0530
Subject: [PATCH 2/3] fix(ui): implement scroll-aware snapping for perfect
 carousel centering

---
 apps/web/components/ui/curved-carousel.tsx | 23 +++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/apps/web/components/ui/curved-carousel.tsx b/apps/web/components/ui/curved-carousel.tsx
index 95c5893..2bb9423 100644
--- a/apps/web/components/ui/curved-carousel.tsx
+++ b/apps/web/components/ui/curved-carousel.tsx
@@ -150,8 +150,9 @@ export function CurvedCarousel({ items, title, subtitle }: CurvedCarouselProps)
     offset: ["start end", "end start"]
   });
 
-  // Map scroll progress to a rotational offset - reduced for subtler effect
-  const scrollOffset = useTransform(scrollYProgress, [0, 1], [itemTotalWidth * 0.4, -itemTotalWidth * 0.4]);
+  // Map scroll progress to a rotational offset - reduced for subtler effect and responsive scaling
+  const scrollIntensity = itemWidth < 400 ? 0.15 : 0.3;
+  const scrollOffset = useTransform(scrollYProgress, [0, 1], [itemWidth * scrollIntensity, -itemWidth * scrollIntensity]);
 
   // Combined position for all items to reactive to
   const combinedPos = useTransform([springX, scrollOffset], ([sx, so]) => (sx as number) + (so as number));
@@ -162,8 +163,9 @@ export function CurvedCarousel({ items, title, subtitle }: CurvedCarouselProps)
     setTimeout(() => setIsDragging(false), 50);
     
     const velocity = info.velocity.x;
-    const currentX = x.get() - centerOffset;
-    let newIndex = Math.round(-currentX / itemTotalWidth);
+    // Calculate current visual position relative to the center
+    const visualX = x.get() + scrollOffset.get() - centerOffset;
+    let newIndex = Math.round(-visualX / itemTotalWidth);
     
     if (Math.abs(velocity) > 500) {
         newIndex = velocity > 0 ? active - 1 : active + 1;
@@ -177,13 +179,16 @@ export function CurvedCarousel({ items, title, subtitle }: CurvedCarouselProps)
   };
 
   useEffect(() => {
-    x.set(-(middleIndexOffset * itemTotalWidth) + centerOffset);
+    // Subtract current scrollOffset so that combinedPos (x + scrollOffset) equals the target
+    const targetX = -(middleIndexOffset * itemTotalWidth) + centerOffset;
+    x.set(targetX - scrollOffset.get());
     setActive(middleIndexOffset);
-  }, [middleIndexOffset, itemTotalWidth, centerOffset, x]);
+  }, [middleIndexOffset, itemTotalWidth, centerOffset, x, scrollOffset]);
 
   useEffect(() => {
-    x.set(-(active * itemTotalWidth) + centerOffset);
-  }, [active, x, itemTotalWidth, centerOffset]);
+    const targetX = -(active * itemTotalWidth) + centerOffset;
+    x.set(targetX - scrollOffset.get());
+  }, [active, x, itemTotalWidth, centerOffset, scrollOffset]);
 
   const handleCardClick = (videoId: string) => {
     if (isDragging) return;
@@ -213,7 +218,7 @@ export function CurvedCarousel({ items, title, subtitle }: CurvedCarouselProps)
             x.set(x.get() + info.delta.x);
           }}
           style={{ x: combinedPos, left: "50%" }}
-          className="absolute flex gap-8 items-center cursor-grab active:cursor-grabbing"
+          className="absolute flex gap-8 items-center cursor-grab active:cursor-grabbing preserve-3d"
         >
           {displayItems.map((item, index) => (
             <CarouselCard

From 70f2bb187b3fb3e967e24effc07748a33055b3fd Mon Sep 17 00:00:00 2001
From: laveshparyani <laveshparyani01@gmail.com>
Date: Fri, 27 Mar 2026 16:06:23 +0530
Subject: [PATCH 3/3] feat: implement global auth redirects to RestroFX portal
 and fix client component boundaries

---
 apps/web/app/contact/page.tsx                 |   2 +-
 apps/web/app/login/page.tsx                   | 115 +++-----------
 apps/web/app/page.tsx                         |   2 +-
 apps/web/app/partners/affiliate/page.tsx      |   6 +-
 apps/web/app/partners/ib/page.tsx             |   4 +-
 apps/web/app/partners/page.tsx                |   4 +-
 .../app/platforms/ai-trading-journal/page.tsx |   6 +-
 apps/web/app/platforms/lock-it-trade/page.tsx |   4 +-
 apps/web/app/platforms/tradelocker/page.tsx   |   2 +-
 apps/web/app/register/page.tsx                | 140 +++---------------
 apps/web/components/footer.tsx                |   2 +-
 .../sections/about-section-enhanced.tsx       |   2 +-
 .../sections/ai-trading-journal-section.tsx   |   2 +-
 .../components/sections/demo/demo-content.tsx |   2 +-
 apps/web/components/sections/hero-section.tsx |   2 +-
 .../sections/markets/markets-grid.tsx         |   2 +-
 .../sections/platforms/platforms-list.tsx     |   2 +-
 .../sections/trading-platforms-section.tsx    |   2 +-
 apps/web/components/ui/header-3.tsx           |  42 +++---
 19 files changed, 84 insertions(+), 259 deletions(-)

diff --git a/apps/web/app/contact/page.tsx b/apps/web/app/contact/page.tsx
index 01b4e10..7e91c62 100644
--- a/apps/web/app/contact/page.tsx
+++ b/apps/web/app/contact/page.tsx
@@ -283,7 +283,7 @@ export default function ContactPage() {
                     Ready to start trading with RestroFX?
                   </p>
                   <Button variant="outline" className="w-full group" asChild>
-                    <a href="/register">
+                    <a href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer">
                       Create Account
                       <ArrowRight className="ml-2 h-4 w-4 group-hover:translate-x-1 transition-transform" />
                     </a>
diff --git a/apps/web/app/login/page.tsx b/apps/web/app/login/page.tsx
index 83bc117..4126ff4 100644
--- a/apps/web/app/login/page.tsx
+++ b/apps/web/app/login/page.tsx
@@ -1,23 +1,18 @@
 "use client";
 
-import React, { useState } from "react";
+import { useEffect } from "react";
 import Link from "next/link";
 import { CanvasRevealEffect } from "@/components/ui/canvas-reveal-effect";
 import { Button } from "@crimsonfx/ui";
 import { Navbar } from "@/components/navbar";
 import { Footer } from "@/components/footer";
-import { Eye, EyeOff, Lock, Mail, ArrowRight } from "lucide-react";
+import { Loader2 } from "lucide-react";
 
 export default function LoginPage() {
-    const [email, setEmail] = useState("");
-    const [password, setPassword] = useState("");
-    const [showPassword, setShowPassword] = useState(false);
+    useEffect(() => {
+        window.location.replace("https://portal.restrofx.com/login");
+    }, []);
 
-    const handleSubmit = (e: React.FormEvent) => {
-        e.preventDefault();
-        // Handle login logic here
-        console.log("Login with:", email, password);
-    };
 
     return (
         <div className="min-h-screen relative w-full bg-white flex flex-col font-sans selection:bg-red-500/20">
@@ -35,92 +30,22 @@ export default function LoginPage() {
                 </div>
 
                 {/* Content Layer */}
-                <div className="relative z-10 w-full max-w-md p-4 sm:p-6 my-24 sm:my-40">
-                    <div className="bg-white rounded-3xl shadow-[0_8px_40px_-12px_rgba(0,0,0,0.1)] border border-neutral-100 p-8 sm:p-10 transition-all duration-300 hover:-translate-y-2 hover:shadow-[0_30px_60px_-12px_rgba(220,38,38,0.3)]">
-                        <div className="text-center mb-10">
-                            <h1 className="text-3xl font-bold mb-3 tracking-tight bg-gradient-to-b from-red-500 via-red-600 to-red-800 bg-clip-text text-transparent">Welcome Back</h1>
-                            <p className="text-neutral-500 text-base">Sign in to your account</p>
-                        </div>
-
-                        <form onSubmit={handleSubmit} className="space-y-5">
-                            <div className="space-y-2">
-                                <label
-                                    htmlFor="email"
-                                    className="text-sm font-semibold text-neutral-700 ml-1"
-                                >
-                                    Email Address
-                                </label>
-                                <div className="relative group">
-                                    <div className="absolute left-4 top-1/2 -translate-y-1/2 text-neutral-400 group-focus-within:text-red-600 transition-colors">
-                                        <Mail className="h-5 w-5" />
-                                    </div>
-                                    <input
-                                        type="email"
-                                        id="email"
-                                        value={email}
-                                        onChange={(e) => setEmail(e.target.value)}
-                                        className="w-full pl-12 pr-4 py-3.5 rounded-xl border border-neutral-200 bg-neutral-50 focus:bg-white focus:ring-[3px] focus:ring-red-500/10 focus:border-red-500 transition-all outline-none font-medium text-neutral-900 placeholder:text-neutral-400"
-                                        placeholder="name@example.com"
-                                        required
-                                    />
-                                </div>
-                            </div>
-
-                            <div className="space-y-2">
-                                <div className="flex items-center justify-between ml-1">
-                                    <label
-                                        htmlFor="password"
-                                        className="text-sm font-semibold text-neutral-700"
-                                    >
-                                        Password
-                                    </label>
-                                    <Link
-                                        href="/forgot-password"
-                                        className="text-sm text-red-600 hover:text-red-700 font-medium transition-colors hover:underline underline-offset-4"
-                                    >
-                                        Forgot password?
-                                    </Link>
-                                </div>
-                                <div className="relative group">
-                                    <div className="absolute left-4 top-1/2 -translate-y-1/2 text-neutral-400 group-focus-within:text-red-600 transition-colors">
-                                        <Lock className="h-5 w-5" />
-                                    </div>
-                                    <input
-                                        type={showPassword ? "text" : "password"}
-                                        id="password"
-                                        value={password}
-                                        onChange={(e) => setPassword(e.target.value)}
-                                        className="w-full pl-12 pr-12 py-3.5 rounded-xl border border-neutral-200 bg-neutral-50 focus:bg-white focus:ring-[3px] focus:ring-red-500/10 focus:border-red-500 transition-all outline-none font-medium text-neutral-900 placeholder:text-neutral-400"
-                                        placeholder="Enter your password"
-                                        required
-                                    />
-                                    <button
-                                        type="button"
-                                        onClick={() => setShowPassword(!showPassword)}
-                                        className="absolute right-4 top-1/2 -translate-y-1/2 text-neutral-400 hover:text-neutral-600 transition-colors p-1 rounded-md hover:bg-neutral-100"
-                                    >
-                                        {showPassword ? (
-                                            <EyeOff className="h-5 w-5" />
-                                        ) : (
-                                            <Eye className="h-5 w-5" />
-                                        )}
-                                    </button>
-                                </div>
-                            </div>
-
-                            <Button
-                                type="submit"
-                                className="w-full h-12 text-base font-bold bg-gradient-to-r from-red-600 to-red-700 hover:from-red-500 hover:to-red-600 text-white rounded-xl shadow-lg shadow-red-600/20 hover:shadow-red-600/30 hover:-translate-y-0.5 transition-all duration-300 group mt-4"
-                            >
-                                <span className="flex items-center gap-2">
-                                    Sign In <ArrowRight className="h-4 w-4 group-hover:translate-x-1 transition-transform" />
-                                </span>
-                            </Button>
-                        </form>
-
-                        <div className="mt-8 pt-6 border-t border-neutral-100 text-center text-sm text-neutral-500">
+                <div className="relative z-10 w-full max-w-md p-4 sm:p-6 my-24 sm:my-40 text-center">
+                    <div className="bg-white rounded-3xl shadow-[0_8px_40px_-12px_rgba(0,0,0,0.1)] border border-neutral-100 p-8 sm:p-10">
+                        <Loader2 className="h-12 w-12 text-primary animate-spin mx-auto mb-6" />
+                        <h1 className="text-2xl font-bold mb-3 tracking-tight text-neutral-900">Redirecting to Portal</h1>
+                        <p className="text-neutral-500 mb-8">Please wait while we take you to the RestroFX login page...</p>
+                        
+                        <Button 
+                            className="w-full h-12 font-bold"
+                            onClick={() => window.location.replace("https://portal.restrofx.com/login")}
+                        >
+                            Click here if not redirected
+                        </Button>
+
+                        <div className="mt-8 pt-6 border-t border-neutral-100 text-sm text-neutral-500">
                             Don&apos;t have an account?{" "}
-                            <Link href="/register" className="text-red-600 hover:text-red-700 font-bold hover:underline underline-offset-4 transition-all ml-1">
+                            <Link href="https://portal.restrofx.com/register" className="text-red-600 hover:text-red-700 font-bold hover:underline underline-offset-4 transition-all ml-1">
                                 Create free account
                             </Link>
                         </div>
diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
index a9a6bc2..a858a4a 100644
--- a/apps/web/app/page.tsx
+++ b/apps/web/app/page.tsx
@@ -25,7 +25,7 @@ export default function Home() {
           title="Restro FX: Redefining Your Trading Experience."
           subtitle="Merge deep market expertise with advanced trading platforms. Algorithm-driven strategies and risk management to help you surpass your investment goals."
           ctaLabel="Start Trading"
-          ctaHref="/register"
+          ctaHref="https://portal.restrofx.com/register"
           secondaryCtaLabel="View Platforms"
           secondaryCtaHref="/platforms"
         />
diff --git a/apps/web/app/partners/affiliate/page.tsx b/apps/web/app/partners/affiliate/page.tsx
index 6cb8dbe..4968058 100644
--- a/apps/web/app/partners/affiliate/page.tsx
+++ b/apps/web/app/partners/affiliate/page.tsx
@@ -219,7 +219,7 @@ export default function AffiliateProgramPage() {
 
                             <div className="flex flex-col sm:flex-row gap-4 justify-center items-center pt-4">
                                 <Button size="lg" className="rounded-xl px-8 h-14 text-lg font-bold shadow-xl shadow-primary/20 hover:scale-105 transition-transform" asChild>
-                                    <Link href="/register">
+                                    <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer">
                                         Join as Affiliate <ArrowRight className="ml-2 h-5 w-5" />
                                     </Link>
                                 </Button>
@@ -329,7 +329,7 @@ export default function AffiliateProgramPage() {
                                         variant={model.popular ? "default" : "outline"}
                                         asChild
                                     >
-                                        <Link href="/register">Get Started</Link>
+                                        <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer">Get Started</Link>
                                     </Button>
                                 </div>
                             ))}
@@ -473,7 +473,7 @@ export default function AffiliateProgramPage() {
                                         className="w-full sm:w-auto rounded-full px-12 h-16 text-lg font-bold bg-white text-primary hover:bg-neutral-100 shadow-[0_20px_50px_rgba(0,0,0,0.3)] hover:-translate-y-2 hover:shadow-[0_30px_60px_rgba(220,0,0,0.4)] transition-all duration-500 group relative overflow-hidden active:scale-95"
                                         asChild
                                     >
-                                        <Link href="/register">
+                                        <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer">
                                             <span className="relative z-10 flex items-center justify-center">
                                                 Become an Affiliate <ArrowRight className="ml-3 h-5 w-5 group-hover:translate-x-2 transition-transform duration-300" />
                                             </span>
diff --git a/apps/web/app/partners/ib/page.tsx b/apps/web/app/partners/ib/page.tsx
index afe68b3..4d99e6c 100644
--- a/apps/web/app/partners/ib/page.tsx
+++ b/apps/web/app/partners/ib/page.tsx
@@ -98,7 +98,7 @@ export default function IBProgramPage() {
 
                             <div className="flex flex-col sm:flex-row gap-4 justify-center items-center pt-4">
                                 <Button size="lg" className="rounded-xl px-8 h-14 text-lg font-bold shadow-xl shadow-primary/20 hover:scale-105 transition-transform" asChild>
-                                    <Link href="/register">
+                                    <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer">
                                         Become an IB <ArrowRight className="ml-2 h-5 w-5" />
                                     </Link>
                                 </Button>
@@ -241,7 +241,7 @@ export default function IBProgramPage() {
                             </p>
                             <div className="flex flex-col sm:flex-row gap-4 justify-center">
                                 <Button size="lg" className="rounded-xl px-8 h-14 text-lg font-bold shadow-xl shadow-primary/20 hover:scale-105 transition-transform" asChild>
-                                    <Link href="/register">
+                                    <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer">
                                         Apply Now <ArrowRight className="ml-2 h-5 w-5" />
                                     </Link>
                                 </Button>
diff --git a/apps/web/app/partners/page.tsx b/apps/web/app/partners/page.tsx
index fefe915..15dca0e 100644
--- a/apps/web/app/partners/page.tsx
+++ b/apps/web/app/partners/page.tsx
@@ -133,7 +133,7 @@ export default function AffiliateProgramPage() {
 
               <div className="flex flex-col sm:flex-row gap-4 justify-center items-center pt-4">
                 <Button size="lg" className="rounded-xl px-8 h-14 text-lg font-bold shadow-xl shadow-primary/20 hover:scale-105 transition-transform" asChild>
-                  <Link href="/register">
+                  <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer">
                     Become an Affiliate <ArrowRight className="ml-2 h-5 w-5" />
                   </Link>
                 </Button>
@@ -244,7 +244,7 @@ export default function AffiliateProgramPage() {
                 Join our affiliate program today and start earning commissions
               </p>
               <Button size="lg" className="rounded-xl px-8 h-14 text-lg font-bold shadow-xl shadow-primary/20 hover:scale-105 transition-transform" asChild>
-                <Link href="/register">
+                <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer">
                   Apply Now <ArrowRight className="ml-2 h-5 w-5" />
                 </Link>
               </Button>
diff --git a/apps/web/app/platforms/ai-trading-journal/page.tsx b/apps/web/app/platforms/ai-trading-journal/page.tsx
index 083706a..2813fd4 100644
--- a/apps/web/app/platforms/ai-trading-journal/page.tsx
+++ b/apps/web/app/platforms/ai-trading-journal/page.tsx
@@ -119,7 +119,7 @@ export default function AITradingJournalPage() {
 
                             <div className="flex flex-col sm:flex-row gap-4 justify-center items-center pt-4">
                                 <Button size="lg" className="rounded-xl px-8 h-14 text-lg font-bold shadow-xl shadow-primary/20 hover:scale-105 transition-transform" asChild>
-                                    <Link href="/register">
+                                    <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer">
                                         Start Free Trial <ArrowRight className="ml-2 h-5 w-5" />
                                     </Link>
                                 </Button>
@@ -212,7 +212,7 @@ export default function AITradingJournalPage() {
                                 </div>
                             </div>
                             <div className="relative flex items-center justify-center min-h-[400px] lg:min-h-[500px]">
-                                <PinContainer title="Unlock AI Insights" href="/register">
+                                <PinContainer title="Unlock AI Insights" href="https://portal.restrofx.com/register">
                                     <div className="flex flex-col p-6 sm:p-8 tracking-tight w-[20rem] sm:w-[26rem] h-[20rem] sm:h-[26rem] bg-gradient-to-br from-white/90 via-white/80 to-primary/10 backdrop-blur-xl border-2 border-white/40 rounded-3xl shadow-2xl shadow-primary/30 relative overflow-hidden">
                                         {/* Glassmorphic overlay */}
                                         <div className="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-primary/10 pointer-events-none" />
@@ -311,7 +311,7 @@ export default function AITradingJournalPage() {
                                         className="w-full sm:w-auto rounded-full px-12 h-16 text-lg font-bold bg-white text-primary hover:bg-neutral-100 shadow-[0_20px_50px_rgba(0,0,0,0.3)] hover:-translate-y-2 hover:shadow-[0_30px_60px_rgba(220,0,0,0.4)] transition-all duration-500 group relative overflow-hidden active:scale-95"
                                         asChild
                                     >
-                                        <Link href="/register">
+                                        <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer">
                                             <span className="relative z-10 flex items-center justify-center">
                                                 Get Started Free <ArrowRight className="ml-3 h-5 w-5 group-hover:translate-x-2 transition-transform duration-300" />
                                             </span>
diff --git a/apps/web/app/platforms/lock-it-trade/page.tsx b/apps/web/app/platforms/lock-it-trade/page.tsx
index e2f3422..c2772b8 100644
--- a/apps/web/app/platforms/lock-it-trade/page.tsx
+++ b/apps/web/app/platforms/lock-it-trade/page.tsx
@@ -221,7 +221,7 @@ export default function LockItTradePage() {
                                             className="rounded-full px-10 h-16 text-lg font-bold shadow-2xl shadow-primary/30 hover:shadow-primary/50 hover:scale-105 transition-all duration-300 group relative overflow-hidden"
                                             asChild
                                         >
-                                            <Link href="/register" className="relative z-10 flex items-center">
+                                            <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer" className="relative z-10 flex items-center">
                                                 Start Free Journaling <ArrowRight className="ml-2 h-5 w-5 group-hover:translate-x-1 transition-transform" />
                                             </Link>
                                         </Button>
@@ -509,7 +509,7 @@ export default function LockItTradePage() {
                                                 className="w-full sm:w-auto rounded-full px-8 sm:px-12 h-14 sm:h-16 text-base sm:text-lg font-bold bg-white text-primary hover:bg-neutral-100 shadow-[0_20px_50px_rgba(0,0,0,0.3)] hover:-translate-y-2 hover:shadow-[0_30px_60px_rgba(220,0,0,0.4)] transition-all duration-500 group relative overflow-hidden active:scale-95"
                                                 asChild
                                             >
-                                                <Link href="/register">
+                                                <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer">
                                                     <span className="relative z-10 flex items-center justify-center">
                                                         Start Free Journaling <ArrowRight className="ml-3 h-5 w-5 group-hover:translate-x-2 transition-transform duration-300" />
                                                     </span>
diff --git a/apps/web/app/platforms/tradelocker/page.tsx b/apps/web/app/platforms/tradelocker/page.tsx
index da4453a..b2b4fba 100644
--- a/apps/web/app/platforms/tradelocker/page.tsx
+++ b/apps/web/app/platforms/tradelocker/page.tsx
@@ -232,7 +232,7 @@ export default function TradeLockerPage() {
                                             className="rounded-full px-10 h-16 text-lg font-bold shadow-2xl shadow-primary/30 hover:shadow-primary/50 hover:scale-105 transition-all duration-300 group relative overflow-hidden"
                                             asChild
                                         >
-                                            <Link href="/register" className="relative z-10 flex items-center">
+                                            <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer" className="relative z-10 flex items-center">
                                                 Start Trading <ArrowRight className="ml-2 h-5 w-5 group-hover:translate-x-1 transition-transform" />
                                             </Link>
                                         </Button>
diff --git a/apps/web/app/register/page.tsx b/apps/web/app/register/page.tsx
index 2968a6c..c1334c3 100644
--- a/apps/web/app/register/page.tsx
+++ b/apps/web/app/register/page.tsx
@@ -1,33 +1,18 @@
 "use client";
 
-import React, { useState } from "react";
+import { useEffect } from "react";
 import Link from "next/link";
 import { CanvasRevealEffect } from "@/components/ui/canvas-reveal-effect";
 import { Button } from "@crimsonfx/ui";
 import { Navbar } from "@/components/navbar";
 import { Footer } from "@/components/footer";
-import { Eye, EyeOff, Lock, Mail, User, ArrowRight } from "lucide-react";
+import { Loader2 } from "lucide-react";
 
 export default function RegisterPage() {
-    const [formData, setFormData] = useState({
-        name: "",
-        email: "",
-        password: ""
-    });
-    const [showPassword, setShowPassword] = useState(false);
+    useEffect(() => {
+        window.location.replace("https://portal.restrofx.com/register");
+    }, []);
 
-    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-        setFormData({
-            ...formData,
-            [e.target.id]: e.target.value
-        });
-    };
-
-    const handleSubmit = (e: React.FormEvent) => {
-        e.preventDefault();
-        // Handle register logic here
-        console.log("Register with:", formData);
-    };
 
     return (
         <div className="min-h-screen relative w-full bg-white flex flex-col font-sans selection:bg-red-500/20">
@@ -45,107 +30,22 @@ export default function RegisterPage() {
                 </div>
 
                 {/* Content Layer */}
-                <div className="relative z-10 w-full max-w-md p-4 sm:p-6 my-12 sm:my-20">
-                    <div className="bg-white rounded-3xl shadow-[0_8px_40px_-12px_rgba(0,0,0,0.1)] border border-neutral-100 p-8 sm:p-10 transition-all duration-300 hover:-translate-y-2 hover:shadow-[0_30px_60px_-12px_rgba(220,38,38,0.3)]">
-                        <div className="text-center mb-10">
-                            <h1 className="text-3xl font-bold mb-3 tracking-tight bg-gradient-to-b from-red-500 via-red-600 to-red-800 bg-clip-text text-transparent">Create Account</h1>
-                            <p className="text-neutral-500 text-base">Join Restro FX and start trading</p>
-                        </div>
-
-                        <form onSubmit={handleSubmit} className="space-y-5">
-                            <div className="space-y-2">
-                                <label
-                                    htmlFor="name"
-                                    className="text-sm font-semibold text-neutral-700 ml-1"
-                                >
-                                    Full Name
-                                </label>
-                                <div className="relative group">
-                                    <div className="absolute left-4 top-1/2 -translate-y-1/2 text-neutral-400 group-focus-within:text-red-600 transition-colors">
-                                        <User className="h-5 w-5" />
-                                    </div>
-                                    <input
-                                        type="text"
-                                        id="name"
-                                        value={formData.name}
-                                        onChange={handleChange}
-                                        className="w-full pl-12 pr-4 py-3.5 rounded-xl border border-neutral-200 bg-neutral-50 focus:bg-white focus:ring-[3px] focus:ring-red-500/10 focus:border-red-500 transition-all outline-none font-medium text-neutral-900 placeholder:text-neutral-400"
-                                        placeholder="John Doe"
-                                        required
-                                    />
-                                </div>
-                            </div>
-
-                            <div className="space-y-2">
-                                <label
-                                    htmlFor="email"
-                                    className="text-sm font-semibold text-neutral-700 ml-1"
-                                >
-                                    Email Address
-                                </label>
-                                <div className="relative group">
-                                    <div className="absolute left-4 top-1/2 -translate-y-1/2 text-neutral-400 group-focus-within:text-red-600 transition-colors">
-                                        <Mail className="h-5 w-5" />
-                                    </div>
-                                    <input
-                                        type="email"
-                                        id="email"
-                                        value={formData.email}
-                                        onChange={handleChange}
-                                        className="w-full pl-12 pr-4 py-3.5 rounded-xl border border-neutral-200 bg-neutral-50 focus:bg-white focus:ring-[3px] focus:ring-red-500/10 focus:border-red-500 transition-all outline-none font-medium text-neutral-900 placeholder:text-neutral-400"
-                                        placeholder="name@example.com"
-                                        required
-                                    />
-                                </div>
-                            </div>
-
-                            <div className="space-y-2">
-                                <label
-                                    htmlFor="password"
-                                    className="text-sm font-semibold text-neutral-700 ml-1"
-                                >
-                                    Password
-                                </label>
-                                <div className="relative group">
-                                    <div className="absolute left-4 top-1/2 -translate-y-1/2 text-neutral-400 group-focus-within:text-red-600 transition-colors">
-                                        <Lock className="h-5 w-5" />
-                                    </div>
-                                    <input
-                                        type={showPassword ? "text" : "password"}
-                                        id="password"
-                                        value={formData.password}
-                                        onChange={handleChange}
-                                        className="w-full pl-12 pr-12 py-3.5 rounded-xl border border-neutral-200 bg-neutral-50 focus:bg-white focus:ring-[3px] focus:ring-red-500/10 focus:border-red-500 transition-all outline-none font-medium text-neutral-900 placeholder:text-neutral-400"
-                                        placeholder="Create a password"
-                                        required
-                                    />
-                                    <button
-                                        type="button"
-                                        onClick={() => setShowPassword(!showPassword)}
-                                        className="absolute right-4 top-1/2 -translate-y-1/2 text-neutral-400 hover:text-neutral-600 transition-colors p-1 rounded-md hover:bg-neutral-100"
-                                    >
-                                        {showPassword ? (
-                                            <EyeOff className="h-5 w-5" />
-                                        ) : (
-                                            <Eye className="h-5 w-5" />
-                                        )}
-                                    </button>
-                                </div>
-                            </div>
-
-                            <Button
-                                type="submit"
-                                className="w-full h-12 text-base font-bold bg-gradient-to-r from-red-600 to-red-700 hover:from-red-500 hover:to-red-600 text-white rounded-xl shadow-lg shadow-red-600/20 hover:shadow-red-600/30 hover:-translate-y-0.5 transition-all duration-300 group mt-4"
-                            >
-                                <span className="flex items-center gap-2">
-                                    Get Started <ArrowRight className="h-4 w-4 group-hover:translate-x-1 transition-transform" />
-                                </span>
-                            </Button>
-                        </form>
-
-                        <div className="mt-8 pt-6 border-t border-neutral-100 text-center text-sm text-neutral-500">
+                <div className="relative z-10 w-full max-w-md p-4 sm:p-6 my-12 sm:my-20 text-center">
+                    <div className="bg-white rounded-3xl shadow-[0_8px_40px_-12px_rgba(0,0,0,0.1)] border border-neutral-100 p-8 sm:p-10">
+                        <Loader2 className="h-12 w-12 text-primary animate-spin mx-auto mb-6" />
+                        <h1 className="text-2xl font-bold mb-3 tracking-tight text-neutral-900">Redirecting to Portal</h1>
+                        <p className="text-neutral-500 mb-8">Please wait while we take you to the RestroFX registration page...</p>
+                        
+                        <Button 
+                            className="w-full h-12 font-bold"
+                            onClick={() => window.location.replace("https://portal.restrofx.com/register")}
+                        >
+                            Click here if not redirected
+                        </Button>
+
+                        <div className="mt-8 pt-6 border-t border-neutral-100 text-sm text-neutral-500">
                             Already have an account?{" "}
-                            <Link href="/login" className="text-red-600 hover:text-red-700 font-bold hover:underline underline-offset-4 transition-all ml-1">
+                            <Link href="https://portal.restrofx.com/login" className="text-red-600 hover:text-red-700 font-bold hover:underline underline-offset-4 transition-all ml-1">
                                 Sign In
                             </Link>
                         </div>
diff --git a/apps/web/components/footer.tsx b/apps/web/components/footer.tsx
index 205bb41..f7e5a22 100644
--- a/apps/web/components/footer.tsx
+++ b/apps/web/components/footer.tsx
@@ -100,7 +100,7 @@ export function Footer() {
           <Link href="/legal/terms" className="text-xs font-semibold text-muted-foreground hover:text-primary">
             Terms & Conditions
           </Link>
-          <Link href="/register" className="text-xs font-bold text-primary hover:underline">Opening an Account</Link>
+          <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer" className="text-xs font-bold text-primary hover:underline">Opening an Account</Link>
         </div>
 
         {/* Detailed Disclaimers */}
diff --git a/apps/web/components/sections/about-section-enhanced.tsx b/apps/web/components/sections/about-section-enhanced.tsx
index e588bf7..d9551ce 100644
--- a/apps/web/components/sections/about-section-enhanced.tsx
+++ b/apps/web/components/sections/about-section-enhanced.tsx
@@ -221,7 +221,7 @@ export function AboutSectionEnhanced() {
                 customVariants={revealVariants}
               >
                 <Link
-                  href="/register"
+                  href="https://portal.restrofx.com/register"
                   className="bg-primary hover:bg-primary/90 shadow-lg shadow-primary/20 border border-primary flex w-fit ml-auto gap-2 hover:gap-4 transition-all duration-300 ease-in-out text-primary-foreground px-5 py-3 rounded-lg cursor-pointer font-semibold font-body inline-flex items-center"
                 >
                   START TRADING <ArrowRight className="w-4 h-4" />
diff --git a/apps/web/components/sections/ai-trading-journal-section.tsx b/apps/web/components/sections/ai-trading-journal-section.tsx
index f21568a..d9304c4 100644
--- a/apps/web/components/sections/ai-trading-journal-section.tsx
+++ b/apps/web/components/sections/ai-trading-journal-section.tsx
@@ -19,7 +19,7 @@ export function AiTradingJournalSection() {
 
                     {/* Visual Side */}
                     <div className="relative order-2 lg:order-1 flex items-center justify-center min-h-[400px] lg:min-h-[500px]">
-                        <PinContainer title="Unlock AI Insights" href="/register">
+                        <PinContainer title="Unlock AI Insights" href="https://portal.restrofx.com/register">
                             <div className="flex flex-col p-6 sm:p-8 tracking-tight w-[20rem] sm:w-[26rem] h-[20rem] sm:h-[26rem] bg-gradient-to-br from-white/90 via-white/80 to-primary/10 backdrop-blur-xl border-2 border-white/40 rounded-3xl shadow-2xl shadow-primary/30 relative overflow-hidden">
                                 {/* Glassmorphic overlay */}
                                 <div className="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-primary/10 pointer-events-none" />
diff --git a/apps/web/components/sections/demo/demo-content.tsx b/apps/web/components/sections/demo/demo-content.tsx
index 1d6c02c..9256a2d 100644
--- a/apps/web/components/sections/demo/demo-content.tsx
+++ b/apps/web/components/sections/demo/demo-content.tsx
@@ -105,7 +105,7 @@ export function DemoContent() {
 
                                 <div className="pt-2">
                                     <Button size="lg" className="w-full h-14 rounded-xl text-lg font-bold bg-red-600 hover:bg-red-700 text-white shadow-lg shadow-red-600/20" asChild>
-                                        <Link href="/register">
+                                        <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer">
                                             Create Limitless Demo
                                         </Link>
                                     </Button>
diff --git a/apps/web/components/sections/hero-section.tsx b/apps/web/components/sections/hero-section.tsx
index d41ee1b..2f8c063 100644
--- a/apps/web/components/sections/hero-section.tsx
+++ b/apps/web/components/sections/hero-section.tsx
@@ -26,7 +26,7 @@ export function HeroSection() {
 
         <div className="flex flex-col sm:flex-row gap-4 justify-center mb-16">
           <Button size="lg" asChild>
-            <Link href="/register">Start Trading</Link>
+            <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer">Start Trading</Link>
           </Button>
           <Button size="lg" variant="outline" asChild>
             <Link href="/demo">Try Demo Account</Link>
diff --git a/apps/web/components/sections/markets/markets-grid.tsx b/apps/web/components/sections/markets/markets-grid.tsx
index b4adf8b..8e302d7 100644
--- a/apps/web/components/sections/markets/markets-grid.tsx
+++ b/apps/web/components/sections/markets/markets-grid.tsx
@@ -107,7 +107,7 @@ export function MarketsGrid() {
                                 className="w-full rounded-xl h-12 text-base font-bold bg-red-600 hover:bg-red-700 text-white shadow-lg shadow-red-600/20 hover:scale-[1.02] transition-all"
                                 asChild
                             >
-                                <Link href="/register" className="flex items-center justify-center gap-2">
+                                <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer" className="flex items-center justify-center gap-2">
                                     Start Trading {market.name}
                                 </Link>
                             </Button>
diff --git a/apps/web/components/sections/platforms/platforms-list.tsx b/apps/web/components/sections/platforms/platforms-list.tsx
index 6841515..2d1f457 100644
--- a/apps/web/components/sections/platforms/platforms-list.tsx
+++ b/apps/web/components/sections/platforms/platforms-list.tsx
@@ -60,7 +60,7 @@ export function PlatformsList() {
                                 </Link>
                             </Button>
                             <Button size="lg" variant="outline" className="rounded-xl h-12" asChild>
-                                <Link href="/register">
+                                <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer">
                                     Start Using Now
                                 </Link>
                             </Button>
diff --git a/apps/web/components/sections/trading-platforms-section.tsx b/apps/web/components/sections/trading-platforms-section.tsx
index 24cba8f..b557386 100644
--- a/apps/web/components/sections/trading-platforms-section.tsx
+++ b/apps/web/components/sections/trading-platforms-section.tsx
@@ -131,7 +131,7 @@ export function TradingPlatformsSection() {
           className="text-center mt-8 md:mt-12"
         >
           <Button size="lg" className="rounded-full px-12 h-16 text-lg font-bold bg-primary text-white shadow-[0_20px_50px_rgba(220,38,38,0.3)] hover:bg-red-700 hover:-translate-y-2 hover:shadow-[0_30px_60px_rgba(220,38,38,0.4)] transition-all duration-500 group relative overflow-hidden active:scale-95 w-[90%] sm:w-auto mx-auto border-none" asChild>
-            <Link href="/register">
+            <Link href="https://portal.restrofx.com/register" target="_blank" rel="noopener noreferrer">
               <span className="relative z-10 flex items-center justify-center">
                 Start Trading <ArrowRight className="ml-3 h-5 w-5 group-hover:translate-x-2 transition-transform duration-300" />
               </span>
diff --git a/apps/web/components/ui/header-3.tsx b/apps/web/components/ui/header-3.tsx
index 6853488..23eef20 100644
--- a/apps/web/components/ui/header-3.tsx
+++ b/apps/web/components/ui/header-3.tsx
@@ -145,9 +145,9 @@ export function Header({ ctaUrl }: { ctaUrl?: string }) {
 										<p className="text-muted-foreground text-sm">
 											Interested?{' '}
 											<a 
-												href={ctaUrl || "/register"} 
-												target={ctaUrl ? "_blank" : undefined}
-												rel={ctaUrl ? "noopener noreferrer" : undefined}
+												href={ctaUrl || "https://portal.restrofx.com/register"} 
+												target="_blank"
+												rel="noopener noreferrer"
 												className="text-red-500 font-medium hover:underline"
 											>
 												Start Trading
@@ -168,9 +168,9 @@ export function Header({ ctaUrl }: { ctaUrl?: string }) {
 										<p className="text-muted-foreground text-sm">
 											Interested?{' '}
 											<a 
-												href={ctaUrl || "/register"} 
-												target={ctaUrl ? "_blank" : undefined}
-												rel={ctaUrl ? "noopener noreferrer" : undefined}
+												href={ctaUrl || "https://portal.restrofx.com/register"} 
+												target="_blank"
+												rel="noopener noreferrer"
 												className="text-red-500 font-medium hover:underline"
 											>
 												Start Trading
@@ -191,9 +191,9 @@ export function Header({ ctaUrl }: { ctaUrl?: string }) {
 										<p className="text-muted-foreground text-sm">
 											Interested?{' '}
 											<a 
-												href={ctaUrl || "/register"} 
-												target={ctaUrl ? "_blank" : undefined}
-												rel={ctaUrl ? "noopener noreferrer" : undefined}
+												href={ctaUrl || "https://portal.restrofx.com/register"} 
+												target="_blank"
+												rel="noopener noreferrer"
 												className="text-red-500 font-medium hover:underline"
 											>
 												Start Trading
@@ -218,18 +218,18 @@ export function Header({ ctaUrl }: { ctaUrl?: string }) {
 				)}>
 					<Button variant="outline" className="rounded-full h-9 px-5 text-sm font-semibold border-border hover:bg-muted/50 transition-all active:scale-95" asChild>
 						<Link 
-							href={ctaUrl || "/login"}
-							target={ctaUrl ? "_blank" : undefined}
-							rel={ctaUrl ? "noopener noreferrer" : undefined}
+							href={ctaUrl || "https://portal.restrofx.com/login"}
+							target="_blank"
+							rel="noopener noreferrer"
 						>
 							Sign In
 						</Link>
 					</Button>
 					<Button className="rounded-full h-9 px-5 text-sm font-bold bg-primary text-white hover:bg-red-700 shadow-md transition-all active:scale-95" asChild>
 						<Link 
-							href={ctaUrl || "/register"}
-							target={ctaUrl ? "_blank" : undefined}
-							rel={ctaUrl ? "noopener noreferrer" : undefined}
+							href={ctaUrl || "https://portal.restrofx.com/register"}
+							target="_blank"
+							rel="noopener noreferrer"
 						>
 							Get Started
 						</Link>
@@ -283,18 +283,18 @@ export function Header({ ctaUrl }: { ctaUrl?: string }) {
 				<div className="flex flex-col gap-2">
 					<Button variant="outline" className="w-full bg-transparent rounded-full h-10 text-sm font-semibold" asChild>
 						<Link 
-							href={ctaUrl || "/login"}
-							target={ctaUrl ? "_blank" : undefined}
-							rel={ctaUrl ? "noopener noreferrer" : undefined}
+							href={ctaUrl || "https://portal.restrofx.com/login"}
+							target="_blank"
+							rel="noopener noreferrer"
 						>
 							Sign In
 						</Link>
 					</Button>
 					<Button className="w-full rounded-full h-10 text-sm font-bold bg-primary text-white" asChild>
 						<Link 
-							href={ctaUrl || "/register"}
-							target={ctaUrl ? "_blank" : undefined}
-							rel={ctaUrl ? "noopener noreferrer" : undefined}
+							href={ctaUrl || "https://portal.restrofx.com/register"}
+							target="_blank"
+							rel="noopener noreferrer"
 						>
 							Get Started
 						</Link>