Merge version_1 into main #2
317
src/app/page.tsx
317
src/app/page.tsx
@@ -34,104 +34,65 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Company",
|
||||
id: "company",
|
||||
},
|
||||
name: "Company", id: "company"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Vertex"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Scaling Tech Enterprise Solutions"
|
||||
description="Revolutionizing industry operations through high-performance software and data-driven infrastructure. We empower organizations to transcend digital limitations."
|
||||
kpis={[
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Uptime",
|
||||
},
|
||||
value: "99.9%", label: "Uptime"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Deployments",
|
||||
},
|
||||
value: "500+", label: "Deployments"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support",
|
||||
},
|
||||
value: "24/7", label: "Support"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Services", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/notification-bell-right-side_187299-44732.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/notification-bell-right-side_187299-44732.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technician-looking-ui-computer-monitor-executing-programming-code_482257-118910.jpg",
|
||||
alt: "Technician",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/technician-looking-ui-computer-monitor-executing-programming-code_482257-118910.jpg", alt: "Technician"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/freelancer-working-from-apartment-office-seated-desk-using-ai-llm-chatbot_482257-127291.jpg",
|
||||
alt: "Freelancer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/freelancer-working-from-apartment-office-seated-desk-using-ai-llm-chatbot_482257-127291.jpg", alt: "Freelancer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/monitor-showing-ai-virtual-assistant-producing-clips_482257-112677.jpg",
|
||||
alt: "AI assistant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/monitor-showing-ai-virtual-assistant-producing-clips_482257-112677.jpg", alt: "AI assistant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-abstract-network-communications-background-with-flowing-particles_1048-19327.jpg",
|
||||
alt: "Abstract particles",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-abstract-network-communications-background-with-flowing-particles_1048-19327.jpg", alt: "Abstract particles"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-abstract-particle-design-background_1048-18868.jpg",
|
||||
alt: "Abstract design",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-abstract-particle-design-background_1048-18868.jpg", alt: "Abstract design"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global enterprises"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Infrastructure",
|
||||
},
|
||||
type: "text", text: "Cloud Infrastructure"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Integration",
|
||||
},
|
||||
type: "text", text: "AI Integration"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cybersecurity",
|
||||
},
|
||||
type: "text", text: "Cybersecurity"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Analytics",
|
||||
},
|
||||
type: "text", text: "Data Analytics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "DevOps Operations",
|
||||
},
|
||||
type: "text", text: "DevOps Operations"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,14 +102,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vertex Corp",
|
||||
"NexGen Labs",
|
||||
"DataSphere",
|
||||
"QuantumFlow",
|
||||
"SyncNet",
|
||||
"HyperLink",
|
||||
"NovaCore",
|
||||
]}
|
||||
"Vertex Corp", "NexGen Labs", "DataSphere", "QuantumFlow", "SyncNet", "HyperLink", "NovaCore"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Building sustainable future-proof tech for the world's most demanding enterprises."
|
||||
/>
|
||||
@@ -156,36 +110,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Secure Infrastructure",
|
||||
tags: [
|
||||
"Security",
|
||||
"Cloud",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/crowdfunding-app_23-2148620393.jpg",
|
||||
},
|
||||
id: "f1", title: "Secure Infrastructure", tags: [
|
||||
"Security", "Cloud"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/crowdfunding-app_23-2148620393.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Data Analytics",
|
||||
tags: [
|
||||
"AI",
|
||||
"Metrics",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-interacting-with-smart-ai-virtual-assistant-mockup-screen_482257-126893.jpg",
|
||||
},
|
||||
id: "f2", title: "Data Analytics", tags: [
|
||||
"AI", "Metrics"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-interacting-with-smart-ai-virtual-assistant-mockup-screen_482257-126893.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "API Integration",
|
||||
tags: [
|
||||
"Developer",
|
||||
"API",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg",
|
||||
},
|
||||
id: "f3", title: "API Integration", tags: [
|
||||
"Developer", "API"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg"},
|
||||
]}
|
||||
title="Next-Gen Tech Capabilities"
|
||||
description="Powerful features designed for scalability, security, and high performance."
|
||||
@@ -194,64 +134,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Vertex",
|
||||
name: "Sentry Node",
|
||||
price: "$1,200",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/usb-type-c-port-warm-neon-scene-tech-macro_169016-71583.jpg",
|
||||
},
|
||||
id: "p1", brand: "Vertex", name: "Sentry Node", price: "$1,200", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/usb-type-c-port-warm-neon-scene-tech-macro_169016-71583.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Vertex",
|
||||
name: "Cloud Hub",
|
||||
price: "$850",
|
||||
rating: 4,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-using-his-mobile-phone_1134-53.jpg",
|
||||
},
|
||||
id: "p2", brand: "Vertex", name: "Cloud Hub", price: "$850", rating: 4,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-using-his-mobile-phone_1134-53.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Vertex",
|
||||
name: "AI Chipset",
|
||||
price: "$4,500",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-technology-microchip-background-futuristic-innovation-technology-remix_53876-124727.jpg",
|
||||
},
|
||||
id: "p3", brand: "Vertex", name: "AI Chipset", price: "$4,500", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/ai-technology-microchip-background-futuristic-innovation-technology-remix_53876-124727.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Vertex",
|
||||
name: "Data Server",
|
||||
price: "$9,800",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-data-cybier-security-database-abstract-concept_1194-638739.jpg",
|
||||
},
|
||||
id: "p4", brand: "Vertex", name: "Data Server", price: "$9,800", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/big-data-cybier-security-database-abstract-concept_1194-638739.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Vertex",
|
||||
name: "Mobile UI",
|
||||
price: "$400",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg",
|
||||
},
|
||||
id: "p5", brand: "Vertex", name: "Mobile UI", price: "$400", rating: 4,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Vertex",
|
||||
name: "Sensor Node",
|
||||
price: "$250",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105503.jpg",
|
||||
},
|
||||
id: "p6", brand: "Vertex", name: "Sensor Node", price: "$250", rating: 4,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105503.jpg"},
|
||||
]}
|
||||
title="Our Specialized Products"
|
||||
description="Cutting-edge hardware and software solutions engineered for peak enterprise efficiency."
|
||||
@@ -265,22 +170,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "System Uptime",
|
||||
value: "99.99%",
|
||||
icon: CheckCircle,
|
||||
id: "m1", title: "System Uptime", value: "99.99%", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Processing Power",
|
||||
value: "20 Petaflops",
|
||||
icon: Zap,
|
||||
id: "m2", title: "Processing Power", value: "20 Petaflops", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Global Nodes",
|
||||
value: "1,200+",
|
||||
icon: Globe,
|
||||
id: "m3", title: "Global Nodes", value: "1,200+", icon: Globe,
|
||||
},
|
||||
]}
|
||||
title="Performance at Scale"
|
||||
@@ -290,37 +186,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Leadership",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Leadership", members: [
|
||||
{
|
||||
id: "t1",
|
||||
title: "Alex Rivers",
|
||||
subtitle: "CEO & Founder",
|
||||
detail: "Leading Vertex towards decentralized computing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg",
|
||||
},
|
||||
id: "t1", title: "Alex Rivers", subtitle: "CEO & Founder", detail: "Leading Vertex towards decentralized computing.", imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Sarah Chen",
|
||||
subtitle: "CTO",
|
||||
detail: "Driving architectural innovation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
id: "t2", title: "Sarah Chen", subtitle: "CTO", detail: "Driving architectural innovation.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Marcus Vane",
|
||||
subtitle: "Lead Architect",
|
||||
detail: "Designing the infrastructure of tomorrow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg",
|
||||
},
|
||||
id: "t3", title: "Marcus Vane", subtitle: "Lead Architect", detail: "Designing the infrastructure of tomorrow.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/notification-bell-right-side_187299-44732.jpg?_wi=2",
|
||||
imageAlt: "tech portrait professional",
|
||||
},
|
||||
]}
|
||||
title="Expert Engineering Leadership"
|
||||
@@ -330,49 +208,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jane Doe",
|
||||
handle: "@jane",
|
||||
testimonial: "Vertex transformed our operational efficiency.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",
|
||||
},
|
||||
id: "t1", name: "Jane Doe", handle: "@jane", testimonial: "Vertex transformed our operational efficiency.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Smith",
|
||||
handle: "@john",
|
||||
testimonial: "The most robust infrastructure we've ever used.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
},
|
||||
id: "t2", name: "John Smith", handle: "@john", testimonial: "The most robust infrastructure we've ever used.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alice Wong",
|
||||
handle: "@alice",
|
||||
testimonial: "Seamless integration and top-tier support.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
|
||||
},
|
||||
id: "t3", name: "Alice Wong", handle: "@alice", testimonial: "Seamless integration and top-tier support.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Bob Vance",
|
||||
handle: "@bob",
|
||||
testimonial: "Game-changing results for our analytics team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
|
||||
},
|
||||
id: "t4", name: "Bob Vance", handle: "@bob", testimonial: "Game-changing results for our analytics team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Eve Adams",
|
||||
handle: "@eve",
|
||||
testimonial: "Scaling was effortless with their tech stack.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-holding-checkup-table_1187-1562.jpg",
|
||||
},
|
||||
id: "t5", name: "Eve Adams", handle: "@eve", testimonial: "Scaling was effortless with their tech stack.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-holding-checkup-table_1187-1562.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success Stories"
|
||||
@@ -386,20 +240,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How does deployment work?",
|
||||
content: "Our team handles setup end-to-end.",
|
||||
},
|
||||
id: "faq1", title: "How does deployment work?", content: "Our team handles setup end-to-end."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What support do you provide?",
|
||||
content: "Dedicated 24/7 technical assistance.",
|
||||
},
|
||||
id: "faq2", title: "What support do you provide?", content: "Dedicated 24/7 technical assistance."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can I upgrade my plan?",
|
||||
content: "Scaling is built into our software framework.",
|
||||
},
|
||||
id: "faq3", title: "Can I upgrade my plan?", content: "Scaling is built into our software framework."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-questions-boxes-suprise-concept_52683-94814.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -413,15 +258,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Let's Connect"
|
||||
title="Ready to Transform Your Infrastructure?"
|
||||
description="Contact our engineering team to discuss your enterprise requirements."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Sales",
|
||||
},
|
||||
text: "Contact Sales"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -432,29 +275,19 @@ export default function LandingPage() {
|
||||
logoText="Vertex Tech"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Overview",
|
||||
href: "#",
|
||||
},
|
||||
label: "Overview", href: "#"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Team",
|
||||
href: "#",
|
||||
},
|
||||
label: "Team", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user