diff --git a/src/app/create-event/page.tsx b/src/app/create-event/page.tsx
index bdf2cad..a7391b3 100644
--- a/src/app/create-event/page.tsx
+++ b/src/app/create-event/page.tsx
@@ -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>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index bc45ddf..f9f39c2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
 
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index d49c637..14855c0 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -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;
 }
diff --git a/src/app/tickets/page.tsx b/src/app/tickets/page.tsx
new file mode 100644
index 0000000..7389917
--- /dev/null
+++ b/src/app/tickets/page.tsx
@@ -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>
+  );
+}
\ No newline at end of file