diff --git a/src/app/signup/page.tsx b/src/app/signup/page.tsx new file mode 100644 index 0000000..3c6bc8d --- /dev/null +++ b/src/app/signup/page.tsx @@ -0,0 +1,290 @@ +"use client"; + +import { useState } from "react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; +import FooterBaseCard from "@/components/sections/footer/FooterBaseCard"; +import { Mail, Lock, User, Phone, ArrowRight, Eye, EyeOff, CheckCircle } from "lucide-react"; + +export default function SignupPage() { + const [formData, setFormData] = useState({ + name: "", email: "", phone: "", password: "", confirmPassword: ""}); + const [showPassword, setShowPassword] = useState(false); + const [showConfirmPassword, setShowConfirmPassword] = useState(false); + const [agreeTerms, setAgreeTerms] = useState(false); + const [isLoading, setIsLoading] = useState(false); + + const handleChange = (e: React.ChangeEvent) => { + setFormData({ + ...formData, + [e.target.name]: e.target.value, + }); + }; + + const handleSignup = async (e: React.FormEvent) => { + e.preventDefault(); + setIsLoading(true); + // Simulate signup + setTimeout(() => { + setIsLoading(false); + // Handle signup logic here + }, 1000); + }; + + return ( + + + +
+
+
+
+

Get Started Free

+

Join thousands tracking stocks, gold, silver, Nifty & crypto

+
+ +
+ {/* Name Input */} +
+ +
+ + +
+
+ + {/* Email Input */} +
+ +
+ + +
+
+ + {/* Phone Input */} +
+ +
+ + +
+
+ + {/* Password Input */} +
+ +
+ + + +
+
+ + {/* Confirm Password Input */} +
+ +
+ + + +
+
+ + {/* Terms Agreement */} + + + {/* Signup Button */} + +
+ + {/* Trial Info */} +
+

+ + What you get in 3 days: +

+
    +
  • ✓ Real-time stock & crypto data
    • +
  • ✓ Gold & silver tracking
    • +
  • ✓ NIFTY 50 index updates
    • +
  • ✓ Price alerts (5 active)
    • +
+
+ + {/* Sign In Link */} +

+ Already have an account?{" "} + + Sign in + +

+
+
+
+ + + + ); +}