Skip to content

Fix: mobile view #47

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
SimonBurmer merged 3 commits into from
Apr 4, 2026
Merged

Fix: mobile view #47

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5ceacfe
init
SimonBurmer Apr 4, 2026
f0d7dfd
no member
SimonBurmer Apr 4, 2026
31bf02b
board fix
SimonBurmer Apr 4, 2026
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
6 changes: 3 additions & 3 deletions app/about-us/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -179,7 +179,7 @@ export default function AboutUsPage() {
</div>
<p className="text-gray-400 text-sm leading-relaxed">
{'descriptionParts' in partner
? partner.descriptionParts.map((part, i) => (
? partner.descriptionParts?.map((part, i) => (
<span key={i} className={part.pink ? 'text-brand-pink' : undefined}>{part.text}</span>
))
: partner.description}
Expand Down Expand Up @@ -212,14 +212,14 @@ export default function AboutUsPage() {
</div>

{/* Right: portrait cards */}
<div className={`flex flex-wrap mr-9 justify-center lg:justify-between gap-y-8 transition-all duration-700 delay-200 ${execView.visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8'}`}>
<div className={`flex flex-wrap lg:mr-9 justify-center lg:justify-between gap-x-8 gap-y-8 transition-all duration-700 delay-200 ${execView.visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8'}`}>
{executiveBoard.map((member, i) => (
<div
key={member.name}
className={`flex flex-col items-center text-center group transition-all duration-500 ${execView.visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-6'}`}
style={{ transitionDelay: `${200 + i * 100}ms` }}
>
<div className="relative w-38 h-50 lg:w-48 lg:h-[15rem] rounded-xl overflow-hidden border-2 border-white/10 pointer-events-none select-none mb-3">
<div className="relative w-36 h-48 lg:w-48 lg:h-[15rem] rounded-xl overflow-hidden border-2 border-white/10 pointer-events-none select-none mb-3">
<Image src={member.photo} alt={member.name} fill className="object-cover object-top" draggable={false} />
</div>
<p className="font-black uppercase text-white text-xs lg:text-sm tracking-wide leading-tight">{member.name}</p>
Expand Down
36 changes: 0 additions & 36 deletions app/events/legal-hack/page.tsx
View file
Open in desktop

This file was deleted.

30 changes: 18 additions & 12 deletions app/events/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ const recurringEvents: RecurringEvent[] = [
month: "May",
frequency: "Once per year",
icon: "code",
image: "/events/eventCards/summit.JPG",
image: "/events/eventCards/labs.JPG",
category: "Incubator"
},
{
Expand Down Expand Up @@ -102,6 +102,7 @@ export default function EventsPage() {
const router = useRouter()
const [loading, setLoading] = useState(true)
const sliderRef = useRef<HTMLDivElement>(null)
const sliderSectionRef = useRef<HTMLDivElement>(null)
const dragState = useRef({ isDragging: false, startX: 0, scrollLeft: 0 })
const [scrollProgress, setScrollProgress] = useState(0)
const [hoveredEvent, setHoveredEvent] = useState<string | null>(null)
Expand Down Expand Up @@ -175,6 +176,11 @@ export default function EventsPage() {
})
}

const scrollToEventMobile = (eventId: string) => {
scrollToEvent(eventId)
sliderSectionRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' })
}

const handleTimelineMarkerHover = (eventId: string) => {
setHoveredEvent(eventId)
scrollToEvent(eventId)
Expand Down Expand Up @@ -519,7 +525,7 @@ export default function EventsPage() {
<div className="flex items-start gap-4 p-4 rounded-2xl bg-white/[0.04]">
<div className="w-14 flex-shrink-0 text-gray-400 text-sm font-bold">Jan</div>
<button
onClick={() => scrollToEvent('pitch-network')}
onClick={() => scrollToEventMobile('pitch-network')}
className="flex items-center gap-2 hover:opacity-80 transition-opacity"
>
<div className="w-3 h-3 bg-[#ff1744] rounded-full flex-shrink-0"></div>
Expand All @@ -530,7 +536,7 @@ export default function EventsPage() {
<div className="flex items-start gap-4 p-4 rounded-2xl bg-white/[0.04]">
<div className="w-14 flex-shrink-0 text-gray-400 text-sm font-bold">Mar</div>
<button
onClick={() => scrollToEvent('legal-hack')}
onClick={() => scrollToEventMobile('legal-hack')}
className="flex items-center gap-2 hover:opacity-80 transition-opacity"
>
<div className="w-3 h-3 bg-[#9c27b0] rounded-full flex-shrink-0"></div>
Expand All @@ -541,7 +547,7 @@ export default function EventsPage() {
<div className="flex items-start gap-4 p-4 rounded-2xl bg-white/[0.04]">
<div className="w-14 flex-shrink-0 text-gray-400 text-sm font-bold">Apr</div>
<button
onClick={() => scrollToEvent('info-event')}
onClick={() => scrollToEventMobile('info-event')}
className="flex items-center gap-2 hover:opacity-80 transition-opacity"
>
<div className="w-3 h-3 bg-[#4a90e2] rounded-full flex-shrink-0"></div>
Expand All @@ -553,14 +559,14 @@ export default function EventsPage() {
<div className="w-14 flex-shrink-0 text-gray-400 text-sm font-bold">May</div>
<div className="flex flex-col gap-2">
<button
onClick={() => scrollToEvent('start-labs')}
onClick={() => scrollToEventMobile('start-labs')}
className="flex items-center gap-2 hover:opacity-80 transition-opacity"
>
<div className="w-3 h-3 bg-[#ff9800] rounded-full flex-shrink-0"></div>
<span className="text-sm text-white">START Labs</span>
</button>
<button
onClick={() => scrollToEvent('fail-tales')}
onClick={() => scrollToEventMobile('fail-tales')}
className="flex items-center gap-2 hover:opacity-80 transition-opacity"
>
<div className="w-3 h-3 bg-[#4a90e2] rounded-full flex-shrink-0"></div>
Expand All @@ -572,7 +578,7 @@ export default function EventsPage() {
<div className="flex items-start gap-4 p-4 rounded-2xl bg-white/[0.04]">
<div className="w-14 flex-shrink-0 text-gray-400 text-sm font-bold">Jun</div>
<button
onClick={() => scrollToEvent('pitch-network')}
onClick={() => scrollToEventMobile('pitch-network')}
className="flex items-center gap-2 hover:opacity-80 transition-opacity"
>
<div className="w-3 h-3 bg-[#ff1744] rounded-full flex-shrink-0"></div>
Expand All @@ -584,21 +590,21 @@ export default function EventsPage() {
<div className="w-14 flex-shrink-0 text-gray-400 text-sm font-bold">Oct</div>
<div className="flex flex-col gap-2">
<button
onClick={() => scrollToEvent('info-event')}
onClick={() => scrollToEventMobile('info-event')}
className="flex items-center gap-2 hover:opacity-80 transition-opacity"
>
<div className="w-3 h-3 bg-[#4a90e2] rounded-full flex-shrink-0"></div>
<span className="text-sm text-white">Info Event</span>
</button>
<button
onClick={() => scrollToEvent('fail-tales')}
onClick={() => scrollToEventMobile('fail-tales')}
className="flex items-center gap-2 hover:opacity-80 transition-opacity"
>
<div className="w-3 h-3 bg-[#4a90e2] rounded-full flex-shrink-0"></div>
<span className="text-sm text-white">Fail Tales</span>
</button>
<button
onClick={() => scrollToEvent('rtss')}
onClick={() => scrollToEventMobile('rtss')}
className="flex items-center gap-2 hover:opacity-80 transition-opacity"
>
<div className="w-3 h-3 bg-[#ff1744] rounded-full flex-shrink-0"></div>
Expand All @@ -610,7 +616,7 @@ export default function EventsPage() {
<div className="flex items-start gap-4 p-4 rounded-2xl bg-white/[0.04]">
<div className="w-14 flex-shrink-0 text-gray-400 text-sm font-bold">Nov</div>
<button
onClick={() => scrollToEvent('rtsh')}
onClick={() => scrollToEventMobile('rtsh')}
className="flex items-center gap-2 hover:opacity-80 transition-opacity"
>
<div className="w-3 h-3 bg-[#9c27b0] rounded-full flex-shrink-0"></div>
Expand Down Expand Up @@ -645,7 +651,7 @@ export default function EventsPage() {
</div>

{/* Events Slider */}
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mb-24 mt-8">
<div ref={sliderSectionRef} className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mb-24 mt-8">
<div className="relative">
<div
ref={sliderRef}
Expand Down
36 changes: 0 additions & 36 deletions app/events/rtsh/page.tsx
View file
Open in desktop

This file was deleted.

36 changes: 0 additions & 36 deletions app/events/rtss/page.tsx
View file
Open in desktop

This file was deleted.

13 changes: 9 additions & 4 deletions app/for-partners/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -374,7 +374,7 @@ export default function ForPartnersPage() {
</Hero>

{/* Partner Overview - Logos - Full Width */}
<section className="py-16 lg:py-20 overflow-hidden">
<section className="pt-16 pb-6 lg:py-20 overflow-hidden">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mb-12">
<div className="flex flex-col md:flex-row md:items-end md:justify-between gap-4 mb-4">
<div>
Expand All @@ -388,7 +388,7 @@ export default function ForPartnersPage() {
</div>
<a
href="/partners"
className="px-6 py-2.5 border-2 border-brand-pink text-brand-pink hover:bg-brand-pink hover:text-white font-bold rounded-full transition-all duration-300 whitespace-nowrap text-center"
className="hidden md:inline-flex px-6 py-2.5 border-2 border-brand-pink text-brand-pink hover:bg-brand-pink hover:text-white font-bold rounded-full transition-all duration-300 whitespace-nowrap text-center"
>
View All Partners →
</a>
Expand Down Expand Up @@ -418,6 +418,11 @@ export default function ForPartnersPage() {
</div>
</div>
</section>
<div className="md:hidden text-center mb-16">
<a href="/partners" className="group inline-flex items-center gap-2 text-white/70 hover:text-brand-pink font-medium transition-colors">
View all our partners <span className="group-hover:translate-x-1 transition-transform">→</span>
</a>
</div>

{/* Content Below Hero */}
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-20 space-y-32">
Expand Down Expand Up @@ -699,14 +704,14 @@ export default function ForPartnersPage() {

{/* FAQ Section - Split layout inspired by reference */}
<section>
<div className="grid grid-cols-1 lg:grid-cols-5 gap-12 lg:gap-16">
<div className="grid grid-cols-1 lg:grid-cols-5 gap-6 lg:gap-16">
{/* Left Column - Header */}
<div className="lg:col-span-2">
<p className="text-brand-pink text-sm font-bold tracking-[0.2em] uppercase mb-3">Have Questions?</p>
<h2 className="text-3xl md:text-4xl font-black text-white mb-4">
FREQUENTLY ASKED <span className="outline-text">QUESTIONS</span>
</h2>
<p className="text-gray-400 text-lg mb-8">
<p className="text-gray-400 text-lg mb-4 lg:mb-8">
Everything you need to know about partnering with START
</p>
</div>
Expand Down
Loading