Merge version_2 into main #1
191
src/app/page.tsx
191
src/app/page.tsx
@@ -29,85 +29,41 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Showcase",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Showcase", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "performance",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="Axon Hosting"
|
||||
brandName="Axon Bot Services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Axon Hosting: The Future of Scalable Infrastructure"
|
||||
description="High-performance hosting environments engineered for modern enterprises. Experience liquid-fast speed and unparalleled reliability in a world-class architecture."
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Axon Bot: Custom Discord Automation & Web Presence"
|
||||
description="Tailored Discord bot development and high-performance custom website solutions built to scale your community and brand presence effectively."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Infrastructure",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Solutions", href: "#features"},
|
||||
{
|
||||
text: "Deploy Now",
|
||||
href: "#performance",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/glass-morphism-phone-transparent-screen-frame_107791-29772.jpg"
|
||||
imageAlt="Axon Hosting 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"
|
||||
imageAlt="Axon Bot platform interface preview"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "99.99% Uptime",
|
||||
},
|
||||
type: "text", text: "Custom Discord Bots"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global CDN",
|
||||
},
|
||||
type: "text", text: "Modern Web Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "DDoS Protected",
|
||||
},
|
||||
type: "text", text: "High-Speed Hosting"},
|
||||
{
|
||||
type: "text",
|
||||
text: "NVMe Storage",
|
||||
},
|
||||
type: "text", text: "Scalable Architecture"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Auto-Scalable",
|
||||
},
|
||||
type: "text", text: "Enterprise Security"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,23 +75,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Liquid Scalability",
|
||||
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: "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"},
|
||||
{
|
||||
title: "Precision Monitoring",
|
||||
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: "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"},
|
||||
{
|
||||
title: "Instant Global Deployment",
|
||||
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: "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"},
|
||||
]}
|
||||
title="Unrivaled Hosting Capability"
|
||||
description="Enterprise-grade hosting solutions built to handle any scale with ease."
|
||||
title="Engineered for Your Growth"
|
||||
description="Complete digital solutions from Discord automation to professional brand websites."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -146,38 +93,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.99%",
|
||||
title: "Uptime SLA",
|
||||
items: [
|
||||
"Hardware redundancy",
|
||||
"Active failover",
|
||||
"Auto-remediation",
|
||||
],
|
||||
id: "m1", value: "100%", title: "Custom Logic", items: [
|
||||
"Tailored command flows", "Unique automated events", "Database integration"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "<20ms",
|
||||
title: "Latency",
|
||||
items: [
|
||||
"Global edge points",
|
||||
"Optimized routing",
|
||||
"Fiber infrastructure",
|
||||
],
|
||||
id: "m2", value: "Fast", title: "Web Delivery", items: [
|
||||
"Optimized assets", "SEO-focused architecture", "Cross-device compatibility"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50k+",
|
||||
title: "Requests/s",
|
||||
items: [
|
||||
"Scalable bandwidth",
|
||||
"Load balancing",
|
||||
"DDoS mitigation",
|
||||
],
|
||||
id: "m3", value: "24/7", title: "Reliability", items: [
|
||||
"Bot uptime assurance", "Managed deployments", "Expert maintenance"],
|
||||
},
|
||||
]}
|
||||
title="Proven Infrastructure Performance"
|
||||
description="Measurable reliability for the most demanding web applications."
|
||||
title="Built-to-Measure Performance"
|
||||
description="Professional-grade development for specialized digital infrastructure."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -186,40 +115,20 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Transparent Pricing"
|
||||
description="Choose the hosting tier that fits your growth trajectory."
|
||||
title="Flexible Development Packages"
|
||||
description="Professional solutions scaled to fit your project requirements."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Starter",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
description: "Perfect for individual projects.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"1GB RAM",
|
||||
"Unlimited Traffic",
|
||||
"Standard Support",
|
||||
],
|
||||
id: "p1", tag: "Starter Pack", price: "$199", period: "+", description: "Essential Discord bot for your growing server.", button: {
|
||||
text: "Build My Bot"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Custom Command Logic", "Moderation Features", "Deployment Assistance"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Enterprise",
|
||||
price: "$299",
|
||||
period: "/mo",
|
||||
description: "For high-traffic applications.",
|
||||
button: {
|
||||
text: "Choose Enterprise",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"16GB RAM",
|
||||
"Private Cloud",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "p2", tag: "Enterprise Pro", price: "$899", period: "+", description: "Comprehensive bot and website ecosystem.", button: {
|
||||
text: "Launch Pro Project"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Custom Bot + Dashboard", "Professional Web Suite", "Priority Technical Support"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -229,29 +138,25 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Sales"
|
||||
title="Get in touch with our team"
|
||||
description="We are here to assist with your infrastructure migration or custom hosting needs."
|
||||
inputPlaceholder="Enter your work email"
|
||||
variant: "plain"}}
|
||||
tag="Contact Developer"
|
||||
title="Let's build your next digital tool"
|
||||
description="Share your project requirements and let's get started on your custom Discord or web development project today."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Submit Request"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Axon Hosting"
|
||||
logoText="Axon Bot Services"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Development", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user