Shay/ticketchain
1
0
Fork 0
mirror of https://github.com/0xShay/ticketchain.git synced 2026-01-11 21:23:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' into sid-visual-fixes

Browse Source
This commit is contained in:
Sid
2024-10-26 16:29:27 +01:00
committed by GitHub
parent d09c455f51 3e27284523
commit 83f4bfdd70
7 changed files with 87 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.eslintrc.json
View File

@@ -1,3 +1,6 @@
{ {
"extends": ["next/core-web-vitals", "next/typescript"] "extends": ["next/core-web-vitals", "next/typescript"],
"rules": {
"@next/next/no-img-element": "off"
}
} }

67
app/Home.tsx
View File

@@ -1,67 +0,0 @@
'use client';
import { useEffect, useState } from 'react';
import Header from '../components/custom/header';
import Footer from '../components/custom/footer';
export default function Home() {
const [isClient, setIsClient] = useState(false);
useEffect(() => {
setIsClient(true);
}, []);
return (
<>
<Header />
<div className="relative min-h-screen overflow-hidden">
{/* Video Background */}
{isClient && (
<video
autoPlay
loop
muted
className="absolute inset-0 w-full h-full object-cover z-0"
src="BGVid2.mp4"
>
Your browser does not support the video tag.
</video>
)}
{/* Dark Overlay for Enhanced Readability */}
<div className="absolute inset-0 bg-black opacity-50 z-10"></div>
{/* Page Content Over the Video */}
<div className="relative z-20 min-h-screen bg-gradient-to-b from-transparent to-gray-900 pt-16">
<div className="container mx-auto p-4">
<input
type="text"
placeholder="Search events..."
className="search-bar mt-4 p-2 border border-gray-300 rounded w-full max-w-md mx-auto"
/>
<main>
<section className="mb-8">
<h2 className="text-2xl font-semibold text-white mb-4">
Featured Events
</h2>
<p className="text-gray-300">
No events available at the moment.
</p>
</section>
<section>
<h2 className="text-2xl font-semibold text-white mb-4">
Upcoming Events
</h2>
<ul className="list-disc list-inside text-gray-300">
<li>Event 1 - Date</li>
<li>Event 2 - Date</li>
<li>Event 3 - Date</li>
</ul>
</section>
</main>
<Footer />
</div>
</div>
</div>
</>
);
}

9
app/TicketListings/page.tsx
View File

@@ -1,9 +0,0 @@
import TicketListings from './TicketListings';
export default function Page() {
return (
<>
<TicketListings />
</>
);
}

19
app/contact/page.tsx Normal file
View File

@@ -0,0 +1,19 @@
'use client';
import React from 'react';
import Header from '../../components/custom/header';
import Footer from '../../components/custom/footer';
const ContactPage: React.FC = () => {
return (
<div className="relative min-h-screen overflow-hidden bg-black">
<Header />
<div className="relative z-20 container mx-auto p-4 pt-16">
{/* implement contact page here */}
<p className="text-white">Page to be implemented</p>
</div>
<Footer />
</div>
);
};
export default ContactPage;

4
app/TicketListings/TicketListings.tsx → app/events/page.tsx
View File

@@ -59,7 +59,7 @@ const fetchEvents = (): Event[] => {
]; ];
}; };
const TicketListing: React.FC = () => { const EventsPage: React.FC = () => {
const [events, setEvents] = useState<Event[]>([]); const [events, setEvents] = useState<Event[]>([]);
const [filteredEvents, setFilteredEvents] = useState<Event[]>([]); const [filteredEvents, setFilteredEvents] = useState<Event[]>([]);
const [searchQuery, setSearchQuery] = useState<string>(''); const [searchQuery, setSearchQuery] = useState<string>('');
@@ -340,4 +340,4 @@ const TicketListing: React.FC = () => {
); );
}; };
export default TicketListing; export default EventsPage;

64
app/page.tsx
View File

@@ -1,9 +1,67 @@
import Home from './Home'; 'use client';
import { useEffect, useState } from 'react';
import Header from '../components/custom/header';
import Footer from '../components/custom/footer';
export default function Home() {
const [isClient, setIsClient] = useState(false);
useEffect(() => {
setIsClient(true);
}, []);
export default function Page() {
return ( return (
<> <>
<Home /> <Header />
<div className="relative min-h-screen overflow-hidden">
{/* Video Background */}
{isClient && (
<video
autoPlay
loop
muted
className="absolute inset-0 w-full h-full object-cover z-0"
src="BGVid2.mp4"
>
Your browser does not support the video tag.
</video>
)}
{/* Dark Overlay for Enhanced Readability */}
<div className="absolute inset-0 bg-black opacity-50 z-10"></div>
{/* Page Content Over the Video */}
<div className="relative z-20 min-h-screen bg-gradient-to-b from-transparent to-gray-900 pt-16">
<div className="container mx-auto p-4">
<input
type="text"
placeholder="Search events..."
className="search-bar mt-4 p-2 border border-gray-300 rounded w-full max-w-md mx-auto"
/>
<main>
<section className="mb-8">
<h2 className="text-2xl font-semibold text-white mb-4">
Featured Events
</h2>
<p className="text-gray-300">
No events available at the moment.
</p>
</section>
<section>
<h2 className="text-2xl font-semibold text-white mb-4">
Upcoming Events
</h2>
<ul className="list-disc list-inside text-gray-300">
<li>Event 1 - Date</li>
<li>Event 2 - Date</li>
<li>Event 3 - Date</li>
</ul>
</section>
</main>
<Footer />
</div>
</div>
</div>
</> </>
); );
} }

2
components/custom/header.tsx
View File

@@ -51,7 +51,7 @@ const Header = () => {
</Link> </Link>
</li> </li>
<li> <li>
<Link href="/TicketListings" legacyBehavior> <Link href="/events" legacyBehavior>
<a <a
className="text-white hover:text-blue-500 transition-colors duration-300" className="text-white hover:text-blue-500 transition-colors duration-300"
style={{ textShadow: '1px 1px 2px rgba(0, 0, 0, 0.5)' }} style={{ textShadow: '1px 1px 2px rgba(0, 0, 0, 0.5)' }}