diff --git a/app/Home.tsx b/app/Home.tsx index d86a4e9..d013a0d 100644 --- a/app/Home.tsx +++ b/app/Home.tsx @@ -1,40 +1,36 @@ import Header from '../components/custom/header'; import Footer from '../components/custom/footer'; +import Test from '../components/scripts/Test'; +import MetaMask from '../components/scripts/MetaMask'; export default function Home() { return ( - <> -
-
-
- -
-
-

- Featured Events -

-

- No events available at the moment. -

-
-
-

- Upcoming Events -

-
    -
  • Event 1 - Date
    • -
  • Event 2 - Date
    • -
  • Event 3 - Date
    • -
-
-
-
-
+
+
+
+ {/* Other page content */}
- +
+
+

Featured Events

+

No events available at the moment.

+
+
+

Upcoming Events

+
    +
  • Event 1 - Date
    • +
  • Event 2 - Date
    • +
  • Event 3 - Date
    • +
+
+
+ +
+
+ +
+
+
+
); } diff --git a/app/page.tsx b/app/page.tsx index 03b69a9..5146df6 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,3 +1,4 @@ +import EventDescription from '@/components/custom/EventDescription'; import Home from './Home'; export default function Page() { diff --git a/components/Confirmation.tsx b/components/Confirmation.tsx new file mode 100644 index 0000000..66eca11 --- /dev/null +++ b/components/Confirmation.tsx @@ -0,0 +1,64 @@ +'use client'; +import React from 'react'; +import { + Card, + CardHeader, + CardContent, + CardFooter, +} from '@/components/ui/card'; +import { Badge } from '@/components/ui/badge'; +import { Separator } from '@/components/ui/separator'; +import { Button } from '@/components/ui/button'; +import { CheckCircle } from 'lucide-react'; + +interface props { + ticketTitle: string; + eventDate: string; + ticketID: string; +} + +const ConfirmationTicket = ({ ticketTitle, eventDate, ticketID }: props) => { + return ( + + + +

+ Ticket Confirmed! +

+ + #{ticketID} + + + + + +

{ticketTitle}

+

Event Date: {eventDate}

+ + + + + + + + + ); +}; + +export default ConfirmationTicket; diff --git a/components/EventPage.tsx b/components/EventPage.tsx new file mode 100644 index 0000000..0c7e0eb --- /dev/null +++ b/components/EventPage.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +const EventPage = () => { + return ( + // <>Header + // + //