Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Database, Shield, Zap } from "lucide-react";
+import { Database, Shield, Zap, Terminal, Code, Settings, HelpCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,42 +30,27 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Features",          id: "features"},
-        {
-          name: "Analytics",          id: "analytics"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "FAQ",          id: "faq"},
+        { name: "Features", id: "features" },
+        { name: "Commands", id: "analytics" },
+        { name: "Support", id: "faq" }
       ]}
-      brandName="EH-Stats"
+      brandName="EH-Monitor"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated"}}
-      title="Precision Data for Modern Decision Making"
-      description="Unlock actionable insights with our advanced statistical platform, engineered for speed and clarity."
-      buttons={[
-        {
-          text: "Start Analysis",          href: "#"},
-      ]}
+      background={{ variant: "rotated-rays-animated" }}
+      title="EH-Monitor: Advanced Server Intelligence"
+      description="The ultimate monitoring solution for Discord communities. Real-time metrics, automated moderation, and developer-friendly slash commands."
+      buttons={[{ text: "Add to Server", href: "#" }]}
       carouselItems={[
-        {
-          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg?_wi=1",          imageAlt: "Data visualization"},
-        {
-          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=1",          imageAlt: "Statistical graph"},
-        {
-          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg?_wi=1",          imageAlt: "Network monitor"},
-        {
-          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-statistics-presentation-with-chart_23-2149023761.jpg",          imageAlt: "Forecast model"},
-        {
-          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24189.jpg",          imageAlt: "Data architecture"},
-        {
-          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399282.jpg",          imageAlt: "User metrics"},
+        { id: "1", imageAlt: "Monitoring Dashboard" },
+        { id: "2", imageAlt: "Command Interface" },
+        { id: "3", imageAlt: "Moderation Log" },
+        { id: "4", imageAlt: "Server Metrics" },
+        { id: "5", imageAlt: "Real-time Alerts" },
+        { id: "6", imageAlt: "Automated Tasks" }
       ]}
     />
   </div>
@@ -75,15 +60,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Real-time Processing",          description: "Get instant insights with our high-speed engine.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg?_wi=2",          imageAlt: "Processing speed"},
-        {
-          title: "Advanced Analytics",          description: "Deep-dive into datasets with custom modeling.",          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=2",          imageAlt: "Deep analytics"},
-        {
-          title: "Secure Infrastructure",          description: "Your data is protected by enterprise-grade security.",          imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg?_wi=2",          imageAlt: "Security"},
+        { title: "Slash Command Suite", description: "Interact with your server using intuitive, powerful slash commands." },
+        { title: "Real-time Monitoring", description: "Track member activity, join trends, and performance metrics instantly." },
+        { title: "Automated Support", description: "Built-in help desks and automated ticketing systems for efficiency." }
       ]}
-      title="Engineered for Insights"
-      description="Comprehensive statistical features to power your growth."
+      title="Core Features"
+      description="Everything you need to scale and manage your community efficiently."
     />
   </div>
 
@@ -94,18 +76,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "1",          value: "99.9%",          title: "Uptime",          description: "Reliable access at all times",          icon: Shield,
-        },
-        {
-          id: "2",          value: "120ms",          title: "Avg Latency",          description: "Lightning fast response",          icon: Zap,
-        },
-        {
-          id: "3",          value: "10M+",          title: "Records",          description: "Processed daily",          icon: Database,
-        },
+        { id: "1", value: "/status", title: "Server Health", description: "Check real-time infrastructure health.", icon: Terminal },
+        { id: "2", value: "/audit", title: "Security Logs", description: "Review moderation actions instantly.", icon: Shield },
+        { id: "3", value: "/config", title: "Bot Settings", description: "Customise behavior via command UI.", icon: Settings },
       ]}
-      title="Proven Performance"
-      description="Metrics that define our platform's success."
+      title="Command Documentation"
+      description="Access critical management tools directly via Discord."
     />
   </div>
 
@@ -115,19 +91,12 @@ export default function LandingPage() {
       animationType="slide-up"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",          name: "Sarah Chen",          role: "Head of Data",          testimonial: "EH-Stats revolutionized how we process our large datasets.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg"},
-        {
-          id: "2",          name: "Mark Miller",          role: "Analyst",          testimonial: "The precision and speed are unmatched in the industry.",          imageSrc: "http://img.b2bpic.net/free-photo/development-agency-office-worker-analyzing-project-sales-fintech-startup-businessperson-sitting-desk-marketing-company-office-developing-financial-strategy-accounting-management_482257-40323.jpg"},
-        {
-          id: "3",          name: "Elena Rodriguez",          role: "Product Manager",          testimonial: "Intuitive, fast, and extremely reliable.",          imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg"},
-        {
-          id: "4",          name: "John Doe",          role: "CTO",          testimonial: "A must-have tool for any modern analytics team.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-mulatto-male-model-black-hat-indoor-photo-cheerful-young-man-with-brown-skin_197531-21943.jpg"},
-        {
-          id: "5",          name: "Alice Wang",          role: "Developer",          testimonial: "Integration was seamless and performance is rock solid.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-tablet_23-2149927578.jpg"},
+        { id: "1", name: "Alex R.", role: "Server Owner", testimonial: "The slash command implementation is the cleanest I've ever used." },
+        { id: "2", name: "Jordan P.", role: "Admin", testimonial: "EH-Monitor has saved us countless hours on moderation tasks." },
+        { id: "3", name: "Casey L.", role: "Developer", testimonial: "Robust API and excellent command structure for advanced users." }
       ]}
-      title="Trusted by Professionals"
-      description="See why top analysts choose EH-Stats."
+      title="Community Voices"
+      description="Trusted by thousands of server admins."
     />
   </div>
 
@@ -136,17 +105,13 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",          title: "Is the data secure?",          content: "Yes, we prioritize security using industry-standard encryption."},
-        {
-          id: "2",          title: "Do you offer API access?",          content: "Absolutely, our robust API is built for seamless integrations."},
-        {
-          id: "3",          title: "Can I cancel anytime?",          content: "Yes, you have full control over your subscription plans."},
+        { id: "1", title: "How do I add EH-Monitor?", content: "Click the 'Add to Server' button and authorize permissions." },
+        { id: "2", title: "Are commands free?", content: "Yes, the core monitoring suite is free for all communities." },
+        { id: "3", title: "Is there premium support?", content: "Yes, join our support server for priority assistance." },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/call-center-worker-headset-using-laptop_74855-2623.jpg"
       mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Answers to your burning questions about EH-Stats."
+      title="Support Center"
+      description="Find answers to common configuration questions."
       faqsAnimation="slide-up"
     />
   </div>
@@ -154,40 +119,22 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars"}}
-      text="Ready to transform your data analytics strategy?"
-      buttons={[
-        {
-          text: "Contact Our Sales Team",          href: "#"},
-      ]}
+      background={{ variant: "gradient-bars" }}
+      text="Ready to level up your server management?"
+      buttons={[{ text: "Join Support Server", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "About Us",              href: "#"},
-            {
-              label: "Careers",              href: "#"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
+        { items: [{ label: "Documentation", href: "#" }, { label: "Dashboard", href: "#" }] },
+        { items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
-      logoText="EH-Stats"
+      logoText="EH-Monitor"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}