From 4751f7e09c16e2a73221c140a0496a34f5e56327 Mon Sep 17 00:00:00 2001 From: nitin mohan Date: Tue, 7 Jul 2026 22:46:49 +0530 Subject: [PATCH] premimm login and sighn in page --- app/(auth)/layout.tsx | 351 +++++++++++++++++++++++-------- app/(auth)/sign-in/page.tsx | 73 ++++--- app/(auth)/sign-up/page.tsx | 84 +++++--- app/dashboard/page.tsx | 2 +- app/layout.tsx | 6 +- components/auth/auth-input.tsx | 12 +- components/auth/oauth-button.tsx | 2 +- 7 files changed, 372 insertions(+), 158 deletions(-) diff --git a/app/(auth)/layout.tsx b/app/(auth)/layout.tsx index 2ed161e..67e3e8f 100644 --- a/app/(auth)/layout.tsx +++ b/app/(auth)/layout.tsx @@ -1,6 +1,15 @@ import Image from "next/image"; import Link from "next/link"; -import { Sparkles, BookOpen, GraduationCap } from "lucide-react"; +import { + LayoutDashboard, + BrainCircuit, + Sparkles, + Star, + Library, + FileText, + Target, + TrendingUp, +} from "lucide-react"; export default function AuthLayout({ children, @@ -8,117 +17,277 @@ export default function AuthLayout({ children: React.ReactNode; }) { return ( -
- {/* Left Side - Brand & Features (Hidden on Mobile) */} -
- {/* Background Gradients & Effects */} -
-
-
-
-
+
+ {/* Main Split Content */} +
+ {/* Left Side - Brand & Features (Hidden on Mobile) */} +
+ {/* Background Gradients & Effects */} +
+
+
+
+
- {/* Top Logo */} -
- -
- Hyper Learning Logo + {/* Top Logo - Large like Instagram */} +
+
+
+ Hyper Learning Logo +
- - Hyper Learning - - -
+
- {/* Center Content */} -
-

- Welcome to the future of learning. -

-

- Join thousands of engineering students who are studying smarter with - AI-powered notes, mapped syllabus, and instant tutor assistance. -

+ {/* Center Premium Content */} +
+

+ Elevate your engineering journey with a{" "} + + personalized AI tutor + + . +

-
-
-
- -
-
-

AI-Powered Notes

-

- Concept explanations tailored for exams. -

+ {/* Fanned-out Premium Feature Mockups */} +
+ {/* Card 1: Back Left (University Support) */} +
+
+
+ +
+

+ University +
+ Support +

+
+ {/* Real Content: University Features */} +
+
+
+ +
+
+ + Solved PYQs + + + RGPV & AKTU aligned + +
+
+
+
+ +
+
+ + Smart Syllabus + + + Topic-wise tracking + +
+
+
-
-
-
- + + {/* Card 2: Back Right (Personal Dashboard) */} +
+
+
+ +
+

+ Personal +
+ Dashboard +

+
+ {/* Real Content: Dashboard Stats */} +
+
+
+ + Current SGPA + + + 8.75 + +
+ +
+
+
+ Course Progress + 68% +
+
+
+
+
+
-
-

Mapped PYQs

-

- Previous year questions mapped to topics. -

+ + {/* Card 3: Center Front (AI Tutor) */} +
+
+
+ +
+
+

+ 24/7 AI Tutor +

+

+ Always ready to help +

+
+ {/* Real Content: Chat Interface */} +
+
+
+ U +
+
+

+ Explain Fourier transform simply. +

+
+
+
+
+ +
+
+

+ It breaks a complex signal into its individual sine wave + frequencies, like separating chords into notes. +

+
+
+
-
-
-
- + + {/* Decorative Floating Elements */} +
+ + + EXAM READY +
-
-

Instant AI Tutor

-

- Clear your doubts 24/7 on any subject. -

+
+ + + ALL BRANCHES +
- {/* Bottom Footer */} -
- © {new Date().getFullYear()} Hyper Learning. All rights reserved. -
-
+ {/* Right Side - Auth Forms */} + {/* Slightly different background for premium contrast */} +
+
+
+
- {/* Right Side - Auth Forms */} -
-
-
+ {/* Mobile Logo Header */} +
+ +
+ Hyper Learning Logo +
+ +
+ + {/* Auth Container */} +
{children}
+
- {/* Mobile Logo Header */} -
- -
+ {/* Global Footer */} +
+
+
+ Hyper Learning Logo + + © {new Date().getFullYear()} Hyper Learning. All rights + reserved. + + + +
+ + About + + + + Contact + + + + Creators + + + + Feedback + +
- -
- {/* Auth Container */} -
{children}
-
+
+ Disclaimer: + + Some content may contain errors. Please cross-check and share + corrections via our feedback section. + +
+
+
+
); } diff --git a/app/(auth)/sign-in/page.tsx b/app/(auth)/sign-in/page.tsx index cc5ce17..cac30f7 100644 --- a/app/(auth)/sign-in/page.tsx +++ b/app/(auth)/sign-in/page.tsx @@ -1,4 +1,5 @@ import Link from "next/link"; +import Image from "next/image"; import { ArrowRight } from "lucide-react"; import { AuthInput } from "@/components/auth/auth-input"; @@ -6,70 +7,76 @@ import { OAuthButton } from "@/components/auth/oauth-button"; export default function SignInPage() { return ( -
-
-

- Welcome back +
+
+
+ Logo +
+

+ Log in to Hyper Learning

-

- Enter your credentials to access your workspace -

-
+ - Forgot password? - - } + label="" + placeholder="Password" /> +
+ + Forgot password? + +
+ -
+
-
+
-
- - Or continue with - +
+ Or
-

- Don't have an account?{" "} +

+ + Don't have an account? + Sign up -

+
); } diff --git a/app/(auth)/sign-up/page.tsx b/app/(auth)/sign-up/page.tsx index 8567689..9ad5643 100644 --- a/app/(auth)/sign-up/page.tsx +++ b/app/(auth)/sign-up/page.tsx @@ -1,83 +1,107 @@ import Link from "next/link"; +import Image from "next/image"; import { ArrowRight } from "lucide-react"; import { AuthInput } from "@/components/auth/auth-input"; import { OAuthButton } from "@/components/auth/oauth-button"; +import { branches } from "@/lib/data/branches"; + +const BRANCHES = branches.map((branch) => { + if (branch.id === "common") return branch.name; + let acronym = branch.id.toUpperCase(); + if (branch.id === "civil") acronym = "CE"; + if (branch.id === "ec") acronym = "ECE"; + return `${branch.name} (${acronym})`; +}); + export default function SignUpPage() { return ( -
-
-

+
+
+
+ Logo +
+

Create an account

-

- Join thousands of students learning smarter -

-
-
+ +
+ + -
+
-
+
-
- - Or sign up with - +
+ Or
-

- Already have an account?{" "} +

+ + Already have an account? + - Sign in + Log in -

+
); } diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx index 52dcc5c..ac1df69 100644 --- a/app/dashboard/page.tsx +++ b/app/dashboard/page.tsx @@ -6,7 +6,7 @@ import { RecentActivityCard } from "@/components/dashboard/recent-activity-card" export default function DashboardPage() { return ( -
+
{/* Background Layers */}
{/* Light Mode Wavy Refraction Background (Properly visible at the top) */} diff --git a/app/layout.tsx b/app/layout.tsx index 265c29c..eedff32 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -126,7 +126,11 @@ export default function RootLayout({ Skip to content -
+
{children}