Add src/app/ticketing/page.tsx

src/app/ticketing/page.tsx

@@ -0,0 +1,59 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function TicketingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="largeSmallSizeLargeTitles"
+        background="fluid"
+        cardStyle="outline"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/" },
+            { name: "Community", id: "/" },
+            { name: "Tickets", id: "/ticketing" },
+            { name: "Support", id: "/" },
+          ]}
+          brandName="PartyFind"
+        />
+        <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto text-center">
+          <h1 className="text-5xl font-bold mb-6">Party Entry System</h1>
+          <p className="text-xl text-gray-600 mb-10">Generate secure event tickets and manage guest entry with our QR-based validation system.</p>
+          <div className="bg-white p-8 rounded-xl shadow-lg border">
+            <h2 className="text-2xl font-semibold mb-4">Create Your Event</h2>
+            <p>Access our admin dashboard to setup ticket tiers, generate unique QR codes, and validate guest arrivals at your event entrance.</p>
+          </div>
+        </div>
+        <ContactCenter
+            tag="Get Help"
+            title="Questions about Ticketing?"
+            description="Reach out to our support team for setup assistance."
+            background={{ variant: "gradient-bars" }}
+            useInvertedBackground={false}
+        />
+        <FooterBase
+            logoText="PartyFind"
+            columns={[
+                { title: "Explore", items: [{ label: "Home", href: "/" }, { label: "Ticketing", href: "/ticketing" }] },
+                { title: "Support", items: [{ label: "Contact", href: "#contact" }] }
+            ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}