From 8330a6d267275420d855cab4d3da7a8f1bfdd196 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 10:59:57 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 306 ++++++++++++++++-------------------------------
 1 file changed, 101 insertions(+), 205 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 378166b..05e3201 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,219 +13,115 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
-        contentWidth="small"
-        sizing="mediumLargeSizeLargeTitles"
-        background="fluid"
-        cardStyle="gradient-radial"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="solid"
-        headingFontWeight="extrabold"
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="mediumLargeSizeLargeTitles"
+      background="fluid"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777200990405-fpi8ibhu.png"
-      brandName="Digital Creation"
-      button={{
-        text: "WhatsApp",
-        href: "https://wa.me/yournumber",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777200990405-fpi8ibhu.png"
+            brandName="Digital Creation"
+            button={{ text: "WhatsApp", href: "https://wa.me/yournumber" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="Digital Creation"
-      description="Transforming ideas into cutting-edge digital experiences."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-digital-agency-hero-backgro-1777201012465-62f4e814.png?_wi=1"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="Digital Creation"
+            description="Transforming ideas into cutting-edge digital experiences."
+            buttons={[{ text: "Get Started", href: "#contact" }]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-digital-agency-hero-backgro-1777201012465-62f4e814.png"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Strategy",
-          description: "Defining your digital vision.",
-          phoneOne: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201034092-02e81a9a.png",
-          },
-          phoneTwo: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201041718-c27fe461.png",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777200990405-fpi8ibhu.png",
-          imageAlt: "Mobile app UI showing modern dashboard interface, tech-themed colors, clean layout.",
-        },
-        {
-          title: "Development",
-          description: "Building powerful applications.",
-          phoneOne: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201095600-5de2edf3.png",
-          },
-          phoneTwo: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201103456-4ace4124.png",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-digital-agency-hero-backgro-1777201012465-62f4e814.png?_wi=2",
-          imageAlt: "Mobile app UI showing modern dashboard interface, tech-themed colors, clean layout.",
-        },
-        {
-          title: "Design",
-          description: "Creating impactful visuals.",
-          phoneOne: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201113489-31d9b01b.png",
-          },
-          phoneTwo: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201121164-fd368f8f.png",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/close-up-of-creative-digital-professiona-1777201024294-77fff97f.png",
-          imageAlt: "Mobile app UI showing modern dashboard interface, tech-themed colors, clean layout.",
-        },
-      ]}
-      showStepNumbers={true}
-      title="Our Solutions"
-      description="We craft digital excellence."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            showStepNumbers={true}
+            title="Our Solutions"
+            description="We craft digital excellence."
+            features={[
+              {
+                title: "Strategy",                description: "Defining your digital vision.",                phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201034092-02e81a9a.png" },
+                phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201041718-c27fe461.png" }
+              },
+              {
+                title: "Development",                description: "Building powerful applications.",                phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201095600-5de2edf3.png" },
+                phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201103456-4ace4124.png" }
+              },
+              {
+                title: "Design",                description: "Creating impactful visuals.",                phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201113489-31d9b01b.png" },
+                phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201121164-fd368f8f.png" }
+              }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alice",
-          handle: "@alice",
-          testimonial: "Excellent service!",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-portrait-of-a-business-lead-1777201048925-e663040f.png",
-        },
-        {
-          id: "2",
-          name: "Bob",
-          handle: "@bob",
-          testimonial: "Great results.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/portrait-of-a-tech-project-manager-profe-1777201059317-a90cf374.png",
-        },
-        {
-          id: "3",
-          name: "Charlie",
-          handle: "@charlie",
-          testimonial: "Very professional.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/portrait-of-a-creative-director-studio-l-1777201068574-2d8b1da1.png",
-        },
-        {
-          id: "4",
-          name: "David",
-          handle: "@david",
-          testimonial: "Highly recommend.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/portrait-of-a-small-business-owner-profe-1777201076818-e42b8338.png",
-        },
-        {
-          id: "5",
-          name: "Elena",
-          handle: "@elena",
-          testimonial: "Innovative team that delivers quality on time.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/portrait-of-a-tech-industry-professional-1777201134030-8ff4ed9d.png",
-        },
-      ]}
-      showRating={true}
-      title="Client Feedback"
-      description="Success stories from our partners."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            showRating={true}
+            title="Client Feedback"
+            description="Success stories from our partners."
+            testimonials={[
+              { id: "1", name: "Alice", handle: "@alice", testimonial: "Excellent service!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-portrait-of-a-business-lead-1777201048925-e663040f.png" },
+              { id: "2", name: "Bob", handle: "@bob", testimonial: "Great results.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/portrait-of-a-tech-project-manager-profe-1777201059317-a90cf374.png" },
+              { id: "3", name: "Charlie", handle: "@charlie", testimonial: "Very professional.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/portrait-of-a-creative-director-studio-l-1777201068574-2d8b1da1.png" },
+              { id: "4", name: "David", handle: "@david", testimonial: "Highly recommend.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/portrait-of-a-small-business-owner-profe-1777201076818-e42b8338.png" },
+              { id: "5", name: "Elena", handle: "@elena", testimonial: "Innovative team that delivers quality on time.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/portrait-of-a-tech-industry-professional-1777201134030-8ff4ed9d.png" }
+            ]}
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Impact"
-      description="Measurable results for your business growth."
-      metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          title: "Projects Completed",
-          description: "High-impact digital products delivered.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/abstract-icon-representing-project-compl-1777201142466-cf75b001.png",
-        },
-        {
-          id: "m2",
-          value: "98%",
-          title: "Satisfaction Rate",
-          description: "Dedicated client success and support.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/abstract-icon-representing-customer-sati-1777201150552-e0a60b51.png",
-        },
-      ]}
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Impact"
+            description="Measurable results for your business growth."
+            metrics={[
+              { id: "m1", value: "500+", title: "Projects Completed", description: "High-impact digital products delivered.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/abstract-icon-representing-project-compl-1777201142466-cf75b001.png" },
+              { id: "m2", value: "98%", title: "Satisfaction Rate", description: "Dedicated client success and support.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/abstract-icon-representing-customer-sati-1777201150552-e0a60b51.png" }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Newsletter"
-      title="Stay updated with tech trends"
-      description="Join our weekly newsletter to get the latest insights in digital transformation."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Newsletter"
+            title="Stay updated with tech trends"
+            description="Join our weekly newsletter to get the latest insights in digital transformation."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Links",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777200990405-fpi8ibhu.png"
-      logoText="Digital Creation"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[{ title: "Links", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777200990405-fpi8ibhu.png"
+            logoText="Digital Creation"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1