diff --git a/src/app/app/layout.jsx b/src/app/app/layout.jsx
new file mode 100644
index 0000000..2dd0865
--- /dev/null
+++ b/src/app/app/layout.jsx
@@ -0,0 +1,20 @@
+import Navbar from "../../components/Navbar";
+import Sidebar from "../../components/Sidebar";
+import Footer from "../../components/Footer";
+
+function AppLayout({ children }) {
+ return (
+
+
+
+
+
+ );
+}
+
+export default AppLayout;
diff --git a/src/pages/Participants.jsx b/src/app/app/participants/page.jsx
similarity index 80%
rename from src/pages/Participants.jsx
rename to src/app/app/participants/page.jsx
index 5b5fbb4..08a9706 100644
--- a/src/pages/Participants.jsx
+++ b/src/app/app/participants/page.jsx
@@ -1,29 +1,25 @@
import React from "react";
-import addTeam from "../assets/add-team.svg";
-import share from "../assets/share-08.svg";
-import avatar1 from "../assets/avatar1.png";
-import avatar2 from "../assets/avatar2.png";
-import avatar3 from "../assets/avatar3.png";
+import Image from "next/image";
const avatars = [
- avatar1,
- avatar2,
- avatar3,
- avatar3,
- avatar3,
- avatar3,
- avatar3,
- avatar3,
+ '/assets/avatar1.png',
+ '/assets/avatar2.png',
+ '/assets/avatar3.png',
+ '/assets/avatar3.png',
+ '/assets/avatar3.png',
+ '/assets/avatar3.png',
+ '/assets/avatar3.png',
+ '/assets/avatar3.png',
,
- avatar3,
+ '/assets/avatar3.png',
,
- avatar3,
+ '/assets/avatar3.png',
,
- avatar3,
+ '/assets/avatar3.png',
,
- avatar3,
+ '/assets/avatar3.png',
,
- avatar3,
+ '/assets/avatar3.png',
];
const Participants = () => {
@@ -32,11 +28,11 @@ const Participants = () => {
Invite Participants
-
+
Share Event
-
+
@@ -56,8 +52,8 @@ const Participants = () => {
Participants
- {avatars.map((avatar) => (
-
+ {avatars.map((avatar, index) => (
+
))}
@@ -113,7 +109,7 @@ const SearchItem = ({ hostLineImg }) => {
<>
-
+
Teaminfuralegend
taminfuraweb3@gmail.com
diff --git a/src/app/app/tickets/page.jsx b/src/app/app/tickets/page.jsx
new file mode 100644
index 0000000..0d9315f
--- /dev/null
+++ b/src/app/app/tickets/page.jsx
@@ -0,0 +1,10 @@
+function TicketsPage() {
+ return (
+
+ Tickets page Coming soon!
+
+ );
+ }
+
+ export default TicketsPage;
+
\ No newline at end of file
diff --git a/src/pages/YourEvents.jsx b/src/app/app/your-events/page.jsx
similarity index 67%
rename from src/pages/YourEvents.jsx
rename to src/app/app/your-events/page.jsx
index 56d0faa..5a5022f 100644
--- a/src/pages/YourEvents.jsx
+++ b/src/app/app/your-events/page.jsx
@@ -8,6 +8,16 @@ import timeImg from "../assets/timeImg.svg";
import globeImg from "../assets/globeImg.svg";
import locationImg from "../assets/locationImg.svg";
import avatars from "../assets/avatars.jpeg";
+import React from 'react'
+import Image from 'next/image'
+
+const events = [false, true, false, true]
+// import globe from '../../../assets/globe.svg'
+// import eventImg from "../../../assets/eventImg.jpeg"
+// import timeImg from "../../../assets/timeImg.svg"
+// import globeImg from "../../../assets/globeImg.svg"
+// import locationImg from "../../../assets/locationImg.svg"
+// import avatars from "../../../assets/avatars.jpeg"
const YourEvents = () => {
const { data: eventsData, isLoading, error } = useContractFetch(
@@ -54,9 +64,15 @@ const YourEvents = () => {
Your Events
+
+
+
Event Name
+
+
Public
+
@@ -70,6 +86,7 @@ const YourEvents = () => {
) : (
No events found.
)}
+ {events.map((event, index) =>
)}
);
@@ -103,6 +120,26 @@ const EventCard = ({ event }) => {
)}
{event.isGoing &&
Going }
+
+
+
+
10: 00 AM
+
Workshop: Leveraging The Graph to build Your Dapp
+
Lagos, Nigeria
+
Colab Innovation Campus
+
+ {!isGoing &&
+ Manage Event
+
+
+
+
+ }
+ {isGoing &&
+ Going
+
+ }
+
@@ -118,3 +155,7 @@ const EventCard = ({ event }) => {
};
export default YourEvents;
+
+ )
+}
+export default YourEvents
diff --git a/src/pages/CreateEvent.jsx b/src/app/create-event/page.jsx
similarity index 90%
rename from src/pages/CreateEvent.jsx
rename to src/app/create-event/page.jsx
index 8ed0816..266e9b4 100644
--- a/src/pages/CreateEvent.jsx
+++ b/src/app/create-event/page.jsx
@@ -1,25 +1,29 @@
-import Navbar from "../components/Navbar";
-import banner from "../assets/testEventBanner.png";
-import EditIcon from "../icons/EditIcon";
-import Select from "../components/Select";
-import GlobeIcon from "../icons/GlobeIcon";
-import timelinePath from "../assets/timeline-path.svg";
-import MapPinIcon from "../icons/MapPinIcon";
-import FileIcon from "../icons/FileIcon";
-import ApprovalIcon from "../icons/ApprovalIcon";
+'use client'
+
+import Navbar from "../../components/Navbar";
+// import banner from "../../assets/testEventBanner.png";
+
+import EditIcon from "../../icons/EditIcon";
+import Select from "../../components/Select";
+import GlobeIcon from '../../icons/GlobeIcon';
+// imporImageimelinePath from '/assets/timeline-path.svg'../../assets/timeline-path.svgwidth={30} height={30}";
+import MapPinIcon from "../../icons/MapPinIcon";
+import FileIcon from "../../icons/FileIcon";
+import ApprovalIcon from "../../icons/ApprovalIcon";
import { useEffect, useMemo, useState } from "react";
-import UploadIcon from "../icons/UploadIcon";
-import TicketsIcon from "../icons/TicketsIcon";
+import UploadIcon from "../../icons/UploadIcon";
+import TicketsIcon from "../../icons/TicketsIcon";
import { createPortal } from "react-dom";
-import SetTicketPriceModal from "../components/SetTicketPriceModal";
-import SetCapacityModal from "../components/SetCapacityModal";
-import { timezones } from "../utils/data";
-import DateMobilePicker from "../components/DateMobilePicker";
-import { formatDisplayDate, formatTimeWithAmPm } from "../utils/helpers";
-import { contractAbi } from "../abi/abi";
-import { contractAddress } from "../utils/address";
-import { useNavigate } from "react-router-dom";
-import { useContractWriteUtility } from "../utils/helpers";
+import SetTicketPriceModal from "../../components/SetTicketPriceModal";
+import SetCapacityModal from "../../components/SetCapacityModal";
+import { timezones } from "../../utils/data";
+import DateMobilePicker from "../../components/DateMobilePicker";
+import { formatDisplayDate, formatTimeWithAmPm } from "../../utils/helpers";
+import { contractAbi } from "../../abi/abi";
+import { contractAddress } from "../../utils/address";
+import { useContractWriteUtility } from "../../utils/helpers";
+import { useRouter } from "next/navigation";
+import Image from "next/image";
function CreateEvent() {
const [isEditingPrice, setIsEditingPrice] = useState(false);
@@ -41,7 +45,7 @@ function CreateEvent() {
const [regularTicketPrice, setRegularTicketPrice] = useState("");
const [vipTicketPrice, setVipTicketPrice] = useState("");
const [capacity, setCapacity] = useState("");
- const navigate = useNavigate();
+ const router = useRouter();
useEffect(() => {
const currentDate = new Date();
@@ -84,9 +88,9 @@ function CreateEvent() {
useEffect(() => {
if (isSuccess) {
- navigate("/");
+ router.push("/");
}
- }, [isSuccess, navigate]);
+ }, [isSuccess, router]);
return (
@@ -128,7 +132,8 @@ function CreateEvent() {
-
+
+
@@ -174,7 +179,7 @@ function CreateEvent() {
-
+
Start
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
new file mode 100644
index 0000000..718d6fe
Binary files /dev/null and b/src/app/favicon.ico differ
diff --git a/src/index.css b/src/app/globals.css
similarity index 100%
rename from src/index.css
rename to src/app/globals.css
diff --git a/src/app/layout.jsx b/src/app/layout.jsx
new file mode 100644
index 0000000..fccfde9
--- /dev/null
+++ b/src/app/layout.jsx
@@ -0,0 +1,31 @@
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+import { Providers } from "../components/Providers";
+
+const geistSans = Geist({
+ variable: "--font-geist-sans",
+ subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+ variable: "--font-geist-mono",
+ subsets: ["latin"],
+});
+
+export const metadata = {
+ title: "STRK Events",
+ description: "Generated by create next app",
+};
+
+export default function RootLayout({ children })
+ {
+ return (
+
+
+
+ {children}
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/pages/HomePage.jsx b/src/app/page.jsx
similarity index 83%
rename from src/pages/HomePage.jsx
rename to src/app/page.jsx
index d5bd784..2f53528 100644
--- a/src/pages/HomePage.jsx
+++ b/src/app/page.jsx
@@ -1,19 +1,24 @@
+'use client'
+
import { useState } from "react";
import GenericModal from "../components/GenericModal";
import Navbar from "../components/Navbar";
import { createPortal } from "react-dom";
-import { Link, useNavigate } from "react-router-dom";
+import Link from 'next/link'
import { useAccount } from "@starknet-react/core";
import Footer from "../components/Footer";
-import chainImg from "../assets/chainevtlogo.svg";
-import calender from "../assets/calendar-02.svg";
-import addCircle from "../assets/add-circle.svg";
+// import chainImg from "/assets/chainevtlogo.svg";
+// import calender from "/assets/calendar-02.svg";
+// import addCircle from "/assets/add-circle.svg";
+import { useRouter } from "next/navigation";
+import Image from "next/image";
function HomePage() {
const [username, setUsername] = useState("");
const [nameModalOpen, setNameModalOpen] = useState(false);
const [welcomeModalOpen, setWelcomeModalOpen] = useState(false);
- const navigate = useNavigate();
+ // const navigate = useNavigate();
+ const router = useRouter()
const { address } = useAccount();
return (
@@ -56,7 +61,7 @@ function HomePage() {
{
- navigate("app/home");
+ router.push("app/home");
}}
>
Continue
@@ -86,7 +91,9 @@ function HomePage() {
<>
-
+ {/*
*/}
+
+
CHAINEVENTS
@@ -98,7 +105,8 @@ function HomePage() {
-
+ {/*
*/}
+
CHAINEVENTS
@@ -109,16 +117,18 @@ function HomePage() {
-
+ {/*
*/}
+
You have no current event
Host one
-
+
-
+ {/*
*/}
+
Create Event
@@ -131,4 +141,4 @@ function HomePage() {
);
}
-export default HomePage;
+export default HomePage;
\ No newline at end of file
diff --git a/src/pages/ProfilePage.jsx b/src/app/profile/page.jsx
similarity index 80%
rename from src/pages/ProfilePage.jsx
rename to src/app/profile/page.jsx
index ecbc96a..bf4be04 100644
--- a/src/pages/ProfilePage.jsx
+++ b/src/app/profile/page.jsx
@@ -1,11 +1,14 @@
+'use client'
+
import React from "react";
-import Navbar from "../components/Navbar";
-import Location from "../assets/location.svg";
-import Globe from "../assets/globeImg.svg";
-import Time from "../assets/timeImg.svg";
-import ProfileImage from "../assets/profileImg.png";
-import EventImage from "../assets/eventImage.png";
-import Footer from "../components/Footer";
+import Navbar from "../../components/Navbar"
+// import Location from "../../assets/location.svg";
+// import Globe from "../../assets/globeImg.svg";
+// import Time from "../../assets/timeImg.svg";
+// import ProfileImage from "../../assets/profileImg.png";
+// import EventImage from "../../assets/eventImage.png";
+import Footer from "../../components/Footer";
+import Image from "next/image";
// Event Card Component
@@ -15,7 +18,7 @@ const EventCard = ({ title, presenter, address, location, time }) => {
{/* Image and Content */}
{/* Event Image */}
-
+
{/* Event Details */}
@@ -24,10 +27,11 @@ const EventCard = ({ title, presenter, address, location, time }) => {
{/* Presenter */}
-
{presenter}
@@ -36,18 +40,18 @@ const EventCard = ({ title, presenter, address, location, time }) => {
{/* For Mobile: Address in its own row */}
-
+
{address}
{/* For Mobile: Location and Time on the same row */}
-
+
{location}
-
+
{time}
@@ -93,10 +97,11 @@ const ProfilePage = () => {
{/* Profile Section */}
-
TeamINFURA
diff --git a/src/pages/Registration.jsx b/src/app/registration/page.jsx
similarity index 96%
rename from src/pages/Registration.jsx
rename to src/app/registration/page.jsx
index d94bccd..41c1694 100644
--- a/src/pages/Registration.jsx
+++ b/src/app/registration/page.jsx
@@ -1,7 +1,9 @@
+'use client'
+
import { useState } from 'react';
-import Navbar from '../components/Navbar';
-import Footer from '../components/Footer';
-import Sidebar from '../components/Sidebar';
+import Navbar from '../../components/Navbar';
+import Footer from '../../components/Footer';
+import Sidebar from '../../components/Sidebar';
import { BiIdCard, BiUser, BiEnvelope } from 'react-icons/bi';
import { FaPlus } from 'react-icons/fa';
import { SiEthereum, SiSolana } from 'react-icons/si';
@@ -10,10 +12,10 @@ import { LuWallet } from "react-icons/lu";
import { PiBarn } from "react-icons/pi";
import { LuFileQuestion } from "react-icons/lu";
import { MdOutlinePhoneInTalk } from "react-icons/md";
-import RegistrationModal from '../components/RegistrationModal';
-import EventCapacityModal from "../components/EventCapacityModal";
-import NewEventType from "../components/NewEventType";
-import AddQuestionModal from "../components/AddQuestionModal";
+import RegistrationModal from '../../components/RegistrationModal';
+import EventCapacityModal from "../../components/EventCapacityModal";
+import NewEventType from "../../components/NewEventType";
+import AddQuestionModal from "../../components/AddQuestionModal";
const Registration = () => {
diff --git a/src/components/AccountSidebar.jsx b/src/components/AccountSidebar.jsx
index 33c7eb9..3fcba79 100644
--- a/src/components/AccountSidebar.jsx
+++ b/src/components/AccountSidebar.jsx
@@ -1,12 +1,15 @@
+'use client'
+
import React from "react";
import { motion } from "framer-motion";
-import purse from "../assets/purse.png";
-import disconnect from "../assets/disconnect.png";
-import iconAvatar from "../assets/iconAvatar.png";
-import { useNavigate } from "react-router-dom";
+// import purse from "../assets/purse.png";
+// import disconnect from "../assets/disconnect.png";
+// import iconAvatar from "../assets/iconAvatar.png";
+import Image from "next/image";
+import { useRouter } from "next/navigation";
export const AccountSidebar = ({ closeFunc, userAddr, disconnectFunc }) => {
- const navigate = useNavigate();
+ const router = useRouter();
return (
{
+
Change wallet
-
+ {/* */}
+
Disconnect wallet
@@ -36,9 +41,10 @@ export const AccountSidebar = ({ closeFunc, userAddr, disconnectFunc }) => {
navigate("/profile")}
+ onClick={() => router.push("/profile")}
>
-
+ {/*
*/}
+
Team INFURA
{userAddr}
diff --git a/src/components/EventCard.jsx b/src/components/EventCard.jsx
index 32b38d4..8873d8b 100644
--- a/src/components/EventCard.jsx
+++ b/src/components/EventCard.jsx
@@ -1,26 +1,27 @@
import React from "react";
-import eventImg from "../assets/eventImage.png";
-import copyIcon from "../assets/copy-link.svg";
-import time from "../assets/time.svg";
-import location from "../assets/location.svg";
-import editEvent from "../assets/tabler_edit.svg";
-import approvePart from "../assets/mdi_tag-approve.svg";
-import whatsapp from "../assets/whatsapp.svg";
-import twitter from "../assets/new-twitter.png";
-import facebook from "../assets/facebook-02.svg";
-import linkedin from "../assets/linkedin-02.svg";
+// import '/assets/eventImage.png' from "../assets/eventImage.pngwidth={30} height={30}";
+// import copyIcon from "../assets/copy-link.svg";
+// import time from "../assets/time.svg";
+// import location from "../assets/location.svg";
+// import editEvent from "../assets/tabler_edit.svg";
+// import approvePart from "../assets/mdi_tag-approve.svg";
+// import whatsapp from "../assets/whatsapp.svg";
+// import twitter from "../assets/new-twitter.png";
+// import facebook from "../assets/facebook-02.svg";
+// import linkedin from "../assets/linkedin-02.svg";
import Button from "./Button";
+import Image from "next/image";
const EventCard = () => {
return (
-
+
Chain.Events/740937390
-
+
Copy
@@ -28,7 +29,7 @@ const EventCard = () => {
Location and Time
-
+
Colab Innovation Campus
@@ -37,7 +38,7 @@ const EventCard = () => {
-
+
Friday, Sep 6
@@ -50,13 +51,13 @@ const EventCard = () => {
-
+
Approve Participants
-
+
Edit Event
@@ -65,10 +66,10 @@ const EventCard = () => {
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 4439795..0486aa2 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -1,9 +1,11 @@
// eslint-disable-next-line no-unused-vars
import React from "react";
-import whatsapp from "../assets/whatsapp.svg";
-import x from "../assets/x.svg";
-import discord from "../assets/discord.svg";
-import { Link } from "react-router-dom";
+// import whatsapp from "../assets/whatsapp.svg";
+// import x from "../assets/x.svg";
+// import discord from "../assets/discord.svg";
+// import { Link } from "react-router-dom";
+import Link from 'next/link'
+import Image from "next/image";
const Footer = () => {
return (
@@ -13,14 +15,17 @@ const Footer = () => {
STARKEVENTS
-
-
+
+ {/*
*/}
+
-
-
+
+ {/*
*/}
+
-
-
+
+ {/*
*/}
+
diff --git a/src/components/HostedStrip.jsx b/src/components/HostedStrip.jsx
index abe75a0..e96a377 100644
--- a/src/components/HostedStrip.jsx
+++ b/src/components/HostedStrip.jsx
@@ -1,9 +1,10 @@
/* eslint-disable react/prop-types */
-import avatar from "../assets/host-avatar.svg";
+import Image from "next/image";
+// import avatar from "/assets/host-avatar.svg";
function HostedStrip({ hostName }) {
return (
-
+
{hostName}
);
diff --git a/src/components/HostsCard.jsx b/src/components/HostsCard.jsx
index 875da6e..5f1756c 100644
--- a/src/components/HostsCard.jsx
+++ b/src/components/HostsCard.jsx
@@ -1,10 +1,11 @@
import React from "react";
import Button from "./Button";
-import writeIcon from "../assets/tabler_edit.svg";
-import editIcon from "../assets/editIcon.svg";
-import avatar1 from "../assets/avatar1.png";
-import avatar2 from "../assets/avatar2.png";
-import avatar3 from "../assets/avatar3.png";
+// import writeIcon from "../assets/tabler_edit.svg";
+// import editIcon from "../assets/editIcon.svg";
+// import avatar1 from "../assets/avatar1.png";
+// import avatar2 from "../assets/avatar2.png";
+// import avatar3 from "../assets/avatar3.png";
+import Image from "next/image";
const HostsCard = () => {
return (
@@ -14,7 +15,7 @@ const HostsCard = () => {
Hosts
-
+
@@ -26,17 +27,17 @@ const HostsCard = () => {
@@ -48,7 +49,7 @@ const HostLine = ({ pillText, hostLineImg, pillType }) => {
<>
-
+
Teaminfuralegend
taminfuraweb3@gmail.com
@@ -64,7 +65,7 @@ const HostLine = ({ pillText, hostLineImg, pillType }) => {
-
+
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index 3ae8e94..217f29f 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -1,16 +1,20 @@
+'use client'
+
/* eslint-disable react/prop-types */
import { useState } from "react";
-import argent from "../assets/argentLogo.svg";
-import { Link, useNavigate } from "react-router-dom";
+// import argent from "../assets/argentLogo.svg";
+import Link from 'next/link'
import { useAccount, useConnect, useDisconnect } from "@starknet-react/core";
import { createPortal } from "react-dom";
-import events from "../assets/event.svg";
-import community from "../assets/community.svg";
-import userSwitch from "../assets/user-switch.svg";
-import burgerMenu from "../assets/burger.svg";
-import closeMenu from "../assets/close.png";
+// import events from "../assets/event.svg";
+// import community from "../assets/community.svg";
+// import userSwitch from "../assets/user-switch.svg";
+// import burgerMenu from "../assets/burger.svg";
+// import closeMenu from "../assets/close.png";
import { AccountSidebar } from "./AccountSidebar";
import { AnimatePresence } from "framer-motion";
+import { useRouter } from "next/navigation";
+import Image from "next/image";
const ConnectModal = ({ setIsOpen }) => {
const { connect, connectors } = useConnect();
@@ -44,7 +48,7 @@ function Navbar({ classes }) {
const [showSidebar, setShowSidebar] = useState(false);
const { address } = useAccount();
const { disconnect } = useDisconnect();
- const navigate = useNavigate();
+ const router = useRouter()
function onConnect() {
setIsOpen((prev) => !prev);
@@ -58,7 +62,7 @@ function Navbar({ classes }) {
function onDisconnect() {
disconnect();
if (isToggle) setIsToggle(false);
- navigate("/");
+ router.push("/");
}
const toggleSidebar = () => {
setShowSidebar(!showSidebar);
@@ -80,8 +84,9 @@ function Navbar({ classes }) {
onClick={onToggleNav}
className="inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-gray-900"
>
-
@@ -94,58 +99,63 @@ function Navbar({ classes }) {
isToggle ? "translate-y-[10.5rem]" : "-translate-y-full"
} transition-transform duration-300 absolute top-68 left-0 w-full rounded bg-gradient-to-b from-[#9F8F65] to-black py-6 flex flex-col lg:hidden items-center z-10`}
>
-
+
-
+ {/* */}
+
Create Event
-
+
-
+
Your Events
-
+
-
+
Communities
-
+
-
+ {/* */}
+
Calendars
{/* Desktop navigation */}
-
+
STARKEVENTS
-
+
-
+ {/* */}
+
Create Event
-
+
-
+ {/* */}
+
Your Events
-
+
-
+ {/* */}
+
Communities
-
+
-
+
Calendars
@@ -165,10 +175,16 @@ function Navbar({ classes }) {
onClick={toggleSidebar}
>
<>
- */}
+
{address
diff --git a/src/components/Providers.jsx b/src/components/Providers.jsx
index df2bc5c..9c0328b 100644
--- a/src/components/Providers.jsx
+++ b/src/components/Providers.jsx
@@ -1,3 +1,5 @@
+'use client'
+
/* eslint-disable react/prop-types */
import { sepolia } from "@starknet-react/chains";
import {
@@ -19,7 +21,7 @@ export function Providers({ children }) {
({ nodeUrl: import.meta.env.VITE_PUBLIC_RPC_URL }),
+ rpc: () => ({ nodeUrl: process.env.NEXT_PUBLIC_RPC_URL }),
})}
connectors={connectors}
explorer={voyager}
diff --git a/src/components/Sidebar.jsx b/src/components/Sidebar.jsx
index 32000aa..32b9c34 100644
--- a/src/components/Sidebar.jsx
+++ b/src/components/Sidebar.jsx
@@ -1,39 +1,39 @@
-import { NavLink } from "react-router-dom";
+import Link from 'next/link'
function Sidebar() {
return (
-
Overview
-
+
-
Participants
-
+
-
Registration
-
+
-
Insight
-
+
);
diff --git a/src/components/VisibilityCard.jsx b/src/components/VisibilityCard.jsx
index 9f4ea1c..5f8a19a 100644
--- a/src/components/VisibilityCard.jsx
+++ b/src/components/VisibilityCard.jsx
@@ -1,8 +1,9 @@
import React from "react";
import Button from "./Button";
-import yellowAvatar from "../assets/yellowAvatar.png";
-import greenGlobe from "../assets/tabler_world.svg";
-import visibility from "../assets/iconoir_eye.svg";
+// import yellowAvatar from "../assets/yellowAvatar.png";
+// import greenGlobe from "../assets/tabler_world.svg";
+// import visibility from "../assets/iconoir_eye.svg";
+import Image from "next/image";
const VisibilityCard = () => {
return (
@@ -16,7 +17,7 @@ const VisibilityCard = () => {
-
+
@@ -29,7 +30,7 @@ const VisibilityCard = () => {
-
+
Public
@@ -40,10 +41,11 @@ const VisibilityCard = () => {
-
Change Visibility
diff --git a/src/main.jsx b/src/main.jsx
deleted file mode 100644
index 0c5518e..0000000
--- a/src/main.jsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import App from "./App.jsx";
-import "./index.css";
-import { Providers } from "./components/Providers.jsx";
-
-ReactDOM.createRoot(document.getElementById("root")).render(
-
-
-
-
-
-);
diff --git a/src/pages/CommunityPage.jsx b/src/pages/CommunityPage.jsx
deleted file mode 100644
index 01387b5..0000000
--- a/src/pages/CommunityPage.jsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function CommunityPage() {
- return (
-
- Community page Coming soon!
-
- );
-}
-
-export default CommunityPage;
diff --git a/src/pages/TicketsPage.jsx b/src/pages/TicketsPage.jsx
deleted file mode 100644
index f5116ee..0000000
--- a/src/pages/TicketsPage.jsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function TicketsPage() {
- return (
-
- Tickets page Coming soon!
-
- );
-}
-
-export default TicketsPage;
diff --git a/tailwind.config.js b/tailwind.config.mjs
similarity index 100%
rename from tailwind.config.js
rename to tailwind.config.mjs
diff --git a/vite.config.js b/vite.config.js
deleted file mode 100644
index 5a33944..0000000
--- a/vite.config.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-
-// https://vitejs.dev/config/
-export default defineConfig({
- plugins: [react()],
-})