Merge version_5 into main #3
@@ -4,73 +4,82 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import EventCreationForm from './EventCreationForm';
|
||||
import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import { Facebook, Instagram, Linkedin, Mail, Twitter } from "lucide-react";
|
||||
|
||||
export default function CreateEventPage() {
|
||||
const handleEventSubmit = (data: Record<string, string>) => {
|
||||
console.log("New event submitted:", data);
|
||||
alert("Event submission simulated. Check console for data!");
|
||||
// In a real application, this data would be sent to a backend
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="inset"
|
||||
background="fluid"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Events", id: "#events"},
|
||||
{
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Create Event", id: "/create-event"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Home", id: "#home" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Events", id: "#events" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Create Event", id: "/create-event" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/circle-black-red-layers-paper_23-2148629480.jpg"
|
||||
logoAlt="Voidx Logo"
|
||||
brandName="Voidx"
|
||||
button={{
|
||||
text: "Book Event", href: "#contact"}}
|
||||
button={{ text: "Book Event", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<main className="min-h-screen pt-24 pb-16">
|
||||
<EventCreationForm />
|
||||
</main>
|
||||
<div id="create-event-form" data-section="create-event-form">
|
||||
<ContactSplitForm
|
||||
title="Post a New Event"
|
||||
description="Fill out the details below to create and publish your event on Voidx. We'll help you reach your audience."
|
||||
inputs={[
|
||||
{ name: "eventName", type: "text", placeholder: "Event Title", required: true },
|
||||
{ name: "date", type: "text", placeholder: "Date (e.g., 30th Nov 2024)", required: true },
|
||||
{ name: "day", type: "text", placeholder: "Day (e.g., Saturday)", required: true },
|
||||
{ name: "price", type: "text", placeholder: "Price (e.g., Ksh 5,000)", required: true },
|
||||
{ name: "imageSrc", type: "url", placeholder: "Image URL for event card", required: false }
|
||||
]}
|
||||
textarea={{
|
||||
name: "eventDescription", placeholder: "Detailed Event Description", rows: 5,
|
||||
required: true
|
||||
}}
|
||||
mediaPosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-desk-flat-lay_23-2150337286.jpg"
|
||||
imageAlt="Event planning form"
|
||||
buttonText="Submit Event"
|
||||
onSubmit={handleEventSubmit}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Voidx"
|
||||
copyrightText="© 2024 Voidx. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#", ariaLabel: "LinkedIn"},
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -41,6 +41,8 @@ export default function LandingPage() {
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Events", id: "#events"},
|
||||
{
|
||||
name: "Tickets", id: "/tickets"},
|
||||
{
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
@@ -180,6 +182,12 @@ export default function LandingPage() {
|
||||
]}
|
||||
title="Event Marketing Packages"
|
||||
description="Choose a package that best fits your event's scale and ambition. We offer flexible solutions to meet your needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Event Tickets", href: "/tickets"
|
||||
}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-font-family: var(--font-montserrat), sans-serif;), sans-serif;
|
||||
font-family: var(--font-font-family: var(--font-inter-tight), sans-serif;), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-font-family: var(--font-montserrat), sans-serif;), sans-serif;
|
||||
font-family: var(--font-font-family: var(--font-inter-tight), sans-serif;), sans-serif;
|
||||
}
|
||||
|
||||
96
src/app/tickets/page.tsx
Normal file
96
src/app/tickets/page.tsx
Normal file
@@ -0,0 +1,96 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import { Star, Ticket, DollarSign, Facebook, Twitter, Instagram, Linkedin } from "lucide-react";
|
||||
|
||||
export const metadata = {
|
||||
title: "Event Tickets - Voidx", description: "Purchase event tickets for Voidx's upcoming events. Choose from various pricing options and secure your spot."};
|
||||
|
||||
export default function TicketsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="fluid"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "#home" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Events", id: "#events" },
|
||||
{ name: "Tickets", id: "/tickets" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Create Event", id: "/create-event" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/circle-black-red-layers-paper_23-2148629480.jpg"
|
||||
logoAlt="Voidx Logo"
|
||||
brandName="Voidx"
|
||||
button={{ text: "Book Event", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="tickets-pricing" data-section="tickets-pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Secure Your Event Tickets"
|
||||
description="Choose the perfect ticket for your next unforgettable Voidx experience. Simple, secure, and instant."
|
||||
plans={[
|
||||
{
|
||||
id: "general-admission", badge: "Standard Access", badgeIcon: Ticket,
|
||||
name: "General Admission", price: "Ksh 2,500", features: [
|
||||
"Full event access", "Standard seating/standing", "Access to main stages", "Digital ticket delivery"
|
||||
],
|
||||
buttons: [{ text: "Buy General", href: "#checkout" }]
|
||||
},
|
||||
{
|
||||
id: "vip-experience", badge: "Premium Experience", badgeIcon: Star,
|
||||
name: "VIP Pass", price: "Ksh 7,500", features: [
|
||||
"All General Admission benefits", "Exclusive VIP lounge access", "Priority entry lane", "Complimentary drink voucher", "Dedicated VIP restrooms"
|
||||
],
|
||||
buttons: [{ text: "Buy VIP", href: "#checkout" }]
|
||||
},
|
||||
{
|
||||
id: "early-bird", badge: "Limited Offer", badgeIcon: DollarSign,
|
||||
name: "Early Bird Special", price: "Ksh 1,800", features: [
|
||||
"Same as General Admission", "Limited quantity available", "Early purchase discount", "Available for select events"
|
||||
],
|
||||
buttons: [{ text: "Buy Early Bird", href: "#checkout" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Voidx"
|
||||
copyrightText="© 2024 Voidx. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user