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

✨Enhanced search bar.

Browse Source
This commit is contained in:
sid
2024-10-26 16:53:32 +01:00
parent 83f4bfdd70
commit 4cf4ef65f9
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/page.tsx
View File

@@ -2,6 +2,7 @@
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import Header from '../components/custom/header'; import Header from '../components/custom/header';
import Footer from '../components/custom/footer'; import Footer from '../components/custom/footer';
import { Input } from '@/components/ui/input';
export default function Home() { export default function Home() {
const [isClient, setIsClient] = useState(false); const [isClient, setIsClient] = useState(false);
@@ -33,12 +34,15 @@ export default function Home() {
{/* Page Content Over the Video */} {/* 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="relative z-20 min-h-screen bg-gradient-to-b from-transparent to-gray-900 pt-16">
<div className="container mx-auto p-4"> <div className="container mx-auto p-4">
<input <div className="flex items-center justify-center">
type="text" <Input
placeholder="Search events..." type="text"
className="search-bar mt-4 p-2 border border-gray-300 rounded w-full max-w-md mx-auto" placeholder="Search events ..."
/> className="search-bar mt-4 p-2 border bg-white bg-opacity-25 border-gray-300 rounded-xl w-full max-w-5xl text-white"
/>
</div>
<main> <main>
<br></br>
<section className="mb-8"> <section className="mb-8">
<h2 className="text-2xl font-semibold text-white mb-4"> <h2 className="text-2xl font-semibold text-white mb-4">
Featured Events Featured Events