Update src/app/page.tsx
This commit is contained in:
256
src/app/page.tsx
256
src/app/page.tsx
@@ -31,29 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Games",
|
||||
id: "/games",
|
||||
},
|
||||
name: "Games", id: "/games"},
|
||||
{
|
||||
name: "Applications",
|
||||
id: "/apps",
|
||||
},
|
||||
name: "Applications", id: "/apps"},
|
||||
{
|
||||
name: "AI Tools",
|
||||
id: "/ai",
|
||||
},
|
||||
name: "AI Tools", id: "/ai"},
|
||||
{
|
||||
name: "Downloads",
|
||||
id: "/downloads",
|
||||
},
|
||||
name: "Downloads", id: "/downloads"},
|
||||
{
|
||||
name: "Admin Panel",
|
||||
id: "/admin",
|
||||
},
|
||||
name: "Admin Panel", id: "/admin"},
|
||||
]}
|
||||
brandName="ArhamStudio.dev"
|
||||
/>
|
||||
@@ -62,45 +50,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="Dive into the Cyberverse with ArhamStudio.dev"
|
||||
description="Unleash high-performance applications, immersive indie games, and robust cybersecurity suites. Experience offline-first distribution with cryptographic security and peer-to-peer downloads."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Software",
|
||||
href: "/apps",
|
||||
},
|
||||
text: "Explore Software", href: "/apps"},
|
||||
{
|
||||
text: "Discover Games",
|
||||
href: "/games",
|
||||
},
|
||||
text: "Discover Games", href: "/games"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252499.jpg",
|
||||
imageAlt: "Cyberpunk Cityscape",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252499.jpg", imageAlt: "Cyberpunk Cityscape"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-blue-streamers-hanging-outdoor-art-installation-libourne_1308-189342.jpg",
|
||||
imageAlt: "Digital Data Stream",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-blue-streamers-hanging-outdoor-art-installation-libourne_1308-189342.jpg", imageAlt: "Digital Data Stream"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-suit-arriving-home-checking-if-stock-market-is-crashing_482257-29631.jpg",
|
||||
imageAlt: "Security Console Interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-suit-arriving-home-checking-if-stock-market-is-crashing_482257-29631.jpg", imageAlt: "Security Console Interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-colorful-blocks_1048-2435.jpg",
|
||||
imageAlt: "Indie Game World",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-colorful-blocks_1048-2435.jpg", imageAlt: "Indie Game World"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-particles_1048-14716.jpg",
|
||||
imageAlt: "Software Dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-particles_1048-14716.jpg", imageAlt: "Software Dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hacker-breaching-network-security-with-advanced-techniques_482257-115501.jpg",
|
||||
imageAlt: "AI Neural Network",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hacker-breaching-network-security-with-advanced-techniques_482257-115501.jpg", imageAlt: "AI Neural Network"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -113,83 +84,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "feature-1",
|
||||
title: "High-Performance Applications",
|
||||
author: "ArhamStudio Dev Team",
|
||||
description: "Explore custom-built software solutions optimized for speed and efficiency, delivering seamless productivity for developers and power users.",
|
||||
tags: [
|
||||
"Development",
|
||||
"Productivity",
|
||||
"Performance",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg",
|
||||
imageAlt: "High-Performance Application Interface",
|
||||
},
|
||||
id: "feature-1", title: "High-Performance Applications", author: "ArhamStudio Dev Team", description: "Explore custom-built software solutions optimized for speed and efficiency, delivering seamless productivity for developers and power users.", tags: [
|
||||
"Development", "Productivity", "Performance"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg", imageAlt: "High-Performance Application Interface"},
|
||||
{
|
||||
id: "feature-2",
|
||||
title: "Immersive Indie Games",
|
||||
author: "Indie Dev Collective",
|
||||
description: "Dive into unique arcade, racer, and procedural simulations. Discover engaging narratives and innovative gameplay from emerging talents.",
|
||||
tags: [
|
||||
"Gaming",
|
||||
"Simulation",
|
||||
"Innovation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-projection-lights-forming-square-pattern-dark-background_181624-32736.jpg",
|
||||
imageAlt: "Immersive Indie Game Screenshot",
|
||||
},
|
||||
id: "feature-2", title: "Immersive Indie Games", author: "Indie Dev Collective", description: "Dive into unique arcade, racer, and procedural simulations. Discover engaging narratives and innovative gameplay from emerging talents.", tags: [
|
||||
"Gaming", "Simulation", "Innovation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-projection-lights-forming-square-pattern-dark-background_181624-32736.jpg", imageAlt: "Immersive Indie Game Screenshot"},
|
||||
{
|
||||
id: "feature-3",
|
||||
title: "Cybersecurity Utility Suites",
|
||||
author: "ArhamStudio Security",
|
||||
description: "Fortify your digital presence with cutting-edge cybersecurity tools, ensuring cryptographic safety and robust protection against threats.",
|
||||
tags: [
|
||||
"Security",
|
||||
"Utilities",
|
||||
"Protection",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-digital-lock-future_23-2151997014.jpg",
|
||||
imageAlt: "Cybersecurity Digital Shield Icon",
|
||||
},
|
||||
id: "feature-3", title: "Cybersecurity Utility Suites", author: "ArhamStudio Security", description: "Fortify your digital presence with cutting-edge cybersecurity tools, ensuring cryptographic safety and robust protection against threats.", tags: [
|
||||
"Security", "Utilities", "Protection"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-digital-lock-future_23-2151997014.jpg", imageAlt: "Cybersecurity Digital Shield Icon"},
|
||||
{
|
||||
id: "feature-4",
|
||||
title: "Offline-First Data Sync",
|
||||
author: "ArhamStudio Core",
|
||||
description: "Enjoy seamless access and state synchronization even without an internet connection. Your local data remains consistent and up-to-date.",
|
||||
tags: [
|
||||
"Offline Mode",
|
||||
"Synchronization",
|
||||
"Reliability",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hosting-services-data-base-flowchart_1284-19427.jpg",
|
||||
imageAlt: "Offline-First Data Synchronization Visualization",
|
||||
},
|
||||
id: "feature-4", title: "Offline-First Data Sync", author: "ArhamStudio Core", description: "Enjoy seamless access and state synchronization even without an internet connection. Your local data remains consistent and up-to-date.", tags: [
|
||||
"Offline Mode", "Synchronization", "Reliability"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hosting-services-data-base-flowchart_1284-19427.jpg", imageAlt: "Offline-First Data Synchronization Visualization"},
|
||||
{
|
||||
id: "feature-5",
|
||||
title: "SHA-512 Cryptographic Credentials",
|
||||
author: "ArhamStudio Security",
|
||||
description: "Your identity is secured with a custom, pure TypeScript SHA-512 hashing layer. Zero external database dependencies for ultimate privacy.",
|
||||
tags: [
|
||||
"Cryptography",
|
||||
"Security",
|
||||
"Privacy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-doing-yearly-checkup-using-tablet-preserve-data-center-electronics_482257-122252.jpg",
|
||||
imageAlt: "User Profile Interface with Cryptographic Proof",
|
||||
},
|
||||
id: "feature-5", title: "SHA-512 Cryptographic Credentials", author: "ArhamStudio Security", description: "Your identity is secured with a custom, pure TypeScript SHA-512 hashing layer. Zero external database dependencies for ultimate privacy.", tags: [
|
||||
"Cryptography", "Security", "Privacy"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-doing-yearly-checkup-using-tablet-preserve-data-center-electronics_482257-122252.jpg", imageAlt: "User Profile Interface with Cryptographic Proof"},
|
||||
{
|
||||
id: "feature-6",
|
||||
title: "Dual Transport Downloads",
|
||||
author: "ArhamStudio Network",
|
||||
description: "Choose your download vector: instant Direct Link Protocol or decentralized uTorrent / Magnet Link for optimized grid speeds and resilience.",
|
||||
tags: [
|
||||
"Downloads",
|
||||
"P2P",
|
||||
"Speed",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-illustration-with-connected-lines-dots_1048-11941.jpg",
|
||||
imageAlt: "Peer-to-Peer Download Network Visualization",
|
||||
},
|
||||
id: "feature-6", title: "Dual Transport Downloads", author: "ArhamStudio Network", description: "Choose your download vector: instant Direct Link Protocol or decentralized uTorrent / Magnet Link for optimized grid speeds and resilience.", tags: [
|
||||
"Downloads", "P2P", "Speed"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-illustration-with-connected-lines-dots_1048-11941.jpg", imageAlt: "Peer-to-Peer Download Network Visualization"},
|
||||
]}
|
||||
title="Beyond Standard: Our Core Platform Capabilities"
|
||||
description="ArhamStudio.dev redefines digital distribution with groundbreaking features engineered for performance, security, and an unparalleled user experience."
|
||||
@@ -203,24 +120,16 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Download,
|
||||
label: "Total Downloads",
|
||||
value: "2.4M+",
|
||||
},
|
||||
label: "Total Downloads", value: "2.4M+"},
|
||||
{
|
||||
icon: Eye,
|
||||
label: "Unique Visitors",
|
||||
value: "1.8M+",
|
||||
},
|
||||
label: "Unique Visitors", value: "1.8M+"},
|
||||
{
|
||||
icon: Layers,
|
||||
label: "Apps & Games",
|
||||
value: "350+",
|
||||
},
|
||||
label: "Apps & Games", value: "350+"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Cybersecurity Suites",
|
||||
value: "50+",
|
||||
},
|
||||
label: "Cybersecurity Suites", value: "50+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -234,47 +143,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "product-home-1",
|
||||
name: "QuantumDev IDE",
|
||||
price: "$129.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shape-glowing-with-bright-holographic-colors_23-2151037248.jpg",
|
||||
imageAlt: "QuantumDev IDE software box",
|
||||
},
|
||||
id: "product-home-1", name: "QuantumDev IDE", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/3d-shape-glowing-with-bright-holographic-colors_23-2151037248.jpg", imageAlt: "QuantumDev IDE software box"},
|
||||
{
|
||||
id: "product-home-2",
|
||||
name: "Neon Drifter Saga",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-futuristic-style_23-2150998746.jpg",
|
||||
imageAlt: "Neon Drifter Saga game cover",
|
||||
},
|
||||
id: "product-home-2", name: "Neon Drifter Saga", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-futuristic-style_23-2150998746.jpg", imageAlt: "Neon Drifter Saga game cover"},
|
||||
{
|
||||
id: "product-home-3",
|
||||
name: "CipherGuard Suite",
|
||||
price: "$79.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-security-background_23-2147630062.jpg",
|
||||
imageAlt: "CipherGuard Suite icon",
|
||||
},
|
||||
id: "product-home-3", name: "CipherGuard Suite", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-vector/online-security-background_23-2147630062.jpg", imageAlt: "CipherGuard Suite icon"},
|
||||
{
|
||||
id: "product-home-4",
|
||||
name: "AetherMind LLM",
|
||||
price: "$199.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg",
|
||||
imageAlt: "AetherMind LLM assistant interface",
|
||||
},
|
||||
id: "product-home-4", name: "AetherMind LLM", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg", imageAlt: "AetherMind LLM assistant interface"},
|
||||
{
|
||||
id: "product-home-5",
|
||||
name: "Chronos Frontier",
|
||||
price: "$39.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/childhood-concept-collage_23-2149928164.jpg",
|
||||
imageAlt: "Chronos Frontier procedural game art",
|
||||
},
|
||||
id: "product-home-5", name: "Chronos Frontier", price: "$39.99", imageSrc: "http://img.b2bpic.net/free-photo/childhood-concept-collage_23-2149928164.jpg", imageAlt: "Chronos Frontier procedural game art"},
|
||||
{
|
||||
id: "product-home-6",
|
||||
name: "Synapse Code Refactor",
|
||||
price: "$89.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-icon-front-side-white-background_187299-40209.jpg",
|
||||
imageAlt: "Synapse Code Refactor icon",
|
||||
},
|
||||
id: "product-home-6", name: "Synapse Code Refactor", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/settings-icon-front-side-white-background_187299-40209.jpg", imageAlt: "Synapse Code Refactor icon"},
|
||||
]}
|
||||
title="Featured in the Cybergrid: Top Releases"
|
||||
description="Discover the most downloaded applications, trending indie games, and essential cybersecurity tools that are dominating the ArhamStudio.dev ecosystem."
|
||||
@@ -288,36 +167,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "telemetry-1",
|
||||
value: "99.9%",
|
||||
title: "Uptime Reliability",
|
||||
description: "Guaranteed platform accessibility and seamless content delivery.",
|
||||
icon: Activity,
|
||||
id: "telemetry-1", value: "99.9%", title: "Uptime Reliability", description: "Guaranteed platform accessibility and seamless content delivery.", icon: Activity,
|
||||
},
|
||||
{
|
||||
id: "telemetry-2",
|
||||
value: "100K+",
|
||||
title: "Active Daily Nodes",
|
||||
description: "Peak concurrent users engaging with our diverse digital offerings.",
|
||||
icon: Users,
|
||||
id: "telemetry-2", value: "100K+", title: "Active Daily Nodes", description: "Peak concurrent users engaging with our diverse digital offerings.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "telemetry-3",
|
||||
value: "4.9/5",
|
||||
title: "Average User Rating",
|
||||
description: "Consistent satisfaction across all applications, games, and utilities.",
|
||||
icon: Star,
|
||||
id: "telemetry-3", value: "4.9/5", title: "Average User Rating", description: "Consistent satisfaction across all applications, games, and utilities.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "telemetry-4",
|
||||
value: "SHA-512",
|
||||
title: "Security Protocol",
|
||||
description: "Client-side cryptographic hashing for uncompromised user data protection.",
|
||||
icon: Shield,
|
||||
id: "telemetry-4", value: "SHA-512", title: "Security Protocol", description: "Client-side cryptographic hashing for uncompromised user data protection.", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Real-time Telemetry: ArhamStudio.dev Ecosystem"
|
||||
description="Monitor the pulse of our digital hub. Live data on platform activity, user engagement, and content distribution across all categories."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -326,17 +190,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"MegaCorp Innovations",
|
||||
"Quantum Labs",
|
||||
"CyberNexus Solutions",
|
||||
"GameForge Studios",
|
||||
"AI-Synthetics",
|
||||
"SecureByte Defense",
|
||||
"LogicFlow Systems",
|
||||
"PixelPulse Games",
|
||||
"DataStream Analytics",
|
||||
"NeuralTech Dynamics",
|
||||
]}
|
||||
"MegaCorp Innovations", "Quantum Labs", "CyberNexus Solutions", "GameForge Studios", "AI-Synthetics", "SecureByte Defense", "LogicFlow Systems", "PixelPulse Games", "DataStream Analytics", "NeuralTech Dynamics"]}
|
||||
title="Trusted by Visionaries, Built for Innovators"
|
||||
description="Our platform empowers a diverse community of indie developers and tech partners. Join the network shaping the future of digital software."
|
||||
/>
|
||||
@@ -349,19 +203,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Github,
|
||||
href: "https://github.com/ArhamStudio",
|
||||
ariaLabel: "GitHub",
|
||||
},
|
||||
href: "https://github.com/ArhamStudio", ariaLabel: "GitHub"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/ArhamStudio",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/ArhamStudio", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/arhamstudio",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/arhamstudio", ariaLabel: "LinkedIn"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user