From d63d33a4ab520ce3435dea102fa4d6ce43c9bd25 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 06:31:14 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 328 ++++++++---------------------------------------
 1 file changed, 55 insertions(+), 273 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 355c9d8..43f62f5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Engineering",
-          id: "features",
-        },
-        {
-          name: "Projects",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Engineering", id: "features" },
+        { name: "Projects", id: "products" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="KodeCraft Co."
     />
@@ -59,99 +44,26 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="We Don’t Build Websites. We Engineer Digital Power."
       description="KodeCraft Co. blends high-performance engineering with luxury design to manifest your digital empire."
       testimonials={[
-        {
-          name: "Elena Vance",
-          handle: "@elena_v",
-          testimonial: "The digital power KodeCraft provided shifted our entire market perception overnight.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
-        },
-        {
-          name: "Marcus Thorne",
-          handle: "@mthorne",
-          testimonial: "Engineering at its finest. The 3D integration is simply unmatched in the industry.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hacker-secret-hideout-bypassing-firewalls-launching-ddos-attacks-websites-rogue_482257-135963.jpg",
-        },
-        {
-          name: "Sarah Chen",
-          handle: "@schen_lab",
-          testimonial: "Stepping into KodeCraft's ecosystem is like entering a new dimension of performance.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-man-cute-handsome-guy-dark-blue-suit-with-tie-smiling-with-phone_140725-161902.jpg",
-        },
-        {
-          name: "David Rossi",
-          handle: "@drossi",
-          testimonial: "Flawless execution. Our project metrics skyrocketed with their engineering approach.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-thoughtful-stylish-businessman-with-serious-face-elegant-formal-suit-glasses-isolated-dark-background_613910-19557.jpg",
-        },
-        {
-          name: "Alex Rivera",
-          handle: "@arivera",
-          testimonial: "A luxury tech experience that exceeded every single expectation we had.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3776.jpg",
-        },
+        { name: "Elena Vance", handle: "@elena_v", testimonial: "The digital power KodeCraft provided shifted our entire market perception overnight.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg" },
+        { name: "Marcus Thorne", handle: "@mthorne", testimonial: "Engineering at its finest. The 3D integration is simply unmatched in the industry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-hacker-secret-hideout-bypassing-firewalls-launching-ddos-attacks-websites-rogue_482257-135963.jpg" },
+        { name: "Sarah Chen", handle: "@schen_lab", testimonial: "Stepping into KodeCraft's ecosystem is like entering a new dimension of performance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-man-cute-handsome-guy-dark-blue-suit-with-tie-smiling-with-phone_140725-161902.jpg" },
+        { name: "David Rossi", handle: "@drossi", testimonial: "Flawless execution. Our project metrics skyrocketed with their engineering approach.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-thoughtful-stylish-businessman-with-serious-face-elegant-formal-suit-glasses-isolated-dark-background_613910-19557.jpg" },
+        { name: "Alex Rivera", handle: "@arivera", testimonial: "A luxury tech experience that exceeded every single expectation we had.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3776.jpg" },
       ]}
-      buttons={[
-        {
-          text: "Begin Engineering",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-extruding-white-hexagons_1048-13903.jpg?_wi=1"
+      buttons={[{ text: "Begin Engineering", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-extruding-white-hexagons_1048-13903.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-man-posing-studio_23-2149486813.jpg",
-          alt: "Executive Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-posing-indoors-side-view_23-2149486815.jpg",
-          alt: "Executive Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81859.jpg",
-          alt: "Executive Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-pensive-african-american-man-dressed-classic-brown-jacket-standing-studio-dark-background_613910-17787.jpg",
-          alt: "Executive Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg",
-          alt: "Executive Client 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "High-Performance Engineering",
-        },
-        {
-          type: "text",
-          text: "Luxury Digital Design",
-        },
-        {
-          type: "text",
-          text: "Precision Scalability",
-        },
-        {
-          type: "text",
-          text: "Neural AI Innovation",
-        },
-        {
-          type: "text",
-          text: "Global Digital Empire",
-        },
+        { src: "http://img.b2bpic.net/free-photo/front-view-man-posing-studio_23-2149486813.jpg", alt: "Executive Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/man-posing-indoors-side-view_23-2149486815.jpg", alt: "Executive Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81859.jpg", alt: "Executive Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-pensive-african-american-man-dressed-classic-brown-jacket-standing-studio-dark-background_613910-17787.jpg", alt: "Executive Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg", alt: "Executive Client 5" },
       ]}
+      marqueeItems={[{ type: "text", text: "High-Performance Engineering" }, { type: "text", text: "Luxury Digital Design" }, { type: "text", text: "Precision Scalability" }, { type: "text", text: "Neural AI Innovation" }, { type: "text", text: "Global Digital Empire" }]}
     />
   </div>
 
@@ -163,51 +75,28 @@ export default function LandingPage() {
       description="At KodeCraft, we treat every line of code as an element of a larger, intelligent brain. We prioritize precision and scalability to ensure your platform remains at the cutting edge of digital performance."
       subdescription="Our values are forged in the fires of high-performance tech: Innovation, Precision, and Persistence."
       icon={Database}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491099.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491099.jpg"
       mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardNine
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
         {
-          title: "Web Engineering",
-          description: "Interactive global platforms engineered with the latest 3D frameworks.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901770.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051276.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-extruding-white-hexagons_1048-13903.jpg?_wi=2",
-          imageAlt: "digital globe 3d web development",
+          title: "Web Engineering",          description: "Interactive global platforms engineered with the latest 3D frameworks.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901770.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051276.jpg" }
         },
         {
-          title: "App Simulation",
-          description: "High-velocity mobile applications built for responsive precision.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/clean-cartoon-phone-back-left-view_187299-36617.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/good-humored-brunette-woman-right-summer-dress-hat-using-smartphone-yellow-wall_291650-986.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491099.jpg?_wi=2",
-          imageAlt: "digital globe 3d web development",
+          title: "App Simulation",          description: "High-velocity mobile applications built for responsive precision.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/clean-cartoon-phone-back-left-view_187299-36617.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/good-humored-brunette-woman-right-summer-dress-hat-using-smartphone-yellow-wall_291650-986.jpg" }
         },
         {
-          title: "Neural AI Core",
-          description: "Adaptive intelligence that scales your business processes effortlessly.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/no-people-contemporary-building-exterior-skyscraper-design-concept_53876-124197.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-black-gold-laser-lights-perfect-digital-wallpaper_181624-23750.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/two-asian-colleagues-standing-by-window-with-charts-diagrams_1098-20207.jpg?_wi=1",
-          imageAlt: "digital globe 3d web development",
+          title: "Neural AI Core",          description: "Adaptive intelligence that scales your business processes effortlessly.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/no-people-contemporary-building-exterior-skyscraper-design-concept_53876-124197.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-black-gold-laser-lights-perfect-digital-wallpaper_181624-23750.jpg" }
         },
       ]}
       showStepNumbers={true}
@@ -223,48 +112,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Quantum Grid",
-          price: "High Precision",
-          variant: "Enterprise",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-asian-colleagues-standing-by-window-with-charts-diagrams_1098-20207.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          name: "Velocity Core",
-          price: "High Precision",
-          variant: "SaaS",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg",
-        },
-        {
-          id: "p3",
-          name: "Neural Nexus",
-          price: "High Precision",
-          variant: "AI",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-dark-connecting-dots-lines_1048-6127.jpg",
-        },
-        {
-          id: "p4",
-          name: "Cyber Shield",
-          price: "High Precision",
-          variant: "Security",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160267.jpg",
-        },
-        {
-          id: "p5",
-          name: "Logic Flow",
-          price: "High Precision",
-          variant: "Enterprise",
-          imageSrc: "http://img.b2bpic.net/free-photo/hands-touching-mobile-with-world-map_1232-1103.jpg",
-        },
-        {
-          id: "p6",
-          name: "Data Stream",
-          price: "High Precision",
-          variant: "Fintech",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-company-analyst-office-watching-business-presentation-pc_482257-118998.jpg",
-        },
+        { id: "p1", name: "Quantum Grid", price: "High Precision", variant: "Enterprise", imageSrc: "http://img.b2bpic.net/free-photo/two-asian-colleagues-standing-by-window-with-charts-diagrams_1098-20207.jpg" },
+        { id: "p2", name: "Velocity Core", price: "High Precision", variant: "SaaS", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg" },
+        { id: "p3", name: "Neural Nexus", price: "High Precision", variant: "AI", imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-dark-connecting-dots-lines_1048-6127.jpg" },
+        { id: "p4", name: "Cyber Shield", price: "High Precision", variant: "Security", imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160267.jpg" },
+        { id: "p5", name: "Logic Flow", price: "High Precision", variant: "Enterprise", imageSrc: "http://img.b2bpic.net/free-photo/hands-touching-mobile-with-world-map_1232-1103.jpg" },
+        { id: "p6", name: "Data Stream", price: "High Precision", variant: "Fintech", imageSrc: "http://img.b2bpic.net/free-photo/young-company-analyst-office-watching-business-presentation-pc_482257-118998.jpg" },
       ]}
       title="Project Showroom"
       description="Visualizing global impact through our interactive project map interface."
@@ -278,21 +131,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "99.99%",
-          description: "System Reliability",
-        },
-        {
-          id: "m2",
-          value: "500+",
-          description: "Nodes Deployed",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          description: "Continuous Monitoring",
-        },
+        { id: "m1", value: "99.99%", description: "System Reliability" },
+        { id: "m2", value: "500+", description: "Nodes Deployed" },
+        { id: "m3", value: "24/7", description: "Continuous Monitoring" },
       ]}
       title="Performance Standards"
       description="Our engineering stats defined by real-time precision."
@@ -303,31 +144,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t-1",
-          name: "Alex Rivera",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
-        },
-        {
-          id: "t-2",
-          name: "Elena Vance",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
-        },
-        {
-          id: "t-3",
-          name: "Marcus Thorne",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
-        },
-        {
-          id: "t-4",
-          name: "Sarah Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg",
-        },
-        {
-          id: "t-5",
-          name: "David Rossi",
-          imageSrc: "http://img.b2bpic.net/free-photo/overweight-man-glasses-wearing-black-t-shirt-holding-notebook-writing-something-with-serious-face-blue_141793-58544.jpg",
-        },
+        { id: "t-1", name: "Alex Rivera", imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg" },
+        { id: "t-2", name: "Elena Vance", imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg" },
+        { id: "t-3", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg" },
+        { id: "t-4", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg" },
+        { id: "t-5", name: "David Rossi", imageSrc: "http://img.b2bpic.net/free-photo/overweight-man-glasses-wearing-black-t-shirt-holding-notebook-writing-something-with-serious-face-blue_141793-58544.jpg" },
       ]}
       cardTitle="Client Manifestations"
       cardTag="Endorsements"
@@ -339,21 +160,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "What is KodeCraft engineering?",
-          content: "We bridge the gap between creative design and raw, high-performance logic.",
-        },
-        {
-          id: "q2",
-          title: "How do you handle scalability?",
-          content: "Our modular infrastructure design scales automatically with your usage requirements.",
-        },
-        {
-          id: "q3",
-          title: "Do you use AI?",
-          content: "Yes, we integrate bespoke neural AI cores into every complex platform we build.",
-        },
+        { id: "q1", title: "What is KodeCraft engineering?", content: "We bridge the gap between creative design and raw, high-performance logic." },
+        { id: "q2", title: "How do you handle scalability?", content: "Our modular infrastructure design scales automatically with your usage requirements." },
+        { id: "q3", title: "Do you use AI?", content: "Yes, we integrate bespoke neural AI cores into every complex platform we build." },
       ]}
       sideTitle="Tech Lab Queries"
       sideDescription="Get answers on our engineering process."
@@ -364,17 +173,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Ready to Engineer?"
       title="Start Your Project"
       description="The gold button pulses for a reason. Connect with our engineering lab now."
-      buttons={[
-        {
-          text: "Initiate Connection",
-        },
-      ]}
+      buttons={[{ text: "Initiate Connection" }]}
     />
   </div>
 
@@ -382,42 +185,21 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Projects",
-              href: "#products",
-            },
+          title: "Company",          items: [
+            { label: "About", href: "#about" },
+            { label: "Projects", href: "#products" },
           ],
         },
         {
-          title: "Engineering",
-          items: [
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Tech Stack",
-              href: "#",
-            },
+          title: "Engineering",          items: [
+            { label: "Services", href: "#features" },
+            { label: "Tech Stack", href: "#" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Ethics",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy", href: "#" },
+            { label: "Ethics", href: "#" },
           ],
         },
       ]}
-- 
2.49.1