From 03179bc838f3c70d3344252b02015b4c72451048 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 18:54:36 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 355 ++++++++---------------------------------------
 1 file changed, 59 insertions(+), 296 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f28efe1..295db68 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,7 +13,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, TrendingUp, Users } from "lucide-react";
+import { Award, TrendingUp, Users, Zap, Target, Code } 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: "#services",
-        },
-        {
-          name: "Process",
-          id: "#process",
-        },
-        {
-          name: "Work",
-          id: "#work",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Services", id: "#services" },
+        { name: "Process", id: "#process" },
+        { name: "Work", id: "#work" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="CREATIVITY"
     />
@@ -56,105 +44,38 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Architecting Digital Experiences."
       description="We blend high-end design with robust engineering to build brands that lead the market."
       leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/billboard-with-fake-news-message_23-2148876043.jpg?_wi=1",
-          imageAlt: "Hero Showcase 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012355.jpg?_wi=1",
-          imageAlt: "Hero Showcase 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg?_wi=1",
-          imageAlt: "Hero Showcase 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room-with-clean-design-decoration-generative-ai_188544-8725.jpg?_wi=1",
-          imageAlt: "Hero Showcase 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-digital-tablet-technology_23-2149491798.jpg",
-          imageAlt: "Hero Showcase 5",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/billboard-with-fake-news-message_23-2148876043.jpg", imageAlt: "Hero Showcase 1" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012355.jpg", imageAlt: "Hero Showcase 2" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg", imageAlt: "Hero Showcase 3" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room-with-clean-design-decoration-generative-ai_188544-8725.jpg", imageAlt: "Hero Showcase 4" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/woman-using-digital-tablet-technology_23-2149491798.jpg", imageAlt: "Hero Showcase 5" },
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing_23-2149551296.jpg",
-          imageAlt: "Hero Showcase 6",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/billboard-with-fake-news-message_23-2148876043.jpg?_wi=2",
-          imageAlt: "Hero Showcase 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012355.jpg?_wi=2",
-          imageAlt: "Hero Showcase 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg?_wi=2",
-          imageAlt: "Hero Showcase 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room-with-clean-design-decoration-generative-ai_188544-8725.jpg?_wi=2",
-          imageAlt: "Hero Showcase 4",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Start Project",
-          href: "#contact",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing_23-2149551296.jpg", imageAlt: "Hero Showcase 6" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/billboard-with-fake-news-message_23-2148876043.jpg", imageAlt: "Hero Showcase 1" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012355.jpg", imageAlt: "Hero Showcase 2" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg", imageAlt: "Hero Showcase 3" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room-with-clean-design-decoration-generative-ai_188544-8725.jpg", imageAlt: "Hero Showcase 4" },
       ]}
+      buttons={[{ text: "Start Project", href: "#contact" }]}
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "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",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012405.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-woman-with-short-hair-bright-lips-glasses-smiling-outside-trendy-lady-black-clothes-posing-stairs_197531-19325.jpg",
-          alt: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg", alt: "Client 2" },
+        { src: "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", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012405.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/positive-woman-with-short-hair-bright-lips-glasses-smiling-outside-trendy-lady-black-clothes-posing-stairs_197531-19325.jpg", alt: "Client 5" },
       ]}
       avatarText="Trusted by 50+ global partners"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Design",
-        },
-        {
-          type: "text",
-          text: "Development",
-        },
-        {
-          type: "text",
-          text: "Strategy",
-        },
-        {
-          type: "text",
-          text: "Branding",
-        },
-        {
-          type: "text",
-          text: "Analytics",
-        },
+        { type: "text", text: "Design" },
+        { type: "text", text: "Development" },
+        { type: "text", text: "Strategy" },
+        { type: "text", text: "Branding" },
+        { type: "text", text: "Analytics" },
       ]}
     />
   </div>
@@ -166,36 +87,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Web Design",
-          description: "High-fidelity prototypes and custom UI/UX solutions.",
-          bentoComponent: "media-stack",
-          items: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/abstract-fractal-geometric-figure-background-with-texture_1194-400091.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037209.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/research-word-blue-text-style_53876-124839.jpg?_wi=1",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/billboard-with-fake-news-message_23-2148876043.jpg?_wi=3",
-          imageAlt: "web design agency professional mockup",
+          title: "Web Design",          description: "High-fidelity prototypes and custom UI/UX solutions.",          bentoComponent: "media-stack",          items: [
+            { imageSrc: "http://img.b2bpic.net/free-photo/abstract-fractal-geometric-figure-background-with-texture_1194-400091.jpg" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037209.jpg" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/research-word-blue-text-style_53876-124839.jpg" },
+          ]
         },
         {
-          title: "Development",
-          description: "Robust, scalable codebases and custom digital systems.",
-          bentoComponent: "globe",
-          imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012355.jpg?_wi=3",
-          imageAlt: "abstract geometric tech background",
+          title: "Development",          description: "Robust, scalable codebases and custom digital systems.",          bentoComponent: "globe"
         },
         {
-          title: "Analytics",
-          description: "Deep insights and performance monitoring.",
-          bentoComponent: "line-chart",
-          imageSrc: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg?_wi=3",
-          imageAlt: "saas dashboard interface design",
+          title: "Analytics",          description: "Deep insights and performance monitoring.",          bentoComponent: "line-chart"
         },
       ]}
       title="Core Capabilities"
@@ -208,24 +110,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Discovery",
-          description: "Deep dive into your brand goals.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-fractal-geometric-figure-background-with-texture_1194-400091.jpg?_wi=2",
-          buttonIcon: "Zap",
-        },
-        {
-          title: "Strategy",
-          description: "Mapping the path to growth.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037209.jpg?_wi=2",
-          buttonIcon: "Target",
-        },
-        {
-          title: "Execution",
-          description: "Precision engineering and craft.",
-          imageSrc: "http://img.b2bpic.net/free-photo/research-word-blue-text-style_53876-124839.jpg?_wi=2",
-          buttonIcon: "Code",
-        },
+        { title: "Discovery", description: "Deep dive into your brand goals.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-fractal-geometric-figure-background-with-texture_1194-400091.jpg", buttonIcon: Zap },
+        { title: "Strategy", description: "Mapping the path to growth.", imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037209.jpg", buttonIcon: Target },
+        { title: "Execution", description: "Precision engineering and craft.", imageSrc: "http://img.b2bpic.net/free-photo/research-word-blue-text-style_53876-124839.jpg", buttonIcon: Code },
       ]}
       title="Our Design Logic"
       description="A refined process built on clarity, iteration, and precision."
@@ -239,26 +126,11 @@ export default function LandingPage() {
       rating={5}
       author="Marcus Thorne"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "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",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012405.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-woman-with-short-hair-bright-lips-glasses-smiling-outside-trendy-lady-black-clothes-posing-stairs_197531-19325.jpg",
-          alt: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg", alt: "Client 2" },
+        { src: "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", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012405.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/positive-woman-with-short-hair-bright-lips-glasses-smiling-outside-trendy-lady-black-clothes-posing-stairs_197531-19325.jpg", alt: "Client 5" },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -272,27 +144,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          title: "Projects",
-          description: "Delivered successfully.",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          value: "20%",
-          title: "Growth",
-          description: "Average conversion increase.",
-          icon: TrendingUp,
-        },
-        {
-          id: "m3",
-          value: "95%",
-          title: "Retention",
-          description: "Our long-term partners.",
-          icon: Users,
-        },
+        { id: "m1", value: "150+", title: "Projects", description: "Delivered successfully.", icon: Award },
+        { id: "m2", value: "20%", title: "Growth", description: "Average conversion increase.", icon: TrendingUp },
+        { id: "m3", value: "95%", title: "Retention", description: "Our long-term partners.", icon: Users },
       ]}
       title="Agency Impact"
       description="Concrete metrics driving meaningful business outcomes."
@@ -304,24 +158,8 @@ export default function LandingPage() {
       animationType="depth-3d"
       textboxLayout="split"
       useInvertedBackground={true}
-      negativeCard={{
-        items: [
-          "Design debt",
-          "Poor documentation",
-          "Slow turnaround",
-          "Lack of vision",
-          "Outdated tech",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Scalable architecture",
-          "Clear communication",
-          "Rapid deployment",
-          "Modern stack",
-          "Performance first",
-        ],
-      }}
+      negativeCard={{ items: ["Design debt", "Poor documentation", "Slow turnaround", "Lack of vision", "Outdated tech"] }}
+      positiveCard={{ items: ["Scalable architecture", "Clear communication", "Rapid deployment", "Modern stack", "Performance first"] }}
       title="Why Choose Us"
       description="Bridging the gap between creative vision and technical excellence."
     />
@@ -333,30 +171,10 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       team={[
-        {
-          id: "t1",
-          name: "Elena Ross",
-          role: "Creative Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/contemporary-home-office-urban-apartment-decorated-with-wooden-furniture_482257-120750.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sam Chen",
-          role: "Art Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg",
-        },
-        {
-          id: "t3",
-          name: "Liam Scott",
-          role: "Lead Developer",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-pro-gamer-streaming-game-while-talking-with-subscribers-using-headphones-mic_482257-116250.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sarah J.",
-          role: "Digital Strategist",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-brown-wall-background-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-72315.jpg",
-        },
+        { id: "t1", name: "Elena Ross", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-home-office-urban-apartment-decorated-with-wooden-furniture_482257-120750.jpg" },
+        { id: "t2", name: "Sam Chen", role: "Art Director", imageSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg" },
+        { id: "t3", name: "Liam Scott", role: "Lead Developer", imageSrc: "http://img.b2bpic.net/free-photo/happy-pro-gamer-streaming-game-while-talking-with-subscribers-using-headphones-mic_482257-116250.jpg" },
+        { id: "t4", name: "Sarah J.", role: "Digital Strategist", imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-brown-wall-background-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-72315.jpg" },
       ]}
       title="Our Collective"
       description="Meet the creators behind the digital experiences."
@@ -368,21 +186,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "How long do projects take?",
-          content: "Depending on complexity, between 4-12 weeks.",
-        },
-        {
-          id: "f2",
-          title: "Do you work with startups?",
-          content: "Yes, we specialize in high-growth startup ecosystems.",
-        },
-        {
-          id: "f3",
-          title: "Can you handle maintenance?",
-          content: "We offer dedicated post-launch support plans.",
-        },
+        { id: "f1", title: "How long do projects take?", content: "Depending on complexity, between 4-12 weeks." },
+        { id: "f2", title: "Do you work with startups?", content: "Yes, we specialize in high-growth startup ecosystems." },
+        { id: "f3", title: "Can you handle maintenance?", content: "We offer dedicated post-launch support plans." },
       ]}
       title="Frequently Asked"
       description="Clear answers to help you get started on your next project."
@@ -393,63 +199,20 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Let's Talk"
       title="Ready for your next digital leap?"
       description="Get in touch for a comprehensive strategy consultation today."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Get Started", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Work",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Design",
-              href: "#",
-            },
-            {
-              label: "Development",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Work", href: "#" }] },
+        { title: "Services", items: [{ label: "Design", href: "#" }, { label: "Development", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
     />
   </div>
-- 
2.49.1