From 4effa5443ecfecaa1d69076b60e712249db1fb65 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 2 May 2026 08:27:09 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 323 ++++++++---------------------------------------
 1 file changed, 51 insertions(+), 272 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7249ac5..73f9f26 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,7 +13,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Activity, Cloud, Globe, Lock, Shield } from "lucide-react";
+import { Activity, Cloud, Globe, Lock, Shield, Cpu } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -33,22 +33,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Services", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="TechFlow IT"
     />
@@ -56,22 +44,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       logoText="TechFlow IT Solutions"
       description="Enterprise-grade IT infrastructure, cloud migration, and cybersecurity management for growing digital businesses."
       buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-        {
-          text: "Our Services",
-          href: "#features",
-        },
+        { text: "Get Started", href: "#contact" },
+        { text: "Our Services", href: "#features" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg"
       imageAlt="it network connectivity visualization"
       mediaAnimation="slide-up"
     />
@@ -83,20 +63,11 @@ export default function LandingPage() {
       title="Your Trusted IT Partner"
       description="We specialize in streamlining technical operations through robust, scalable, and secure infrastructure. Our mission is to empower your business growth through reliable IT management."
       metrics={[
-        {
-          value: "99.9%",
-          title: "Uptime Guarantee",
-        },
-        {
-          value: "24/7",
-          title: "Expert Support",
-        },
-        {
-          value: "50+",
-          title: "Enterprise Clients",
-        },
+        { value: "99.9%", title: "Uptime Guarantee" },
+        { value: "24/7", title: "Expert Support" },
+        { value: "50+", title: "Enterprise Clients" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/data-center-programmer-using-pc-update-servers-tech-configuring-gear_482257-126280.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/data-center-programmer-using-pc-update-servers-tech-configuring-gear_482257-126280.jpg"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
       imageAlt="it specialist server room"
@@ -110,67 +81,31 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Cloud Infrastructure",
-          description: "Seamless migration to scalable cloud platforms.",
-          items: [
-            {
-              icon: Cloud,
-              text: "Multi-cloud management",
-            },
-            {
-              icon: Shield,
-              text: "Secure backups",
-            },
+          title: "Cloud Infrastructure",          description: "Seamless migration to scalable cloud platforms.",          items: [
+            { icon: Cloud, text: "Multi-cloud management" },
+            { icon: Shield, text: "Secure backups" },
           ],
           reverse: false,
           media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/admin-walking-data-center_482257-91108.jpg",
-            imageAlt: "it specialist server room",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg?_wi=2",
-          imageAlt: "it specialist server room",
+            imageSrc: "http://img.b2bpic.net/free-photo/admin-walking-data-center_482257-91108.jpg",            imageAlt: "it specialist server room"},
         },
         {
-          title: "Cybersecurity",
-          description: "Proactive protection against evolving cyber threats.",
-          items: [
-            {
-              icon: Lock,
-              text: "Endpoint security",
-            },
-            {
-              icon: Activity,
-              text: "Real-time threat monitoring",
-            },
+          title: "Cybersecurity",          description: "Proactive protection against evolving cyber threats.",          items: [
+            { icon: Lock, text: "Endpoint security" },
+            { icon: Activity, text: "Real-time threat monitoring" },
           ],
           reverse: true,
           media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg",
-            imageAlt: "it network connectivity visualization",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/data-center-programmer-using-pc-update-servers-tech-configuring-gear_482257-126280.jpg?_wi=2",
-          imageAlt: "it specialist server room",
+            imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg",            imageAlt: "it network connectivity visualization"},
         },
         {
-          title: "Network Optimization",
-          description: "High-performance connectivity for global teams.",
-          items: [
-            {
-              icon: Globe,
-              text: "Low latency infrastructure",
-            },
-            {
-              icon: Cpu,
-              text: "Automated traffic routing",
-            },
+          title: "Network Optimization",          description: "High-performance connectivity for global teams.",          items: [
+            { icon: Globe, text: "Low latency infrastructure" },
+            { icon: Cpu, text: "Automated traffic routing" },
           ],
           reverse: false,
           media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-coding-data-center-testing-failover-scenarios-using-notebook_482257-119863.jpg",
-            imageAlt: "it specialist server room",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/solar-energy-male-supervisor-offering-remote-support-high-tech-factory_482257-125083.jpg?_wi=1",
-          imageAlt: "it specialist server room",
+            imageSrc: "http://img.b2bpic.net/free-photo/man-coding-data-center-testing-failover-scenarios-using-notebook_482257-119863.jpg",            imageAlt: "it specialist server room"},
         },
       ]}
       title="Core IT Infrastructure Services"
@@ -184,21 +119,9 @@ export default function LandingPage() {
       title="Performance Benchmarks"
       tag="Reliability"
       metrics={[
-        {
-          id: "1",
-          value: "15ms",
-          description: "Average response latency",
-        },
-        {
-          id: "2",
-          value: "200+",
-          description: "Cloud instances managed",
-        },
-        {
-          id: "3",
-          value: "99.9%",
-          description: "Network reliability",
-        },
+        { id: "1", value: "15ms", description: "Average response latency" },
+        { id: "2", value: "200+", description: "Cloud instances managed" },
+        { id: "3", value: "99.9%", description: "Network reliability" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -211,36 +134,12 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          tag: "Essentials",
-          price: "$1,200",
-          period: "/mo",
-          description: "Ideal for small teams requiring basic monitoring.",
-          button: {
-            text: "Contact Us",
-          },
-          featuresTitle: "Core Features",
-          features: [
-            "Infrastructure monitoring",
-            "Business hours support",
-            "Security updates",
-          ],
+          id: "basic",          tag: "Essentials",          price: "$1,200",          period: "/mo",          description: "Ideal for small teams requiring basic monitoring.",          button: { text: "Contact Us" },
+          featuresTitle: "Core Features",          features: ["Infrastructure monitoring", "Business hours support", "Security updates"],
         },
         {
-          id: "pro",
-          tag: "Growth",
-          price: "$3,500",
-          period: "/mo",
-          description: "Best for scaling companies needing robust operations.",
-          button: {
-            text: "Contact Us",
-          },
-          featuresTitle: "Includes Basic, plus:",
-          features: [
-            "24/7 proactive monitoring",
-            "Priority support",
-            "Cloud cost optimization",
-          ],
+          id: "pro",          tag: "Growth",          price: "$3,500",          period: "/mo",          description: "Best for scaling companies needing robust operations.",          button: { text: "Contact Us" },
+          featuresTitle: "Includes Basic, plus:",          features: ["24/7 proactive monitoring", "Priority support", "Cloud cost optimization"],
         },
       ]}
       title="Service Plans"
@@ -255,41 +154,11 @@ export default function LandingPage() {
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={false}
       members={[
-        {
-          id: "m1",
-          name: "Marcus Chen",
-          role: "CTO",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",
-          imageAlt: "business executive portrait",
-        },
-        {
-          id: "m2",
-          name: "Sarah Miller",
-          role: "Lead Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-working-office_1098-22034.jpg",
-          imageAlt: "it consultant portrait",
-        },
-        {
-          id: "m3",
-          name: "David Okafor",
-          role: "Security Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150062008.jpg",
-          imageAlt: "female software engineer",
-        },
-        {
-          id: "m4",
-          name: "Elena Rossi",
-          role: "DevOps Engineer",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-her-own-cafe-manager-standing-near-entrance-inviting-you-posi_1258-123855.jpg",
-          imageAlt: "tech startup founder portrait",
-        },
-        {
-          id: "m5",
-          name: "James Wilson",
-          role: "Network Ops",
-          imageSrc: "http://img.b2bpic.net/free-photo/office-administrator-exploring-collaborations-opportunities_482257-91029.jpg?_wi=1",
-          imageAlt: "data scientist portrait",
-        },
+        { id: "m1", name: "Marcus Chen", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg", imageAlt: "business executive portrait" },
+        { id: "m2", name: "Sarah Miller", role: "Lead Architect", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-working-office_1098-22034.jpg", imageAlt: "it consultant portrait" },
+        { id: "m3", name: "David Okafor", role: "Security Lead", imageSrc: "http://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150062008.jpg", imageAlt: "female software engineer" },
+        { id: "m4", name: "Elena Rossi", role: "DevOps Engineer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-her-own-cafe-manager-standing-near-entrance-inviting-you-posi_1258-123855.jpg", imageAlt: "tech startup founder portrait" },
+        { id: "m5", name: "James Wilson", role: "Network Ops", imageSrc: "http://img.b2bpic.net/free-photo/office-administrator-exploring-collaborations-opportunities_482257-91029.jpg", imageAlt: "data scientist portrait" },
       ]}
       title="Our Engineering Experts"
       description="Backed by a team of veterans in cloud architecture and cybersecurity."
@@ -302,46 +171,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Alice Wang",
-          role: "VP Engineering",
-          testimonial: "TechFlow transformed our cloud architecture, cutting costs by 30% while increasing speed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-his-office-businessperson-professional-environment_482257-32719.jpg",
-          imageAlt: "business executive portrait",
-        },
-        {
-          id: "2",
-          name: "Robert Smith",
-          role: "Founder",
-          testimonial: "Their security team is proactive and responsive. We sleep better knowing our network is in their hands.",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-using-laptop-tablet-same-time_482257-8141.jpg",
-          imageAlt: "it consultant portrait",
-        },
-        {
-          id: "3",
-          name: "Jane Doe",
-          role: "Ops Manager",
-          testimonial: "Exceptional support quality and clear communication. A true partner in our growth.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-with-musical-earphones-standing-office-holding-folder_1303-32105.jpg",
-          imageAlt: "female software engineer",
-        },
-        {
-          id: "4",
-          name: "Kevin Lee",
-          role: "CTO",
-          testimonial: "Reliable experts who understand the complexities of modern IT infrastructure.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
-          imageAlt: "tech startup founder portrait",
-        },
-        {
-          id: "5",
-          name: "Maria Garcia",
-          role: "Engineering Lead",
-          testimonial: "The best infrastructure partner we've ever engaged with.",
-          imageSrc: "http://img.b2bpic.net/free-photo/office-administrator-exploring-collaborations-opportunities_482257-91029.jpg?_wi=2",
-          imageAlt: "data scientist portrait",
-        },
+        { id: "1", name: "Alice Wang", role: "VP Engineering", testimonial: "TechFlow transformed our cloud architecture, cutting costs by 30% while increasing speed.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-his-office-businessperson-professional-environment_482257-32719.jpg", imageAlt: "business executive portrait" },
+        { id: "2", name: "Robert Smith", role: "Founder", testimonial: "Their security team is proactive and responsive. We sleep better knowing our network is in their hands.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-using-laptop-tablet-same-time_482257-8141.jpg", imageAlt: "it consultant portrait" },
+        { id: "3", name: "Jane Doe", role: "Ops Manager", testimonial: "Exceptional support quality and clear communication. A true partner in our growth.", imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-with-musical-earphones-standing-office-holding-folder_1303-32105.jpg", imageAlt: "female software engineer" },
+        { id: "4", name: "Kevin Lee", role: "CTO", testimonial: "Reliable experts who understand the complexities of modern IT infrastructure.", imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", imageAlt: "tech startup founder portrait" },
+        { id: "5", name: "Maria Garcia", role: "Engineering Lead", testimonial: "The best infrastructure partner we've ever engaged with.", imageSrc: "http://img.b2bpic.net/free-photo/office-administrator-exploring-collaborations-opportunities_482257-91029.jpg", imageAlt: "data scientist portrait" },
       ]}
       title="Client Success Stories"
       description="Trusted by industry leaders to deliver secure and scalable infrastructure."
@@ -353,23 +187,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "What kind of support is included?",
-          content: "We offer tiered support ranging from standard business hours to 24/7 emergency response.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer cloud migration?",
-          content: "Yes, we specialize in end-to-end cloud migrations for AWS, Azure, and Google Cloud.",
-        },
-        {
-          id: "q3",
-          title: "How secure is my data?",
-          content: "Security is our top priority. We implement encryption, regular auditing, and real-time monitoring.",
-        },
+        { id: "q1", title: "What kind of support is included?", content: "We offer tiered support ranging from standard business hours to 24/7 emergency response." },
+        { id: "q2", title: "Do you offer cloud migration?", content: "Yes, we specialize in end-to-end cloud migrations for AWS, Azure, and Google Cloud." },
+        { id: "q3", title: "How secure is my data?", content: "Security is our top priority. We implement encryption, regular auditing, and real-time monitoring." },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/solar-energy-male-supervisor-offering-remote-support-high-tech-factory_482257-125083.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/solar-energy-male-supervisor-offering-remote-support-high-tech-factory_482257-125083.jpg"
       title="Frequently Asked Questions"
       description="Answers to common concerns about our managed services."
       faqsAnimation="slide-up"
@@ -380,61 +202,18 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       text="Ready to transform your IT infrastructure? Contact our engineering team today for a free initial consultation."
-      buttons={[
-        {
-          text: "Contact Support",
-          href: "mailto:support@techflow.com",
-        },
-      ]}
+      buttons={[{ text: "Contact Support", href: "mailto:support@techflow.com" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Security Blog",
-              href: "#",
-            },
-            {
-              label: "Case Studies",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Help Center",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
+        { title: "Resources", items: [{ label: "Security Blog", href: "#" }, { label: "Case Studies", href: "#" }] },
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Help Center", href: "#" }] },
       ]}
       logoText="TechFlow IT"
       copyrightText="© 2025 TechFlow IT Solutions"
-- 
2.49.1