diff --git a/src/Components/Events.css b/src/Components/Events.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/Components/Events.js b/src/Components/Events.js
new file mode 100644
index 0000000..a6725ff
--- /dev/null
+++ b/src/Components/Events.js
@@ -0,0 +1,27 @@
+import React from 'react'
+
+import Specials from "./specials";
+import Testimonials from "./testimonials";
+import Info from "./info";
+import Story from "./Story";
+import SectionHeader from "./SectionHeader";
+import MenuIntro from "./MenuIntro";
+import PlaceIntro from "./PlaceIntro";
+import { NavLink } from "react-router-dom";
+
+function Events() {
+  return (
+    <div className='events-container'>
+        <SectionHeader SectionHeader_text="Grand Delight"/>
+        <div className='events'>
+            <div className='event-card'>
+                <img src='' alt=''></img>
+                <h3>Date Night</h3>
+                <p></p>
+            </div>
+        </div>
+    </div>
+  )
+}
+
+export default Events
\ No newline at end of file
diff --git a/src/Components/Main.css b/src/Components/Main.css
index 82d76bd..0fe8505 100644
--- a/src/Components/Main.css
+++ b/src/Components/Main.css
@@ -23,6 +23,6 @@
 
 .primary-btn:hover {
     background-color: burlywood;
-    border: 1px solid #F7F1EA;
+    border: 1px solid burlywood;
     color: black;
 }
\ No newline at end of file
diff --git a/src/Components/main.js b/src/Components/main.js
index 9a70c2b..de069b6 100644
--- a/src/Components/main.js
+++ b/src/Components/main.js
@@ -31,7 +31,7 @@ function Main() {
             <Story />
             <MenuIntro />
             <PlaceIntro />
-            <Info />
+            
         </main>
     );
 }