Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/components/Footer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ export function Footer() {
</span>
<p className="mt-4 text-muted-foreground max-w-md">
Celebrating 50 years of Computer Science House.
Join us for a weekend of memories, connections, and innovation.
Join us for a weekend of memories, connections, and celebration.
</p>
</div>

Expand Down
11 changes: 11 additions & 0 deletions src/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -136,6 +136,17 @@
}
}

@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(40px) scale(0.9);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}

@keyframes scale-in {
from {
opacity: 0;
Expand Down
2 changes: 1 addition & 1 deletion src/pages/FAQ.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,7 @@ const faqCategories = [
},
{
question: "Where is the gala dinner being held?",
answer: "The Saturday evening gala dinner will be held at VENUE in Rochester. Exact address and directions will be provided closer to the event.", // PLACEHOLDER: Replace VENUE with actual venue name
answer: "The Saturday evening gala dinner will be held at The Wintergarden in Rochester. Exact address and directions will be provided closer to the event.",
},
{
question: "Can I attend just the gala dinner?",
Expand Down
33 changes: 21 additions & 12 deletions src/pages/Index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,20 @@ import { CountdownTimer } from "@/components/CountdownTimer";
import { Button } from "@/components/ui/button";
import { Link } from "react-router-dom";
import { Ticket, Calendar, MapPin, Users, ArrowRight, Sparkles } from "lucide-react";
import { useState, useEffect } from "react";

const Index = () => {
const [wordIndex, setWordIndex] = useState(0);
const words = ["Remember", "Celebrate", "Reconnect"];

useEffect(() => {
const interval = setInterval(() => {
setWordIndex((prev) => (prev + 1) % words.length);
}, 3000); // Change word every 3 seconds

return () => clearInterval(interval);
}, []);

return (
<Layout>
{/* Notice Banner */}
Expand Down Expand Up @@ -43,8 +55,7 @@ const Index = () => {

{/* Subheadline */}
<p className="text-lg md:text-xl text-muted-foreground max-w-2xl mx-auto mb-8 animate-fade-up" style={{ animationDelay: "0.2s" }}>
Celebrating 50 years of innovation, community, and excellence at
Computer Science House. Join 500+ alumni and members for an unforgettable weekend.
Celebrating 50 years of Computer Science House. Join us for an unforgettable celebration.
</p>

{/* CTA Buttons */}
Expand Down Expand Up @@ -81,10 +92,10 @@ const Index = () => {
<div className="container mx-auto px-4">
<div className="text-center mb-16">
<h2 className="text-3xl md:text-5xl font-display font-bold mb-4">
A Weekend to <span className="text-gradient">Remember</span>
A Weekend to <span className="text-gradient inline-block min-w-[200px] animate-[fadeInUp_0.6s_ease-out]" key={wordIndex} style={{ animation: 'fadeInUp 0.6s ease-out' }}>{words[wordIndex]}</span>
</h2>
<p className="text-muted-foreground max-w-2xl mx-auto">
Three days of events, reconnections, and celebrations with the CSH community.
Three days of events, reconnections, and celebrations with CSH.
</p>
</div>

Expand All @@ -96,7 +107,7 @@ const Index = () => {
</div>
<h3 className="text-xl font-display font-semibold mb-2">Friday, April 10</h3>
<p className="text-muted-foreground mb-4">
Kick off the weekend with arrival, registration, and casual meetups with fellow alumni.
Kick off the weekend with campus and floor tours, photo hunt, and a happy hour with fellow alumni.
</p>
<Link to="/schedule" className="text-csh-magenta hover:text-csh-red transition-colors font-medium inline-flex items-center gap-1">
View Schedule <ArrowRight className="w-4 h-4" />
Expand All @@ -110,8 +121,7 @@ const Index = () => {
</div>
<h3 className="text-xl font-display font-semibold mb-2">Saturday, April 11</h3>
<p className="text-muted-foreground mb-4">
{/* PLACEHOLDER: Update venue name when confirmed */}
The main event! Tours, activities during the day, and formal dinner at VENUE in the evening.
Celebrate 5 decades of CSH with a formal dinner at The Wintergarden.
</p>
<Link to="/events" className="text-csh-magenta hover:text-csh-red transition-colors font-medium inline-flex items-center gap-1">
View Events <ArrowRight className="w-4 h-4" />
Expand Down Expand Up @@ -152,9 +162,8 @@ const Index = () => {
</h2>
<p className="text-muted-foreground mb-6">
{/* PLACEHOLDER: Update venue name and details when confirmed */}
Join us for an elegant evening celebrating five decades of CSH at VENUE.
Enjoy a formal dinner, keynote speeches, awards ceremony, and time to reconnect
with friends old and new.
Join us at The Wintergarden for an elegant evening, celebrating five decades of CSH.
Enjoy a formal dinner, keynote speeches, and time to reconnect with friends old and new.
</p>
<div className="space-y-3">
<div className="flex items-center gap-3 text-muted-foreground">
Expand All @@ -164,7 +173,7 @@ const Index = () => {
<div className="flex items-center gap-3 text-muted-foreground">
<MapPin className="w-5 h-5 text-csh-magenta" />
{/* PLACEHOLDER: Update venue name and address when confirmed */}
<span>VENUE • Rochester, NY</span>
<span>The Wintergarden • Rochester, NY</span>
</div>
<div className="flex items-center gap-3 text-muted-foreground">
<Users className="w-5 h-5 text-csh-magenta" />
Expand Down Expand Up @@ -208,7 +217,7 @@ const Index = () => {
Full Schedule
</h3>
<p className="text-sm text-muted-foreground">
See all events and times across the weekend
See the timing for all events during the weekend
</p>
</div>
</Link>
Expand Down