Merge version_1 into main #1
236
src/app/page.tsx
236
src/app/page.tsx
@@ -29,95 +29,43 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Clients",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Results", id: "metrics" },
|
||||
{ name: "Clients", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Ventorix"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Elite Web Development for Global Leaders"
|
||||
description="Ventorix crafts high-performance digital architectures for businesses scaling worldwide. Precision, security, and elite design."
|
||||
kpis={[
|
||||
{
|
||||
value: "200+",
|
||||
label: "Projects Delivered",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Global Brands",
|
||||
},
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Uptime Rate",
|
||||
},
|
||||
{ value: "200+", label: "Projects Delivered" },
|
||||
{ value: "50+", label: "Global Brands" },
|
||||
{ value: "99.9%", label: "Uptime Rate" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/technology-interface-design-elements_53876-100774.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-using-laptop_107420-74326.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-using-smartphone-while-making-notes_23-2147876625.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886873.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shocked-man-vr-goggles_23-2147805642.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-using-laptop_107420-74326.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businesswoman-using-smartphone-while-making-notes_23-2147876625.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886873.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/shocked-man-vr-goggles_23-2147805642.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 50+ industry leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "React Architecture",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Infrastructure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "UI/UX Excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Security First",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Scalability",
|
||||
},
|
||||
{ type: "text", text: "React Architecture" },
|
||||
{ type: "text", text: "Cloud Infrastructure" },
|
||||
{ type: "text", text: "UI/UX Excellence" },
|
||||
{ type: "text", text: "Security First" },
|
||||
{ type: "text", text: "Global Scalability" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,27 +76,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5x",
|
||||
title: "Load Speed Increase",
|
||||
description: "Optimized performance for faster conversions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Scalability Optimized",
|
||||
description: "Systems that grow alongside your user base.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Elite Support",
|
||||
description: "Always-on care for your critical assets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-pen-with-graph-bulbs_1134-300.jpg",
|
||||
},
|
||||
{ id: "m1", value: "5x", title: "Load Speed Increase", description: "Optimized performance for faster conversions.", imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg" },
|
||||
{ id: "m2", value: "100%", title: "Scalability Optimized", description: "Systems that grow alongside your user base.", imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg" },
|
||||
{ id: "m3", value: "24/7", title: "Elite Support", description: "Always-on care for your critical assets.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-pen-with-graph-bulbs_1134-300.jpg" }
|
||||
]}
|
||||
title="Scale and Performance"
|
||||
description="We build web ecosystems that define the gold standard for performance and scalability."
|
||||
@@ -161,36 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Development",
|
||||
title: "Core Engineering",
|
||||
items: [
|
||||
"Scalable React Architecture",
|
||||
"Performance Optimized Backend",
|
||||
"Robust API Integration",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Design",
|
||||
title: "Elite Experience",
|
||||
items: [
|
||||
"High-End UI/UX Design",
|
||||
"Motion & Interaction",
|
||||
"Brand Alignment Strategy",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Strategy",
|
||||
title: "Global Presence",
|
||||
items: [
|
||||
"Localization Architecture",
|
||||
"Global CDN Strategy",
|
||||
"Data Security Compliance",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Development", title: "Core Engineering", items: ["Scalable React Architecture", "Performance Optimized Backend", "Robust API Integration"] },
|
||||
{ id: "f2", label: "Design", title: "Elite Experience", items: ["High-End UI/UX Design", "Motion & Interaction", "Brand Alignment Strategy"] },
|
||||
{ id: "f3", label: "Strategy", title: "Global Presence", items: ["Localization Architecture", "Global CDN Strategy", "Data Security Compliance"] }
|
||||
]}
|
||||
title="Advanced Digital Solutions"
|
||||
description="Our capabilities cover the full spectrum of high-end web development needs."
|
||||
@@ -202,56 +105,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Chen",
|
||||
date: "Jan 2024",
|
||||
title: "CTO, Globotech",
|
||||
quote: "Ventorix redefined our digital presence completely.",
|
||||
tag: "Project Scale",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/businessman-using-laptop_107420-74326.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-laptop_107420-74326.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Miller",
|
||||
date: "Dec 2023",
|
||||
title: "Founder, Nexa",
|
||||
quote: "Precision and engineering excellence in every line.",
|
||||
tag: "Development",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah O'Neill",
|
||||
date: "Nov 2023",
|
||||
title: "Product VP, Streamly",
|
||||
quote: "Their design philosophy is truly world-class.",
|
||||
tag: "Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-smartphone-while-making-notes_23-2147876625.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-smartphone-while-making-notes_23-2147876625.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "Oct 2023",
|
||||
title: "Owner, Qube",
|
||||
quote: "Ventorix scales businesses effectively.",
|
||||
tag: "Scalability",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886873.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886873.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Rossi",
|
||||
date: "Sept 2023",
|
||||
title: "CEO, Velo",
|
||||
quote: "Best development partners we've had in 10 years.",
|
||||
tag: "Strategy",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/shocked-man-vr-goggles_23-2147805642.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shocked-man-vr-goggles_23-2147805642.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice Chen", date: "Jan 2024", title: "CTO, Globotech", quote: "Ventorix redefined our digital presence completely.", tag: "Project Scale", avatarSrc: "http://img.b2bpic.net/free-photo/businessman-using-laptop_107420-74326.jpg", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-laptop_107420-74326.jpg" },
|
||||
{ id: "2", name: "Mark Miller", date: "Dec 2023", title: "Founder, Nexa", quote: "Precision and engineering excellence in every line.", tag: "Development", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg" },
|
||||
{ id: "3", name: "Sarah O'Neill", date: "Nov 2023", title: "Product VP, Streamly", quote: "Their design philosophy is truly world-class.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-smartphone-while-making-notes_23-2147876625.jpg", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-smartphone-while-making-notes_23-2147876625.jpg" },
|
||||
{ id: "4", name: "David Kim", date: "Oct 2023", title: "Owner, Qube", quote: "Ventorix scales businesses effectively.", tag: "Scalability", avatarSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886873.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886873.jpg" },
|
||||
{ id: "5", name: "Elena Rossi", date: "Sept 2023", title: "CEO, Velo", quote: "Best development partners we've had in 10 years.", tag: "Strategy", avatarSrc: "http://img.b2bpic.net/free-photo/shocked-man-vr-goggles_23-2147805642.jpg", imageSrc: "http://img.b2bpic.net/free-photo/shocked-man-vr-goggles_23-2147805642.jpg" }
|
||||
]}
|
||||
title="Trusted by Global Leaders"
|
||||
description="Here is what our clients have to say about the Ventorix standard."
|
||||
@@ -263,21 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is the Ventorix process?",
|
||||
content: "We follow a discovery, design, development, and deployment pipeline for premium results.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you work globally?",
|
||||
content: "Yes, we handle clients across all time zones with 24/7 dedicated support.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do you handle security?",
|
||||
content: "Security is built-in, using SOC2-aligned development standards and secure cloud infrastructure.",
|
||||
},
|
||||
{ id: "q1", title: "What is the Ventorix process?", content: "We follow a discovery, design, development, and deployment pipeline for premium results." },
|
||||
{ id: "q2", title: "Do you work globally?", content: "Yes, we handle clients across all time zones with 24/7 dedicated support." },
|
||||
{ id: "q3", title: "How do you handle security?", content: "Security is built-in, using SOC2-aligned development standards and secure cloud infrastructure." }
|
||||
]}
|
||||
title="Questions Answered"
|
||||
description="Common inquiries about our development process."
|
||||
@@ -288,9 +134,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Partnership"
|
||||
title="Build Something Extraordinary"
|
||||
description="Ready to discuss your next digital project? Let's connect."
|
||||
@@ -302,17 +146,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Ventorix"
|
||||
leftLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user