+ {/* Event Only Ticket */}
-
-
- );
-};
-
-const TimeUnit = ({ value, label }: { value: string; label: string }) => {
- const [prevValue, setPrevValue] = useState(value);
- const [isAnimating, setIsAnimating] = useState(false);
-
- useEffect(() => {
- if (value !== prevValue) {
- setIsAnimating(true);
- setPrevValue(value);
- }
- }, [value, prevValue]);
-
- // Split the value into individual digits
- const digits = value.split("");
- const prevDigits = prevValue.split("");
+ className="bg-black border-2 border-white/30 rounded-xl p-4 sm:p-6 hover:border-red-600 transition-all duration-200 cursor-pointer flex-1 min-w-[280px] sm:min-w-[320px] md:min-w-[360px]"
+ initial={{ opacity: 0, y: 20 }}
+ animate={{ opacity: 1, y: 0 }}
+ transition={{ duration: 0.5, delay: 0.3 }}
+ whileHover={{ scale: 1.02 }}
+ onClick={() => handleBuyTicket('event')}
+ >
+
Event Only
+
$10
+
+ - • Full access to all TEDx talks
+ - • Live performances and presentations
+ - • Complimentary lunch and snacks
+ - • Exclusive TEDxUW 2025 water bottle
+ - • Networking session with attendees
+
+
+
- return (
-
-
+ {/* Event + After Party Ticket */}
handleBuyTicket('event_afterparty')}
>
-
- {digits.map((digit, index) => {
- const isChanging = isAnimating && digit !== prevDigits[index];
- return (
-
-
-
- {digit}
-
-
-
- );
- })}
-
Event + After Party
+ $25
+
+ - • Everything included in Event Only +
+ - • Private networking with speakers
+ - • Exclusive after party at Huether Hotel
+ - • VIP access to private party
+ - • Premium food and drinks
+
+
);
};
-const renderer = ({
- days,
- hours,
- minutes,
- seconds,
- completed,
-}: {
- days: number;
- hours: number;
- minutes: number;
- seconds: number;
- completed: boolean;
-}) => {
- if (completed) {
- return renderPaymentUI();
- } else {
- return (
-
-
-
- :
-
-
-
- :
-
-
-
- :
-
-
-
- );
- }
-};
+
+// const renderer = ({
+// days,
+// hours,
+// minutes,
+// seconds,
+// completed,
+// loading,
+// handleBuyTicket,
+// }: {
+// days: number;
+// hours: number;
+// minutes: number;
+// seconds: number;
+// completed: boolean;
+// loading: boolean;
+// handleBuyTicket: (type: 'event' | 'event_afterparty') => void;
+// }) => {
+// if (completed) {
+// return renderPaymentUI(loading, handleBuyTicket);
+// } else {
+// return (
+//
+//
+//
+// :
+//
+//
+//
+// :
+//
+//
+//
+// :
+//
+//
+//
+// );
+// }
+// };
export default function BuyTicketPage() {
- const [isMounted, setIsMounted] = useState(false);
+ // const [isMounted, setIsMounted] = useState(false);
+ const [loading, setLoading] = useState(false);
+
+ // useEffect(() => {
+ // setIsMounted(true);
+ // }, []);
- useEffect(() => {
- setIsMounted(true);
- }, []);
+ const handleBuyTicket = async (ticketType: 'event' | 'event_afterparty') => {
+ setLoading(true);
+
+ try {
+ const response = await fetch('/api/checkout_sessions', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ ticketType: ticketType,
+ // Stripe will collect name and email during checkout
+ }),
+ });
+
+ const { checkoutUrl, error } = await response.json();
+
+ if (error) {
+ alert(error);
+ return;
+ }
+
+ // Redirect to Stripe checkout
+ window.location.href = checkoutUrl;
+ } catch (error) {
+ console.error('Error:', error);
+ alert('Something went wrong. Please try again.');
+ } finally {
+ setLoading(false);
+ }
+ };
return (
TICKET SALES NOW OPEN
- {isMounted ? (
-
- ) : (
-
-
-
- :
-
-
-
- :
-
-
-
- :
-
-
-
- )}
+ {/* Ticket sales are open - show buy button immediately */}
+ {renderPaymentUI(loading, handleBuyTicket)}
+
- OCTOBER 26, 2025
+ November 2nd, 2025
+
+
+
+
+
+
+ )
+}
diff --git a/src/app/get_ticket/page.tsx b/src/app/get_ticket/page.tsx
deleted file mode 100644
index ff7299f..0000000
--- a/src/app/get_ticket/page.tsx
+++ /dev/null
@@ -1,142 +0,0 @@
-"use client";
-import { useState } from 'react';
-
-const TICKETS = {
- regular: {
- name: 'Regular',
- price: 49,
- benefits: [
- 'Access to all talks',
- 'TEDx swag bag',
- 'Networking session',
- ],
- },
- vip: {
- name: 'VIP',
- price: 129,
- benefits: [
- 'All Regular benefits',
- 'Front row seating',
- 'VIP lounge access',
- 'Meet & greet with speakers',
- ],
- },
-};
-
-export default function GetTicketPage() {
- const [ticketType, setTicketType] = useState<'regular' | 'vip'>('regular');
- const [form, setForm] = useState({
- name: '',
- email: '',
- card: '',
- expiry: '',
- cvc: '',
- });
-
- const ticket = TICKETS[ticketType];
-
- return (
-
-
- {/* Left: Ticket selection, info, form */}
-
-
-
Buy Your Ticket
-
TEDx Event 2025
- {/* Ticket Type Selector */}
-
- {Object.entries(TICKETS).map(([key, t]) => (
-
setTicketType(key as 'regular' | 'vip')}
- >
-
{t.name}
-
${t.price}
-
- ))}
-
- {/* Ticket Info */}
-
-
${ticket.price}
-
- {ticket.benefits.map((b, i) => (
- - • {b}
- ))}
-
-
- {/* Payment Form */}
-
- {/* PayPal Button */}
-
-
-
-
-
- {/* Right: Order Summary */}
-
-
-
Order Summary
-
- Ticket Type
- {ticket.name}
-
-
- Price
- ${ticket.price}
-
-
- Total
- ${ticket.price}
-
-
-
-
3 day money-back guarantee. Cancel anytime.
-
-
-