Initial commit
Next.js + Express event management app for Hope Family Church.
This commit is contained in:
@@ -0,0 +1,134 @@
|
||||
import React from "react";
|
||||
|
||||
export default function LockdownRulesPage() {
|
||||
const rules = [
|
||||
{
|
||||
icon: "💡",
|
||||
title: "1. Respect People",
|
||||
items: [
|
||||
"Treat all leaders, volunteers, and other youth with kindness and respect.",
|
||||
"Listen when leaders are speaking and follow all instructions the first time.",
|
||||
"No bullying, name-calling, gossip, or exclusion of others.",
|
||||
],
|
||||
},
|
||||
{
|
||||
icon: "🏠",
|
||||
title: "2. Stay in the Venue",
|
||||
items: [
|
||||
"Once checked in, no one may leave the premises until pick-up time (8 AM), unless approved by a leader.",
|
||||
"For everyone’s safety, doors will remain locked from the inside during the event.",
|
||||
"If you need to leave early, a parent or guardian must collect you in person and notify a leader.",
|
||||
"Certain areas may be off-limits; please respect the signs and leader directions.",
|
||||
],
|
||||
},
|
||||
{
|
||||
icon: "🔇",
|
||||
title: "3. Respect the Space",
|
||||
items: [
|
||||
"Keep all areas tidy and take care of church property and equipment.",
|
||||
"Keep your area clean; bins are there for a reason.",
|
||||
"No running or roughhousing inside unless part of a supervised activity.",
|
||||
],
|
||||
},
|
||||
{
|
||||
icon: "📱",
|
||||
title: "4. Use Phones Wisely",
|
||||
items: [
|
||||
"Phones are allowed, but this is a time to connect with people in person!",
|
||||
"No inappropriate photos, videos, or social media posts during the event.",
|
||||
"If your phone becomes a distraction, a leader may ask to hold it safely until morning.",
|
||||
],
|
||||
},
|
||||
{
|
||||
icon: "🚫",
|
||||
title: "5. No Forbidden Items",
|
||||
items: [
|
||||
"Do not bring or use any of the following:",
|
||||
"• Alcohol, drugs, cigarettes, vapes, or any dangerous items",
|
||||
"• Weapons, lighters, or fireworks",
|
||||
"• Inappropriate material of any kind",
|
||||
],
|
||||
note:
|
||||
"Any of these items will be confiscated and parents will be contacted immediately.",
|
||||
},
|
||||
{
|
||||
icon: "⚡",
|
||||
title: "6. Participate in Everything",
|
||||
items: [
|
||||
"The night is packed with awesome games, challenges, and sessions; get involved!",
|
||||
"No sitting out unless you’re unwell or a leader has excused you.",
|
||||
"Be a team player; encourage others and bring positive vibes.",
|
||||
],
|
||||
},
|
||||
{
|
||||
icon: "🕒",
|
||||
title: "7. Stay Awake, Stay Safe",
|
||||
items: [
|
||||
"This is an all-nighter! No sleeping bags or nap zones; the goal is to stay awake and enjoy it together.",
|
||||
"If you start feeling too tired, talk to a leader; they’ll help you grab some water or take a quiet moment.",
|
||||
"Respect quiet moments during worship or reflection time; it’s not a nap zone, but it is sacred space.",
|
||||
],
|
||||
},
|
||||
{
|
||||
icon: "🙏",
|
||||
title: "8. Represent Christ Well",
|
||||
items: [
|
||||
"Everything you say and do represents Wave Youth and Jesus.",
|
||||
"Show love, joy, and respect in your words and actions.",
|
||||
"Let’s make this night unforgettable for all the right reasons!",
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-slate-950 text-gray-100 flex flex-col items-center py-10 px-4">
|
||||
<div className="max-w-5xl w-full bg-slate-900/70 backdrop-blur-md rounded-2xl shadow-2xl border border-slate-800 p-8">
|
||||
<header className="mb-8 text-center">
|
||||
<h1 className="text-3xl md:text-4xl font-extrabold text-blue-400">
|
||||
Hope Youth Lockdown — Rules & Expectations
|
||||
</h1>
|
||||
<p className="text-slate-400 mt-3 max-w-2xl mx-auto">
|
||||
The Hope Youth Lockdown is designed to be a night of fun,
|
||||
friendship, and faith. To make sure everyone has a great experience,
|
||||
all participants agree to the following:
|
||||
</p>
|
||||
</header>
|
||||
|
||||
<div className="bg-slate-800/60 text-cyan-300 rounded-full text-center py-2 px-4 font-medium text-sm mb-6">
|
||||
✅ Be kind • 🔐 Stay safe • 🙏 Honor God • 🎉 Have fun
|
||||
</div>
|
||||
|
||||
<section className="grid gap-5 md:grid-cols-2">
|
||||
{rules.map((rule) => (
|
||||
<div
|
||||
key={rule.title}
|
||||
className="bg-slate-800/60 border border-slate-700 rounded-xl p-5 shadow-md hover:shadow-blue-500/20 transition-shadow"
|
||||
>
|
||||
<h2 className="text-lg font-semibold mb-2 flex items-center gap-2 text-blue-300">
|
||||
<span className="text-xl">{rule.icon}</span>
|
||||
{rule.title}
|
||||
</h2>
|
||||
<ul className="list-disc pl-6 text-gray-300 text-sm space-y-1">
|
||||
{rule.items.map((item, idx) => (
|
||||
<li key={idx}>{item}</li>
|
||||
))}
|
||||
</ul>
|
||||
{rule.note && (
|
||||
<p className="text-sm text-slate-400 italic mt-3">{rule.note}</p>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
</section>
|
||||
|
||||
<footer className="mt-10 text-center border-t border-slate-800 pt-6 text-sm text-slate-400">
|
||||
<p>Questions or concerns? Chat to a leader anytime during the night.
|
||||
Alternatively, you can contact Joshua on 072 160 3010 or Eben on 084 862 7655</p>
|
||||
<p className="mt-1">
|
||||
By attending, you agree to follow these rules so everyone can have a
|
||||
safe, legendary night. 💙
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user