salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

singup for, styling

Browse Source
This commit is contained in:
IGNY8 VPS (Salman)
2026-01-17 05:55:52 +00:00
parent 501a269450
commit 839260a7db
4 changed files with 4136 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/src/pages/AuthPages/SignUp.tsx
View File

@@ -78,8 +78,8 @@ export default function SignUp() {
title="Sign Up - IGNY8"
description="Create your IGNY8 account and start building topical authority with AI-powered content"
/>
<div className="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800">
<div className="flex min-h-screen">
<div className="min-h-screen bg-white dark:bg-gray-900">
<div className="flex h-screen overflow-hidden">
{/* Left Side - Signup Form */}
<SignUpFormUnified
plans={plans}
@@ -89,17 +89,33 @@ export default function SignUp() {
/>
{/* Right Side - Pricing Plans */}
<div className="hidden lg:flex lg:w-1/2 bg-gradient-to-br from-brand-50 to-purple-50 dark:from-gray-900 dark:to-gray-800 p-8 xl:p-12 items-start justify-center relative">
{/* Logo - Top Right */}
<Link to="/" className="absolute top-6 right-6">
<div className="hidden lg:flex lg:w-1/2 bg-brand-950 dark:bg-white/5 p-8 xl:p-12 items-center justify-center relative">
{/* GridShape Background */}
<div className="absolute inset-0 flex items-center justify-center">
<div className="relative flex items-center justify-center z-1 w-full h-full">
<div className="absolute inset-0">
<svg className="w-full h-full opacity-40" viewBox="0 0 100 100" preserveAspectRatio="none">
<defs>
<pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse">
<path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" strokeWidth="0.5"/>
</pattern>
</defs>
<rect width="100" height="100" fill="url(#grid)" />
</svg>
</div>
</div>
</div>
{/* Logo - Top Right - Smaller */}
<Link to="/" className="absolute top-6 right-6 z-10">
<img
src="/images/logo/IGNY8_LIGHT_LOGO.png"
src="/images/logo/IGNY8_DARK_LOGO.png"
alt="IGNY8"
className="h-12 w-auto"
className="h-8 w-auto"
/>
</Link>
<div className="w-full max-w-2xl mt-20">
<div className="w-full max-w-[840px] relative z-10">
{/* Pricing Plans Component Will Load Here */}
<div id="signup-pricing-plans" className="w-full">