Merge version_1 into main #1
176
src/app/page.tsx
176
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Results", id: "#metrics"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="DevForge"
|
||||
/>
|
||||
@@ -54,46 +46,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Architecting the Future of Software"
|
||||
description="We engineer high-performance platforms, scalable cloud solutions, and intuitive AI-driven applications for enterprises worldwide."
|
||||
tag="Trusted Tech Partner"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Our Work", href: "#features"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-low-poly-plexus-design_1048-20437.jpg",
|
||||
imageAlt: "Tech abstract 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-low-poly-plexus-design_1048-20437.jpg", imageAlt: "Tech abstract 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-room-computer-controlling-devices-used-high-speed-data-transfers_482257-124282.jpg",
|
||||
imageAlt: "Tech abstract 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-room-computer-controlling-devices-used-high-speed-data-transfers_482257-124282.jpg", imageAlt: "Tech abstract 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg",
|
||||
imageAlt: "Tech abstract 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg", imageAlt: "Tech abstract 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139314.jpg",
|
||||
imageAlt: "Tech abstract 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139314.jpg", imageAlt: "Tech abstract 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-neon-lights-background_181624-19881.jpg",
|
||||
imageAlt: "Tech abstract 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-neon-lights-background_181624-19881.jpg", imageAlt: "Tech abstract 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-doing-yearly-checkup-using-tablet-preserve-data-center-electronics_482257-122252.jpg",
|
||||
imageAlt: "Tech abstract 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-doing-yearly-checkup-using-tablet-preserve-data-center-electronics_482257-122252.jpg", imageAlt: "Tech abstract 6"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -106,19 +81,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Rocket,
|
||||
label: "Projects Delivered",
|
||||
value: "250+",
|
||||
},
|
||||
label: "Projects Delivered", value: "250+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Global Team",
|
||||
value: "100+",
|
||||
},
|
||||
label: "Global Team", value: "100+"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Client Reach",
|
||||
value: "40+",
|
||||
},
|
||||
label: "Client Reach", value: "40+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -131,34 +100,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Web/Mobile",
|
||||
title: "Scalable Applications",
|
||||
items: [
|
||||
"React/Next.js development",
|
||||
"Native iOS & Android",
|
||||
"Cloud-native architecture",
|
||||
],
|
||||
id: "1", label: "Web/Mobile", title: "Scalable Applications", items: [
|
||||
"React/Next.js development", "Native iOS & Android", "Cloud-native architecture"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "AI/Data",
|
||||
title: "Intelligent Automation",
|
||||
items: [
|
||||
"Machine Learning models",
|
||||
"Predictive data analytics",
|
||||
"Workflow automation",
|
||||
],
|
||||
id: "2", label: "AI/Data", title: "Intelligent Automation", items: [
|
||||
"Machine Learning models", "Predictive data analytics", "Workflow automation"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "DevOps",
|
||||
title: "Cloud Infrastructure",
|
||||
items: [
|
||||
"AWS/Azure deployments",
|
||||
"Microservices orchestration",
|
||||
"High-availability CI/CD",
|
||||
],
|
||||
id: "3", label: "DevOps", title: "Cloud Infrastructure", items: [
|
||||
"AWS/Azure deployments", "Microservices orchestration", "High-availability CI/CD"],
|
||||
},
|
||||
]}
|
||||
title="Software Engineering Excellence"
|
||||
@@ -168,35 +119,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "45%",
|
||||
title: "Average Efficiency Gain",
|
||||
items: [
|
||||
"Optimized cloud spend",
|
||||
"Faster deployment cycles",
|
||||
],
|
||||
id: "m1", value: "45%", title: "Average Efficiency Gain", items: [
|
||||
"Optimized cloud spend", "Faster deployment cycles"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "System Uptime",
|
||||
items: [
|
||||
"High-availability design",
|
||||
"Proactive monitoring",
|
||||
],
|
||||
id: "m2", value: "99.9%", title: "System Uptime", items: [
|
||||
"High-availability design", "Proactive monitoring"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2x",
|
||||
title: "Faster Delivery",
|
||||
items: [
|
||||
"Agile methodology",
|
||||
"Component-driven development",
|
||||
],
|
||||
id: "m3", value: "2x", title: "Faster Delivery", items: [
|
||||
"Agile methodology", "Component-driven development"],
|
||||
},
|
||||
]}
|
||||
title="Quantifiable Success"
|
||||
@@ -206,44 +143,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@techcorp",
|
||||
testimonial: "DevForge transformed our outdated monolith into a sleek, high-performing cloud ecosystem.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Jenkins", handle: "@techcorp", testimonial: "DevForge transformed our outdated monolith into a sleek, high-performing cloud ecosystem.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@innovatelab",
|
||||
testimonial: "Exceptional development velocity and deep technical expertise in AI integration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", handle: "@innovatelab", testimonial: "Exceptional development velocity and deep technical expertise in AI integration.", imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@growthco",
|
||||
testimonial: "The best engineering partner we've ever worked with. Truly scalable solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", handle: "@growthco", testimonial: "The best engineering partner we've ever worked with. Truly scalable solutions.", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "@startupxyz",
|
||||
testimonial: "Professional, transparent, and brilliant at solving complex architecture challenges.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-business-man-playing-digital-notebook-with-smiling-confident-face-white-backgroundcopy-space_1258-103939.jpg",
|
||||
},
|
||||
id: "t4", name: "David Kim", handle: "@startupxyz", testimonial: "Professional, transparent, and brilliant at solving complex architecture challenges.", imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-business-man-playing-digital-notebook-with-smiling-confident-face-white-backgroundcopy-space_1258-103939.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna Peterson",
|
||||
handle: "@fintechs",
|
||||
testimonial: "Their approach to microservices enabled our rapid growth this past fiscal year.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970230.jpg",
|
||||
},
|
||||
id: "t5", name: "Anna Peterson", handle: "@fintechs", testimonial: "Their approach to microservices enabled our rapid growth this past fiscal year.", imageSrc: "http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970230.jpg"},
|
||||
]}
|
||||
title="Voices of Innovation"
|
||||
description="What our clients say about partnering with us for their software development needs."
|
||||
@@ -254,16 +167,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Let's Build"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Our engineers are standing by to help design and implement your next big software ambition."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Our Team",
|
||||
href: "mailto:hello@devforge.com",
|
||||
},
|
||||
text: "Contact Our Team", href: "mailto:hello@devforge.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -275,19 +185,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/devforge",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/devforge", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "https://github.com/devforge",
|
||||
ariaLabel: "Github",
|
||||
},
|
||||
href: "https://github.com/devforge", ariaLabel: "Github"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/devforge",
|
||||
ariaLabel: "Linkedin",
|
||||
},
|
||||
href: "https://linkedin.com/company/devforge", ariaLabel: "Linkedin"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user