From 92c6bb081b12759cf189762ed22129f746d1f55a Mon Sep 17 00:00:00 2001
From: MSoufyani <mmelhy@gmail.com>
Date: Thu, 25 Sep 2025 08:36:09 -0400
Subject: [PATCH] great event planning services website

---
 src/Components/EventPlanner.jsx | 91 ++++++++++++++++++++++++++++-----
 src/Components/Footer.jsx       | 11 ++++
 2 files changed, 90 insertions(+), 12 deletions(-)
 create mode 100644 src/Components/Footer.jsx

diff --git a/src/Components/EventPlanner.jsx b/src/Components/EventPlanner.jsx
index d1f9abd..2d26a1f 100644
--- a/src/Components/EventPlanner.jsx
+++ b/src/Components/EventPlanner.jsx
@@ -1,14 +1,81 @@
-import React from 'react';
-import './EventPlanner.css'; // Import CSS file for styling
-
-const EventPlanner = () => {
-    return (
-        <div className="event-planner-container">
-            <header>
-                <h1>Welcome to Event Planner</h1>
-            </header>
-        </div>
+ import React from 'react';
+ import './EventPlanner.css'; // Import CSS file for styling
+ import Footer from './Footer';
+ const EventPlanner = () => {
+ return (
+     <div className="event-planner-container">
+         <header>
+             <h1>Welcome to Event Planner</h1>
+         </header>
+         <section className="description">
+             <p>
+                 Plan and organize your events effortlessly with Event Planner. From
+                 birthdays to corporate meetings, we've got you covered.
+             </p>
+             <button className="get-started-button">Get Started</button>
+          </section>
+          <section className="events_categories">
+             <ul>
+                 <h2>Social Events:</h2>
+                 <li>Birthday parties</li>
+                 <li>Anniversary celebrations</li>
+                 <li>Wedding receptions</li>
+                 <li>Baby showers</li>
+                 <li>Graduation parties</li>
+                 <li>Family reunions</li>
+             </ul>
+             <ul>
+                 <h2> Entertainment Events:</h2>
+                 <li>Concerts</li>
+                 <li>Music festivals</li>
+                 <li>Film screenings</li>
+                 <li>Comedy shows</li>
+                 <li>Art exhibitions</li>
+                 <li>Cultural events</li>
+             </ul>
+             <ul>
+                 <h2>Community Events:</h2>
+                 <li>Fundraising events</li>
+                 <li>Charity galas</li>
+                 <li>Volunteer drives</li>
+                 <li>Neighborhood block parties</li>
+                 <li>Community festivals</li>
+                 <li>Cultural celebrations</li>
+             </ul>
+         </section>
+         <section className="features">
+             <h2>Features</h2>
+             <ul>
+                 <li>Easy event creation and management</li>
+                 <li>Customizable event templates</li>
+                 <li>Guest list management</li>
+                 <li>Real-time collaboration</li>
+                 <li>Reminders and notifications</li>
+             </ul>
+         </section>
+         <section className="testimonials">
+             <h2>Testimonials</h2>
+             <div className="testimonial">
+                 <p>"Event Planner made organizing my wedding a breeze. Highly recommended!"</p>
+                 <p className="author">- Emily Johnson</p>
+             </div>
+             <div className="testimonial">
+                 <p>"I use Event Planner for all my corporate events. It saves me so much time and effort!"</p>
+                 <p className="author">- John Smith</p>
+             </div>
+         </section>
+         <section className="contact">
+             <h2>Contact Us</h2>
+             <form>
+                 <input type="text" placeholder="Name" />
+                 <input type="email" placeholder="Email" />
+                 <textarea placeholder="Message"></textarea>
+                 <button className="submit-button">Send</button>
+             </form>
+         </section>
+         <Footer/>
+     </div>
     );
-};
+ };
 
-export default EventPlanner;
+  export default EventPlanner;
\ No newline at end of file
diff --git a/src/Components/Footer.jsx b/src/Components/Footer.jsx
new file mode 100644
index 0000000..cdf9f8c
--- /dev/null
+++ b/src/Components/Footer.jsx
@@ -0,0 +1,11 @@
+      import React from 'react';
+     const Footer = () => {
+         return (
+             <>
+      <footer>
+      <p>&copy; Event Planner Organization. All rights reserved.</p>
+      </footer>
+             </>
+         )}
+
+     export default Footer
\ No newline at end of file