WDIPL/Wdipl-react
2
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

All changes, done like fully react router uses, services, al/ml and solution page section alignment and missing section done!

Browse Source
This commit is contained in:
priyanshuvish
2025-09-23 20:13:31 +05:30
parent 5f5ddb1cd6
commit e78c8672e9
158 changed files with 2444 additions and 2093 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
pages/Contact.tsx
View File

@@ -9,7 +9,7 @@ import { Textarea } from "../components/ui/textarea";
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../components/ui/select";
import { Checkbox } from "../components/ui/checkbox";
import { Mail, Phone, MapPin, Clock, Send, ArrowRight, MessageSquare, FileCheck, Calendar, Headphones, UserPlus } from "lucide-react";
import { navigateTo } from "../App";
import { useNavigate } from "react-router-dom";
export const Contact = () => {
const [formData, setFormData] = useState({
@@ -53,6 +53,8 @@ export const Contact = () => {
{ icon: UserPlus, title: "Send your CV to HR", description: "Submit your resume for career opportunities", href: "/contact/send-your-cv" }
];
const navigate = useNavigate();
const handleInputChange = (field: string, value: string | boolean) => {
setFormData(prev => ({ ...prev, [field]: value }));
};
@@ -112,12 +114,12 @@ export const Contact = () => {
setIsSubmitting(false);
// Redirect to Thank You page
navigateTo('/thank-you');
navigate('/thank-you');
};
return (
<div className="dark min-h-screen bg-background">
<Navigation />
{/* <Navigation /> */}
<section className="pt-24 pb-16 bg-background">
<div className="container mx-auto px-6 lg:px-8">
@@ -255,7 +257,7 @@ export const Contact = () => {
{contactPages.map((page, index) => {
const Icon = page.icon;
return (
<Card key={index} className="bg-background/50 border-white/10 hover:border-[#E5195E]/30 transition-all duration-300 cursor-pointer" onClick={() => navigateTo(page.href)}>
<Card key={index} className="bg-background/50 border-white/10 hover:border-[#E5195E]/30 transition-all duration-300 cursor-pointer" onClick={() => navigate(page.href)}>
<CardContent className="p-4">
<div className="flex items-center gap-3">
<Icon className="w-5 h-5 text-[#E5195E]" />
@@ -283,10 +285,10 @@ export const Contact = () => {
<strong>Privacy Statement:</strong> Your information is secure with us. We respect your privacy and will only use your data to respond to your inquiry.
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<Button variant="outline" className="border-white/20 text-white hover:bg-white/10" onClick={() => navigateTo('/services')}>
<Button variant="outline" className="border-white/20 text-white hover:bg-white/10" onClick={() => navigate('/services')}>
Explore our services
</Button>
<Button variant="outline" className="border-white/20 text-white hover:bg-white/10" onClick={() => navigateTo('/resources/client-testimonials')}>
<Button variant="outline" className="border-white/20 text-white hover:bg-white/10" onClick={() => navigate('/resources/client-testimonials')}>
Read our testimonials
</Button>
</div>
@@ -294,7 +296,7 @@ export const Contact = () => {
</div>
</section>
<Footer />
{/* <Footer /> */}
</div>
);
};