diff --git a/app/page.tsx b/app/page.tsx index d9b82c4..5c093cf 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,107 +1,6 @@ +import EventDescription from '@/components/custom/EventDescription'; import Home from './Home'; +import ConfirmationTicket from '@/components/Confirmation'; +import Profile from '@/components/Profile'; -export default function Page() { - return ; -} - -// import Image from 'next/image'; -// -// export default function Home() { -// return ( -//
-//
-// Next.js logo -//
    -//
  1. -// Get started by editing{' '} -// -// app/page.tsx -// -// . -//
  2. -//
  3. Save and see your changes instantly.
  4. -//
-// -//
-// -// Vercel logomark -// Deploy now -// -// -// Read our docs -// -//
-//
-// -//
-// ); -// } +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 + // + //