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

---
 src/app/page.tsx | 539 +++++++++++++++--------------------------------
 1 file changed, 166 insertions(+), 373 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2446866..3f4d6bf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,390 +17,183 @@ import { Clock, Database, Target, TrendingUp, Users } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-stagger"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="small"
-        sizing="large"
-        background="none"
-        cardStyle="solid"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="solid"
-        headingFontWeight="bold"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="large"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Skills",
-          id: "features",
-        },
-        {
-          name: "Projects",
-          id: "products",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Data Scientist Portfolio"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Skills", id: "features" },
+              { name: "Projects", id: "products" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Data Scientist Portfolio"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Bridging Data and Insights"
-      description="I transform raw data into actionable business intelligence through predictive modeling, statistical analysis, and machine learning solutions."
-      buttons={[
-        {
-          text: "View Projects",
-          href: "#products",
-        },
-        {
-          text: "Get In Touch",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg"
-      imageAlt="Data visualization dashboard"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/senior-man-with-grey-hair-wearing-business-suit-tie-looking-side-relax-profile-pose-with-natural-face-confident-smile_839833-13950.jpg",
-          alt: "Senior data professional",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/joyful-man-white-tshirt-jacket-smiling-brown-background_197531-26657.jpg",
-          alt: "Professional partner",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-european-man-glasses-suit-smiling-excited-looking-camera-with-amazed-happy-face-w_1258-154166.jpg",
-          alt: "Analytics lead",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-confident-male-employee-white-collar-shirt-smiling-camera-standing-selfassured-agai_1258-112592.jpg",
-          alt: "Tech consultant",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
-          alt: "Data mentor",
-        },
-      ]}
-      avatarText="Trusted by 100+ industry leaders"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Predictive Analytics",
-        },
-        {
-          type: "text",
-          text: "Machine Learning",
-        },
-        {
-          type: "text",
-          text: "Big Data Engineering",
-        },
-        {
-          type: "text",
-          text: "Cloud Solutions",
-        },
-        {
-          type: "text",
-          text: "Data Strategy",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "radial-gradient" }}
+            title="Bridging Data and Insights"
+            description="I transform raw data into actionable business intelligence through predictive modeling, statistical analysis, and machine learning solutions."
+            buttons={[
+              { text: "View Projects", href: "#products" },
+              { text: "Get In Touch", href: "#contact" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg"
+            imageAlt="Data visualization dashboard"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/senior-man-with-grey-hair-wearing-business-suit-tie-looking-side-relax-profile-pose-with-natural-face-confident-smile_839833-13950.jpg", alt: "Senior data professional" },
+              { src: "http://img.b2bpic.net/free-photo/joyful-man-white-tshirt-jacket-smiling-brown-background_197531-26657.jpg", alt: "Professional partner" },
+              { src: "http://img.b2bpic.net/free-photo/cheerful-european-man-glasses-suit-smiling-excited-looking-camera-with-amazed-happy-face-w_1258-154166.jpg", alt: "Analytics lead" },
+              { src: "http://img.b2bpic.net/free-photo/closeup-confident-male-employee-white-collar-shirt-smiling-camera-standing-selfassured-agai_1258-112592.jpg", alt: "Tech consultant" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", alt: "Data mentor" },
+            ]}
+            avatarText="Trusted by 100+ industry leaders"
+            marqueeItems={[
+              { type: "text", text: "Predictive Analytics" },
+              { type: "text", text: "Machine Learning" },
+              { type: "text", text: "Big Data Engineering" },
+              { type: "text", text: "Cloud Solutions" },
+              { type: "text", text: "Data Strategy" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="About Me"
-      title="Passionate about Uncovering Patterns"
-      description="With over 5 years of experience in data science, I thrive on solving complex technical challenges. My approach combines rigorous statistics with intuitive data visualization to drive results."
-      subdescription="I specialize in Python, R, SQL, and cloud platforms like AWS and GCP."
-      icon={Database}
-      imageSrc="http://img.b2bpic.net/free-photo/corridor-mstores-shopping-mall-unfocusedall-unfocused_1203-1297.jpg"
-      imageAlt="Data scientist at work"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={true}
+            tag="About Me"
+            title="Passionate about Uncovering Patterns"
+            description="With over 5 years of experience in data science, I thrive on solving complex technical challenges. My approach combines rigorous statistics with intuitive data visualization to drive results."
+            subdescription="I specialize in Python, R, SQL, and cloud platforms like AWS and GCP."
+            icon={Database}
+            imageSrc="http://img.b2bpic.net/free-photo/corridor-mstores-shopping-mall-unfocusedall-unfocused_1203-1297.jpg"
+            imageAlt="Data scientist at work"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Machine Learning",
-          description: "Developing and training predictive models using advanced algorithms.",
-          imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-flat-line-icon-set-business-concept-icons-design_1057-10188.jpg",
-        },
-        {
-          title: "Data Visualization",
-          description: "Turning abstract data into compelling visual stories using BI tools.",
-          imageSrc: "http://img.b2bpic.net/free-vector/collection-green-blue-infographic-elements_23-2147610425.jpg",
-        },
-        {
-          title: "Statistical Analysis",
-          description: "Applying rigorous math to extract actionable insights from datasets.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qqa8nr",
-        },
-        {
-          title: "Data Engineering",
-          description: "Building robust pipelines for scalable data processing.",
-          imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-element-collection-flat-design_23-2147895368.jpg",
-        },
-        {
-          title: "Strategy Consulting",
-          description: "Advising businesses on leveraging data for growth.",
-          imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-icon-set-vector-illustration_47987-29969.jpg",
-        },
-      ]}
-      title="My Core Expertise"
-      description="Technical skills that enable data-driven innovation."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            features={[
+              { title: "Machine Learning", description: "Developing and training predictive models using advanced algorithms.", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-flat-line-icon-set-business-concept-icons-design_1057-10188.jpg" },
+              { title: "Data Visualization", description: "Turning abstract data into compelling visual stories using BI tools.", imageSrc: "http://img.b2bpic.net/free-vector/collection-green-blue-infographic-elements_23-2147610425.jpg" },
+              { title: "Statistical Analysis", description: "Applying rigorous math to extract actionable insights from datasets.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qqa8nr" },
+              { title: "Data Engineering", description: "Building robust pipelines for scalable data processing.", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-element-collection-flat-design_23-2147895368.jpg" },
+              { title: "Strategy Consulting", description: "Advising businesses on leveraging data for growth.", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-icon-set-vector-illustration_47987-29969.jpg" },
+            ]}
+            title="My Core Expertise"
+            description="Technical skills that enable data-driven innovation."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="scale-rotate"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          icon: TrendingUp,
-          title: "Accuracy Improvement",
-          value: "24%",
-        },
-        {
-          id: "m2",
-          icon: Clock,
-          title: "Model Efficiency",
-          value: "40%",
-        },
-        {
-          id: "m3",
-          icon: Users,
-          title: "Insight Engagement",
-          value: "65%",
-        },
-        {
-          id: "m4",
-          icon: Database,
-          title: "Data Processing",
-          value: "10TB+",
-        },
-        {
-          id: "m5",
-          icon: Target,
-          title: "Conversion Rate",
-          value: "12%",
-        },
-      ]}
-      title="Proven Impact"
-      description="Quantifiable results from recent projects."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="scale-rotate"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", icon: TrendingUp, title: "Accuracy Improvement", value: "24%" },
+              { id: "m2", icon: Clock, title: "Model Efficiency", value: "40%" },
+              { id: "m3", icon: Users, title: "Insight Engagement", value: "65%" },
+              { id: "m4", icon: Database, title: "Data Processing", value: "10TB+" },
+              { id: "m5", icon: Target, title: "Conversion Rate", value: "12%" },
+            ]}
+            title="Proven Impact"
+            description="Quantifiable results from recent projects."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Customer Segmentation Engine",
-          price: "AI Models",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-boss-sticker-mug_23-2148636922.jpg",
-        },
-        {
-          id: "p2",
-          name: "Predictive Forecasting Tool",
-          price: "Fintech",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
-        },
-        {
-          id: "p3",
-          name: "Sentiment Analysis Dashboard",
-          price: "NLP",
-          imageSrc: "http://img.b2bpic.net/free-photo/investor-analyzing-forex-market-trends_482257-121312.jpg",
-        },
-        {
-          id: "p4",
-          name: "Sales Geo-Visualization",
-          price: "Mapping",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-with-map_1153-414.jpg",
-        },
-        {
-          id: "p5",
-          name: "Trend Forecast Engine",
-          price: "Time Series",
-          imageSrc: "http://img.b2bpic.net/free-photo/data-statistic-green-blackboard_1379-290.jpg",
-        },
-        {
-          id: "p6",
-          name: "Deep Learning Architecture",
-          price: "R&D",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-transformation-corporate-wallpaper_53876-97646.jpg",
-        },
-      ]}
-      title="Selected Projects"
-      description="Showcasing high-impact work across diverse industries."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Customer Segmentation Engine", price: "AI Models", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boss-sticker-mug_23-2148636922.jpg" },
+              { id: "p2", name: "Predictive Forecasting Tool", price: "Fintech", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg" },
+              { id: "p3", name: "Sentiment Analysis Dashboard", price: "NLP", imageSrc: "http://img.b2bpic.net/free-photo/investor-analyzing-forex-market-trends_482257-121312.jpg" },
+              { id: "p4", name: "Sales Geo-Visualization", price: "Mapping", imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-with-map_1153-414.jpg" },
+              { id: "p5", name: "Trend Forecast Engine", price: "Time Series", imageSrc: "http://img.b2bpic.net/free-photo/data-statistic-green-blackboard_1379-290.jpg" },
+              { id: "p6", name: "Deep Learning Architecture", price: "R&D", imageSrc: "http://img.b2bpic.net/free-photo/digital-transformation-corporate-wallpaper_53876-97646.jpg" },
+            ]}
+            title="Selected Projects"
+            description="Showcasing high-impact work across diverse industries."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Alex Smith",
-          role: "Head of Engineering",
-          testimonial: "An incredible data scientist who truly understands business needs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-businessman-standing-against-grey-wall-clenching-his-fist_23-2148087510.jpg",
-        },
-        {
-          id: "t2",
-          name: "Maria Lopez",
-          role: "CEO",
-          testimonial: "Their model significantly improved our conversion rates.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg",
-        },
-        {
-          id: "t3",
-          name: "James Bond",
-          role: "Marketing Director",
-          testimonial: "The insights delivered were clear and actionable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-tablet_23-2149927578.jpg",
-        },
-        {
-          id: "t4",
-          name: "Elena Kim",
-          role: "Lead Architect",
-          testimonial: "Professional, fast, and extremely skilled in machine learning.",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-digitally-generated-paper-logistics-working_1134-928.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sam Johnson",
-          role: "CTO",
-          testimonial: "I highly recommend for any complex data project.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
-        },
-      ]}
-      title="Client Feedback"
-      description="What partners say about our collaborations."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Alex Smith", role: "Head of Engineering", testimonial: "An incredible data scientist who truly understands business needs.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-businessman-standing-against-grey-wall-clenching-his-fist_23-2148087510.jpg" },
+              { id: "t2", name: "Maria Lopez", role: "CEO", testimonial: "Their model significantly improved our conversion rates.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg" },
+              { id: "t3", name: "James Bond", role: "Marketing Director", testimonial: "The insights delivered were clear and actionable.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-tablet_23-2149927578.jpg" },
+              { id: "t4", name: "Elena Kim", role: "Lead Architect", testimonial: "Professional, fast, and extremely skilled in machine learning.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-digitally-generated-paper-logistics-working_1134-928.jpg" },
+              { id: "t5", name: "Sam Johnson", role: "CTO", testimonial: "I highly recommend for any complex data project.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg" },
+            ]}
+            title="Client Feedback"
+            description="What partners say about our collaborations."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "What tools do you use?",
-          content: "I primarily use Python, PyTorch, TensorFlow, Pandas, SQL, and various cloud platforms.",
-        },
-        {
-          id: "f2",
-          title: "Can you handle big data?",
-          content: "Yes, I have extensive experience with distributed computing and large-scale data processing.",
-        },
-        {
-          id: "f3",
-          title: "Are you available for consulting?",
-          content: "I am open to new collaborations and consulting opportunities. Let's discuss your project.",
-        },
-      ]}
-      sideTitle="Common Inquiries"
-      sideDescription="Quick answers to help you understand my services."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "What tools do you use?", content: "I primarily use Python, PyTorch, TensorFlow, Pandas, SQL, and various cloud platforms." },
+              { id: "f2", title: "Can you handle big data?", content: "Yes, I have extensive experience with distributed computing and large-scale data processing." },
+              { id: "f3", title: "Are you available for consulting?", content: "I am open to new collaborations and consulting opportunities. Let's discuss your project." },
+            ]}
+            sideTitle="Common Inquiries"
+            sideDescription="Quick answers to help you understand my services."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Let's Connect"
-      title="Ready for your next project?"
-      description="Whether you have a specific question or want to explore collaboration opportunities, I'm here to help."
-      buttons={[
-        {
-          text: "Contact Me",
-          href: "mailto:hello@example.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Let's Connect"
+            title="Ready for your next project?"
+            description="Whether you have a specific question or want to explore collaboration opportunities, I'm here to help."
+            buttons={[{ text: "Contact Me", href: "mailto:hello@example.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-low-poly-design_1048-15445.jpg"
-      logoText="Data Portfolio"
-      columns={[
-        {
-          title: "Navigate",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Projects",
-              href: "#products",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Social",
-          items: [
-            {
-              label: "LinkedIn",
-              href: "https://linkedin.com",
-            },
-            {
-              label: "GitHub",
-              href: "https://github.com",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 | Data Scientist Portfolio"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-low-poly-design_1048-15445.jpg"
+            logoText="Data Portfolio"
+            columns={[
+              { title: "Navigate", items: [{ label: "About", href: "#about" }, { label: "Projects", href: "#products" }, { label: "Contact", href: "#contact" }] },
+              { title: "Social", items: [{ label: "LinkedIn", href: "https://linkedin.com" }, { label: "GitHub", href: "https://github.com" }] },
+            ]}
+            copyrightText="© 2025 | Data Scientist Portfolio"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );