bender/46f8f4fa-60ca-40ab-aa25-a8fcce50092c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-14 12:27:57 +00:00
parent 1e67b3f190
commit 4e417bb7c4
1 changed files with 38 additions and 241 deletions
Download Patch File Download Diff File Expand all files Collapse all files

279
src/app/page.tsx
View File

@@ -32,56 +32,25 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Features",
id: "#features",
},
{
name: "Services",
id: "#services",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" },
]}
brandName="DevLogic"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Architecting the Future of Software."
description="We build scalable, high-performance software solutions for enterprises that demand precision, speed, and innovation."
tag="Trusted Software Agency"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/visual-programming-systems-green-screen-pc-data-center_482257-126792.jpg",
imageAlt: "software developers coding in office",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
imageAlt: "data analytics network visualization",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-abandoned-underground-warehouse_482257-82244.jpg",
imageAlt: "Empty abandoned underground warehouse",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-safeguarding-servers-against-viruses-using-mockup-computer_482257-123482.jpg",
imageAlt: "Man safeguarding servers against viruses using mockup computer",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-russian-army-base-operations-equipped-with-high-tech-gear_482257-106934.jpg",
imageAlt: "Empty russian army base of operations equipped with high tech gear",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/visual-programming-systems-green-screen-pc-data-center_482257-126792.jpg", imageAlt: "software developers coding in office" },
{ imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg", imageAlt: "data analytics network visualization" }
]}
mediaAnimation="blur-reveal"
rating={5}
@@ -96,18 +65,9 @@ export default function LandingPage() {
title="Delivering Digital Excellence."
description="With over a decade of experience, we specialize in transforming complex business challenges into seamless digital experiences through cutting-edge engineering."
metrics={[
{
value: "500+",
title: "Projects Delivered",
},
{
value: "99%",
title: "Client Satisfaction",
},
{
value: "12+",
title: "Years of Expertise",
},
{ value: "500+", title: "Projects Delivered" },
{ value: "99%", title: "Client Satisfaction" },
{ value: "12+", title: "Years of Expertise" },
]}
imageSrc="http://img.b2bpic.net/free-photo/accountant-busy-modern-startup-agency-imputing-financial-figures-pc_482257-126653.jpg"
imageAlt="team brainstorming modern office"
@@ -122,41 +82,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Cloud Architecture",
subtitle: "Scalable Infrastructure",
category: "DevOps",
value: "AWS/Azure/GCP",
},
{
id: "f2",
title: "Frontend Engineering",
subtitle: "Responsive UI",
category: "Web",
value: "Next.js/React",
},
{
id: "f3",
title: "Backend Optimization",
subtitle: "High-Throughput APIs",
category: "System",
value: "Node/Go/Rust",
},
{
id: "f4",
title: "Database Design",
subtitle: "Relational/NoSQL",
category: "Storage",
value: "PostgreSQL/Redis",
},
{
id: "f5",
title: "DevOps Pipelines",
subtitle: "CI/CD Automation",
category: "Ops",
value: "Docker/Kubernetes",
},
{ id: "f1", title: "Cloud Architecture", subtitle: "Scalable Infrastructure", category: "DevOps", value: "AWS/Azure/GCP" },
{ id: "f2", title: "Frontend Engineering", subtitle: "Responsive UI", category: "Web", value: "Next.js/React" },
{ id: "f3", title: "Backend Optimization", subtitle: "High-Throughput APIs", category: "System", value: "Node/Go/Rust" },
{ id: "f4", title: "Database Design", subtitle: "Relational/NoSQL", category: "Storage", value: "PostgreSQL/Redis" },
{ id: "f5", title: "DevOps Pipelines", subtitle: "CI/CD Automation", category: "Ops", value: "Docker/Kubernetes" },
]}
title="Core Technical Capabilities."
description="Our development stack covers the full spectrum of modern enterprise technology."
@@ -170,42 +100,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "SaaS Platform Development",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/senior-tech-startup-hr-recruiter-identifying-candidates-job-reviewing-cvs_482257-118780.jpg",
},
{
id: "p2",
name: "Cloud Strategy & Migration",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg",
},
{
id: "p3",
name: "Enterprise API Integration",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/work-team-office-engaged-infographics-analysis-problem-solving_482257-123647.jpg",
},
{
id: "p4",
name: "UI/UX Design Systems",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/female-advisor-conducting-financial-planning-goal-setting-with-mockup_482257-123582.jpg",
},
{
id: "p5",
name: "Data Analytics Engineering",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/programming-language-code-editor-software-ui-computer-display_482257-124942.jpg",
},
{
id: "p6",
name: "Cybersecurity Consulting",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/forex-trading-setup-vacant-office_482257-121461.jpg",
},
{ id: "p1", name: "SaaS Platform Development", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/senior-tech-startup-hr-recruiter-identifying-candidates-job-reviewing-cvs_482257-118780.jpg" },
{ id: "p2", name: "Cloud Strategy & Migration", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg" },
{ id: "p3", name: "Enterprise API Integration", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/work-team-office-engaged-infographics-analysis-problem-solving_482257-123647.jpg" },
{ id: "p4", name: "UI/UX Design Systems", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/female-advisor-conducting-financial-planning-goal-setting-with-mockup_482257-123582.jpg" },
{ id: "p5", name: "Data Analytics Engineering", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/programming-language-code-editor-software-ui-computer-display_482257-124942.jpg" },
{ id: "p6", name: "Cybersecurity Consulting", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/forex-trading-setup-vacant-office_482257-121461.jpg" },
]}
title="Our Expert Services."
description="Comprehensive solutions tailored to your unique requirements."
@@ -219,27 +119,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "2.5x",
title: "Efficiency Gain",
description: "Average improvement for our clients.",
icon: Zap,
},
{
id: "m2",
value: "30%",
title: "OpEx Reduction",
description: "Streamlining business operations.",
icon: TrendingDown,
},
{
id: "m3",
value: "95%",
title: "Retention Rate",
description: "Partnerships that last.",
icon: Smile,
},
{ id: "m1", value: "2.5x", title: "Efficiency Gain", description: "Average improvement for our clients.", icon: Zap },
{ id: "m2", value: "30%", title: "OpEx Reduction", description: "Streamlining business operations.", icon: TrendingDown },
{ id: "m3", value: "95%", title: "Retention Rate", description: "Partnerships that last.", icon: Smile },
]}
title="Growth by the Numbers."
description="Evidence of the impact we deliver to our partners worldwide."
@@ -251,46 +133,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Game Changer",
quote: "DevLogic transformed our technical infrastructure.",
name: "Sarah Johnson",
role: "CEO",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
},
{
id: "t2",
title: "Exceptional Quality",
quote: "Their engineering team is top tier.",
name: "Michael Chen",
role: "CTO",
imageSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg",
},
{
id: "t3",
title: "Great Partnership",
quote: "Reliable, fast, and incredibly professional.",
name: "Emily Rodriguez",
role: "Marketing Director",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg",
},
{
id: "t4",
title: "Top Talent",
quote: "We achieved our sprint goals early.",
name: "David Kim",
role: "Product Manager",
imageSrc: "http://img.b2bpic.net/free-photo/technician-ready-work-after-consulting-photovoltaics-production-layouts_482257-120568.jpg",
},
{
id: "t5",
title: "Scale Partner",
quote: "The perfect team to scale with.",
name: "Alex Rivera",
role: "VP Engineering",
imageSrc: "http://img.b2bpic.net/free-photo/administrator-assistant-gather-data-from-monthly-reports-reviewing-performance-metrics_482257-133739.jpg",
},
{ id: "t1", title: "Game Changer", quote: "DevLogic transformed our technical infrastructure.", name: "Sarah Johnson", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg" },
{ id: "t2", title: "Exceptional Quality", quote: "Their engineering team is top tier.", name: "Michael Chen", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg" },
{ id: "t3", title: "Great Partnership", quote: "Reliable, fast, and incredibly professional.", name: "Emily Rodriguez", role: "Marketing Director", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg" },
{ id: "t4", title: "Top Talent", quote: "We achieved our sprint goals early.", name: "David Kim", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/technician-ready-work-after-consulting-photovoltaics-production-layouts_482257-120568.jpg" },
{ id: "t5", title: "Scale Partner", quote: "The perfect team to scale with.", name: "Alex Rivera", role: "VP Engineering", imageSrc: "http://img.b2bpic.net/free-photo/administrator-assistant-gather-data-from-monthly-reports-reviewing-performance-metrics_482257-133739.jpg" },
]}
title="Client Success Stories."
description="What industry leaders say about partnering with DevLogic."
@@ -302,21 +149,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How quickly can you start?",
content: "We typically initiate project discovery within 48 hours of agreement.",
},
{
id: "q2",
title: "What is your engagement model?",
content: "We offer dedicated teams, project-based delivery, and staff augmentation.",
},
{
id: "q3",
title: "Do you handle maintenance?",
content: "Yes, we provide ongoing maintenance and monitoring services post-deployment.",
},
{ id: "q1", title: "How quickly can you start?", content: "We typically initiate project discovery within 48 hours of agreement." },
{ id: "q2", title: "What is your engagement model?", content: "We offer dedicated teams, project-based delivery, and staff augmentation." },
{ id: "q3", title: "Do you handle maintenance?", content: "Yes, we provide ongoing maintenance and monitoring services post-deployment." },
]}
imageSrc="http://img.b2bpic.net/free-photo/it-support-specialist-pc-office-helping-customers-call_482257-126183.jpg"
title="Frequently Asked Questions."
@@ -329,9 +164,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
tag="Let's Talk"
title="Ready to Build Your Next Product?"
description="Get in touch for a consultation with our senior engineering team."
@@ -343,49 +176,13 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/hong-kong-aerial-night_649448-3374.jpg"
logoText="DevLogic"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Development",
href: "#services",
},
{
label: "Strategy",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "FAQ",
href: "#faq",
},
],
},
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
{ title: "Services", items: [{ label: "Development", href: "#services" }, { label: "Strategy", href: "#" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}