From f4cb9b3cf7ee24bbd53f623dfe88720e8cbc8761 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 16:31:23 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 343 +++++++++++++++++------------------------------
 1 file changed, 120 insertions(+), 223 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index dc8d3c9..fb24170 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,235 +25,132 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Projects",
-          id: "projects",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Ankit Kumar"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Projects", id: "projects" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Ankit Kumar"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Ankit Kumar"
-      description="Web Developer & Creative Vibe Builder. Crafting digital experiences with precision and passion."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg",
-          alt: "Ankit Kumar Profile",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg",
-          alt: "User Profile 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg",
-          alt: "User Profile 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg",
-          alt: "User Profile 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg",
-          alt: "User Profile 5",
-        },
-      ]}
-      buttons={[
-        {
-          text: "View Projects",
-          href: "#projects",
-        },
-        {
-          text: "Download Resume",
-          href: "#",
-        },
-      ]}
-      buttonAnimation="slide-up"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "React.js",
-        },
-        {
-          type: "text",
-          text: "Next.js",
-        },
-        {
-          type: "text",
-          text: "TypeScript",
-        },
-        {
-          type: "text",
-          text: "Tailwind CSS",
-        },
-        {
-          type: "text",
-          text: "Node.js",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "sparkles-gradient" }}
+            title="Ankit Kumar"
+            description="Web Developer & Creative Vibe Builder. Crafting digital experiences with precision and passion."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg", alt: "Ankit Kumar Profile" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg", alt: "User Profile 2" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg", alt: "User Profile 3" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg", alt: "User Profile 4" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg", alt: "User Profile 5" },
+            ]}
+            buttons={[
+              { text: "View Projects", href: "#projects" },
+              { text: "Download Resume", href: "#" },
+            ]}
+            buttonAnimation="slide-up"
+            marqueeItems={[
+              { type: "text", text: "React.js" },
+              { type: "text", text: "Next.js" },
+              { type: "text", text: "TypeScript" },
+              { type: "text", text: "Tailwind CSS" },
+              { type: "text", text: "Node.js" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="About Me"
-      description="I am an MCA graduate and passionate Web Developer with a knack for building high-quality, creative web solutions. I love turning complex problems into intuitive digital experiences."
-      metrics={[
-        {
-          value: "10+",
-          title: "Projects Completed",
-        },
-        {
-          value: "5+",
-          title: "Tech Stacks",
-        },
-        {
-          value: "24/7",
-          title: "Innovative Vibe",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={true}
+            title="About Me"
+            description="I am an MCA graduate and passionate Web Developer with a knack for building high-quality, creative web solutions. I love turning complex problems into intuitive digital experiences."
+            metrics={[
+              { value: "10+", title: "Projects Completed" },
+              { value: "5+", title: "Tech Stacks" },
+              { value: "24/7", title: "Innovative Vibe" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg"
+            mediaAnimation="blur-reveal"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="projects" data-section="projects">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Fintech",
-          name: "EazyPay Lending App",
-          price: "App Development",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-33533.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Marketplace",
-          name: "Carpenter Marketplace",
-          price: "Web Solution",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application-template_23-2148663604.jpg",
-        },
-      ]}
-      title="Featured Projects"
-      description="Selected work showcasing my journey as a developer."
-    />
-  </div>
+        <div id="projects" data-section="projects">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="two-columns-alternating-heights"
+            useInvertedBackground={false}
+            products={[
+              {
+                id: "p1",                brand: "Fintech",                name: "EazyPay Lending App",                price: "App Development",                rating: 5,
+                reviewCount: "120",                imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-33533.jpg"},
+              {
+                id: "p2",                brand: "Marketplace",                name: "Carpenter Marketplace",                price: "Web Solution",                rating: 5,
+                reviewCount: "85",                imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application-template_23-2148663604.jpg"},
+              {
+                id: "p3",                brand: "Creative",                name: "Portfolio Hub",                price: "Web Design",                rating: 5,
+                reviewCount: "40",                imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-33533.jpg"}
+            ]}
+            title="Featured Projects"
+            description="Selected work showcasing my journey as a developer."
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Trusted By Industry Leaders"
-      description="Collaborating with forward-thinking teams to drive innovation."
-      names={[
-        "TechNova",
-        "WebSphere",
-        "DigitalCore",
-        "FutureSystems",
-        "GlobalConnect",
-      ]}
-      tag="Partnerships"
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Trusted By Industry Leaders"
+            description="Collaborating with forward-thinking teams to drive innovation."
+            names={["TechNova", "WebSphere", "DigitalCore", "FutureSystems", "GlobalConnect"]}
+            tag="Partnerships"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Get In Touch"
-      title="Let's Build Something Awesome"
-      description="Ready to work together or just say hi? Reach out through any of these platforms."
-      buttons={[
-        {
-          text: "Email Me",
-          href: "mailto:hello@ankitkumar.dev",
-        },
-        {
-          text: "GitHub",
-          href: "https://github.com/ankit-kumar",
-        },
-        {
-          text: "LinkedIn",
-          href: "https://linkedin.com/in/ankit-kumar",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Get In Touch"
+            title="Let's Build Something Awesome"
+            description="Ready to work together or just say hi? Reach out through any of these platforms."
+            buttons={[
+              { text: "Email Me", href: "mailto:hello@ankitkumar.dev" },
+              { text: "GitHub", href: "https://github.com/ankit-kumar" },
+              { text: "LinkedIn", href: "https://linkedin.com/in/ankit-kumar" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Socials",
-          items: [
-            {
-              label: "GitHub",
-              href: "https://github.com/ankit-kumar",
-            },
-            {
-              label: "LinkedIn",
-              href: "https://linkedin.com/in/ankit-kumar",
-            },
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/yournumber",
-            },
-          ],
-        },
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Projects",
-              href: "#projects",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Ankit Kumar. All rights reserved."
-      bottomRightText="Built with passion."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Socials",                items: [
+                  { label: "GitHub", href: "https://github.com/ankit-kumar" },
+                  { label: "LinkedIn", href: "https://linkedin.com/in/ankit-kumar" },
+                  { label: "WhatsApp", href: "https://wa.me/yournumber" },
+                ],
+              },
+              {
+                title: "Navigation",                items: [
+                  { label: "Home", href: "#hero" },
+                  { label: "About", href: "#about" },
+                  { label: "Projects", href: "#projects" },
+                ],
+              },
+            ]}
+            bottomLeftText="© 2024 Ankit Kumar. All rights reserved."
+            bottomRightText="Built with passion."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file