-
+
LOAF Board of Directors 2025
@@ -41,7 +41,7 @@ const BoardOfDirectors = () => {
{/* Officers Grid */}
-
+
Officers
@@ -62,7 +62,7 @@ const BoardOfDirectors = () => {
{/* Board Members Grid */}
-
+
Board of Directors
@@ -80,7 +80,7 @@ const BoardOfDirectors = () => {
{/* Join the Board Section */}
-
+
Join the Board of Directors
diff --git a/src/pages/ContactUs.js b/src/pages/ContactUs.js
new file mode 100644
index 0000000..4d76221
--- /dev/null
+++ b/src/pages/ContactUs.js
@@ -0,0 +1,279 @@
+import React, { useState } from 'react';
+import PublicNavbar from '../components/PublicNavbar';
+import PublicFooter from '../components/PublicFooter';
+import { Button } from '../components/ui/button';
+import { Card } from '../components/ui/card';
+import { Input } from '../components/ui/input';
+import { Label } from '../components/ui/label';
+import { Textarea } from '../components/ui/textarea';
+import { Checkbox } from '../components/ui/checkbox';
+import { Mail, MapPin, Loader2 } from 'lucide-react';
+import api from '../utils/api';
+import { toast } from 'sonner';
+
+const ContactUs = () => {
+ const [formData, setFormData] = useState({
+ firstName: '',
+ lastName: '',
+ email: '',
+ subject: '',
+ message: '',
+ consent: false
+ });
+ const [loading, setLoading] = useState(false);
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+ setFormData(prev => ({
+ ...prev,
+ [name]: value
+ }));
+ };
+
+ const handleConsentChange = (checked) => {
+ setFormData(prev => ({
+ ...prev,
+ consent: checked
+ }));
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+
+ // Validation
+ if (!formData.firstName.trim()) {
+ toast.error('Please enter your first name');
+ return;
+ }
+ if (!formData.lastName.trim()) {
+ toast.error('Please enter your last name');
+ return;
+ }
+ if (!formData.email.trim()) {
+ toast.error('Please enter your email');
+ return;
+ }
+ if (!formData.subject.trim()) {
+ toast.error('Please enter a subject');
+ return;
+ }
+ if (!formData.message.trim()) {
+ toast.error('Please enter your message');
+ return;
+ }
+ if (!formData.consent) {
+ toast.error('Please consent to LOAF storing your information');
+ return;
+ }
+
+ setLoading(true);
+ try {
+ await api.post('/contact', {
+ first_name: formData.firstName,
+ last_name: formData.lastName,
+ email: formData.email,
+ subject: formData.subject,
+ message: formData.message
+ });
+
+ toast.success('Message sent successfully! We\'ll get back to you soon.');
+
+ // Reset form
+ setFormData({
+ firstName: '',
+ lastName: '',
+ email: '',
+ subject: '',
+ message: '',
+ consent: false
+ });
+ } catch (error) {
+ console.error('Failed to send message:', error);
+ toast.error(error.response?.data?.detail || 'Failed to send message. Please try again.');
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ return (
+
+
+
+
+
+
+ {/* Contact Form */}
+
+
+ Contact Form
+
+
+
+
+
+ {/* Contact Information */}
+
+ {/* Message Card */}
+
+
+ If you have questions, or are interested in joining, we would love hearing from you.
+
+
+
+ {/* Email Card */}
+
+
+
+
+ {/* Address Card */}
+
+
+
+
+
+
+
+ LOAF
+
+
+ P.O. Box 7207
+ Houston, Texas 77248-7207
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default ContactUs;
diff --git a/src/pages/Donate.js b/src/pages/Donate.js
index 278ce2f..e7477b4 100644
--- a/src/pages/Donate.js
+++ b/src/pages/Donate.js
@@ -58,14 +58,14 @@ const Donate = () => {
-
+
{/* Hero Section */}
e.target.style.display = 'none'} />
-
+
Donate
diff --git a/src/pages/DonationSuccess.js b/src/pages/DonationSuccess.js
index 0a49e26..aa18db7 100644
--- a/src/pages/DonationSuccess.js
+++ b/src/pages/DonationSuccess.js
@@ -16,7 +16,7 @@ const DonationSuccess = () => {
-
+
{/* Success Icon */}
![]()
{
{/* Title */}
-
+
Thank You for Your Donation!
diff --git a/src/pages/Events.js b/src/pages/Events.js
index ce63666..51e809a 100644
--- a/src/pages/Events.js
+++ b/src/pages/Events.js
@@ -64,7 +64,7 @@ const Events = () => {
Loading events...
+
{events.map((event) => (
{
-
+
{/* Hero Section */}
-
History of LOAF
diff --git a/src/pages/Landing.js b/src/pages/Landing.js
index 7e8f58d..3d98790 100644
--- a/src/pages/Landing.js
+++ b/src/pages/Landing.js
@@ -19,31 +19,31 @@ const Landing = () => {
{/* Hero Section */}
-
-
+
+
-
+
-
-
-
-
-
+
+
{/* About Section */}
-
+
-
+
Welcome to LOAF
@@ -54,9 +54,9 @@ const Landing = () => {
{/* Feature Cards Section */}
-
+
- 
+
Meet and Greet
@@ -69,7 +69,7 @@ const Landing = () => {
- 
+
Socials
@@ -81,7 +81,7 @@ const Landing = () => {
- 
+
Active LOAFers
@@ -94,15 +94,15 @@ const Landing = () => {
{/* CTA Section */}
-
-
-
-