added new components for event counter and create events

app/page.tsx

@@ -1,4 +1,6 @@
 import Image from 'next/image';
+import EventCounter from '@/components/sc/eventCounter';
+import CreateEvent from '@/components/sc/createEvent';
 
 export default function Home() {
   return (
@@ -23,6 +25,10 @@ export default function Home() {
           <li>Save and see your changes instantly.</li>
         </ol>
 
+        <EventCounter />
+
+        <CreateEvent />
+
         <div className="flex gap-4 items-center flex-col sm:flex-row">
           <a
             className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground text-background gap-2 hover:bg-[#383838] dark:hover:bg-[#ccc] text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5"