{/* Header Bar */}
-
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..2bdd326
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,295 @@
+'use client';
+
+import Image from 'next/image';
+import Link from 'next/link';
+import { useState } from 'react';
+import { CommonHeader } from '@/components/layout/CommonHeader';
+import { Footer } from '@/components/layout/Footer';
+
+export default function ContactPage() {
+ const [formData, setFormData] = useState({
+ name: '',
+ phone: '',
+ email: '',
+ message: '',
+ });
+
+ const handleInputChange = (e: React.ChangeEvent) => {
+ const { name, value } = e.target;
+ setFormData(prev => ({ ...prev, [name]: value }));
+ };
+
+ const handleSubmit = (e: React.FormEvent) => {
+ e.preventDefault();
+ // Handle form submission
+ console.log('Form submitted:', formData);
+ };
+
+ const handleCancel = () => {
+ setFormData({ name: '', phone: '', email: '', message: '' });
+ };
+
+ return (
+
-
- );
-}
diff --git a/src/components/layout/CommonHeader.tsx b/src/components/layout/CommonHeader.tsx
new file mode 100644
index 0000000..473c115
--- /dev/null
+++ b/src/components/layout/CommonHeader.tsx
@@ -0,0 +1,156 @@
+'use client';
+
+import { useState } from 'react';
+import Link from 'next/link';
+import Image from 'next/image';
+import { useSession, signOut } from 'next-auth/react';
+
+const navLinks = [
+ { label: 'Education', href: '/education' },
+ { label: 'About Us', href: '/about' },
+ { label: "FAQ's", href: '/faq' },
+];
+
+export function CommonHeader() {
+ const { data: session } = useSession();
+ const [showProfileMenu, setShowProfileMenu] = useState(false);
+
+ const userName = session?.user?.name;
+ const userEmail = session?.user?.email;
+ const userRole = (session?.user as any)?.role;
+
+ // Determine dashboard link based on user role
+ const dashboardLink = userRole === 'AGENT' ? '/agent/dashboard' : '/user/userprofile';
+
+ return (
+
+
+ );
+}
+ {/* Header */}
+
+ {/* Contact Section */}
+
+
+ {/* Footer */}
+
+
+ );
+}
diff --git a/src/components/layout/AgentHeader.tsx b/src/components/layout/AgentHeader.tsx
deleted file mode 100644
index 0c28b01..0000000
--- a/src/components/layout/AgentHeader.tsx
+++ /dev/null
@@ -1,134 +0,0 @@
-'use client';
-
-import { useState } from 'react';
-import Link from 'next/link';
-import Image from 'next/image';
-import { signOut } from 'next-auth/react';
-
-interface AgentHeaderProps {
- userName?: string | null;
- userEmail?: string | null;
-}
-
-const navLinks = [
- { label: 'Education', href: '/education' },
- { label: 'About Us', href: '/about' },
- { label: "FAQ's", href: '/faq' },
-];
-
-export function AgentHeader({ userName, userEmail }: AgentHeaderProps) {
- const [showProfileMenu, setShowProfileMenu] = useState(false);
-
- return (
-
+
+
+ {/* Main Content */}
+
+ {/* Title */}
+
+
+ {/* CTA Section - Ready to find an agent */}
+
+
+
+ + Get In Touch +
++ Have a question about a property or need assistance? Fill out the form below and our team will get back to you shortly. +
+
+ {/* Contact Form */}
+
+
+
+
+
+ {/* Contact Details Sidebar */}
+
+
+
+ {/* Header */}
+
+
+
+
+ {/* Email Support */}
+ + Contact Details +
+
+
+
+ {/* Phone */}
+
+
+
+
+ + Email Support +
++ 123support@gmail.com +
+
+
+
+ {/* Office */}
+
+
+
+
+ + Phone +
++ 1234567890 +
++ Mon-Fri 9am-6pm +
+
+
+
+ {/* Map */}
+
+
+
+
+ + Office +
++ 123 Market Street +
++ New York CA 234737 +
+
+
+
+ {/* Get Directions Button */}
+
+
+
+
+
+
+
+
+
+
+
+ + Ready to find an agent? +
++ Discover trusted agents and start your property journey with confidence. +
+ + Start Your Search + + +
+
+
- {/* Logo */}
-
-
-
- {/* Notification Bell */}
-
-
- {/* Profile Icon with Dropdown */}
-
-
-
-
- {/* Profile Dropdown Menu */}
- {showProfileMenu && (
-
-
- {/* Mobile Menu Button */}
-
-
-
- )}
-
-
- - {userName || 'Agent'} -
-{userEmail}
-
- setShowProfileMenu(false)}
- >
- Dashboard
-
- setShowProfileMenu(false)}
- >
- Settings
-
-
-
-
-
-
+ {/* Logo */}
+
+
+
+ {session ? (
+ <>
+ {/* Notification Bell */}
+
+
+ {/* Profile Icon with Dropdown */}
+
+
+
+
+ {/* Profile Dropdown Menu */}
+ {showProfileMenu && (
+
+
+ ) : (
+
+
+ )}
+
+
+ + {userName || 'User'} +
+{userEmail}
+
+ setShowProfileMenu(false)}
+ >
+ Dashboard
+
+ setShowProfileMenu(false)}
+ >
+ Settings
+
+
+
+
+
+
+
+ Login
+
+
+ Sign Up
+
+
+ )}
+
+ {/* Mobile Menu Button */}
+
+