From ca152f742de0697b3b599fed48edb795995bc06d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 10:29:47 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 251 +++++++++++------------------------------------
 1 file changed, 59 insertions(+), 192 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 93b1615..bbddd16 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { Shield, ArrowRight, Zap, Target, Database, BarChart3, Lock, Users, CheckCircle } from 'lucide-react';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
@@ -29,22 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "About", id: "#about" },
+        { name: "Features", id: "#features" },
+        { name: "Contact", id: "#contact" }
       ]}
       brandName="Hexa Lebanon"
     />
@@ -55,37 +44,16 @@ export default function LandingPage() {
       title="Empowering Future Digital Solutions"
       description="Hexa Lebanon delivers cutting-edge software and infrastructure solutions designed to scale your business in a digital-first world."
       buttons={[
-        {
-          text: "Explore Services",
-          href: "#about",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
+        { text: "Explore Services", href: "#about" },
+        { text: "Contact Us", href: "#contact" }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6496.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6496.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/skilled-business-executive-luxurious-work-environment-reviews-budget-strategy_482257-116927.jpg",
-          alt: "Sarah",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
-          alt: "Ali",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-young-guy-dressed-black-t-shirt-holds-tablet-computer-isolated-dark-background_613910-18713.jpg",
-          alt: "Maya",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
-          alt: "Joseph",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/wondered-woman-listen-music-with-earphones_633478-2587.jpg",
-          alt: "Nora",
-        },
+        { src: "http://img.b2bpic.net/free-photo/skilled-business-executive-luxurious-work-environment-reviews-budget-strategy_482257-116927.jpg", alt: "Sarah" },
+        { src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", alt: "Ali" },
+        { src: "http://img.b2bpic.net/free-photo/handsome-young-guy-dressed-black-t-shirt-holds-tablet-computer-isolated-dark-background_613910-18713.jpg", alt: "Maya" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "Joseph" },
+        { src: "http://img.b2bpic.net/free-photo/wondered-woman-listen-music-with-earphones_633478-2587.jpg", alt: "Nora" }
       ]}
       avatarText="Trusted by industry leaders"
     />
@@ -95,12 +63,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="About Hexa Lebanon"
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Learn More", href: "#" }]}
     />
   </div>
 
@@ -111,71 +74,38 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Cloud Infrastructure",
-          description: "Highly available and scalable cloud environments.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572135.jpg?_wi=1",
-            imageAlt: "Cloud infrastructure",
+          title: "Cloud Infrastructure",          description: "Highly available and scalable cloud environments.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572135.jpg",            imageAlt: "Cloud infrastructure"
           },
           items: [
-            {
-              text: "Auto-scaling",
-            },
-            {
-              text: "Global CDN",
-            },
-            {
-              text: "24/7 Monitoring",
-            },
+            { icon: Zap, text: "Auto-scaling" },
+            { icon: ArrowRight, text: "Global CDN" },
+            { icon: Shield, text: "24/7 Monitoring" }
           ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6496.jpg?_wi=2",
-          imageAlt: "modern tech dashboard interface",
+          reverse: false
         },
         {
-          title: "Data Analytics",
-          description: "Turn your data into actionable intelligence with AI.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-graphics-blue-tones_1134-384.jpg",
-            imageAlt: "Data analytics",
+          title: "Data Analytics",          description: "Turn your data into actionable intelligence with AI.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-graphics-blue-tones_1134-384.jpg",            imageAlt: "Data analytics"
           },
           items: [
-            {
-              text: "Real-time Dashboards",
-            },
-            {
-              text: "Predictive Models",
-            },
-            {
-              text: "Custom Reporting",
-            },
+            { icon: BarChart3, text: "Real-time Dashboards" },
+            { icon: Target, text: "Predictive Models" },
+            { icon: Database, text: "Custom Reporting" }
           ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-people-meeting-online-videoconference-with-webcam-talking-remote-videocall-conference-using-internet-teleconference-call-have-network-conversation-office_482257-49773.jpg",
-          imageAlt: "software developers collaboration office",
+          reverse: true
         },
         {
-          title: "Cyber Security",
-          description: "Fortify your business against digital threats.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/human-face-with-music-note-design-3d-rendered-illustration_460848-11274.jpg",
-            imageAlt: "Security",
+          title: "Cyber Security",          description: "Fortify your business against digital threats.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/human-face-with-music-note-design-3d-rendered-illustration_460848-11274.jpg",            imageAlt: "Security"
           },
           items: [
-            {
-              text: "Threat Detection",
-            },
-            {
-              text: "Encrypted Storage",
-            },
-            {
-              text: "Identity Access",
-            },
+            { icon: Lock, text: "Threat Detection" },
+            { icon: Shield, text: "Encrypted Storage" },
+            { icon: Users, text: "Identity Access" }
           ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572135.jpg?_wi=2",
-          imageAlt: "cloud data synchronization icon",
-        },
+          reverse: false
+        }
       ]}
       title="Our Expertise"
       description="From cloud infrastructure to bespoke enterprise software, we engineer solutions that matter."
@@ -186,28 +116,13 @@ export default function LandingPage() {
       <MetricCardTwo
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
+      animationType="slide-up"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "1",
-          value: "99.9%",
-          description: "Uptime Guarantee",
-        },
-        {
-          id: "2",
-          value: "50+",
-          description: "Completed Projects",
-        },
-        {
-          id: "3",
-          value: "24/7",
-          description: "Technical Support",
-        },
-        {
-          id: "4",
-          value: "100+",
-          description: "Expert Developers",
-        },
+        { id: "1", value: "99.9%", description: "Uptime Guarantee" },
+        { id: "2", value: "50+", description: "Completed Projects" },
+        { id: "3", value: "24/7", description: "Technical Support" },
+        { id: "4", value: "100+", description: "Expert Developers" }
       ]}
       title="Proven Impact"
       description="Measured outcomes for our partners."
@@ -221,40 +136,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Khalil",
-          role: "CEO, TechFlow",
-          testimonial: "Exceptional service and technical depth.",
-          imageSrc: "http://img.b2bpic.net/free-photo/skilled-business-executive-luxurious-work-environment-reviews-budget-strategy_482257-116927.jpg",
+          id: "1",          name: "Sarah Khalil",          role: "CEO, TechFlow",          testimonial: "Exceptional service and technical depth.",          imageSrc: "http://img.b2bpic.net/free-photo/skilled-business-executive-luxurious-work-environment-reviews-budget-strategy_482257-116927.jpg"
         },
         {
-          id: "2",
-          name: "Ali Hassan",
-          role: "CTO, DigitalLeb",
-          testimonial: "Their infrastructure solution changed our operations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
+          id: "2",          name: "Ali Hassan",          role: "CTO, DigitalLeb",          testimonial: "Their infrastructure solution changed our operations.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"
         },
         {
-          id: "3",
-          name: "Maya Rizk",
-          role: "Lead Architect",
-          testimonial: "Professional, punctual, and highly skilled.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-guy-dressed-black-t-shirt-holds-tablet-computer-isolated-dark-background_613910-18713.jpg",
+          id: "3",          name: "Maya Rizk",          role: "Lead Architect",          testimonial: "Professional, punctual, and highly skilled.",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-guy-dressed-black-t-shirt-holds-tablet-computer-isolated-dark-background_613910-18713.jpg"
         },
         {
-          id: "4",
-          name: "Joseph Haddad",
-          role: "Product Owner",
-          testimonial: "Delivered beyond our expectations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
+          id: "4",          name: "Joseph Haddad",          role: "Product Owner",          testimonial: "Delivered beyond our expectations.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg"
         },
         {
-          id: "5",
-          name: "Nora Mansour",
-          role: "Director",
-          testimonial: "Truly a top-tier software partner in Lebanon.",
-          imageSrc: "http://img.b2bpic.net/free-photo/wondered-woman-listen-music-with-earphones_633478-2587.jpg",
-        },
+          id: "5",          name: "Nora Mansour",          role: "Director",          testimonial: "Truly a top-tier software partner in Lebanon.",          imageSrc: "http://img.b2bpic.net/free-photo/wondered-woman-listen-music-with-earphones_633478-2587.jpg"
+        }
       ]}
       title="Client Success"
       description="What industry leaders say about working with us."
@@ -264,18 +159,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Contact Us"
       title="Ready to Transform Your Business?"
       description="Connect with our experts today and start your journey."
-      buttons={[
-        {
-          text: "Email Us",
-          href: "mailto:info@hexalebanon.com",
-        },
-      ]}
+      buttons={[{ text: "Email Us", href: "mailto:info@hexalebanon.com" }]}
     />
   </div>
 
@@ -284,44 +172,23 @@ export default function LandingPage() {
       logoText="Hexa Lebanon"
       columns={[
         {
-          title: "Services",
-          items: [
-            {
-              label: "Cloud",
-              href: "#",
-            },
-            {
-              label: "Analytics",
-              href: "#",
-            },
-          ],
+          title: "Services",          items: [
+            { label: "Cloud", href: "#" },
+            { label: "Analytics", href: "#" }
+          ]
         },
         {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
+          title: "Company",          items: [
+            { label: "About", href: "#" },
+            { label: "Careers", href: "#" }
+          ]
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+          title: "Legal",          items: [
+            { label: "Privacy", href: "#" },
+            { label: "Terms", href: "#" }
+          ]
+        }
       ]}
     />
   </div>