Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 7 additions & 8 deletions src/pages/Signup/Signup.tsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import React, { useState, ChangeEvent, FormEvent } from "react";
import axios from "axios";
import { useNavigate } from "react-router-dom";
import { useNavigate ,Link } from "react-router-dom";
import { User, Mail, Lock } from "lucide-react";
const backendUrl = import.meta.env.VITE_BACKEND_URL;
interface SignUpFormData {
Expand Down Expand Up @@ -58,7 +58,7 @@ const navigate = useNavigate();
};

return (
<div className="h-screen w-screen bg-gradient-to-br from-indigo-900 via-purple-800 to-pink-700 flex items-center justify-center px-4 overflow-hidden">
<div className="relative h-screen w-screen bg-gradient-to-br from-indigo-900 via-purple-800 to-pink-700 flex items-center justify-center px-4 overflow-hidden">
{/* Background decorative elements */}
<div className="absolute inset-0 overflow-hidden">
<div className="absolute -top-40 -right-32 w-80 h-80 bg-purple-500 rounded-full mix-blend-multiply filter blur-xl opacity-20 animate-pulse"></div>
Expand Down Expand Up @@ -146,12 +146,11 @@ const navigate = useNavigate();
<div className="text-center mt-8">
<p className="text-purple-200">
Already have an account?{' '}
<button
onClick={() => console.log('Navigate to login')}
className="text-purple-300 hover:text-white font-medium transition-colors duration-300"
>
Sign in here
</button>
<Link to="/login" className="inline-flex items-center">
<button className="text-purple-300 hover:text-white font-medium transition-colors duration-300">
Sign in here
</button>
</Link>
</p>
</div>
</div>
Expand Down