Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -32,16 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Community",          id: "features"},
-        {
-          name: "Team",          id: "team"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "About", id: "about" },
+        { name: "Community", id: "features" },
+        { name: "Team", id: "team" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Shadowed Vendetta"
     />
@@ -52,11 +47,10 @@ export default function LandingPage() {
       logoText="Shadowed Vendetta"
       description="An elite gaming community united by competitive spirit, tactical dominance, and a shared passion for the future of gaming."
       buttons={[
-        {
-          text: "Join the Squad",          href: "#contact"},
+        { text: "Join the Squad", href: "#contact" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/rendering-abstract-futuristic-background-with-glowing-neon-blue-lights_181624-19824.jpg"
-      imageAlt="dark gaming hero background neon"
+      imageSrc="http://img.b2bpic.net/free-photo/rendering-abstract-futuristic-background-with-glowing-neon-red-lights_181624-19824.jpg"
+      imageAlt="dark gaming hero background neon red"
     />
   </div>
 
@@ -65,7 +59,8 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Built for Elite Competition"
       description={[
-        "Shadowed Vendetta is more than just a clan; we are a tactical ecosystem. We prioritize coordination, skill, and mutual growth, ensuring that every member finds their place in our hierarchy.",        "Our journey is defined by constant adaptation. We bridge the gap between casual play and competitive mastery, fostering an environment where every victory is celebrated and every loss is a lesson."]}
+        "Shadowed Vendetta is more than just a clan; we are a tactical ecosystem. We prioritize coordination, skill, and mutual growth, ensuring that every member finds their place in our hierarchy.",        "Our journey is defined by constant adaptation. We bridge the gap between casual play and competitive mastery, fostering an environment where every victory is celebrated and every loss is a lesson."
+      ]}
     />
   </div>
 
@@ -75,21 +70,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Target,
-          title: "Tactical Excellence",          description: "Rigorous drills designed to refine team communication and map control."},
-        {
-          icon: Shield,
-          title: "Security & Unity",          description: "A zero-tolerance policy against toxicity creates a safe competitive environment."},
-        {
-          icon: Trophy,
-          title: "Tournaments",          description: "Regular internal brackets and sponsored events to test your skills against the best."},
-        {
-          icon: Users,
-          title: "Global Network",          description: "Connect with players from diverse backgrounds across multiple time zones."},
-        {
-          icon: Star,
-          title: "Pro Infrastructure",          description: "Access to high-fidelity servers and professional-grade training resources."},
+        { icon: Target, title: "Tactical Excellence", description: "Rigorous drills designed to refine team communication and map control." },
+        { icon: Shield, title: "Security & Unity", description: "A zero-tolerance policy against toxicity creates a safe competitive environment." },
+        { icon: Trophy, title: "Tournaments", description: "Regular internal brackets and sponsored events to test your skills against the best." },
+        { icon: Users, title: "Global Network", description: "Connect with players from diverse backgrounds across multiple time zones." },
+        { icon: Star, title: "Pro Infrastructure", description: "Access to high-fidelity servers and professional-grade training resources." },
       ]}
       title="What Defines Us"
       description="From tactical training sessions to global tournaments, Shadowed Vendetta provides the infrastructure you need to excel."
@@ -103,16 +88,11 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       members={[
-        {
-          id: "1",          name: "Shadow",          role: "Squad Leader",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-winning-videogame_23-2149349988.jpg"},
-        {
-          id: "2",          name: "Vendetta",          role: "Strategist",          imageSrc: "http://img.b2bpic.net/free-photo/man-watching-suspenseful-thriller-film-eating-popcorn-close-up_482257-119899.jpg"},
-        {
-          id: "3",          name: "Razor",          role: "Lead Recruiter",          imageSrc: "http://img.b2bpic.net/free-photo/victorious-gamers-winning-medium-shot_23-2149350010.jpg"},
-        {
-          id: "4",          name: "Echo",          role: "Media Director",          imageSrc: "http://img.b2bpic.net/free-photo/team-teenage-gamers-plays-multiplayer-video-game-pc-gaming-club_613910-19148.jpg"},
-        {
-          id: "5",          name: "Nova",          role: "Tactical Lead",          imageSrc: "http://img.b2bpic.net/free-photo/player-rgb-lit-home-gaming-with-joystick_482257-124154.jpg"},
+        { id: "1", name: "Shadow", role: "Squad Leader", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-winning-videogame_23-2149349988.jpg" },
+        { id: "2", name: "Vendetta", role: "Strategist", imageSrc: "http://img.b2bpic.net/free-photo/man-watching-suspenseful-thriller-film-eating-popcorn-close-up_482257-119899.jpg" },
+        { id: "3", name: "Razor", role: "Lead Recruiter", imageSrc: "http://img.b2bpic.net/free-photo/victorious-gamers-winning-medium-shot_23-2149350010.jpg" },
+        { id: "4", name: "Echo", role: "Media Director", imageSrc: "http://img.b2bpic.net/free-photo/team-teenage-gamers-plays-multiplayer-video-game-pc-gaming-club_613910-19148.jpg" },
+        { id: "5", name: "Nova", role: "Tactical Lead", imageSrc: "http://img.b2bpic.net/free-photo/player-rgb-lit-home-gaming-with-joystick_482257-124154.jpg" },
       ]}
       title="Meet the Command"
       description="The leadership guiding Shadowed Vendetta towards total domination."
@@ -125,18 +105,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          value: "150+",          title: "Active Players",          items: [
-            "FPS Veterans",            "MOBA Specialists",            "Strategy Experts"],
-        },
-        {
-          id: "m2",          value: "12",          title: "Tournament Wins",          items: [
-            "Regional Leagues",            "Global Brackets",            "Clan Skirmishes"],
-        },
-        {
-          id: "m3",          value: "24/7",          title: "Server Availability",          items: [
-            "Dedicated Voice",            "Tournament Hosting",            "Training Rooms"],
-        },
+        { id: "m1", value: "150+", title: "Active Players", items: ["FPS Veterans", "MOBA Specialists", "Strategy Experts"] },
+        { id: "m2", value: "12", title: "Tournament Wins", items: ["Regional Leagues", "Global Brackets", "Clan Skirmishes"] },
+        { id: "m3", value: "24/7", title: "Server Availability", items: ["Dedicated Voice", "Tournament Hosting", "Training Rooms"] },
       ]}
       title="Community Stats"
       description="Our growth and impact within the global gaming scene."
@@ -149,21 +120,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",          name: "Alex R.",          handle: "@alex_fps",          testimonial: "The best clan I have ever joined. Real tactical depth.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-streamer-stressed-using-computer-gaming-room_839833-34766.jpg"},
-        {
-          id: "2",          name: "Sarah K.",          handle: "@sk_plays",          testimonial: "The community support here is incredible. Everyone learns together.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/half-fox-half-robot-fantasy-style_23-2151600985.jpg"},
-        {
-          id: "3",          name: "Marco P.",          handle: "@marco_tactics",          testimonial: "Top tier leadership and constant tournament opportunities.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/sportsman-sitting-looking-camera-football-field_23-2148203731.jpg"},
-        {
-          id: "4",          name: "Jessica L.",          handle: "@jess_squad",          testimonial: "Joined as a casual, now competing in semi-pros. Amazing.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136810.jpg"},
-        {
-          id: "5",          name: "Daniel T.",          handle: "@dan_gaming",          testimonial: "Found my home here. The culture is unmatched.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-participating-online-multiplayer-esports-tournament-using-powerful-desktop-pc_482257-77074.jpg"},
+        { id: "1", name: "Alex R.", handle: "@alex_fps", testimonial: "The best clan I have ever joined. Real tactical depth.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-streamer-stressed-using-computer-gaming-room_839833-34766.jpg" },
+        { id: "2", name: "Sarah K.", handle: "@sk_plays", testimonial: "The community support here is incredible. Everyone learns together.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/half-fox-half-robot-fantasy-style_23-2151600985.jpg" },
+        { id: "3", name: "Marco P.", handle: "@marco_tactics", testimonial: "Top tier leadership and constant tournament opportunities.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sportsman-sitting-looking-camera-football-field_23-2148203731.jpg" },
+        { id: "4", name: "Jessica L.", handle: "@jess_squad", testimonial: "Joined as a casual, now competing in semi-pros. Amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136810.jpg" },
+        { id: "5", name: "Daniel T.", handle: "@dan_gaming", testimonial: "Found my home here. The culture is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-participating-online-multiplayer-esports-tournament-using-powerful-desktop-pc_482257-77074.jpg" },
       ]}
       showRating={true}
       title="Member Experiences"
@@ -176,16 +137,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",          title: "How do I join?",          content: "Reach out through our contact form and complete our quick vetting process."},
-        {
-          id: "2",          title: "What games do you play?",          content: "We are currently focused on tactical shooters and competitive strategy titles."},
-        {
-          id: "3",          title: "Is there a skill requirement?",          content: "We evaluate based on attitude and willingness to learn as much as raw skill."},
-        {
-          id: "4",          title: "Are there age limits?",          content: "We require members to be at least 16 years old to maintain our professional maturity."},
-        {
-          id: "5",          title: "What if I'm new to competitive?",          content: "We have an academy program specifically designed for up-and-coming talent."},
+        { id: "1", title: "How do I join?", content: "Reach out through our contact form and complete our quick vetting process." },
+        { id: "2", title: "What games do you play?", content: "We are currently focused on tactical shooters and competitive strategy titles." },
+        { id: "3", title: "Is there a skill requirement?", content: "We evaluate based on attitude and willingness to learn as much as raw skill." },
+        { id: "4", title: "Are there age limits?", content: "We require members to be at least 16 years old to maintain our professional maturity." },
+        { id: "5", title: "What if I'm new to competitive?", content: "We have an academy program specifically designed for up-and-coming talent." },
       ]}
       title="Community FAQ"
       description="Everything you need to know about joining Shadowed Vendetta."
@@ -199,15 +155,11 @@ export default function LandingPage() {
       title="Apply Today"
       description="Ready to prove your worth? Fill out the application form and our recruiters will reach out."
       inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Your Gamertag"},
-        {
-          name: "email",          type: "email",          placeholder: "Email Address"},
-        {
-          name: "game",          type: "text",          placeholder: "Main Games Played"},
+        { name: "name", type: "text", placeholder: "Your Gamertag" },
+        { name: "email", type: "email", placeholder: "Email Address" },
+        { name: "game", type: "text", placeholder: "Main Games Played" },
       ]}
-      textarea={{
-        name: "experience",        placeholder: "Describe your competitive experience"}}
+      textarea={{ name: "experience", placeholder: "Describe your competitive experience" }}
       imageSrc="http://img.b2bpic.net/free-photo/modern-monitor-elegant-table_23-2150706403.jpg"
     />
   </div>
@@ -217,30 +169,13 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/illustration-geometric-shapes-with-colorful-laser-lights-great-backgrounds-wallpapers_181624-34488.jpg"
       logoText="Shadowed Vendetta"
       columns={[
-        {
-          title: "Navigation",          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Community",              href: "#features"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Socials",          items: [
-            {
-              label: "Discord",              href: "#"},
-            {
-              label: "Twitter",              href: "#"},
-            {
-              label: "YouTube",              href: "#"},
-          ],
-        },
+        { title: "Navigatie", items: [{ label: "Over ons", href: "#about" }, { label: "Community", href: "#features" }, { label: "Contact", href: "#contact" }] },
+        { title: "Socials", items: [{ label: "Discord", href: "#" }, { label: "Twitter", href: "#" }, { label: "YouTube", href: "#" }] },
       ]}
+      copyrightText="© 2025 | Shadowed Vendetta"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #0c0c0c;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
   --foreground: #ffffff;
-  --primary-cta: #cee7ff;
+  --primary-cta: #ff0000;
   --primary-cta-text: #000000;
-  --secondary-cta: #000000;
+  --secondary-cta: #0a0a0a;
   --secondary-cta-text: #ffffff;
-  --accent: #535353;
-  --background-accent: #CEE7FF;
+  --accent: #991b1b;
+  --background-accent: #7f1d1d;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);