From 29a7bf58561d9fabc6ecbaa6776c115ee16a929c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 05:54:41 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 222 +++++++----------------------------------------
 1 file changed, 33 insertions(+), 189 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7ae16f5..60c7bef 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,26 +28,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Portfolio",
-          id: "portfolio",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Portfolio", id: "portfolio" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Marvel Tech"
     />
@@ -55,52 +40,20 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Marvel Tech Enterprise – Innovating Your Digital Future"
       description="Web Development | IT Solutions | Software Services"
       buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
+        { text: "Get Started", href: "#contact" },
+        { text: "Contact Us", href: "#contact" },
       ]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-blue-letters-forming-word-blockchain_53876-30916.jpg",
-          imageAlt: "Code lines",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg",
-          imageAlt: "Digital grid",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/wonder-wheel-neon-lights-close-up-black-background_23-2148328074.jpg",
-          imageAlt: "Data visualization",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-factory-illuminates-modern-blue-metal-machinery-generated-by-ai_188544-26728.jpg",
-          imageAlt: "Server architecture",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900823.jpg",
-          imageAlt: "IT infrastructure",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/global-business-internet-network-connection-iot-internet-things-business-intelligence-concept-busines-global-network-futuristic-technology-background-ai-generative_1258-176791.jpg",
-          imageAlt: "Cloud computing",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-blue-letters-forming-word-blockchain_53876-30916.jpg", imageAlt: "Code lines" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg", imageAlt: "Digital grid" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/wonder-wheel-neon-lights-close-up-black-background_23-2148328074.jpg", imageAlt: "Data visualization" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-factory-illuminates-modern-blue-metal-machinery-generated-by-ai_188544-26728.jpg", imageAlt: "Server architecture" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900823.jpg", imageAlt: "IT infrastructure" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/global-business-internet-network-connection-iot-internet-things-business-intelligence-concept-busines-global-network-futuristic-technology-background-ai-generative_1258-176791.jpg", imageAlt: "Cloud computing" },
       ]}
     />
   </div>
@@ -112,18 +65,9 @@ export default function LandingPage() {
       title="Innovating Growth"
       description="Marvel Tech Enterprise delivers cutting-edge IT solutions to help businesses grow digitally."
       bulletPoints={[
-        {
-          title: "Experience",
-          description: "Years of expertise in software development.",
-        },
-        {
-          title: "Innovation",
-          description: "Staying ahead with the latest digital trends.",
-        },
-        {
-          title: "Reliability",
-          description: "Trustworthy IT support when you need it most.",
-        },
+        { title: "Experience", description: "Years of expertise in software development." },
+        { title: "Innovation", description: "Staying ahead with the latest digital trends." },
+        { title: "Reliability", description: "Trustworthy IT support when you need it most." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/corporate-meeting-where-multicultural-partners-collaborate-through-video-call-applying-strategic_482257-132358.jpg"
       mediaAnimation="slide-up"
@@ -136,46 +80,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          id: "s1",
-          label: "Web",
-          title: "Web Development",
-          items: [
-            "Custom websites",
-            "Dynamic systems",
-            "User experience",
-          ],
-        },
-        {
-          id: "s2",
-          label: "Dev",
-          title: "Software Development",
-          items: [
-            "Business applications",
-            "API integrations",
-            "Mobile ready",
-          ],
-        },
-        {
-          id: "s3",
-          label: "IT",
-          title: "IT Support",
-          items: [
-            "Routine maintenance",
-            "Hardware support",
-            "Cloud security",
-          ],
-        },
-        {
-          id: "s4",
-          label: "Sys",
-          title: "System Integration",
-          items: [
-            "Data migration",
-            "Legacy modernization",
-            "Streamlined workflows",
-          ],
-        },
+        { id: "s1", label: "Web", title: "Web Development", items: ["Custom websites", "Dynamic systems", "User experience"] },
+        { id: "s2", label: "Dev", title: "Software Development", items: ["Business applications", "API integrations", "Mobile ready"] },
+        { id: "s3", label: "IT", title: "IT Support", items: ["Routine maintenance", "Hardware support", "Cloud security"] },
+        { id: "s4", label: "Sys", title: "System Integration", items: ["Data migration", "Legacy modernization", "Streamlined workflows"] },
       ]}
       title="Our Services"
       description="Comprehensive IT solutions tailored for modern business requirements."
@@ -184,46 +92,17 @@ export default function LandingPage() {
 
   <div id="portfolio" data-section="portfolio">
       <ProductCardThree
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "POS System",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/mobile-payment_23-2151961281.jpg",
-        },
-        {
-          id: "p2",
-          name: "Pharmacy System",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/cardiology-experts-team-examine-electrocardiogram-test-results-scans_482257-123139.jpg",
-        },
-        {
-          id: "p3",
-          name: "Business Portal",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-presentation-laptop-screen_53876-13516.jpg",
-        },
-        {
-          id: "p4",
-          name: "E-Commerce Site",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/returning-item-online_23-2151952966.jpg",
-        },
-        {
-          id: "p5",
-          name: "Inventory Manager",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-manager-doing-accounting-work-pc-with-chroma-key-screen_482257-126417.jpg",
-        },
-        {
-          id: "p6",
-          name: "Customer Dashboard",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/zoom-out-right-side_187299-45685.jpg",
-        },
+        { id: "p1", name: "POS System", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/mobile-payment_23-2151961281.jpg" },
+        { id: "p2", name: "Pharmacy System", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/cardiology-experts-team-examine-electrocardiogram-test-results-scans_482257-123139.jpg" },
+        { id: "p3", name: "Business Portal", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/business-presentation-laptop-screen_53876-13516.jpg" },
+        { id: "p4", name: "E-Commerce Site", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/returning-item-online_23-2151952966.jpg" },
+        { id: "p5", name: "Inventory Manager", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/financial-manager-doing-accounting-work-pc-with-chroma-key-screen_482257-126417.jpg" },
+        { id: "p6", name: "Customer Dashboard", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/zoom-out-right-side_187299-45685.jpg" },
       ]}
       title="Sample Projects"
       description="Real world solutions built for our clients."
@@ -236,25 +115,10 @@ export default function LandingPage() {
       title="Contact Us"
       description="Let's innovate together. Reach us at 0706075259 or marvelbravin@gmail.com. We are located in Nairobi, Kenya."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Your Email", required: true },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Your Message",
-        rows: 4,
-        required: true,
-      }}
+      textarea={{ name: "message", placeholder: "Your Message", rows: 4, required: true }}
       imageSrc="http://img.b2bpic.net/free-photo/serious-businessman-headset-using-laptop_74855-3069.jpg"
     />
   </div>
@@ -263,30 +127,10 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
+          title: "Company",          items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }],
         },
         {
-          title: "Connect",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/254706075259",
-            },
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-          ],
+          title: "Connect",          items: [{ label: "WhatsApp", href: "https://wa.me/254706075259" }, { label: "LinkedIn", href: "#" }],
         },
       ]}
       bottomLeftText="© 2026 Marvel Tech Enterprise"