bender/1c263548-25d5-450a-9aca-4be43b10046a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 22:32:01 +00:00
parent 7bd4554a85
commit c665e1cb07
1 changed files with 40 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

195
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Sports",
id: "sports",
},
name: "Sports", id: "sports"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Morrinsville College Sports"
/>
@@ -56,32 +48,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Find Your Sport. Build Your Future."
description="Join the Morrinsville College sports community. Browse our wide range of teams, check schedules, and sign up today to stay active."
tag="Official Sports Portal"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-smiling-happy-with-soccer-ball-excited-play-game_496169-622.jpg",
imageAlt: "Students playing football",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-smiling-happy-with-soccer-ball-excited-play-game_496169-622.jpg", imageAlt: "Students playing football"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-running-training-stadium_23-2148297777.jpg",
imageAlt: "Athletics track finish line",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-soccer-players-embracing_23-2148355444.jpg",
imageAlt: "Front view female soccer players embracing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/field-hockey-players-tournament-game_23-2149668613.jpg",
imageAlt: "Field hockey players during a tournament game",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/girls-warming-up-football-field_23-2148355389.jpg",
imageAlt: "Girls warming up on football field",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-running-training-stadium_23-2148297777.jpg", imageAlt: "Athletics track finish line"}
]}
mediaAnimation="blur-reveal"
rating={5}
@@ -96,13 +71,9 @@ export default function LandingPage() {
description="At Morrinsville College, we believe sport is integral to developing character, discipline, and lifelong friendships."
metrics={[
{
value: "20+",
title: "Sports Offered",
},
value: "20+", title: "Sports Offered"},
{
value: "100%",
title: "Student Participation",
},
value: "100%", title: "Student Participation"},
]}
imageSrc="http://img.b2bpic.net/free-photo/students-rehashing-theater-class_23-2150960311.jpg"
imageAlt="Students in team huddle"
@@ -119,47 +90,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "s1",
name: "Football",
price: "Fee: $50",
variant: "Team",
imageSrc: "http://img.b2bpic.net/free-photo/view-american-football-ball-with-helmet_23-2150784063.jpg",
},
id: "s1", name: "Football", price: "Fee: $50", variant: "Team", imageSrc: "http://img.b2bpic.net/free-photo/view-american-football-ball-with-helmet_23-2150784063.jpg"},
{
id: "s2",
name: "Volleyball",
price: "Fee: $45",
variant: "Team",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-sport-composition_23-2149006375.jpg",
},
id: "s2", name: "Volleyball", price: "Fee: $45", variant: "Team", imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-sport-composition_23-2149006375.jpg"},
{
id: "s3",
name: "Netball",
price: "Fee: $60",
variant: "Team",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-colorful-basketball_23-2148796893.jpg",
},
id: "s3", name: "Netball", price: "Fee: $60", variant: "Team", imageSrc: "http://img.b2bpic.net/free-photo/front-view-colorful-basketball_23-2148796893.jpg"},
{
id: "s4",
name: "Rugby",
price: "Fee: $55",
variant: "Team",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-throwing-ball-team-mate_23-2148355508.jpg",
},
id: "s4", name: "Rugby", price: "Fee: $55", variant: "Team", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-throwing-ball-team-mate_23-2148355508.jpg"},
{
id: "s5",
name: "Basketball",
price: "Fee: $40",
variant: "Team",
imageSrc: "http://img.b2bpic.net/free-photo/sport-ball-floor-indoors_23-2151919235.jpg",
},
id: "s5", name: "Basketball", price: "Fee: $40", variant: "Team", imageSrc: "http://img.b2bpic.net/free-photo/sport-ball-floor-indoors_23-2151919235.jpg"},
{
id: "s6",
name: "Ultimate Frisbee",
price: "Fee: $30",
variant: "Team",
imageSrc: "http://img.b2bpic.net/free-photo/young-sportive-couple-doing-yoga-fitness-people-summer-park_1157-40150.jpg",
},
id: "s6", name: "Ultimate Frisbee", price: "Fee: $30", variant: "Team", imageSrc: "http://img.b2bpic.net/free-photo/young-sportive-couple-doing-yoga-fitness-people-summer-park_1157-40150.jpg"},
]}
title="Browse Sports"
description="Find your passion from our diverse selection of team and individual sports."
@@ -172,23 +113,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Step 1: Browse",
description: "View all available sports and terms in our directory.",
imageSrc: "http://img.b2bpic.net/free-photo/my-mobile-phone-have-so-much-new-applications_329181-3023.jpg",
imageAlt: "Browse",
},
title: "Step 1: Browse", description: "View all available sports and terms in our directory.", imageSrc: "http://img.b2bpic.net/free-photo/my-mobile-phone-have-so-much-new-applications_329181-3023.jpg", imageAlt: "Browse"},
{
title: "Step 2: Register",
description: "Fill out the online interest form in minutes.",
imageSrc: "http://img.b2bpic.net/free-photo/agent-filling-form-health-insurance-with-patient_1098-21611.jpg",
imageAlt: "Register",
},
title: "Step 2: Register", description: "Fill out the online interest form in minutes.", imageSrc: "http://img.b2bpic.net/free-photo/agent-filling-form-health-insurance-with-patient_1098-21611.jpg", imageAlt: "Register"},
{
title: "Step 3: Compete",
description: "Meet your coach and join your team for the season.",
imageSrc: "http://img.b2bpic.net/free-photo/plan-graph-knowledge-steps_53876-120130.jpg",
imageAlt: "Compete",
},
title: "Step 3: Compete", description: "Meet your coach and join your team for the season.", imageSrc: "http://img.b2bpic.net/free-photo/plan-graph-knowledge-steps_53876-120130.jpg", imageAlt: "Compete"},
]}
title="How to Join"
description="Getting involved is simple and straightforward for every student."
@@ -202,23 +131,14 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Trophy,
title: "Kauri House",
value: "1250 pts",
},
id: "m1", icon: Trophy,
title: "Kauri House", value: "1250 pts"},
{
id: "m2",
icon: Trophy,
title: "Totara House",
value: "1120 pts",
},
id: "m2", icon: Trophy,
title: "Totara House", value: "1120 pts"},
{
id: "m3",
icon: Trophy,
title: "Rimu House",
value: "980 pts",
},
id: "m3", icon: Trophy,
title: "Rimu House", value: "980 pts"},
]}
title="House Standings"
description="See how your house is performing across all sporting events this year."
@@ -230,30 +150,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-cheerful-pretty-young-20s-woman-glasses-student-employee-smiling-camera-happy-carrying-tote-bag-lean-red-brick-building-wall-campus-enjoying-leisure_197531-30540.jpg",
},
id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-cheerful-pretty-young-20s-woman-glasses-student-employee-smiling-camera-happy-carrying-tote-bag-lean-red-brick-building-wall-campus-enjoying-leisure_197531-30540.jpg"},
{
id: "t2",
name: "James K.",
imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334401.jpg",
},
id: "t2", name: "James K.", imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334401.jpg"},
{
id: "t3",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/boy-schoolyard_23-2147667430.jpg",
},
id: "t3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/boy-schoolyard_23-2147667430.jpg"},
{
id: "t4",
name: "David M.",
imageSrc: "http://img.b2bpic.net/free-photo/flexible-young-woman-warming-up-wrist_23-2148209557.jpg",
},
id: "t4", name: "David M.", imageSrc: "http://img.b2bpic.net/free-photo/flexible-young-woman-warming-up-wrist_23-2148209557.jpg"},
{
id: "t5",
name: "Chloe P.",
imageSrc: "http://img.b2bpic.net/free-photo/positive-outgoing-lively-redhead-girl-laughing-joyfully-having-fun-talking-friendly-friends-tilting-head-chuckling-joking-funny-life-moments-standing-positive-lucky-blue-background-orange-tshirt_1258-306576.jpg",
},
id: "t5", name: "Chloe P.", imageSrc: "http://img.b2bpic.net/free-photo/positive-outgoing-lively-redhead-girl-laughing-joyfully-having-fun-talking-friendly-friends-tilting-head-chuckling-joking-funny-life-moments-standing-positive-lucky-blue-background-orange-tshirt_1258-306576.jpg"},
]}
cardTitle="Student Voices"
cardTag="Testimonials"
@@ -267,20 +172,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How do I pay?",
content: "Payment can be made via school portal or bank transfer.",
},
id: "f1", title: "How do I pay?", content: "Payment can be made via school portal or bank transfer."},
{
id: "f2",
title: "Are fees refundable?",
content: "Refunds are processed in exceptional circumstances only.",
},
id: "f2", title: "Are fees refundable?", content: "Refunds are processed in exceptional circumstances only."},
{
id: "f3",
title: "What gear is needed?",
content: "Equipment requirements are listed on each individual sport page.",
},
id: "f3", title: "What gear is needed?", content: "Equipment requirements are listed on each individual sport page."},
]}
title="Frequently Asked Questions"
description="Find answers to the most common questions regarding sports registration."
@@ -292,14 +188,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Need help? Contact our sports department directly for any enquiries about teams or registrations."
buttons={[
{
text: "Contact Us",
href: "mailto:sport@morrcoll.school.nz",
},
text: "Contact Us", href: "mailto:sport@morrcoll.school.nz"},
]}
/>
</div>
@@ -310,29 +203,19 @@ export default function LandingPage() {
{
items: [
{
label: "Sports Directory",
href: "#sports",
},
label: "Sports Directory", href: "#sports"},
{
label: "Sign Up",
href: "#",
},
label: "Sign Up", href: "#"},
{
label: "Staff Directory",
href: "#",
},
label: "Staff Directory", href: "#"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Use",
href: "#",
},
label: "Terms of Use", href: "#"},
],
},
]}