1 Commits

Author SHA1 Message Date
5b541cb13f Update src/app/page.tsx 2026-04-09 16:55:37 +00:00

View File

@@ -29,85 +29,41 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Showcase", name: "Showcase", id: "hero"},
id: "hero",
},
{ {
name: "Features", name: "Features", id: "features"},
id: "features",
},
{ {
name: "Performance", name: "Pricing", id: "pricing"},
id: "performance",
},
]} ]}
brandName="Axon Hosting" brandName="Axon Bot Services"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboard <HeroBillboard
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}} title="Axon Bot: Custom Discord Automation & Web Presence"
title="Axon Hosting: The Future of Scalable Infrastructure" description="Tailored Discord bot development and high-performance custom website solutions built to scale your community and brand presence effectively."
description="High-performance hosting environments engineered for modern enterprises. Experience liquid-fast speed and unparalleled reliability in a world-class architecture."
buttons={[ buttons={[
{ {
text: "Explore Infrastructure", text: "View Solutions", href: "#features"},
href: "#features",
},
{ {
text: "Deploy Now", text: "Get Started", href: "#contact"},
href: "#performance",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-vector/glass-morphism-phone-transparent-screen-frame_107791-29772.jpg" imageSrc="http://img.b2bpic.net/free-vector/glass-morphism-phone-transparent-screen-frame_107791-29772.jpg"
imageAlt="Axon Hosting platform interface preview" imageAlt="Axon Bot platform interface preview"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/abstract-futuristic-factory-illuminates-modern-blue-metal-machinery-generated-by-ai_188544-26728.jpg",
alt: "User 1",
},
{
src: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
alt: "User 2",
},
{
src: "http://img.b2bpic.net/free-vector/cloud-computing_24911-45209.jpg",
alt: "User 3",
},
{
src: "http://img.b2bpic.net/free-vector/glass-morphism-phone-transparent-screen-frame_107791-29772.jpg",
alt: "User 4",
},
{
src: "http://img.b2bpic.net/free-photo/abstract-futuristic-factory-illuminates-modern-blue-metal-machinery-generated-by-ai_188544-26728.jpg",
alt: "User 5",
},
]}
avatarText="Trusted by 5,000+ developers"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Custom Discord Bots"},
text: "99.99% Uptime",
},
{ {
type: "text", type: "text", text: "Modern Web Design"},
text: "Global CDN",
},
{ {
type: "text", type: "text", text: "High-Speed Hosting"},
text: "DDoS Protected",
},
{ {
type: "text", type: "text", text: "Scalable Architecture"},
text: "NVMe Storage",
},
{ {
type: "text", type: "text", text: "Enterprise Security"},
text: "Auto-Scalable",
},
]} ]}
/> />
</div> </div>
@@ -119,23 +75,14 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Liquid Scalability", title: "Advanced Discord Bots", description: "Fully functional Discord bots designed for community management, moderation, and automated interactions.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-factory-illuminates-modern-blue-metal-machinery-generated-by-ai_188544-26728.jpg"},
description: "Automatically adjust resource allocation in real-time to meet traffic demands without any downtime.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-factory-illuminates-modern-blue-metal-machinery-generated-by-ai_188544-26728.jpg",
},
{ {
title: "Precision Monitoring", title: "Custom Website Creation", description: "Professional web presence built with modern frameworks to showcase your services and boost credibility.", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"},
description: "Gain deep visibility into your server metrics with our integrated real-time analytical dashboard interface.",
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
},
{ {
title: "Instant Global Deployment", title: "Seamless Integration", description: "Bridging your Discord community and professional website with unified database and event systems.", imageSrc: "http://img.b2bpic.net/free-vector/cloud-computing_24911-45209.jpg"},
description: "Provision servers in seconds across our vast network of distributed edge data centers worldwide.",
imageSrc: "http://img.b2bpic.net/free-vector/cloud-computing_24911-45209.jpg",
},
]} ]}
title="Unrivaled Hosting Capability" title="Engineered for Your Growth"
description="Enterprise-grade hosting solutions built to handle any scale with ease." description="Complete digital solutions from Discord automation to professional brand websites."
/> />
</div> </div>
@@ -146,38 +93,20 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "100%", title: "Custom Logic", items: [
value: "99.99%", "Tailored command flows", "Unique automated events", "Database integration"],
title: "Uptime SLA",
items: [
"Hardware redundancy",
"Active failover",
"Auto-remediation",
],
}, },
{ {
id: "m2", id: "m2", value: "Fast", title: "Web Delivery", items: [
value: "<20ms", "Optimized assets", "SEO-focused architecture", "Cross-device compatibility"],
title: "Latency",
items: [
"Global edge points",
"Optimized routing",
"Fiber infrastructure",
],
}, },
{ {
id: "m3", id: "m3", value: "24/7", title: "Reliability", items: [
value: "50k+", "Bot uptime assurance", "Managed deployments", "Expert maintenance"],
title: "Requests/s",
items: [
"Scalable bandwidth",
"Load balancing",
"DDoS mitigation",
],
}, },
]} ]}
title="Proven Infrastructure Performance" title="Built-to-Measure Performance"
description="Measurable reliability for the most demanding web applications." description="Professional-grade development for specialized digital infrastructure."
/> />
</div> </div>
@@ -186,40 +115,20 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
title="Transparent Pricing" title="Flexible Development Packages"
description="Choose the hosting tier that fits your growth trajectory." description="Professional solutions scaled to fit your project requirements."
plans={[ plans={[
{ {
id: "p1", id: "p1", tag: "Starter Pack", price: "$199", period: "+", description: "Essential Discord bot for your growing server.", button: {
tag: "Starter", text: "Build My Bot"},
price: "$49", featuresTitle: "Includes:", features: [
period: "/mo", "Custom Command Logic", "Moderation Features", "Deployment Assistance"],
description: "Perfect for individual projects.",
button: {
text: "Get Started",
},
featuresTitle: "Includes:",
features: [
"1GB RAM",
"Unlimited Traffic",
"Standard Support",
],
}, },
{ {
id: "p2", id: "p2", tag: "Enterprise Pro", price: "$899", period: "+", description: "Comprehensive bot and website ecosystem.", button: {
tag: "Enterprise", text: "Launch Pro Project"},
price: "$299", featuresTitle: "Includes:", features: [
period: "/mo", "Custom Bot + Dashboard", "Professional Web Suite", "Priority Technical Support"],
description: "For high-traffic applications.",
button: {
text: "Choose Enterprise",
},
featuresTitle: "Includes:",
features: [
"16GB RAM",
"Private Cloud",
"Priority Support",
],
}, },
]} ]}
/> />
@@ -229,26 +138,22 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}} tag="Contact Developer"
tag="Contact Sales" title="Let's build your next digital tool"
title="Get in touch with our team" description="Share your project requirements and let's get started on your custom Discord or web development project today."
description="We are here to assist with your infrastructure migration or custom hosting needs." inputPlaceholder="Enter your email address"
inputPlaceholder="Enter your work email" buttonText="Submit Request"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterLogoReveal
logoText="Axon Hosting" logoText="Axon Bot Services"
leftLink={{ leftLink={{
text: "Privacy Policy", text: "Privacy Policy", href: "#"}}
href: "#",
}}
rightLink={{ rightLink={{
text: "Terms of Service", text: "Terms of Development", href: "#"}}
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>