Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
-import { Clock, Star } from "lucide-react";
+import { Clock, Star, Users, ShieldAlert, MessageSquare, Target, BookOpen } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,35 +30,32 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         { name: "Home", id: "hero" },
-        { name: "Features", id: "features" },
+        { name: "Guidelines", id: "features" },
-        { name: "Leaderboard", id: "stats" },
+        { name: "Strategy", id: "strategies" },
         { name: "Team", id: "team" },
         { name: "FAQ", id: "faq" },
       ]}
-      brandName="EliteClan PS99"
+      brandName="H8M3 Clan"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{ variant: "gradient-bars" }}
-      title="Rule the Pet Simulator 99 World"
+      title="Clan H8M3 - PS99 Elite"
-      description="Join the EliteClan today. We are a top-tier alliance of masters, collectors, and legends. Together we dominate the leaderboards and trade for the rarest pets."
+      description="Welcome to H8M3. We are a top-tier alliance dedicated to domination, growth, and teamwork. Join our community of elite simulators."
       avatars={[
-        { src: "http://img.b2bpic.net/free-photo/anime-boy-with-headphones-cyberpunk-style_23-2152007961.jpg", alt: "Pro Gamer" },
+        { src: "http://img.b2bpic.net/free-photo/anime-boy-with-headphones-cyberpunk-style_23-2152007961.jpg", alt: "Member" },
-        { src: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489843.jpg", alt: "Top Collector" },
+        { src: "http://img.b2bpic.net/free-photo/cyberpunk-man-warrior-portrait_23-2150712428.jpg", alt: "Officer" },
-        { src: "http://img.b2bpic.net/free-photo/cyberpunk-man-warrior-portrait_23-2150712428.jpg", alt: "Clan Leader" },
+        { src: "http://img.b2bpic.net/free-photo/view-futuristic-music-robot-droid_23-2151072923.jpg", alt: "Strategist" },
-        { src: "http://img.b2bpic.net/free-photo/view-futuristic-music-robot-droid_23-2151072923.jpg", alt: "Trade Expert" },
-        { src: "http://img.b2bpic.net/free-photo/anime-boy-with-headphones-cyberpunk-style_23-2152007961.jpg", alt: "Top Strategist" },
       ]}
-      avatarText="Join 500+ Active Members"
+      avatarText="Join our active roster"
-      buttons={[{ text: "Apply to Clan", href: "#contact" }]}
+      buttons={[{ text: "Contact Discord: C4dlxzbubplayer", href: "#" }]}
       marqueeItems={[
-        { type: "text", text: "Top 12 Clan" },
+        { type: "text", text: "Strict Guidelines" },
-        { type: "text", text: "5M+ Eggs Hatched" },
+        { type: "text", text: "Active Daily" },
-        { type: "text-icon", text: "Active 24/7", icon: Clock },
+        { type: "text-icon", text: "Clan Wars Ready", icon: Target },
-        { type: "text", text: "Priority Trading" },
+        { type: "text", text: "Officer Support" },
-        { type: "text-icon", text: "Exclusive Events", icon: Star },
       ]}
     />
   </div>
@@ -68,27 +65,24 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        { title: "Priority Trading", description: "Access our exclusive member-only trading channels for fair and fast deals.", imageSrc: "http://img.b2bpic.net/free-photo/king-with-crown-digital-art_23-2151715087.jpg", imageAlt: "Trading" },
+        { title: "Activity Requirements", description: "Officers expect daily contributions and active participation in clan wars. Check quiet hours in Discord.", imageSrc: "http://img.b2bpic.net/free-photo/king-with-crown-digital-art_23-2151715087.jpg" },
-        { title: "Clan Boosts", description: "We run constant server-wide boosts to maximize your egg hatching and coin farming.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-dog-badge-logo_23-2149433387.jpg", imageAlt: "Boosts" },
+        { title: "Clan Guidelines", description: "Maintain respect, contribute resources, and participate in all scheduled clan events.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-dog-badge-logo_23-2149433387.jpg" },
-        { title: "Event Dominance", description: "Strategize with the best during limited-time events and climb the leaderboard fast.", imageSrc: "http://img.b2bpic.net/free-photo/map-french-polynesia-gold-glitter-map-dark-background_559531-10691.jpg", imageAlt: "Events" },
+        { title: "Issue Handling", description: "Encounter an issue? Report directly to our officer team for prompt assistance.", imageSrc: "http://img.b2bpic.net/free-photo/lamp-with-fantasy-futuristic-design_23-2151101624.jpg" },
       ]}
-      title="Why Join EliteClan?"
+      title="Clan Guidelines & Info"
-      description="We offer more than just a name. Experience true clan synergy in Pet Simulator 99."
+      description="Core rules and operational standards for H8M3 members."
     />
   </div>
 
-  <div id="stats" data-section="stats">
+  <div id="strategies" data-section="strategies">
-      <MetricCardEleven
+      <FeatureCardEight
-      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      metrics={[
+      features={[
-        { id: "m1", value: "12th", title: "Global Ranking", description: "Climbing higher every single day.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7f64p7" },
+        { title: "Daily Meta Updates", description: "Our strategies for farming, egg hatching, and clan wars are updated daily by the leadership team.", imageSrc: "http://img.b2bpic.net/free-photo/map-french-polynesia-gold-glitter-map-dark-background_559531-10691.jpg" },
-        { id: "m2", value: "5M+", title: "Eggs Hatched", description: "Accumulated stats by all members.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-easter-eggs_23-2150158219.jpg" },
-        { id: "m3", value: "24/7", title: "Active Support", description: "Members available for help at any hour.", imageSrc: "http://img.b2bpic.net/free-photo/lamp-with-fantasy-futuristic-design_23-2151101624.jpg" },
       ]}
-      title="Clan Performance"
+      title="Clan Strategies"
-      description="Our numbers speak for themselves. We are consistently ranked among the top clans in the game."
+      description="Daily tactical updates to keep us at the top."
     />
   </div>
 
@@ -99,14 +93,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       groups={[
         {
-          id: "g1",          groupTitle: "Management",          members: [
+          id: "g1",          groupTitle: "Leadership",          members: [
-            { id: "u1", title: "Founder", subtitle: "CEO of Elite", detail: "The mastermind who built the dream.", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-man-warrior-portrait_23-2150712428.jpg" },
+            { id: "u1", title: "Clan Lead", subtitle: "Strategy Master", detail: "Contact: C4dlxzbubplayer", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-man-warrior-portrait_23-2150712428.jpg" },
-            { id: "u2", title: "Head Trader", subtitle: "Market King", detail: "Finds all the huge pets.", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-music-robot-droid_23-2151072923.jpg" },
           ],
         },
       ]}
-      title="Elite Clan Leaders"
+      title="Leadership"
-      description="Meet the minds behind our dominance."
+      description="Our dedicated officer team."
     />
   </div>
 
@@ -115,24 +108,24 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        { id: "f1", title: "How do I apply?", content: "Join our Discord and fill out the form pinned in the welcome channel." },
+        { id: "f1", title: "What are the requirements?", content: "Active players with solid daily production. Check the pinned Discord requirements." },
-        { id: "f2", title: "Are there rank requirements?", content: "Yes, we look for members with at least 50 rebirths or significant pet collections." },
+        { id: "f2", title: "What about Quiet Hours?", content: "Quiet hours are observed for server maintenance and personal rest. Check announcements." },
-        { id: "f3", title: "Can I leave and rejoin?", content: "Members who leave without permission may be blacklisted." },
+        { id: "f3", title: "Clan War Rules?", content: "Participation is mandatory for all active members during event windows." },
       ]}
-      title="Clan FAQs"
+      title="FAQs"
-      description="Everything you need to know about joining."
+      description="Common questions from clan members."
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseReveal
-      logoText="EliteClan PS99"
+      logoText="H8M3"
       columns={[
-        { title: "Community", items: [{ label: "Discord", href: "#" }, { label: "Twitter", href: "#" }] },
+        { title: "Links", items: [{ label: "Discord", href: "#" }] },
-        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
+        { title: "Contact", items: [{ label: "User: C4dlxzbubplayer", href: "#" }] },
       ]}
-      copyrightText="© 2024 EliteClan PS99. All rights reserved."
+      copyrightText="© 2024 H8M3 Clan. All rights reserved."
     />
   </div>
       </ReactLenis>