diff --git a/Portfolio Code b/Portfolio Code new file mode 100644 index 0000000000..87b3140c32 --- /dev/null +++ b/Portfolio Code @@ -0,0 +1,221 @@ +import { useState } from "react"; +import { Button } from "@/components/ui/button"; +import { Input } from "@/components/ui/input"; +import { Textarea } from "@/components/ui/textarea"; +import { useToast } from "@/hooks/use-toast"; +import { Send, Github, Linkedin, Twitter, Mail, MapPin } from "lucide-react"; + +const Contact = () => { + const [formData, setFormData] = useState({ + name: "", + email: "", + message: "", + }); + const [isSubmitting, setIsSubmitting] = useState(false); + const { toast } = useToast(); + + const handleSubmit = async (e: React.FormEvent) => { + e.preventDefault(); + setIsSubmitting(true); + + // Simulate form submission + await new Promise(resolve => setTimeout(resolve, 1000)); + + toast({ + title: "Message sent successfully!", + description: "Thanks for reaching out. I'll get back to you soon.", + }); + + setFormData({ name: "", email: "", message: "" }); + setIsSubmitting(false); + }; + + const handleChange = (e: React.ChangeEvent) => { + setFormData(prev => ({ + ...prev, + [e.target.name]: e.target.value, + })); + }; + + const socialLinks = [ + { + icon: Github, + href: "https://github.com", + label: "GitHub", + username: "@shaikrwaseemakram", + }, + { + icon: Linkedin, + href: "https://linkedin.com", + label: "LinkedIn", + username: "Shaik Waseem Akram", + }, + { + icon: Twitter, + href: "https://twitter.com", + label: "Twitter", + username: "@shaikwaseemakram", + }, + ]; + + return ( +
+
+
+

+ Get In Touch +

+

+ Ready to collaborate on your next project? Let's discuss how we can bring your ideas to life. +

+
+ +
+ {/* Contact Form */} +
+
+

+ Send Message +

+ +
+
+
+ + +
+
+ + +
+
+ +
+ +