diff --git a/app/Home.tsx b/app/Home.tsx index 9762e4e..e4e3696 100644 --- a/app/Home.tsx +++ b/app/Home.tsx @@ -1,44 +1,30 @@ +import Header from '../components/custom/header'; + export default function Home() { return ( -
-
- Event Chain -

Ticket Chain

- - -
+
+
+
+ {/* Other page content */} +
-
-

Featured Events

-

No events available at the moment.

+
+

Featured Events

+

No events available at the moment.

-

Upcoming Events

-
    +

    Upcoming Events

    +
    • Event 1 - Date
    • Event 2 - Date
    • Event 3 - Date
-
-

© 2024 Ticket Chain. All rights reserved.

+
+

+ © 2024 Ticket Chain. All rights reserved. +

); diff --git a/app/layout.tsx b/app/layout.tsx index d992499..980cf69 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,21 +1,26 @@ import type { Metadata } from 'next'; -import localFont from 'next/font/local'; +// import localFont from 'next/font/local'; import './globals.css'; -const geistSans = localFont({ - src: './fonts/GeistVF.woff', - variable: '--font-geist-sans', - weight: '100 900', -}); -const geistMono = localFont({ - src: './fonts/GeistMonoVF.woff', - variable: '--font-geist-mono', - weight: '100 900', -}); +import { Inter } from 'next/font/google'; +import './globals.css'; + +const inter = Inter({ subsets: ['latin'] }); + +// const geistSans = localFont({ +// src: './fonts/GeistVF.woff', +// variable: '--font-geist-sans', +// weight: '100 900', +// }); +// const geistMono = localFont({ +// src: './fonts/GeistMonoVF.woff', +// variable: '--font-geist-mono', +// weight: '100 900', +// }); export const metadata: Metadata = { - title: 'Create Next App', - description: 'Generated by create next app', + title: 'Ticket Chain', + description: 'A blockchain-based ticketing system.', }; export default function RootLayout({ @@ -24,12 +29,8 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - - - {children} - + + {children} ); } diff --git a/app/page.tsx b/app/page.tsx index d9b82c4..1ca9146 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -3,105 +3,3 @@ import Home from './Home'; 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. -//
  2. Save and see your changes instantly.
    3. -//
-// -//
-// -// Vercel logomark -// Deploy now -// -// -// Read our docs -// -//
-//
-// -//
-// ); -// } diff --git a/components/custom/header.tsx b/components/custom/header.tsx new file mode 100644 index 0000000..b6ada36 --- /dev/null +++ b/components/custom/header.tsx @@ -0,0 +1,42 @@ +// components/Header.js +import React from 'react'; +import Link from 'next/link'; + +const Header = () => ( +
+
+

Ticket Chain

+ + +
+
+); + +export default Header; diff --git a/components/ui/button.tsx b/components/ui/button.tsx index b1b19ea..9220ce2 100644 --- a/components/ui/button.tsx +++ b/components/ui/button.tsx @@ -5,7 +5,7 @@ import { cva, type VariantProps } from 'class-variance-authority'; import { cn } from '@/lib/utils'; const buttonVariants = cva( - 'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50', + 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', { variants: { variant: {