From 251407f054642da6cd77b2ef9e082ac19a72b573 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 31 Mar 2026 19:09:24 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 318 ++++++++++++++++-------------------------------
 1 file changed, 105 insertions(+), 213 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6651daf..eb3dfca 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,225 +26,117 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Chi siamo",
-          id: "about",
-        },
-        {
-          name: "Servizi",
-          id: "services",
-        },
-        {
-          name: "Progetti",
-          id: "projects",
-        },
-        {
-          name: "Contatti",
-          id: "cta",
-        },
-      ]}
-      brandName="Nextbit"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Chi siamo", id: "about" },
+              { name: "Servizi", id: "services" },
+              { name: "Progetti", id: "projects" },
+              { name: "Contatti", id: "cta" },
+            ]}
+            brandName="Nextbit"
+            button={{ text: "Contattaci", href: "#cta" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Costruiamo app e siti web che funzionano."
-      description="Due sviluppatori appassionati di tech e business. Trasformiamo idee in prodotti digitali concreti, veloci da lanciare e pensati per crescere."
-      tag="Disponibili per nuovi progetti"
-      buttons={[
-        {
-          text: "Contattaci",
-          href: "#cta",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-vector/blue-abstract-technology-background_52683-11247.jpg?_wi=1"
-      imageAlt="Nextbit Hero Background"
-      mediaAnimation="opacity"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22414.jpg",
-          alt: "Dario",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/senior-man-purple-shirt-holding-laptop-pointing-with-index-finger-camera-smiling-confident-standing-blue_141793-109356.jpg",
-          alt: "Jacopo",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22414.jpg",
-          alt: "Team Member",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/senior-man-purple-shirt-holding-laptop-pointing-with-index-finger-camera-smiling-confident-standing-blue_141793-109356.jpg",
-          alt: "Team Member",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22414.jpg",
-          alt: "Team Member",
-        },
-      ]}
-      avatarText="Un team di esperti pronti a collaborare"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "React",
-        },
-        {
-          type: "text",
-          text: "Flutter",
-        },
-        {
-          type: "text",
-          text: "Node.js",
-        },
-        {
-          type: "text",
-          text: "AWS",
-        },
-        {
-          type: "text",
-          text: "TypeScript",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "gradient-bars" }}
+            title="Costruiamo app e siti web che funzionano."
+            description="Due sviluppatori appassionati di tech e business. Trasformiamo idee in prodotti digitali concreti, veloci da lanciare e pensati per crescere."
+            tag="Disponibili per nuovi progetti"
+            buttons={[{ text: "Contattaci", href: "#cta" }]}
+            imageSrc="http://img.b2bpic.net/free-vector/blue-abstract-technology-background_52683-11247.jpg"
+            imageAlt="Nextbit Hero Background"
+            mediaAnimation="opacity"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22414.jpg", alt: "Dario" },
+              { src: "http://img.b2bpic.net/free-photo/senior-man-purple-shirt-holding-laptop-pointing-with-index-finger-camera-smiling-confident-standing-blue_141793-109356.jpg", alt: "Jacopo" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22414.jpg", alt: "Team Member" },
+              { src: "http://img.b2bpic.net/free-photo/senior-man-purple-shirt-holding-laptop-pointing-with-index-finger-camera-smiling-confident-standing-blue_141793-109356.jpg", alt: "Team Member" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22414.jpg", alt: "Team Member" },
+            ]}
+            avatarText="Un team di esperti pronti a collaborare"
+            marqueeItems={[
+              { type: "text", text: "React" },
+              { type: "text", text: "Flutter" },
+              { type: "text", text: "Node.js" },
+              { type: "text", text: "AWS" },
+              { type: "text", text: "TypeScript" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Chi siamo: Due ragazzi, una visione."
-      metrics={[
-        {
-          icon: Code2,
-          label: "Progetti Completati",
-          value: "10+",
-        },
-        {
-          icon: Zap,
-          label: "Lancio medio",
-          value: "4 settimane",
-        },
-        {
-          icon: Rocket,
-          label: "Clienti soddisfatti",
-          value: "100%",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="Chi siamo: Due ragazzi, una visione."
+            metrics={[
+              { icon: Code2, label: "Progetti Completati", value: "10+" },
+              { icon: Zap, label: "Lancio medio", value: "4 settimane" },
+              { icon: Rocket, label: "Clienti soddisfatti", value: "100%" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          title: "App Mobile",
-          description: "Sviluppo nativo e cross-platform su iOS e Android, con focus estremo sulla UX.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-freelancer-working-with-touchpad_1262-16086.jpg?_wi=1",
-            imageAlt: "App UI",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-freelancer-working-with-touchpad_1262-16086.jpg?_wi=2",
-            imageAlt: "App UI",
-          },
-          imageSrc: "http://img.b2bpic.net/free-vector/blue-abstract-technology-background_52683-11247.jpg?_wi=2",
-          imageAlt: "dark tech background abstract",
-        },
-        {
-          id: 2,
-          title: "Siti Web",
-          description: "Landing page, siti aziendali ed e-commerce ad alte prestazioni e ottimizzati SEO.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-set_23-2148638382.jpg?_wi=1",
-            imageAlt: "Web UI",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-set_23-2148638382.jpg?_wi=2",
-            imageAlt: "Web UI",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22414.jpg",
-          imageAlt: "software developer portrait studio",
-        },
-      ]}
-      showStepNumbers={false}
-      title="I nostri servizi"
-      description="Offriamo soluzioni digitali ad alte prestazioni, focalizzate sull'usabilità e la conversione."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            showStepNumbers={false}
+            title="I nostri servizi"
+            description="Offriamo soluzioni digitali ad alte prestazioni, focalizzate sull'usabilità e la conversione."
+            features={[
+              {
+                id: 1,
+                title: "App Mobile",                description: "Sviluppo nativo e cross-platform su iOS e Android, con focus estremo sulla UX.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-freelancer-working-with-touchpad_1262-16086.jpg", imageAlt: "App UI" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-freelancer-working-with-touchpad_1262-16086.jpg", imageAlt: "App UI" }
+              },
+              {
+                id: 2,
+                title: "Siti Web",                description: "Landing page, siti aziendali ed e-commerce ad alte prestazioni e ottimizzati SEO.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-set_23-2148638382.jpg", imageAlt: "Web UI" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-set_23-2148638382.jpg", imageAlt: "Web UI" }
+              }
+            ]}
+          />
+        </div>
 
-  <div id="projects" data-section="projects">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "StudyPlanner",
-          price: "Live",
-          imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-freelancer-working-with-touchpad_1262-16086.jpg?_wi=3",
-        },
-        {
-          id: "p2",
-          name: "FinanceFlow",
-          price: "Live",
-          imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-set_23-2148638382.jpg?_wi=3",
-        },
-        {
-          id: "p3",
-          name: "Custom SaaS Tool",
-          price: "In Work",
-          imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-freelancer-working-with-touchpad_1262-16086.jpg?_wi=4",
-        },
-      ]}
-      title="I nostri progetti recenti"
-      description="Soluzioni software scalabili che portano risultati reali."
-    />
-  </div>
+        <div id="projects" data-section="projects">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="two-columns-alternating-heights"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "StudyPlanner", price: "Live", imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-freelancer-working-with-touchpad_1262-16086.jpg" },
+              { id: "p2", name: "FinanceFlow", price: "Live", imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-set_23-2148638382.jpg" },
+              { id: "p3", name: "Custom SaaS Tool", price: "In Work", imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-freelancer-working-with-touchpad_1262-16086.jpg" },
+            ]}
+            title="I nostri progetti recenti"
+            description="Soluzioni software scalabili che portano risultati reali."
+          />
+        </div>
 
-  <div id="cta" data-section="cta">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Lavoriamo insieme"
-      title="Pronto a costruire qualcosa di concreto?"
-      description="Mandaci un messaggio. Rispondiamo entro 24 ore e la prima consulenza è sempre gratuita."
-      buttons={[
-        {
-          text: "Scrivici una email",
-          href: "mailto:nextbit.dev@gmail.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="cta" data-section="cta">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Lavoriamo insieme"
+            title="Pronto a costruire qualcosa di concreto?"
+            description="Mandaci un messaggio. Rispondiamo entro 24 ore e la prima consulenza è sempre gratuita."
+            buttons={[{ text: "Scrivici una email", href: "mailto:nextbit.dev@gmail.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Nextbit"
-      leftLink={{
-        text: "© 2026 Nextbit",
-        href: "#",
-      }}
-      rightLink={{
-        text: "nextbit.dev@gmail.com",
-        href: "mailto:nextbit.dev@gmail.com",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Nextbit"
+            leftLink={{ text: "© 2026 Nextbit", href: "#" }}
+            rightLink={{ text: "nextbit.dev@gmail.com", href: "mailto:nextbit.dev@gmail.com" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1