From 525e0119669fdfe8991d065dc73baeb4e8adfc66 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 26 Mar 2026 16:50:25 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 286 ++++++++++++++++-------------------------------
 1 file changed, 96 insertions(+), 190 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 583d981..e60166a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,204 +14,110 @@ import { Box, Rocket, Users } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
-        contentWidth="medium"
-        sizing="largeSizeMediumTitles"
-        background="circleGradient"
-        cardStyle="outline"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="light"
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="largeSizeMediumTitles"
+      background="circleGradient"
+      cardStyle="outline"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Skills",
-          id: "skills",
-        },
-        {
-          name: "Projects",
-          id: "projects",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Abhishek Paleru"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Skills", id: "skills" },
+              { name: "Projects", id: "projects" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Abhishek Paleru"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      title="Abhishek Paleru"
-      description="Data Science Student & Python Developer crafting futuristic digital experiences from Andhra Pradesh."
-      carouselItems={[
-        {
-          id: "1",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png?_wi=1",
-        },
-        {
-          id: "2",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png?_wi=2",
-        },
-        {
-          id: "3",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png?_wi=3",
-        },
-        {
-          id: "4",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png?_wi=4",
-        },
-        {
-          id: "5",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png?_wi=5",
-        },
-        {
-          id: "6",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png?_wi=6",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "rotated-rays-animated" }}
+            title="Abhishek Paleru"
+            description="Data Science Student & Python Developer crafting futuristic digital experiences from Andhra Pradesh."
+            carouselItems={[
+              { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png" },
+              { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png" },
+              { id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png" },
+              { id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png" },
+              { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png" },
+              { id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Identity Space"
-      metrics={[
-        {
-          icon: Rocket,
-          label: "Learning Speed",
-          value: "Expert",
-        },
-        {
-          icon: Box,
-          label: "Problem Solver",
-          value: "High",
-        },
-        {
-          icon: Users,
-          label: "Collaborator",
-          value: "Active",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="Identity Space"
+            metrics={[
+              { icon: Rocket, label: "Learning Speed", value: "Expert" },
+              { icon: Box, label: "Problem Solver", value: "High" },
+              { icon: Users, label: "Collaborator", value: "Active" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="skills" data-section="skills">
-      <FeatureCardTwentyThree
-      animationType="scale-rotate"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "Data Science",
-          tags: [
-            "Python",
-            "ML",
-            "Statistics",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/floating-3d-nodes-and-interconnected-dat-1774543786505-577a40e2.png?_wi=1",
-        },
-        {
-          id: "2",
-          title: "Databases",
-          tags: [
-            "SQL",
-            "MongoDB",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/floating-3d-nodes-and-interconnected-dat-1774543786505-577a40e2.png?_wi=2",
-        },
-        {
-          id: "3",
-          title: "Tools",
-          tags: [
-            "Git",
-            "Streamlit",
-            "Dash",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/floating-3d-nodes-and-interconnected-dat-1774543786505-577a40e2.png?_wi=3",
-        },
-      ]}
-      title="Skills Universe"
-      description="Exploration of my technical stack spanning data science, databases, and development tools."
-    />
-  </div>
+        <div id="skills" data-section="skills">
+          <FeatureCardTwentyThree
+            animationType="scale-rotate"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "1", title: "Data Science", tags: ["Python", "ML", "Statistics"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/floating-3d-nodes-and-interconnected-dat-1774543786505-577a40e2.png" },
+              { id: "2", title: "Databases", tags: ["SQL", "MongoDB"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/floating-3d-nodes-and-interconnected-dat-1774543786505-577a40e2.png" },
+              { id: "3", title: "Tools", tags: ["Git", "Streamlit", "Dash"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/floating-3d-nodes-and-interconnected-dat-1774543786505-577a40e2.png" },
+            ]}
+            title="Skills Universe"
+            description="Exploration of my technical stack spanning data science, databases, and development tools."
+          />
+        </div>
 
-  <div id="projects" data-section="projects">
-      <ProductCardThree
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Smart Farming",
-          price: "AI System",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-high-tech-digital-card-displaying-a-pr-1774543786097-a98b16a3.png",
-        },
-        {
-          id: "2",
-          name: "Job Tracker",
-          price: "Quantum Data",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-clean-3d-card-showing-a-job-tracking-s-1774543786626-e53e5206.png",
-        },
-        {
-          id: "3",
-          name: "InsightTrack",
-          price: "CRM Tool",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-crm-analytics-data-visualiz-1774543787554-ab1c8e22.png",
-        },
-        {
-          id: "4",
-          name: "EmotiSense",
-          price: "Emotion AI",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-high-tech-emotive-sensor-data-visualiz-1774543786651-bf70e41e.png",
-        },
-      ]}
-      title="Projects Galaxy"
-      description="Interactive deep-dive into AI and data science research prototypes."
-    />
-  </div>
+        <div id="projects" data-section="projects">
+          <ProductCardThree
+            animationType="blur-reveal"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Smart Farming", price: "AI System", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-high-tech-digital-card-displaying-a-pr-1774543786097-a98b16a3.png" },
+              { id: "2", name: "Job Tracker", price: "Quantum Data", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-clean-3d-card-showing-a-job-tracking-s-1774543786626-e53e5206.png" },
+              { id: "3", name: "InsightTrack", price: "CRM Tool", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-crm-analytics-data-visualiz-1774543787554-ab1c8e22.png" },
+              { id: "4", name: "EmotiSense", price: "Emotion AI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-high-tech-emotive-sensor-data-visualiz-1774543786651-bf70e41e.png" },
+            ]}
+            title="Projects Galaxy"
+            description="Interactive deep-dive into AI and data science research prototypes."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Connect"
-      title="Contact Space"
-      description="Reach out for collaboration: abhiskepaleru01@gmail.com | +91 9390290675"
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/minimalistic-futuristic-contact-terminal-1774543785719-0f5bdc51.png"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Connect"
+            title="Contact Space"
+            description="Reach out for collaboration: abhiskepaleru01@gmail.com | +91 9390290675"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/minimalistic-futuristic-contact-terminal-1774543785719-0f5bdc51.png"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Abhishek Paleru"
-      copyrightText="© 2025 Abhishek Paleru. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Abhishek Paleru"
+            copyrightText="© 2025 Abhishek Paleru. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1