bender/763d088e-0640-481e-892e-3ed503d86f1a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-18 00:32:50 +00:00
Conversation 0 Commits 2 Files Changed 2 +104 -31
2 changed files with 104 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
src/app/join/page.tsx Normal file
View File

@@ -0,0 +1,97 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
export default function JoinPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="largeSmallSizeLargeTitles"
background="fluid"
cardStyle="outline"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Void Pact"
navItems={[
{ name: "Home", id: "/" },
{ name: "Team", id: "#team" },
{ name: "About", id: "#about" },
{ name: "Join", id: "/join" },
{ name: "Contact", id: "#contact" }
]}
/>
</div>
<div id="join" data-section="join">
<ContactSplitForm
title="Join the Void"
description="Think you have what it takes to compete at the highest level? Submit your application and prove yourself worthy of Void Pact."
inputs={[
{ name: "playerName", type: "text", placeholder: "Your Gaming Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "role", type: "text", placeholder: "Your Role (e.g., IGL, Rifler, Awper)", required: true },
{ name: "experience", type: "text", placeholder: "Years of Competitive Experience", required: false }
]}
textarea={{
name: "message", placeholder: "Tell us why you should join Void Pact. Share your achievements, mindset, and competitive drive.", rows: 6,
required: true
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/group-multiracial-teens-playing-video-games-video-game-club-with-blue-red-illumination-excited-because-victory_1268-24592.jpg"
imageAlt="Gaming team recruitment tryout"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Submit Application"
ariaLabel="Join Void Pact recruitment form"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Void Pact"
columns={[
{
items: [
{ label: "Home", href: "/" },
{ label: "Team", href: "/#team" },
{ label: "About", href: "/#about" }
]
},
{
items: [
{ label: "Join Us", href: "/join" },
{ label: "Contact", href: "/#contact" },
{ label: "Careers", href: "#" }
]
},
{
items: [
{ label: "Twitter", href: "https://twitter.com" },
{ label: "Discord", href: "https://discord.com" },
{ label: "YouTube", href: "https://youtube.com" }
]
},
{
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" }
]
}
]}
ariaLabel="Void Pact footer navigation"
/>
</div>
</ThemeProvider>
);
}

38
src/app/page.tsx
View File

@@ -30,7 +30,7 @@ export default function VoidPactPage() {
{ name: "Home", id: "hero" },
{ name: "Team", id: "team" },
{ name: "About", id: "about" },
{ name: "Join", id: "join" },
{ name: "Join", id: "/join" },
{ name: "Contact", id: "contact" }
]}
/>
@@ -45,7 +45,7 @@ export default function VoidPactPage() {
tagIcon={Zap}
tagAnimation="slide-up"
buttons={[
{ text: "Join the Pact", href: "#join" },
{ text: "Join the Pact", href: "/join" },
{ text: "Watch Our Story", href: "#about" }
]}
buttonAnimation="slide-up"
@@ -123,30 +123,6 @@ export default function VoidPactPage() {
/>
</div>
<div id="join" data-section="join">
<ContactSplitForm
title="Join the Void"
description="Think you have what it takes to compete at the highest level? Submit your application and prove yourself worthy of Void Pact."
inputs={[
{ name: "playerName", type: "text", placeholder: "Your Gaming Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "role", type: "text", placeholder: "Your Role (e.g., IGL, Rifler, Awper)", required: true },
{ name: "experience", type: "text", placeholder: "Years of Competitive Experience", required: false }
]}
textarea={{
name: "message", placeholder: "Tell us why you should join Void Pact. Share your achievements, mindset, and competitive drive.", rows: 6,
required: true
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/group-multiracial-teens-playing-video-games-video-game-club-with-blue-red-illumination-excited-because-victory_1268-24592.jpg"
imageAlt="Gaming team recruitment tryout"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Submit Application"
ariaLabel="Join Void Pact recruitment form"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get in Touch"
@@ -175,15 +151,15 @@ export default function VoidPactPage() {
columns={[
{
items: [
{ label: "Home", href: "#hero" },
{ label: "Team", href: "#team" },
{ label: "About", href: "#about" }
{ label: "Home", href: "/" },
{ label: "Team", href: "/#team" },
{ label: "About", href: "/#about" }
]
},
{
items: [
{ label: "Join Us", href: "#join" },
{ label: "Contact", href: "#contact" },
{ label: "Join Us", href: "/join" },
{ label: "Contact", href: "/#contact" },
{ label: "Careers", href: "#" }
]
},