From 54f7441b46688b563d0f91a8284392a7aaaa2136 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 12 Jun 2026 21:34:54 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 212 ++++++++++-------------------------------------
 1 file changed, 44 insertions(+), 168 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ed7307e..0d95774 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "Projects",
-          id: "#projects",
-        },
+          name: "Projects",          id: "#projects"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="3D Dev Portfolio"
       bottomLeftText="Global Community"
@@ -69,9 +57,7 @@ export default function LandingPage() {
       description="Interactive 3D portfolio showcasing fullstack web development and custom programming solutions. Explore my work in immersive, next-generation design."
       buttons={[
         {
-          text: "Explore My Projects",
-          href: "#projects",
-        },
+          text: "Explore My Projects",          href: "#projects"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg"
       imageAlt="Abstract 3D digital environment representing web development"
@@ -97,24 +83,16 @@ export default function LandingPage() {
       features={[
         {
           icon: Box,
-          title: "Interactive 3D Experiences",
-          description: "Crafting immersive 3D web applications and interactive visualizations that engage users on a new level.",
-        },
+          title: "Interactive 3D Experiences",          description: "Crafting immersive 3D web applications and interactive visualizations that engage users on a new level."},
         {
           icon: Code,
-          title: "Full-Stack Development",
-          description: "Building robust and scalable backend systems paired with cutting-edge front-end interfaces for seamless performance.",
-        },
+          title: "Full-Stack Development",          description: "Building robust and scalable backend systems paired with cutting-edge front-end interfaces for seamless performance."},
         {
           icon: Globe,
-          title: "Custom Web Solutions",
-          description: "Developing bespoke web platforms and applications tailored to your unique business needs and user demands.",
-        },
+          title: "Custom Web Solutions",          description: "Developing bespoke web platforms and applications tailored to your unique business needs and user demands."},
         {
           icon: Zap,
-          title: "Performance Optimization",
-          description: "Ensuring lightning-fast load times and smooth interactions across all devices and browsers.",
-        },
+          title: "Performance Optimization",          description: "Ensuring lightning-fast load times and smooth interactions across all devices and browsers."},
       ]}
       title="My Core Services"
       description="Specializing in unique web solutions, I offer a range of services designed to bring your vision to life with interactive and performant technology."
@@ -129,47 +107,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "project-1",
-          name: "Interactive Data Dashboard",
-          price: "Web App",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-office-multinational-company-showcases-charts-insight-night-forecast-data-display_482257-136491.jpg",
-          imageAlt: "Interactive 3D Data Dashboard",
-        },
+          id: "project-1",          name: "Interactive Data Dashboard",          price: "Web App",          imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-office-multinational-company-showcases-charts-insight-night-forecast-data-display_482257-136491.jpg",          imageAlt: "Interactive 3D Data Dashboard"},
         {
-          id: "project-2",
-          name: "3D E-commerce Platform",
-          price: "Web App",
-          imageSrc: "http://img.b2bpic.net/free-photo/virtual-reality-shopping-experience_23-2151952989.jpg",
-          imageAlt: "3D E-commerce Platform with product viewer",
-        },
+          id: "project-2",          name: "3D E-commerce Platform",          price: "Web App",          imageSrc: "http://img.b2bpic.net/free-photo/virtual-reality-shopping-experience_23-2151952989.jpg",          imageAlt: "3D E-commerce Platform with product viewer"},
         {
-          id: "project-3",
-          name: "Browser-based VR Experience",
-          price: "Web App",
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-with-virtual-glasses-surprised-expression_1194-2915.jpg",
-          imageAlt: "Virtual reality experience in a web browser",
-        },
+          id: "project-3",          name: "Browser-based VR Experience",          price: "Web App",          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-with-virtual-glasses-surprised-expression_1194-2915.jpg",          imageAlt: "Virtual reality experience in a web browser"},
         {
-          id: "project-4",
-          name: "Real-time Analytics Visualizer",
-          price: "Web App",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884879.jpg",
-          imageAlt: "Real-time analytics dashboard with 3D graphs",
-        },
+          id: "project-4",          name: "Real-time Analytics Visualizer",          price: "Web App",          imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884879.jpg",          imageAlt: "Real-time analytics dashboard with 3D graphs"},
         {
-          id: "project-5",
-          name: "Artist's 3D Portfolio",
-          price: "Website",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345456.jpg",
-          imageAlt: "Portfolio website for a 3D artist",
-        },
+          id: "project-5",          name: "Artist's 3D Portfolio",          price: "Website",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345456.jpg",          imageAlt: "Portfolio website for a 3D artist"},
         {
-          id: "project-6",
-          name: "Collaborative AR Web App",
-          price: "Web App",
-          imageSrc: "http://img.b2bpic.net/free-photo/glow-digital-blue-community-enjoying_1134-1373.jpg",
-          imageAlt: "Augmented reality web application",
-        },
+          id: "project-6",          name: "Collaborative AR Web App",          price: "Web App",          imageSrc: "http://img.b2bpic.net/free-photo/glow-digital-blue-community-enjoying_1134-1373.jpg",          imageAlt: "Augmented reality web application"},
       ]}
       title="Featured Projects"
       description="Discover a selection of my latest interactive web projects, demonstrating a blend of artistic design and technical precision."
@@ -180,31 +128,14 @@ export default function LandingPage() {
       <MetricCardEleven
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="slide-up"
       metrics={[
         {
-          id: "metric-1",
-          value: "95%",
-          title: "Client Satisfaction",
-          description: "Consistently delivering projects that exceed client expectations and foster long-term partnerships.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-hand-adding-removing-rating-star_107791-16382.jpg",
-          imageAlt: "Client satisfaction icon",
-        },
+          id: "metric-1",          value: "95%",          title: "Client Satisfaction",          description: "Consistently delivering projects that exceed client expectations and foster long-term partnerships.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-hand-adding-removing-rating-star_107791-16382.jpg",          imageAlt: "Client satisfaction icon"},
         {
-          id: "metric-2",
-          value: "50+",
-          title: "Projects Completed",
-          description: "A diverse portfolio of successfully launched web applications and interactive experiences.",
-          imageSrc: "http://img.b2bpic.net/free-photo/battery-full-sign-left-side-with-white-background_187299-39724.jpg",
-          imageAlt: "Projects completed icon",
-        },
+          id: "metric-2",          value: "50+",          title: "Projects Completed",          description: "A diverse portfolio of successfully launched web applications and interactive experiences.",          imageSrc: "http://img.b2bpic.net/free-photo/battery-full-sign-left-side-with-white-background_187299-39724.jpg",          imageAlt: "Projects completed icon"},
         {
-          id: "metric-3",
-          value: "10+",
-          title: "Years of Experience",
-          description: "A decade of expertise in full-stack development, 3D web technologies, and innovative design.",
-          imageSrc: "http://img.b2bpic.net/free-vector/abstract-lineal-logo-collection_23-2148452109.jpg",
-          imageAlt: "Years of experience icon",
-        },
+          id: "metric-3",          value: "10+",          title: "Years of Experience",          description: "A decade of expertise in full-stack development, 3D web technologies, and innovative design.",          imageSrc: "http://img.b2bpic.net/free-vector/abstract-lineal-logo-collection_23-2148452109.jpg",          imageAlt: "Years of experience icon"},
       ]}
       title="Achieving Excellence"
       description="Quantifiable results that highlight the impact and success of my development work."
@@ -216,35 +147,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Johnson",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
-          imageAlt: "Sarah Johnson, CEO",
-        },
+          id: "1",          name: "Sarah Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",          imageAlt: "Sarah Johnson, CEO"},
         {
-          id: "2",
-          name: "Michael Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138822.jpg",
-          imageAlt: "Michael Chen, Founder",
-        },
+          id: "2",          name: "Michael Chen",          imageSrc: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138822.jpg",          imageAlt: "Michael Chen, Founder"},
         {
-          id: "3",
-          name: "Emily Rodriguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg",
-          imageAlt: "Emily Rodriguez, Marketing Director",
-        },
+          id: "3",          name: "Emily Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg",          imageAlt: "Emily Rodriguez, Marketing Director"},
         {
-          id: "4",
-          name: "David Kim",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-freelancer-using-computer-plan-financial-analysis-with-business-charts-statistics-working-online-network-economy-growth-office-employee-planning-growth-strategy-close-up_482257-40931.jpg",
-          imageAlt: "David Kim, Product Manager",
-        },
+          id: "4",          name: "David Kim",          imageSrc: "http://img.b2bpic.net/free-photo/male-freelancer-using-computer-plan-financial-analysis-with-business-charts-statistics-working-online-network-economy-growth-office-employee-planning-growth-strategy-close-up_482257-40931.jpg",          imageAlt: "David Kim, Product Manager"},
         {
-          id: "5",
-          name: "Alex Lee",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-tablet_23-2148718088.jpg",
-          imageAlt: "Alex Lee, Lead UI/UX Designer",
-        },
+          id: "5",          name: "Alex Lee",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-tablet_23-2148718088.jpg",          imageAlt: "Alex Lee, Lead UI/UX Designer"},
       ]}
       cardTitle="What Clients Say"
       cardTag="Trusted by Innovators"
@@ -258,20 +169,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq-1",
-          title: "What kind of 3D web experiences do you create?",
-          content: "I specialize in creating interactive product configurators, immersive portfolio showcases, data visualizations, and custom 3D environments, all running smoothly in the browser.",
-        },
+          id: "faq-1",          title: "What kind of 3D web experiences do you create?",          content: "I specialize in creating interactive product configurators, immersive portfolio showcases, data visualizations, and custom 3D environments, all running smoothly in the browser."},
         {
-          id: "faq-2",
-          title: "What is your typical project timeline?",
-          content: "Project timelines vary depending on complexity and scope. A typical project can range from 4-12 weeks, with clear milestones and regular communication throughout.",
-        },
+          id: "faq-2",          title: "What is your typical project timeline?",          content: "Project timelines vary depending on complexity and scope. A typical project can range from 4-12 weeks, with clear milestones and regular communication throughout."},
         {
-          id: "faq-3",
-          title: "How do you handle client communication and feedback?",
-          content: "I prioritize transparent and consistent communication. We'll use a dedicated project management tool, regular video calls, and iterative feedback loops to ensure alignment.",
-        },
+          id: "faq-3",          title: "How do you handle client communication and feedback?",          content: "I prioritize transparent and consistent communication. We'll use a dedicated project management tool, regular video calls, and iterative feedback loops to ensure alignment."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/corporate-employee-working-overhours-marketing-project_482257-77551.jpg"
       imageAlt="Professionals discussing around a holographic interface"
@@ -286,8 +188,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       tag="Get in Touch"
       title="Let's Build Something Amazing"
       description="Ready to transform your ideas into an immersive web experience? Contact me today to discuss your project."
@@ -306,62 +207,37 @@ export default function LandingPage() {
       logoText="3D Dev Portfolio"
       columns={[
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "3D Experiences",
-              href: "#services",
-            },
+              label: "3D Experiences",              href: "#services"},
             {
-              label: "Full-Stack Dev",
-              href: "#services",
-            },
+              label: "Full-Stack Dev",              href: "#services"},
             {
-              label: "Custom Solutions",
-              href: "#services",
-            },
+              label: "Custom Solutions",              href: "#services"},
             {
-              label: "Optimization",
-              href: "#services",
-            },
+              label: "Optimization",              href: "#services"},
           ],
         },
         {
-          title: "Projects",
-          items: [
+          title: "Projects",          items: [
             {
-              label: "Data Dashboards",
-              href: "#projects",
-            },
+              label: "Data Dashboards",              href: "#projects"},
             {
-              label: "E-commerce",
-              href: "#projects",
-            },
+              label: "E-commerce",              href: "#projects"},
             {
-              label: "VR/AR Web",
-              href: "#projects",
-            },
+              label: "VR/AR Web",              href: "#projects"},
             {
-              label: "Art Portfolios",
-              href: "#projects",
-            },
+              label: "Art Portfolios",              href: "#projects"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
           ],
         },
       ]}
-- 
2.49.1