Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
171
src/app/page.tsx
171
src/app/page.tsx
@@ -11,6 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import { Award, CheckCircle, Shield, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -32,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Case Studies",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Case Studies", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="VertexLabs"
|
||||
/>
|
||||
@@ -55,62 +48,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Scaling Global Tech Infrastructure"
|
||||
description="We architect high-performance software ecosystems for enterprises aiming for exponential growth."
|
||||
buttons={[
|
||||
{
|
||||
text: "Consult With Experts",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Consult With Experts", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-blue-hud-interface-laptop-concept_53876-15831.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139320.jpg",
|
||||
alt: "Executive 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139320.jpg", alt: "Executive 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg",
|
||||
alt: "Executive 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg", alt: "Executive 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599416.jpg",
|
||||
alt: "Executive 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599416.jpg", alt: "Executive 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139360.jpg",
|
||||
alt: "Executive 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139360.jpg", alt: "Executive 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/digital-blue-hud-interface-laptop-concept_53876-15831.jpg",
|
||||
alt: "Executive 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/digital-blue-hud-interface-laptop-concept_53876-15831.jpg", alt: "Executive 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global tech leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Architecture",
|
||||
},
|
||||
type: "text", text: "Cloud Architecture"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Predictive AI",
|
||||
},
|
||||
type: "text", text: "Predictive AI"},
|
||||
{
|
||||
type: "text",
|
||||
text: "DevSecOps",
|
||||
},
|
||||
type: "text", text: "DevSecOps"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Engineering",
|
||||
},
|
||||
type: "text", text: "Data Engineering"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cybersecurity",
|
||||
},
|
||||
type: "text", text: "Cybersecurity"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,6 +98,21 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
title="Our Leadership"
|
||||
description="Meet the experts steering our vision."
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
members={[
|
||||
{ id: "1", name: "Game", role: "CEO", imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-man-with-crossed-arms_1142-261.jpg" },
|
||||
{ id: "2", name: "Oh", role: "CTO", imageSrc: "https://img.b2bpic.net/free-photo/portrait-successful-man-having-stubble-posing-with-folded-arms-looking-camera_171337-12643.jpg" },
|
||||
{ id: "3", name: "Rung", role: "Design Director", imageSrc: "https://img.b2bpic.net/free-photo/thoughtful-woman-with-her-hand-near-face_1142-259.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
@@ -135,20 +120,11 @@ export default function LandingPage() {
|
||||
description="Our suite of services covers the entire product development lifecycle, from concept to global deployment."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Scalable Cloud Architecture",
|
||||
content: "Robust cloud strategies tailored for multi-region performance.",
|
||||
},
|
||||
id: "a1", title: "Scalable Cloud Architecture", content: "Robust cloud strategies tailored for multi-region performance."},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Predictive AI Systems",
|
||||
content: "Machine learning models designed for real-world impact and automation.",
|
||||
},
|
||||
id: "a2", title: "Predictive AI Systems", content: "Machine learning models designed for real-world impact and automation."},
|
||||
{
|
||||
id: "a3",
|
||||
title: "DevSecOps Integration",
|
||||
content: "Seamless deployment pipelines with security at the core.",
|
||||
},
|
||||
id: "a3", title: "DevSecOps Integration", content: "Seamless deployment pipelines with security at the core."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139229.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -162,23 +138,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "12+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Years Experience", value: "12+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: CheckCircle,
|
||||
title: "Projects Completed",
|
||||
value: "150+",
|
||||
},
|
||||
id: "m2", icon: CheckCircle,
|
||||
title: "Projects Completed", value: "150+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Shield,
|
||||
title: "Security Patches",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m3", icon: Shield,
|
||||
title: "Security Patches", value: "500+"},
|
||||
]}
|
||||
title="Measurable Impact"
|
||||
description="Tangible results across every project phase."
|
||||
@@ -193,25 +160,15 @@ export default function LandingPage() {
|
||||
author="Sarah Chen, VP Engineering at CloudScale"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
|
||||
alt: "Sarah Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", alt: "Sarah Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
|
||||
alt: "Director 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg", alt: "Director 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
alt: "Manager 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Manager 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
alt: "Lead 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", alt: "Lead 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-successful-beautiful-confident-senior-businesswoman-her-fifties-with-gray-hair-blue-wise-eyes-posing-indoors-keeping-arms-folded-looking-with-charming-smile_344912-1851.jpg",
|
||||
alt: "Executive 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-successful-beautiful-confident-senior-businesswoman-her-fifties-with-gray-hair-blue-wise-eyes-posing-indoors-keeping-arms-folded-looking-with-charming-smile_344912-1851.jpg", alt: "Executive 1"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -223,14 +180,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"AlphaTech",
|
||||
"BetaSystems",
|
||||
"GammaCloud",
|
||||
"DeltaInnovate",
|
||||
"EpsilonSoft",
|
||||
"ZetaGrid",
|
||||
"EtaPulse",
|
||||
]}
|
||||
"AlphaTech", "BetaSystems", "GammaCloud", "DeltaInnovate", "EpsilonSoft", "ZetaGrid", "EtaPulse"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Collaborating with global innovators."
|
||||
/>
|
||||
@@ -240,8 +190,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Architecting the Future"
|
||||
description="Ready to scale your next major initiative? Let's discuss your roadmap."
|
||||
@@ -255,29 +204,19 @@ export default function LandingPage() {
|
||||
logoText="VertexLabs"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Guides",
|
||||
href: "#",
|
||||
},
|
||||
label: "Guides", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -286,4 +225,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user