contact page updated

Mujtabaa07 · Jan 4, 2025 · 5f9e452 · 5f9e452
1 parent a92ea69
commit 5f9e452
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/Pages/contact.js b/src/Pages/contact.js
@@ -76,15 +76,26 @@ function Contact() {
         initial={{ opacity: 0, y: -50 }}
         animate={{ opacity: 1, y: 0 }}
         transition={{ duration: 0.5 }}
+        style={{ fontWeight: 'bold' }}
       >
         Contact Us
       </Title>
+      <Title
+        className = "mt-1"
+        initial={{ opacity: 0, y: -20}}
+        animate={{ opacity: 1, y: 2 }}
+        transition={{ duration: 0.5 }}
+        style={{ fontSize: "24px" }} 
+      >
+        We would love to hear from you!
+      </Title>
       <Form
         onSubmit={handleSubmit}
         initial={{ opacity: 0, y: 50 }}
         animate={{ opacity: 1, y: 0 }}
         transition={{ duration: 0.5, delay: 0.2 }}
       >
+        <div style={{ display: 'flex',justifyContent:'space-between',gap:'10px' }}>
         <Input
           type="text"
           name="name"
@@ -93,6 +104,7 @@ function Contact() {
           onChange={handleChange}
           required
           pattern="[a-zA-Z\s]+" title="Name must only contain letters"
+          style={{ width: '50%' }}
         />
         <Input
           type="email"
@@ -101,7 +113,9 @@ function Contact() {
           value={formData.email}
           onChange={handleChange}
           required
+          style={{ width: '50%' }}
         />
+        </div>
         <TextArea
           name="message"
           placeholder="Your Message"