bender/c1d2fc2e-a3c7-425e-849c-500b81bd4156
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-24 06:31:59 +00:00
Conversation 0 Commits 1 Files Changed 1 +62 -236
1 changed files with 62 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files

298
src/app/page.tsx
View File

@@ -18,7 +18,7 @@ export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="medium"
sizing="largeSizeMediumTitles"
@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Overview",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Contact",
id: "contact",
},
{ name: "Overview", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="Vortex Tech"
/>
@@ -55,40 +43,18 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "canvas-reveal",
}}
background={{ variant: "canvas-reveal" }}
title="Architecting the Digital Future"
description="Empowering global enterprises through cutting-edge 3D virtualization, cloud architecture, and high-performance IT infrastructure solutions."
tag="Next-Gen Tech"
tagAnimation="slide-up"
buttons={[
{
text: "Explore Solutions",
href: "#features",
},
]}
buttons={[{ text: "Explore Solutions", href: "#features" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-flowing-dots-digital-landscape-modern-connections_1048-10497.jpg?_wi=1",
imageAlt: "3d technology background",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-gen-z-girl-recording-introductory-video-with-phone-selfie-stick_482257-118660.jpg?_wi=1",
imageAlt: "microchip 3d macro",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599363.jpg?_wi=1",
imageAlt: "glassmorphism tech ui",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-smart-glasses-futuristic-technology-digital-remix_53876-104967.jpg",
imageAlt: "geometric digital form",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037266.jpg",
imageAlt: "digital fluid particle sphere",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-flowing-dots-digital-landscape-modern-connections_1048-10497.jpg", imageAlt: "3d technology background" },
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-gen-z-girl-recording-introductory-video-with-phone-selfie-stick_482257-118660.jpg", imageAlt: "microchip 3d macro" },
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599363.jpg", imageAlt: "glassmorphism tech ui" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-smart-glasses-futuristic-technology-digital-remix_53876-104967.jpg", imageAlt: "geometric digital form" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037266.jpg", imageAlt: "digital fluid particle sphere" }
]}
mediaAnimation="depth-3d"
/>
@@ -100,18 +66,9 @@ export default function LandingPage() {
title="Precision Engineering"
description="We blend artistic 3D visualization with robust backend systems to deliver unparalleled tech agility for our partners across the globe."
metrics={[
{
value: "99.9%",
title: "Uptime",
},
{
value: "15+",
title: "Patents",
},
{
value: "200+",
title: "Projects",
},
{ value: "99.9%", title: "Uptime" },
{ value: "15+", title: "Patents" },
{ value: "200+", title: "Projects" }
]}
imageSrc="http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105483.jpg"
imageAlt="microchip 3d macro"
@@ -127,50 +84,26 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Cloud Orchestration",
description: "Manage multi-cloud environments seamlessly with our bespoke orchestration suite.",
icon: Cloud,
title: "Cloud Orchestration", description: "Manage multi-cloud environments seamlessly with our bespoke orchestration suite.", icon: Cloud,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blue-metal-cubical-structures-blue-sky_181624-6449.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-flowing-dots-digital-landscape-modern-connections_1048-10497.jpg?_wi=2",
imageAlt: "glassmorphism tech ui",
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-metal-cubical-structures-blue-sky_181624-6449.jpg" }
]
},
{
title: "3D Data Analytics",
description: "Visualize complex datasets in real-time with our proprietary 3D analytical engine.",
icon: BarChart,
title: "3D Data Analytics", description: "Visualize complex datasets in real-time with our proprietary 3D analytical engine.", icon: BarChart,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/flying-snake_488145-667.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24189.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/happy-gen-z-girl-recording-introductory-video-with-phone-selfie-stick_482257-118660.jpg?_wi=2",
imageAlt: "glassmorphism tech ui",
{ imageSrc: "http://img.b2bpic.net/free-photo/flying-snake_488145-667.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24189.jpg" }
]
},
{
title: "Cyber Security",
description: "Advanced threat detection protocols built into every layer of your application.",
icon: ShieldCheck,
title: "Cyber Security", description: "Advanced threat detection protocols built into every layer of your application.", icon: ShieldCheck,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105490.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/robot-hand-show-ok-gesture-3d-render-chatbot_107791-16599.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599363.jpg?_wi=2",
imageAlt: "glassmorphism tech ui",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105490.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/robot-hand-show-ok-gesture-3d-render-chatbot_107791-16599.jpg" }
]
}
]}
title="Core IT Infrastructure"
description="Everything you need to scale your digital presence."
@@ -179,30 +112,19 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "120 TB",
title: "Data Processed",
description: "Daily volume processed",
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349230.jpg",
id: "m1", value: "120 TB", title: "Data Processed", description: "Daily volume processed", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349230.jpg"
},
{
id: "m2",
value: "24/7",
title: "Global Support",
description: "Always ready to assist",
imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105542.jpg",
id: "m2", value: "24/7", title: "Global Support", description: "Always ready to assist", imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105542.jpg"
},
{
id: "m3",
value: "5x",
title: "Efficiency Gain",
description: "Average increase in speed",
imageSrc: "http://img.b2bpic.net/free-photo/map-solomon-islands-polygonal-mesh-line-map-flag-map_559531-11719.jpg",
},
id: "m3", value: "5x", title: "Efficiency Gain", description: "Average increase in speed", imageSrc: "http://img.b2bpic.net/free-photo/map-solomon-islands-polygonal-mesh-line-map-flag-map_559531-11719.jpg"
}
]}
title="Performance Standards"
description="Metrics that drive our decision making and client success."
@@ -215,60 +137,16 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alice Wong",
role: "CTO",
company: "TechStream",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg",
},
{
id: "t2",
name: "Mark Evans",
role: "VP Engineering",
company: "DataHub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-away-holding-laptop_23-2148308516.jpg",
},
{
id: "t3",
name: "Sarah Chen",
role: "CEO",
company: "CloudScale",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg",
},
{
id: "t4",
name: "David Miller",
role: "Director",
company: "SoftCore",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",
},
{
id: "t5",
name: "Elena Rossi",
role: "Product Head",
company: "Innovate IT",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-man_1098-18449.jpg",
},
{ id: "t1", name: "Alice Wong", role: "CTO", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg" },
{ id: "t2", name: "Mark Evans", role: "VP Engineering", company: "DataHub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-away-holding-laptop_23-2148308516.jpg" },
{ id: "t3", name: "Sarah Chen", role: "CEO", company: "CloudScale", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg" },
{ id: "t4", name: "David Miller", role: "Director", company: "SoftCore", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg" },
{ id: "t5", name: "Elena Rossi", role: "Product Head", company: "Innovate IT", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-man_1098-18449.jpg" }
]}
kpiItems={[
{
value: "95%",
label: "Retention",
},
{
value: "4.9",
label: "Rating",
},
{
value: "100+",
label: "Clients",
},
{ value: "95%", label: "Retention" },
{ value: "4.9", label: "Rating" },
{ value: "100+", label: "Clients" }
]}
title="Trusted by Leaders"
description="Hear what our enterprise clients are saying about our solutions."
@@ -279,15 +157,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"AlphaTech",
"BetaSystems",
"GammaCorp",
"DeltaIT",
"EpsilonSoft",
"ZetaCloud",
"OmegaLogic",
]}
names={["AlphaTech", "BetaSystems", "GammaCorp", "DeltaIT", "EpsilonSoft", "ZetaCloud", "OmegaLogic"]}
title="Industry Partners"
description="Collaborating with innovators worldwide."
/>
@@ -298,21 +168,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How does 3D virtualization work?",
content: "We utilize advanced GPU rendering to model infrastructures in virtual 3D space.",
},
{
id: "f2",
title: "Is my data secure?",
content: "Yes, we implement military-grade encryption for all client data storage.",
},
{
id: "f3",
title: "Do you offer migration support?",
content: "Our migration team handles end-to-end transfers without service disruption.",
},
{ id: "f1", title: "How does 3D virtualization work?", content: "We utilize advanced GPU rendering to model infrastructures in virtual 3D space." },
{ id: "f2", title: "Is my data secure?", content: "Yes, we implement military-grade encryption for all client data storage." },
{ id: "f3", title: "Do you offer migration support?", content: "Our migration team handles end-to-end transfers without service disruption." }
]}
title="Common Inquiries"
description="Clear answers to your technical questions."
@@ -323,9 +181,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "rotated-rays-animated",
}}
background={{ variant: "rotated-rays-animated" }}
tag="Connect"
title="Begin Your Transformation"
description="Get in touch with our team for a personalized IT assessment."
@@ -336,56 +192,26 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Solutions",
items: [
{
label: "Cloud",
href: "#",
},
{
label: "3D Rendering",
href: "#",
},
{
label: "Security",
href: "#",
},
],
title: "Solutions", items: [
{ label: "Cloud", href: "#" },
{ label: "3D Rendering", href: "#" },
{ label: "Security", href: "#" }
]
},
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Careers",
href: "#",
},
{
label: "Partners",
href: "#",
},
],
title: "Company", items: [
{ label: "About", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Partners", href: "#" }
]
},
{
title: "Resources",
items: [
{
label: "Blog",
href: "#",
},
{
label: "Docs",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
title: "Resources", items: [
{ label: "Blog", href: "#" },
{ label: "Docs", href: "#" },
{ label: "Contact", href: "#contact" }
]
}
]}
bottomLeftText="© 2024 Vortex Tech. All rights reserved."
bottomRightText="Privacy Policy | Terms of Service"