From 6f5e0dc03815cfa8da8df345d0f4242d647c9db8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 20:13:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 178 ++++++++++++++++++++++++-----------------------
 1 file changed, 90 insertions(+), 88 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f514a37..e4fffd1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,6 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Database, Globe, Rocket } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -27,100 +26,103 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "Advantage", id: "features" },
-        { name: "Impact", id: "metrics" },
-        { name: "Stories", id: "testimonials" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="Ammerlus Inc"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Advantage", id: "features" },
+              { name: "Impact", id: "metrics" },
+              { name: "Stories", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Ammerlus Inc"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{ variant: "sparkles-gradient" }}
-      title="Architecting the Future with Ammerlus Inc"
-      description="Powered by Hupfumi Africa, we bridge the gap between imagination and digital reality. High-performance software solutions for the next era of innovation."
-      tag="Next Gen Engineering"
-      buttons={[{ text: "View Solutions", href: "#features" }, { text: "Contact Us", href: "#contact" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "sparkles-gradient" }}
+            title="Architecting the Future with Ammerlus Inc"
+            description="Powered by Hupfumi Africa, we bridge the gap between imagination and digital reality. High-performance software solutions for the next era of innovation."
+            tag="Next Gen Engineering"
+            buttons={[{ text: "View Solutions", href: "#features" }, { text: "Contact Us", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={true}
-      heading={[{ type: 'text', content: "Our Engineering Powerhouse" }]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={true}
+            heading={[{ type: 'text', content: "Our Engineering Powerhouse" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardOne
-      animationType="depth-3d"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      title="Ammerlus Advantage"
-      description="We don't just write code; we architect systems that define the future."
-      features={[
-        { title: "AI-native architecture", description: "Advanced neural systems for modern enterprise." },
-        { title: "Rapid delivery", description: "Speed to market without compromising on quality." },
-        { title: "Zero-trust security", description: "Hardened infrastructure for the global cloud." },
-      ]}
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardOne
+            animationType="depth-3d"
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            title="Ammerlus Advantage"
+            description="We don't just write code; we architect systems that define the future."
+            features={[
+              { title: "AI-native architecture", description: "Advanced neural systems for modern enterprise.", imageSrc: "https://images.unsplash.com/photo-1677442136019-21780ecad995" },
+              { title: "Rapid delivery", description: "Speed to market without compromising on quality.", imageSrc: "https://images.unsplash.com/photo-1661956602116-aa6865609028" },
+              { title: "Zero-trust security", description: "Hardened infrastructure for the global cloud.", imageSrc: "https://images.unsplash.com/photo-1639815188546-c430e3863483" },
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      title="Performance at Scale"
-      description="Quantifiable impact delivered through Hupfumi Africa infrastructure."
-      metrics={[
-        { id: "u", value: "99.99%", title: "Uptime Guarantee", items: ["High availability", "Redundant systems"] },
-        { id: "s", value: "2x", title: "Faster Launch", items: ["Optimized pipelines", "Automated CI/CD"] },
-        { id: "c", value: "40%", title: "Cost Efficiency", items: ["Resource optimization", "Waste reduction"] },
-      ]}
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Performance at Scale"
+            description="Quantifiable impact delivered through Hupfumi Africa infrastructure."
+            metrics={[
+              { id: "u", value: "99.99%", title: "Uptime Guarantee", items: ["High availability", "Redundant systems"] },
+              { id: "s", value: "2x", title: "Faster Launch", items: ["Optimized pipelines", "Automated CI/CD"] },
+              { id: "c", value: "40%", title: "Cost Efficiency", items: ["Resource optimization", "Waste reduction"] },
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Voices of Innovation"
-      description="Client success stories powered by our engineering."
-      kpiItems={[{ value: "500+", label: "Projects" }, { value: "99%", label: "Satisfaction" }, { value: "20+", label: "Countries" }]}
-      testimonials={[
-        { id: "t1", name: "Kojo Mensah", role: "CEO", company: "Hupfumi", rating: 5, testimonial: "Ammerlus transformed our digital stack." },
-        { id: "t2", name: "Sarah Ahmed", role: "CTO", company: "TechCorp", rating: 5, testimonial: "Seamless execution, exceptional talent." },
-      ]}
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Voices of Innovation"
+            description="Client success stories powered by our engineering."
+            kpiItems={[{ value: "500+", label: "Projects" }, { value: "99%", label: "Satisfaction" }, { value: "20+", label: "Countries" }]}
+            testimonials={[
+              { id: "t1", name: "Kojo Mensah", role: "CEO", company: "Hupfumi", rating: 5, imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d" },
+              { id: "t2", name: "Sarah Ahmed", role: "CTO", company: "TechCorp", rating: 5, imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80" },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      background={{ variant: "sparkles-gradient" }}
-      text="Ready to architect the next big breakthrough? Let's get started."
-      buttons={[{ text: "Get in touch", href: "#" }]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            background={{ variant: "sparkles-gradient" }}
+            text="Ready to architect the next big breakthrough? Let's get started."
+            buttons={[{ text: "Get in touch", href: "#" }]}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Ammerlus Inc"
-      columns={[
-        { title: "Services", items: [{ label: "Cloud", href: "#" }, { label: "Security", href: "#" }] },
-        { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Ammerlus Inc"
+            leftLink={{ text: "Privacy", href: "#" }}
+            rightLink={{ text: "Terms", href: "#" }}
+            columns={[
+              { title: "Services", items: [{ label: "Cloud", href: "#" }, { label: "Security", href: "#" }] },
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1