diff --git a/client/pages/corp/CorpContactUs.tsx b/client/pages/corp/CorpContactUs.tsx index 767547a1..91466ca2 100644 --- a/client/pages/corp/CorpContactUs.tsx +++ b/client/pages/corp/CorpContactUs.tsx @@ -1,17 +1,21 @@ import Layout from "@/components/Layout"; import { Button } from "@/components/ui/button"; -import { Badge } from "@/components/ui/badge"; -import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; -import { Mail, Phone, MapPin, MessageSquare } from "lucide-react"; +import { Card, CardContent } from "@/components/ui/card"; +import { Mail, Phone, MapPin, Clock, ArrowRight } from "lucide-react"; import { useNavigate } from "react-router-dom"; +import { useState } from "react"; export default function CorpContactUs() { const navigate = useNavigate(); + const [formData, setFormData] = useState({ + name: "", + email: "", + message: "", + }); return (
- {/* Animated grid background */}
@@ -19,121 +23,167 @@ export default function CorpContactUs() {
- {/* Hero Section */} -
-
-
- +
+
+ - - - Contact Us - - -

- Get in Touch -

- -

- Reach out to our team. We're here to answer your questions and - discuss how we can help your business. -

- -
- - -
-
+

+ Get in Touch +

+

+ Have questions? We'd love to hear from you. Send us a message and we'll respond as soon as possible. +

- {/* Contact Methods */} -
+
-

- Contact Methods -

-
- - - - Email - - -

- Send us an email at{" "} - + {/* Contact Info */} +

+

+ Contact Information +

+ +
+ + +
+ +
+

+ Phone +

+ + (346) 556-7100 + +
+
+ +
+ +
+

+ Response Time +

+

+ Within 24 business hours +

+
+
+
+ +
+

+ Quick Links +

+
+ + +
+
+
- - - - Office - - -

- Queen Creek, Arizona -

-
-
+ {/* Contact Form */} +
+ + +
+ + + setFormData({ ...formData, name: e.target.value }) + } + className="w-full px-4 py-2 bg-blue-950/40 border border-blue-400/30 rounded text-blue-300 placeholder-blue-400/50" + placeholder="Your name" + /> +
- - - - Live Chat - - -

- Chat with our team in real-time for quick support -

-
-
+
+ + + setFormData({ ...formData, email: e.target.value }) + } + className="w-full px-4 py-2 bg-blue-950/40 border border-blue-400/30 rounded text-blue-300 placeholder-blue-400/50" + placeholder="your@email.com" + /> +
+ +
+ +