From 0e19b2c7499638f0290885cd51b206ab38c39da2 Mon Sep 17 00:00:00 2001
From: Blackbeard348 <cmorgan348@outlook.com>
Date: Sun, 16 Feb 2025 19:58:07 +0800
Subject: [PATCH] Events planner app project

---
 src/Components/EventPlanner.jsx | 69 +++++++++++++++++++++++++++++++++
 src/Components/Footer.jsx       | 11 ++++++
 2 files changed, 80 insertions(+)
 create mode 100644 src/Components/Footer.jsx

diff --git a/src/Components/EventPlanner.jsx b/src/Components/EventPlanner.jsx
index d1f9abd..a4d8a58 100644
--- a/src/Components/EventPlanner.jsx
+++ b/src/Components/EventPlanner.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import './EventPlanner.css'; // Import CSS file for styling
+import Footer from "./Footer"
 
 const EventPlanner = () => {
     return (
@@ -7,6 +8,74 @@ const EventPlanner = () => {
             <header>
                 <h1>Welcome to Event Planner</h1>
             </header>
+            <section className="description" > {/* 1st Section -->*/}
+                <p>
+                    Plan and organise your events effortlessly with the Events planner App!
+                </p>
+                <button className="get-started-button">Get Started</button>
+
+            </section>
+            <section className="events_categories"> {/* 1st Section -->*/}
+                <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"> {/* 3rd Section -->*/}
+                <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"> {/* 4th Section -->*/}
+                <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"> {/* 5th Section -->*/}
+                <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>
     );
 };
diff --git a/src/Components/Footer.jsx b/src/Components/Footer.jsx
new file mode 100644
index 0000000..5fd0b18
--- /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