Merge branch 'main' into homepage-revamp

This commit is contained in:
2024-10-26 21:18:43 +01:00
committed by GitHub
16 changed files with 1136 additions and 29 deletions

View File

@@ -1,4 +1,3 @@
'use client';
import React from 'react';
import {
Card,
@@ -11,8 +10,15 @@ import { Badge } from '@/components/ui/badge';
import { Separator } from '@/components/ui/separator';
import ImageCarousel from './ImageCarousel';
import TicketButton from './TicketButton';
import { buyHandler } from '@/lib/buyHandler';
import { useToast } from '@/hooks/use-toast';
const EventDescription = ({ eventId }: { eventId: string }) => {
const { toast } = useToast();
const handleBuyNow = () => {
buyHandler(Number(eventId), toast);
};
const EventDescription = () => {
return (
<Card className="pt-10 pb-16 px-6 bg-gradient-to-r from-blue-50 to-gray-50 rounded-xl shadow-lg max-w-4xl mx-auto">
<CardHeader className="flex flex-col items-start space-y-4">
@@ -47,6 +53,7 @@ const EventDescription = () => {
<Button
variant="default"
className="w-full md:w-auto bg-gradient-to-r from-blue-500 to-purple-600 text-white font-semibold rounded-lg hover:from-blue-600 hover:to-purple-700"
onClick={handleBuyNow}
>
Buy now Using MetaMask
</Button>

View File

@@ -3,8 +3,8 @@ import React from 'react';
const Footer = () => {
return (
<footer className="text-center mt-8">
<p className="text-gray-500">
&copy; 2024 Ticket Chain. All rights reserved.
<p className="text-light-purple text-opacity-75">
&copy; 2024 TicketChain. All rights reserved.
</p>
</footer>
);

View File

@@ -36,14 +36,16 @@ const Header = () => {
></div>
<div className="container mx-auto px-6 py-4 flex justify-between items-center">
<Link href="/" legacyBehavior>
<a className="text-2xl font-semibold text-white">TicketChain</a>
<a className="text-2xl font-semibold text-white hover:text-light-purple hover:text-opacity-75 transition-colors duration-300">
TicketChain
</a>
</Link>
<nav className="nav">
<ul className="flex space-x-6">
<li>
<Link href="/" legacyBehavior>
<a
className="text-white hover:text-blue-500 transition-colors duration-300"
className="text-white hover:text-light-purple hover:text-opacity-75 transition-colors duration-300"
style={{ textShadow: '1px 1px 2px rgba(0, 0, 0, 0.5)' }}
>
Home
@@ -53,7 +55,7 @@ const Header = () => {
<li>
<Link href="/events" legacyBehavior>
<a
className="text-white hover:text-blue-500 transition-colors duration-300"
className="text-white hover:text-light-purple hover:text-opacity-75 transition-colors duration-300"
style={{ textShadow: '1px 1px 2px rgba(0, 0, 0, 0.5)' }}
>
Events
@@ -63,7 +65,7 @@ const Header = () => {
<li>
<Link href="/contact" legacyBehavior>
<a
className="text-white hover:text-blue-500 transition-colors duration-300"
className="text-white hover:text-light-purple hover:text-opacity-75 transition-colors duration-300"
style={{ textShadow: '1px 1px 2px rgba(0, 0, 0, 0.5)' }}
>
Contact