bender/7bd3dc59-ec01-466c-881b-2da96c856f8f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

10 Commits
version_1 ... version_3

Author SHA1 Message Date
bender
47fd642112 Update src/app/page.tsx 2026-03-05 13:42:40 +00:00
bender
a2a19f3127 Update src/app/layout.tsx 2026-03-05 13:42:40 +00:00
bender
cf549be68c Merge version_2 into main 
Merge version_2 into main
 2026-03-05 13:41:03 +00:00
bender
8e526d566b Update src/app/page.tsx 2026-03-05 13:40:59 +00:00
bender
08f34d53cb Merge version_2 into main 
Merge version_2 into main
 2026-03-05 13:39:44 +00:00
bender
8b86ab0989 Update src/app/styles/variables.css 2026-03-05 13:39:40 +00:00
bender
de59c9dad9 Update src/app/styles/base.css 2026-03-05 13:39:40 +00:00
bender
58d27c1a26 Update src/app/page.tsx 2026-03-05 13:39:39 +00:00
bender
949bed7d88 Update src/app/layout.tsx 2026-03-05 13:39:39 +00:00
bender
ef632330a3 Merge version_1 into main 
Merge version_1 into main
 2026-03-05 13:35:10 +00:00
4 changed files with 51 additions and 76 deletions
Expand all files Collapse all files

51
src/app/layout.tsx
View File

@@ -1,58 +1,20 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import { Raleway } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({ const inter = Inter({ subsets: ["latin"] });
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const raleway = Raleway({
variable: "--font-raleway", subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "StealthVM - High-Performance VPS Hosting for Developers", description: "Deploy powerful virtual machines in seconds. Privacy-first infrastructure with 99.99% uptime, global locations, and complete root access for developers and businesses.", keywords: "VPS hosting, virtual machine, cloud server, high-performance infrastructure, privacy-focused hosting, developer hosting", metadataBase: new URL("https://stealthvm.com"), title: "StealthVM - Secure High-Performance VPS Hosting", description: "Deploy secure, high-performance servers instantly with StealthVM. Enterprise-grade infrastructure for developers and businesses."};
alternates: {
canonical: "https://stealthvm.com"},
openGraph: {
title: "StealthVM - Enterprise VPS Hosting", description: "Launch high-performance virtual machines with complete privacy and control. Deploy in under 60 seconds.", url: "https://stealthvm.com", siteName: "StealthVM", type: "website", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWoINGMzxCJoDSg687bYttnbCs/abstract-futuristic-server-infrastructur-1772717663012-b087e74b.png", alt: "StealthVM infrastructure"},
],
},
twitter: {
card: "summary_large_image", title: "StealthVM - High-Performance VPS", description: "Deploy VMs in seconds with complete privacy and control. Enterprise infrastructure made simple.", images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWoINGMzxCJoDSg687bYttnbCs/abstract-futuristic-server-infrastructur-1772717663012-b087e74b.png"],
},
robots: {
index: true,
follow: true,
},
};
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en">
<ServiceWrapper> <body className={inter.className}>{children}
<body
className={`${halant.variable} ${inter.variable} ${raleway.variable} antialiased`}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1420,7 +1382,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

58
src/app/page.tsx
View File

@@ -15,16 +15,16 @@ import { Zap, DollarSign, Star, Shield, Award, Users, Rocket } from "lucide-reac
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-bubble" defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="medium" contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles" sizing="mediumLargeSizeLargeTitles"
background="none" background="aurora"
cardStyle="outline" cardStyle="glass-elevated"
primaryButtonStyle="flat" primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="normal" headingFontWeight="semibold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
@@ -42,7 +42,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCarouselLogo <HeroCarouselLogo
logoText="STEALTHVM" logoText="STEALTHVM"
description="Deploy powerful virtual machines in seconds. High-performance VPS hosting built for developers, businesses, and privacy-focused users." description="Deploy secure, high-performance servers instantly. 99.99% uptime guarantee backed by our industry-leading infrastructure commitment."
buttons={[ buttons={[
{ text: "Get Started", href: "#contact" }, { text: "Get Started", href: "#contact" },
{ text: "View Plans", href: "#pricing" }, { text: "View Plans", href: "#pricing" },
@@ -50,13 +50,16 @@ export default function LandingPage() {
slides={[ slides={[
{ {
imageSrc: imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWoINGMzxCJoDSg687bYttnbCs/abstract-futuristic-server-infrastructur-1772717663012-b087e74b.png?_wi=1", imageAlt: "Server infrastructure network"}, "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWoINGMzxCJoDSg687bYttnbCs/abstract-futuristic-server-infrastructur-1772717663012-b087e74b.png?_wi=1", imageAlt: "Server infrastructure network"
},
{ {
imageSrc: imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWoINGMzxCJoDSg687bYttnbCs/abstract-futuristic-server-infrastructur-1772717663012-b087e74b.png?_wi=2", imageAlt: "Cloud computing nodes"}, "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWoINGMzxCJoDSg687bYttnbCs/abstract-futuristic-server-infrastructur-1772717663012-b087e74b.png?_wi=2", imageAlt: "Cloud computing nodes"
},
{ {
imageSrc: imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWoINGMzxCJoDSg687bYttnbCs/abstract-futuristic-server-infrastructur-1772717663012-b087e74b.png?_wi=3", imageAlt: "Global server infrastructure"}, "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWoINGMzxCJoDSg687bYttnbCs/abstract-futuristic-server-infrastructur-1772717663012-b087e74b.png?_wi=3", imageAlt: "Global server infrastructure"
},
]} ]}
autoplayDelay={5000} autoplayDelay={5000}
showDimOverlay={true} showDimOverlay={true}
@@ -75,11 +78,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
negativeCard={{ negativeCard={{
items: [ items: [
"Shared server resources", "Limited customization options", "Inconsistent performance", "Generic support", "Data center lock-in"], "Shared server resources", "Limited customization options", "Inconsistent performance", "Generic support", "Data center lock-in"
],
}} }}
positiveCard={{ positiveCard={{
items: [ items: [
"Dedicated high-performance resources", "Full root access and control", "Blazing fast NVMe storage", "24/7 expert support", "Global deployment flexibility"], "Dedicated high-performance resources", "Full root access and control", "Blazing fast NVMe storage", "24/7 expert support", "Global deployment flexibility"
],
}} }}
/> />
</div> </div>
@@ -97,22 +102,26 @@ export default function LandingPage() {
{ {
id: "starter", badge: "Perfect for Learning", badgeIcon: Zap, id: "starter", badge: "Perfect for Learning", badgeIcon: Zap,
price: "$15/mo", subtitle: "Ideal for developers and small projects", features: [ price: "$15/mo", subtitle: "Ideal for developers and small projects", features: [
"1 vCPU core", "2GB RAM", "50GB NVMe SSD", "2TB bandwidth/month", "1 IPv4 address"], "1 vCPU core", "2GB RAM", "50GB NVMe SSD", "2TB bandwidth/month", "1 IPv4 address"
],
}, },
{ {
id: "developer", badge: "Most Popular", badgeIcon: Star, id: "developer", badge: "Most Popular", badgeIcon: Star,
price: "$45/mo", subtitle: "Built for production applications", features: [ price: "$45/mo", subtitle: "Built for production applications", features: [
"4 vCPU cores", "16GB RAM", "200GB NVMe SSD", "10TB bandwidth/month", "5 IPv4 addresses", "DDoS protection included"], "4 vCPU cores", "16GB RAM", "200GB NVMe SSD", "10TB bandwidth/month", "5 IPv4 addresses", "DDoS protection included"
],
}, },
{ {
id: "business", badge: "Best Value", badgeIcon: Zap, id: "business", badge: "Best Value", badgeIcon: Zap,
price: "$120/mo", subtitle: "Enterprise-ready performance", features: [ price: "$120/mo", subtitle: "Enterprise-ready performance", features: [
"8 vCPU cores", "32GB RAM", "500GB NVMe SSD", "25TB bandwidth/month", "Unlimited IPv4 addresses", "Advanced DDoS protection", "Priority support"], "8 vCPU cores", "32GB RAM", "500GB NVMe SSD", "25TB bandwidth/month", "Unlimited IPv4 addresses", "Advanced DDoS protection", "Priority support"
],
}, },
{ {
id: "enterprise", badge: "Full Control", badgeIcon: Shield, id: "enterprise", badge: "Full Control", badgeIcon: Shield,
price: "Custom", subtitle: "Unlimited resources and custom solutions", features: [ price: "Custom", subtitle: "Unlimited resources and custom solutions", features: [
"Dedicated resources", "Custom CPU/RAM/Storage", "Unlimited bandwidth", "Unlimited IPv4 addresses", "Advanced security features", "White-glove support", "SLA guarantee"], "Dedicated resources", "Custom CPU/RAM/Storage", "Unlimited bandwidth", "Unlimited IPv4 addresses", "Advanced security features", "White-glove support", "SLA guarantee"
],
}, },
]} ]}
/> />
@@ -143,7 +152,8 @@ export default function LandingPage() {
<TextSplitAbout <TextSplitAbout
title="Powerful Dashboard, Simple Control" title="Powerful Dashboard, Simple Control"
description={[ description={[
"Manage your entire infrastructure from one intuitive dashboard. Real-time monitoring, instant provisioning, and complete resource control at your fingertips.", "Launch new virtual machines in under 60 seconds. Configure networks, manage storage, monitor performance, and scale resources without a single API call or command line argument.", "Our developer-first interface puts power in your hands. Full SSH access, root privileges, and unlimited API calls give you complete control over your infrastructure."]} "Manage your entire infrastructure from one intuitive dashboard. Real-time monitoring, instant provisioning, and complete resource control at your fingertips.", "Launch new virtual machines in under 60 seconds. Configure networks, manage storage, monitor performance, and scale resources without a single API call or command line argument.", "Our developer-first interface puts power in your hands. Full SSH access, root privileges, and unlimited API calls give you complete control over your infrastructure."
]}
buttons={[ buttons={[
{ text: "Explore Dashboard Features", href: "https://demo.example.com" }, { text: "Explore Dashboard Features", href: "https://demo.example.com" },
]} ]}
@@ -157,16 +167,20 @@ export default function LandingPage() {
testimonials={[ testimonials={[
{ {
id: "1", name: "Alex Chen", imageSrc: id: "1", name: "Alex Chen", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWoINGMzxCJoDSg687bYttnbCs/professional-headshot-of-a-tech-entrepre-1772717665168-ce7a1320.png", imageAlt: "Alex Chen"}, "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWoINGMzxCJoDSg687bYttnbCs/professional-headshot-of-a-tech-entrepre-1772717665168-ce7a1320.png", imageAlt: "Alex Chen"
},
{ {
id: "2", name: "Sarah Johnson", imageSrc: id: "2", name: "Sarah Johnson", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWoINGMzxCJoDSg687bYttnbCs/professional-headshot-of-a-cto-or-techni-1772717663317-2cc8a3b7.png", imageAlt: "Sarah Johnson"}, "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWoINGMzxCJoDSg687bYttnbCs/professional-headshot-of-a-cto-or-techni-1772717663317-2cc8a3b7.png", imageAlt: "Sarah Johnson"
},
{ {
id: "3", name: "Michael Rodriguez", imageSrc: id: "3", name: "Michael Rodriguez", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWoINGMzxCJoDSg687bYttnbCs/professional-headshot-of-a-startup-found-1772717664538-7aa38ab7.png", imageAlt: "Michael Rodriguez"}, "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWoINGMzxCJoDSg687bYttnbCs/professional-headshot-of-a-startup-found-1772717664538-7aa38ab7.png", imageAlt: "Michael Rodriguez"
},
{ {
id: "4", name: "James Wilson", imageSrc: id: "4", name: "James Wilson", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWoINGMzxCJoDSg687bYttnbCs/professional-headshot-of-a-devops-engine-1772717663593-85b83937.png", imageAlt: "James Wilson"}, "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWoINGMzxCJoDSg687bYttnbCs/professional-headshot-of-a-devops-engine-1772717663593-85b83937.png", imageAlt: "James Wilson"
},
]} ]}
cardTitle="Trusted by thousands of developers, startups, and enterprises worldwide who demand high-performance infrastructure without compromise" cardTitle="Trusted by thousands of developers, startups, and enterprises worldwide who demand high-performance infrastructure without compromise"
cardTag="See what they say" cardTag="See what they say"

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-raleway), sans-serif; font-family: var(--font-dm-sans), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-raleway), sans-serif; font-family: var(--font-dm-sans), sans-serif;
} }

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #010912; --background: #0a0a0a;
--card: #152840; --card: #1a1a1a;
--foreground: #e6f0ff; --foreground: #ffffffe6;
--primary-cta: #cee7ff; --primary-cta: #a78bfa;
--primary-cta-text: #010912; --primary-cta-text: #010912;
--secondary-cta: #0e1a29; --secondary-cta: #1a1a1a;
--secondary-cta-text: #e6f0ff; --secondary-cta-text: #e6f0ff;
--accent: #3f5c79; --accent: #a78bfa;
--background-accent: #004a93; --background-accent: #7c3aed;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);