From af298e87ba5e9e3cf863965a4050e008c2766d73 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 4 Mar 2026 13:48:28 +0000
Subject: [PATCH] Update src/app/portfolio/page.tsx

---
 src/app/portfolio/page.tsx | 111 ++++++++++++++++++++++++-------------
 1 file changed, 72 insertions(+), 39 deletions(-)

diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index 7bcae4f..1f3b8f5 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -3,11 +3,12 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
 import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
-import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
-import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
+import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
+import ContactText from "@/components/sections/contact/ContactText";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { Award, TrendingUp, Sparkles, CheckCircle, Zap } from "lucide-react";
+import { TrendingUp, CheckCircle, Award } from "lucide-react";
 
 export default function PortfolioPage() {
   const navItems = [
@@ -71,60 +72,92 @@ export default function PortfolioPage() {
         />
       </div>
 
-      <div id="portfolio-companies" data-section="portfolio-companies">
+      <div id="hero" data-section="hero">
+        <HeroBillboardGallery
+          title="Our Investment Portfolio"
+          description="Explore our curated collection of high-growth software companies transforming their industries through innovation, strategic execution, and market leadership."
+          background={{ variant: "radial-gradient" }}
+          tag="Portfolio Companies"
+          tagIcon={TrendingUp}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Learn More", href: "/" },
+            { text: "Get in Touch", href: "/contact" },
+          ]}
+          buttonAnimation="slide-up"
+          mediaItems={[
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-modern-software-dashboard-interface-wi-1772553611162-73b27e4b.png",              imageAlt: "Portfolio dashboard"},
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/an-abstract-representation-of-investment-1772553609700-a25ad7ad.png?_wi=1",              imageAlt: "Portfolio growth visualization"},
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-sleek-mobile-app-interface-or-software-1772553610174-e1621058.png?_wi=1",              imageAlt: "Software portfolio companies"},
+          ]}
+          mediaAnimation="blur-reveal"
+        />
+      </div>
+
+      <div id="featured" data-section="featured">
         <FeatureCardTwentySeven
-          title="Portfolio Highlights"
-          description="Market-leading software companies across AI/ML, SaaS, Fintech, and Developer Tools generating exceptional returns."
+          title="Featured Companies"
+          description="Spotlight on our most promising portfolio companies driving innovation across key sectors."
           features={[
             {
-              id: "portfolio-1",              title: "CloudSync - Enterprise SaaS",              description: "Leading cloud infrastructure platform serving 5,000+ enterprise customers. Scaled from $5M to $85M ARR under our partnership. Category leader in data synchronization with 98% NRR.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-sleek-mobile-app-interface-or-software-1772553610174-e1621058.png?_wi=3",              imageAlt: "CloudSync platform"},
+              id: "cloudync",              title: "CloudSync - Enterprise SaaS",              description: "Cloud-native collaboration platform enabling distributed teams to work seamlessly. Achieved 3x growth in enterprise accounts with our strategic guidance and network expansion.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-cloud-based-platform-interface-showing-1772553609943-56e36dca.png?_wi=1",              imageAlt: "CloudSync platform"},
             {
-              id: "portfolio-2",              title: "DataViz AI - AI/ML Platform",              description: "Generative AI platform for data analytics processing 2B+ data points daily. Serving Fortune 500 companies with enterprise-grade insights. Recently valued at $1.2B in Series C.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-cloud-based-platform-interface-showing-1772553609943-56e36dca.png?_wi=3",              imageAlt: "DataViz AI analytics"},
+              id: "dataviz-ai",              title: "DataViz AI - Artificial Intelligence",              description: "Advanced data visualization and AI analytics platform. Processing 2B+ data points daily for Fortune 500 companies with market-leading accuracy and speed.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-sleek-mobile-app-interface-or-software-1772553610174-e1621058.png?_wi=2",              imageAlt: "DataViz AI interface"},
             {
-              id: "portfolio-3",              title: "PaymentHub - Fintech",              description: "Global payment orchestration platform processing $10B+ annual volume across 34 countries. Connecting enterprise merchants with optimal payment routes. Recent exit target at 5.2x MOIC.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-fintech-or-investment-application-inte-1772553610749-42f208b2.png?_wi=3",              imageAlt: "PaymentHub interface"},
+              id: "paymenthub",              title: "PaymentHub - Financial Technology",              description: "Global payments and fintech infrastructure. Operating in 34 countries and processing $10B+ annual transaction volume with industry-leading compliance and security.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-fintech-or-investment-application-inte-1772553610749-42f208b2.png?_wi=1",              imageAlt: "PaymentHub platform"},
             {
-              id: "portfolio-4",              title: "DevFlow - Developer Tools",              description: "Infrastructure-as-code platform used by 50,000+ developers worldwide. Enterprise adoption with 150+ Fortune 500 companies. Strong unit economics with 3.5x ARR growth trajectory.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/an-abstract-representation-of-investment-1772553609700-a25ad7ad.png?_wi=4",              imageAlt: "DevFlow developer tools"},
+              id: "devflow",              title: "DevFlow - Developer Tools",              description: "Developer productivity platform used by 50,000+ engineers. Reduces development cycle time by 40% with intelligent automation and seamless CI/CD integration.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/an-abstract-representation-of-investment-1772553609700-a25ad7ad.png?_wi=2",              imageAlt: "DevFlow dashboard"},
           ]}
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="portfolio-testimonials" data-section="portfolio-testimonials">
-        <TestimonialCardFive
-          title="Portfolio Company Success Stories"
-          description="Hear directly from our portfolio company leaders about their growth journey with InvestTech Capital."
-          tag="Founder Testimonials"
-          tagIcon={Award}
-          testimonials={[
-            {
-              id: "1",              name: "Alex Kumar, CEO of CloudSync",              date: "Date: 15 January 2025",              title: "Strategic Partner in Our Growth Journey",              quote: "InvestTech Capital didn't just provide capital—they provided strategic guidance, industry connections, and operational expertise. We scaled from $5M to $85M ARR in three years with their support.",              tag: "Enterprise SaaS",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/small-professional-avatar-portrait-of-a--1772553608961-5c46360a.png",              avatarAlt: "Alex Kumar",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/portrait-photograph-of-a-successful-entr-1772553611001-d039dc1c.png?_wi=3",              imageAlt: "Alex Kumar"},
-            {
-              id: "2",              name: "Emma Zhang, Founder of DataViz AI",              date: "Date: 8 December 2024",              title: "Exceptional Value Beyond Capital",              quote: "Their deep understanding of the AI/ML space and connections to enterprise buyers accelerated our product-market fit significantly. We're now processing 2B+ data points daily.",              tag: "AI/ML Platform",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/small-professional-portrait-suitable-for-1772553608898-dd75cd90.png",              avatarAlt: "Emma Zhang",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-photograph-of-a-corporate-e-1772553609608-05a41498.png?_wi=3",              imageAlt: "Emma Zhang"},
-            {
-              id: "3",              name: "James Wilson, Co-founder of PaymentHub",              date: "Date: 22 November 2024",              title: "Catalysts for Our International Expansion",              quote: "Their network of global partners and market expertise opened doors we couldn't access alone. We've now expanded to 34 countries and process over $10B in annual transaction volume.",              tag: "Fintech",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-small-portrait-for-testimon-1772553608344-8531a80f.png",              avatarAlt: "James Wilson",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-business-portrait-of-an-inv-1772553609922-b6fae774.png?_wi=2",              imageAlt: "James Wilson"},
-          ]}
+      <div id="blog" data-section="blog">
+        <BlogCardTwo
+          title="Portfolio Insights & Updates"
+          description="Latest news, case studies, and insights from our portfolio companies and investment strategy."
+          animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
+          carouselMode="buttons"
+          blogs={[
+            {
+              id: "1",              category: ["Case Study", "Enterprise SaaS"],
+              title: "How CloudSync Scaled to $85M ARR",              excerpt: "A deep dive into the strategic decisions, market expansion, and product innovation that enabled CloudSync to achieve rapid scale and become a market leader in enterprise collaboration.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-cloud-based-platform-interface-showing-1772553609943-56e36dca.png?_wi=1",              imageAlt: "CloudSync case study",              authorName: "Sarah Chen",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-confident-inv-1772553609431-52affeb0.png",              date: "15 January 2025"},
+            {
+              id: "2",              category: ["Investment Thesis", "AI/ML"],
+              title: "The Future of Enterprise AI: Our Investment Strategy",              excerpt: "Why we believe AI/ML platforms represent the next frontier in software investment. Analysis of market trends, competitive dynamics, and the characteristics of category winners.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-sleek-mobile-app-interface-or-software-1772553610174-e1621058.png?_wi=2",              imageAlt: "AI Investment thesis",              authorName: "Michael Rodriguez",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-portrait-of-a-tech-entrepre-1772553608817-8f9093d2.png",              date: "8 January 2025"},
+            {
+              id: "3",              category: ["Portfolio Update", "Fintech"],
+              title: "PaymentHub Announces $500M Series C Funding",              excerpt: "Our fintech portfolio company announces major fundraising milestone enabling global expansion, new product development, and strategic M&A activities across emerging markets.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-fintech-or-investment-application-inte-1772553610749-42f208b2.png?_wi=1",              imageAlt: "PaymentHub Series C",              authorName: "Jennifer Park",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-finance-exper-1772553609578-1bbbc6e0.png",              date: "2 January 2025"},
+            {
+              id: "4",              category: ["Market Analysis", "Developer Tools"],
+              title: "The Rise of Developer-First Software Companies",              excerpt: "Examining why developer tools represent one of the most attractive software market segments. Insights into distribution, monetization, and defensibility of platform companies.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/an-abstract-representation-of-investment-1772553609700-a25ad7ad.png?_wi=2",              imageAlt: "Developer tools market",              authorName: "David Thompson",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-portrait-of-a-software-deve-1772553609370-41720039.png",              date: "25 December 2024"},
+            {
+              id: "5",              category: ["Success Story", "Enterprise SaaS"],
+              title: "From Startup to Market Leader: The DevFlow Journey",              excerpt: "How our investment team helped DevFlow navigate market dynamics, build enterprise sales motion, and achieve category leadership in just 36 months from Series A.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/a-cloud-based-platform-interface-showing-1772553609943-56e36dca.png?_wi=2",              imageAlt: "DevFlow journey",              authorName: "Sarah Chen",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-confident-inv-1772553609431-52affeb0.png",              date: "20 December 2024"},
+            {
+              id: "6",              category: ["Industry News", "Technology"],
+              title: "Q4 2024 Tech Investment Trends & Outlook",              excerpt: "Our latest quarterly analysis of venture capital trends, market valuations, exit activity, and investment themes shaping software investment in 2025.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/an-abstract-representation-of-investment-1772553609700-a25ad7ad.png?_wi=3",              imageAlt: "Q4 2024 trends",              authorName: "Michael Rodriguez",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-portrait-of-a-tech-entrepre-1772553608817-8f9093d2.png",              date: "15 December 2024"},
+          ]}
         />
       </div>
 
-      <div id="portfolio-metrics" data-section="portfolio-metrics">
-        <MetricCardThree
-          title="Portfolio Performance Metrics"
-          description="Aggregated results demonstrating the strength and scale of our current portfolio."
-          metrics={[
-            { id: "combined-arr", icon: TrendingUp, title: "Combined Annual Revenue", value: "$3.2B+" },
-            { id: "employees", icon: Zap, title: "Total Employees", value: "12,500+" },
-            { id: "customers", icon: CheckCircle, title: "Enterprise Customers", value: "15,000+" },
-            {
-              id: "valuations",              icon: Sparkles,
-              title: "Avg Portfolio Valuation",              value: "$850M"},
+      <div id="contact" data-section="contact">
+        <ContactText
+          text="Interested in learning more about our portfolio or exploring investment opportunities? Our team is here to discuss how we can support your company's growth journey."
+          animationType="background-highlight"
+          buttons={[
+            { text: "Schedule Meeting", href: "/contact" },
+            { text: "Investment Inquiry", href: "/contact" },
           ]}
-          animationType="slide-up"
-          textboxLayout="default"
+          background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
         />
       </div>
@@ -137,4 +170,4 @@ export default function PortfolioPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}