From 4e417bb7c4d6c60befd4260f3e371929ffe7d30e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 12:27:57 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 279 +++++++----------------------------------------
 1 file changed, 38 insertions(+), 241 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 41111d6..75a3814 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
   );
-}
+}
\ No newline at end of file