522 lines
21 KiB
TypeScript
522 lines
21 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Shield, Zap, TrendingUp, DollarSign, Users, HelpCircle, Sparkles, Crown } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Platform",
|
|
items: [
|
|
{ label: "Features", href: "/" },
|
|
{ label: "Pricing", href: "/" },
|
|
{ label: "Security", href: "/security" },
|
|
{ label: "Status", href: "https://status.nexuscloud.io" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About", href: "/" },
|
|
{ label: "Blog", href: "/blog" },
|
|
{ label: "Careers", href: "/careers" },
|
|
{ label: "Contact", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Resources",
|
|
items: [
|
|
{ label: "Documentation", href: "/docs" },
|
|
{ label: "API Reference", href: "/api" },
|
|
{ label: "Case Studies", href: "/case-studies" },
|
|
{ label: "Community", href: "/community" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "/privacy" },
|
|
{ label: "Terms of Service", href: "/terms" },
|
|
{ label: "Compliance", href: "/compliance" },
|
|
{ label: "Cookie Policy", href: "/cookies" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="fluid"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={navItems}
|
|
brandName="NexusCloud"
|
|
button={{
|
|
text: "Start Free Setup",
|
|
href: "/auth/signup",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Enterprise Cloud Control, Simplified for Teams"
|
|
description="NexusCloud delivers Azure-grade infrastructure management with transparent pricing, zero defaults, and security-first design. Build, scale, and manage your cloud environment in minutes."
|
|
background={{
|
|
variant: "animated-grid",
|
|
}}
|
|
avatars={[
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/professional-headshot-of-a-female-it-adm-1774106358710-91dbc846.png",
|
|
alt: "Professional headshot of a female IT administrator in her 40s, wearing business casual attire, confi",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/professional-headshot-of-a-male-devops-e-1774106361049-cf07c50e.png",
|
|
alt: "Professional headshot of a male DevOps engineer in his 30s, wearing tech company casual, friendly ap",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/professional-headshot-of-a-female-cloud--1774106357863-1aadd0b5.png",
|
|
alt: "Professional headshot of a female cloud architect in her 40s, wearing business professional attire, ",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/professional-headshot-of-a-male-security-1774106358727-d810afa9.png",
|
|
alt: "Professional headshot of a male security officer in his 50s, wearing business formal attire, serious",
|
|
},
|
|
]}
|
|
avatarText="Join 5,000+ enterprises trusting NexusCloud"
|
|
buttons={[
|
|
{
|
|
text: "Start Free Setup",
|
|
href: "/auth/signup",
|
|
},
|
|
{
|
|
text: "View Demo",
|
|
href: "/demo",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="NexusCloud hero section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
title="Built for Enterprise IT Leaders"
|
|
description="NexusCloud combines Azure-grade infrastructure management with intuitive design that enterprise IT administrators and DevOps teams actually want to use every day. We eliminate complexity without sacrificing power."
|
|
tag="Enterprise Platform"
|
|
tagIcon={Shield}
|
|
tagAnimation="blur-reveal"
|
|
metrics={[
|
|
{
|
|
value: "99.99%",
|
|
title: "Uptime SLA",
|
|
},
|
|
{
|
|
value: "5K+",
|
|
title: "Enterprise Customers",
|
|
},
|
|
{
|
|
value: "24/7",
|
|
title: "Priority Support",
|
|
},
|
|
{
|
|
value: "Zero",
|
|
title: "Hidden Fees",
|
|
},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/nexuscloud-enterprise-dashboard-interfac-1774106358258-cbb83adb.png?_wi=1"
|
|
imageAlt="NexusCloud Enterprise Dashboard"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About NexusCloud section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
title="Complete Infrastructure Management"
|
|
description="Enterprise-grade cloud resources at your fingertips. Compute, storage, networking, security, and monitoring—all unified in one intuitive platform."
|
|
tag="Core Features"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "compute",
|
|
title: "Compute Resources",
|
|
tags: [
|
|
"VM Management",
|
|
"Auto-scaling",
|
|
"Load Balancing",
|
|
],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/virtual-machine-management-interface-for-1774106358666-c7048b5b.png?_wi=1",
|
|
imageAlt: "Virtual machine management interface",
|
|
},
|
|
{
|
|
id: "storage",
|
|
title: "Intelligent Storage",
|
|
tags: [
|
|
"Object Storage",
|
|
"Backup",
|
|
"Disaster Recovery",
|
|
],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/cloud-storage-dashboard-showing-storage--1774106359000-c16092ba.png?_wi=1",
|
|
imageAlt: "Cloud storage dashboard",
|
|
},
|
|
{
|
|
id: "networking",
|
|
title: "Advanced Networking",
|
|
tags: [
|
|
"VPC Setup",
|
|
"DNS",
|
|
"CDN Integration",
|
|
],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/network-architecture-visualization-for-n-1774106359663-be700160.png?_wi=1",
|
|
imageAlt: "Network architecture visualization",
|
|
},
|
|
{
|
|
id: "security",
|
|
title: "Security Controls",
|
|
tags: [
|
|
"IAM",
|
|
"Encryption",
|
|
"Compliance Monitoring",
|
|
],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/security-dashboard-for-nexuscloud-showin-1774106359157-ba55efc6.png?_wi=1",
|
|
imageAlt: "Security dashboard with threat detection",
|
|
},
|
|
{
|
|
id: "monitoring",
|
|
title: "Real-time Monitoring",
|
|
tags: [
|
|
"Analytics",
|
|
"Alerting",
|
|
"Performance Metrics",
|
|
],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/real-time-monitoring-dashboard-for-nexus-1774106359503-c40ed798.png?_wi=1",
|
|
imageAlt: "Real-time monitoring dashboard",
|
|
},
|
|
{
|
|
id: "support",
|
|
title: "24/7 Live Support",
|
|
tags: [
|
|
"Instant Chat",
|
|
"Expert Help",
|
|
"KB Articles",
|
|
],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/live-chat-support-interface-for-nexusclo-1774106358754-13952537.png?_wi=1",
|
|
imageAlt: "Live chat support interface",
|
|
},
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Explore All Features",
|
|
href: "/features",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="NexusCloud features section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="Trusted by Enterprise Teams"
|
|
description="NexusCloud has become the go-to choice for organizations seeking reliable, transparent cloud infrastructure management without vendor lock-in."
|
|
tag="By The Numbers"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="blur-reveal"
|
|
metrics={[
|
|
{
|
|
id: "uptime",
|
|
value: "99.99%",
|
|
title: "Platform Uptime",
|
|
items: [
|
|
"SLA Backed",
|
|
"Real-time Monitoring",
|
|
"Incident Response",
|
|
],
|
|
},
|
|
{
|
|
id: "customers",
|
|
value: "5,000+",
|
|
title: "Enterprise Customers",
|
|
items: [
|
|
"Global Presence",
|
|
"Fortune 500",
|
|
"High-Growth Startups",
|
|
],
|
|
},
|
|
{
|
|
id: "deployment",
|
|
value: "150K+",
|
|
title: "Resources Deployed",
|
|
items: [
|
|
"VM Instances",
|
|
"Storage Buckets",
|
|
"Databases",
|
|
],
|
|
},
|
|
{
|
|
id: "support",
|
|
value: "15min",
|
|
title: "Avg Response Time",
|
|
items: [
|
|
"Expert Support",
|
|
"Live Chat",
|
|
"Email Backup",
|
|
],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "View Case Studies",
|
|
href: "/case-studies",
|
|
},
|
|
]}
|
|
ariaLabel="NexusCloud metrics section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
title="Transparent Pricing for Every Scale"
|
|
description="No hidden fees. No vendor lock-in. Pay only for what you use with our flexible, transparent pricing structure."
|
|
tag="Pricing"
|
|
tagIcon={DollarSign}
|
|
tagAnimation="blur-reveal"
|
|
plans={[
|
|
{
|
|
id: "starter",
|
|
badge: "For Teams",
|
|
badgeIcon: Users,
|
|
price: "$299/month",
|
|
subtitle: "Perfect for small teams",
|
|
features: [
|
|
"Up to 10 compute instances",
|
|
"100GB storage included",
|
|
"Basic monitoring",
|
|
"Email support",
|
|
"99.9% uptime SLA",
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "Get Started",
|
|
href: "/auth/signup?plan=starter",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "professional",
|
|
badge: "Most Popular",
|
|
badgeIcon: Sparkles,
|
|
price: "$999/month",
|
|
subtitle: "For growing enterprises",
|
|
features: [
|
|
"Unlimited compute instances",
|
|
"5TB storage included",
|
|
"Advanced analytics",
|
|
"Priority 24/7 support",
|
|
"99.99% uptime SLA",
|
|
"Custom integrations",
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "Start Free Trial",
|
|
href: "/auth/signup?plan=professional",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "enterprise",
|
|
badge: "For Enterprises",
|
|
badgeIcon: Crown,
|
|
price: "Custom",
|
|
subtitle: "Tailored for your needs",
|
|
features: [
|
|
"Unlimited everything",
|
|
"Dedicated account manager",
|
|
"Custom SLAs",
|
|
"On-site training",
|
|
"Compliance support",
|
|
"Custom billing",
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "Contact Sales",
|
|
href: "/contact?type=enterprise",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Compare All Plans",
|
|
href: "/pricing",
|
|
},
|
|
]}
|
|
ariaLabel="NexusCloud pricing section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Loved by IT Leaders & DevOps Teams"
|
|
description="Enterprise teams rely on NexusCloud for mission-critical infrastructure management."
|
|
tag="Customer Stories"
|
|
tagIcon={Users}
|
|
tagAnimation="blur-reveal"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Johnson",
|
|
role: "VP of Infrastructure",
|
|
testimonial: "NexusCloud transformed how our team manages cloud infrastructure. The intuitive interface saved us countless hours of training and the transparent pricing means no surprises.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/professional-headshot-of-sarah-johnson-v-1774106357837-7c40f5d0.png?_wi=1",
|
|
imageAlt: "Sarah Johnson",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Chen",
|
|
role: "Lead DevOps Engineer",
|
|
testimonial: "Finally, a cloud platform that doesn't treat IT admins like they're stupid. The 24/7 support team actually knows our infrastructure inside and out.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/professional-headshot-of-michael-chen-le-1774106358362-93ffd649.png?_wi=1",
|
|
imageAlt: "Michael Chen",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily Rodriguez",
|
|
role: "CTO",
|
|
testimonial: "The security controls in NexusCloud gave us peace of mind. Compliance monitoring is built-in, not bolted on. Worth every penny.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/professional-headshot-of-emily-rodriguez-1774106358588-9c9ebdb3.png?_wi=1",
|
|
imageAlt: "Emily Rodriguez",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Kim",
|
|
role: "Infrastructure Architect",
|
|
testimonial: "What impressed me most is the lack of vendor lock-in. We're not trapped—we choose to stay because NexusCloud is just that good.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/professional-headshot-of-david-kim-infra-1774106358609-3873d009.png?_wi=1",
|
|
imageAlt: "David Kim",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Jennifer Martinez",
|
|
role: "Operations Manager",
|
|
testimonial: "The billing transparency is refreshing. No hidden fees, no surprise charges. Our CFO actually approves the invoices without questions now.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/professional-headshot-of-jennifer-martin-1774106358085-40f45fd6.png?_wi=1",
|
|
imageAlt: "Jennifer Martinez",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Robert Thompson",
|
|
role: "Senior Systems Administrator",
|
|
testimonial: "Migrating from Azure was seamless. NexusCloud's support team guided us every step of the way. No regrets whatsoever.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/professional-headshot-of-robert-thompson-1774106358034-dae9921d.png?_wi=1",
|
|
imageAlt: "Robert Thompson",
|
|
},
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="NexusCloud testimonials section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common questions about NexusCloud's features, pricing, security, and support."
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="blur-reveal"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "Is NexusCloud really no vendor lock-in?",
|
|
content: "Absolutely. Your data and configurations are fully portable. We provide comprehensive export tools and migration support at no additional cost. You can move to any other cloud provider whenever you want.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "How does your transparent pricing work?",
|
|
content: "You pay only for resources you use—compute instances, storage, bandwidth, and support. No hidden fees, no surprise charges. Our pricing calculator shows exact costs before you deploy anything.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "What security certifications do you have?",
|
|
content: "We maintain SOC 2 Type II, ISO 27001, HIPAA, and GDPR compliance. All data is encrypted at rest and in transit. Regular security audits by third-party firms ensure continuous compliance.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Can you migrate our existing infrastructure?",
|
|
content: "Yes, our migration team handles the entire process. We support migrations from Azure, AWS, GCP, and on-premise infrastructure with zero downtime using our proven migration tools.",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "What's included in the 24/7 support?",
|
|
content: "Live chat with infrastructure experts, email support, phone support for Enterprise plans, and access to our comprehensive knowledge base. Average response time is under 15 minutes.",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "Do you offer custom SLAs?",
|
|
content: "Enterprise customers can negotiate custom SLAs tailored to their requirements. We support 99.99%, 99.999%, and higher uptime commitments with corresponding credits for any breaches.",
|
|
},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGCmnc2Ld5Jsh8gwz7DjD1igsz/support-team-working-together-in-a-moder-1774106358417-24a41b11.png?_wi=1"
|
|
imageAlt="Support team helping customers"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
faqsAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
ariaLabel="NexusCloud FAQ section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={footerColumns}
|
|
copyrightText="© 2024 NexusCloud. All rights reserved. Enterprise cloud infrastructure, simplified."
|
|
ariaLabel="NexusCloud footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |