Update src/app/about-me/page.tsx

Merge version_4 into main

src/app/about-me/page.tsx

@@ -5,7 +5,8 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { MapPin, Users, Award, Zap } from 'lucide-react';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import { MapPin, Users, Award, Zap, BookOpen, Globe } from 'lucide-react';
 
 export default function AboutMePage() {
   return (
@@ -48,7 +49,7 @@ export default function AboutMePage() {
           enableKpiAnimation={true}
           tag="About Me"
           tagIcon={Zap}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqXgsnzzGzY8t8KhASFkum85OC/uploaded-1773345682402-6uuhacve.jpg"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqXgsnzzGzY8t8KhASFkum85OC/uploaded-1773345682402-6uuhacve.jpg?_wi=1"
           imageAlt="Profile picture"
           mediaAnimation="slide-up"
           imagePosition="right"
@@ -56,6 +57,20 @@ export default function AboutMePage() {
       </div>
 
       <div id="about" data-section="about">
+        <AboutMetric
+          title="Who I Am"
+          metrics={[
+            { icon: Globe, label: "Student in USA", value: "From NL" },
+            { icon: BookOpen, label: "Academic Focus", value: "Excellence" },
+            { icon: Award, label: "Athletic Drive", value: "Competitive" },
+            { icon: Users, label: "Mission", value: "Help Businesses" }
+          ]}
+          metricsAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="why-elevate" data-section="why-elevate">
         <ContactText
           text="I'm a passionate student-athlete balancing rigorous academics and competitive sports while pursuing my dreams in the United States. Originally from The Hague, Netherlands, I bring a unique perspective shaped by European heritage and American ambition. My commitment to excellence extends beyond the playing field into every project I undertake, whether it's web design, digital strategy, or building meaningful connections."
           animationType="reveal-blur"

src/app/page.tsx

@@ -9,7 +9,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { Award, BarChart3, CheckCircle, Quote, Sparkles, TrendingUp, Users, Zap } from 'lucide-react';
+import { Award, BarChart3, CheckCircle, Quote, Sparkles, TrendingUp, Users, Zap, MapPin } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -29,7 +29,7 @@ export default function LandingPage() {
         <NavbarLayoutFloatingInline
           navItems={[
             { name: "Work", id: "work" },
-            { name: "About", id: "/about-me" },
+            { name: "About", id: "about" },
             { name: "Services", id: "services" },
             { name: "Results", id: "results" }
           ]}
@@ -65,13 +65,13 @@ export default function LandingPage() {
 
       <div id="about" data-section="about">
         <MediaAbout
-          title="Your Business Deserves a Professional Online Presence"
-          description="We understand the unique needs of gyms, sports clubs, and small businesses. Our websites are built to convert—combining stunning design with strategic psychology to turn visitors into paying clients. Every element is crafted for results."
+          title="About Me"
+          description="I'm a 20-year-old student-athlete from The Hague, Netherlands, currently studying in the United States. Combining athletic dedication with academic excellence and a passion for creating exceptional digital experiences. Your business deserves a professional online presence—we understand the unique needs of gyms, sports clubs, and small businesses. Our websites are built to convert—combining stunning design with strategic psychology to turn visitors into paying clients. Every element is crafted for results."
           tag="Why Hidde Digital"
           tagIcon={CheckCircle}
           buttons={[{ text: "Learn More", href: "#services" }]}
-          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-colleagues-reading-together_23-2149345278.jpg"
-          imageAlt="Hidde Digital design team at work"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqXgsnzzGzY8t8KhASFkum85OC/uploaded-1773345682402-6uuhacve.jpg?_wi=2"
+          imageAlt="Profile picture - About me"
           useInvertedBackground={false}
         />
       </div>
@@ -154,11 +154,11 @@ export default function LandingPage() {
 
       <div id="contact" data-section="contact">
         <ContactText
-          text="Ready to transform your business with a professional website? Let's talk about how we can help you attract more clients."
+          text="Ready to transform your business with a professional website? Let's talk about how we can help you attract more clients. Email: hiddewilt@gmail.com | Phone: +31622352601"
           animationType="reveal-blur"
           buttons={[
             { text: "Schedule a Free Consultation", href: "https://calendly.com" },
-            { text: "Send us an Email", href: "mailto:hello@hiddedigital.com" }
+            { text: "Send us an Email", href: "mailto:hiddewilt@gmail.com" }
           ]}
           background={{ variant: "plain" }}
           useInvertedBackground={false}
@@ -179,7 +179,7 @@ export default function LandingPage() {
             },
             {
               title: "Company",              items: [
-                { label: "About Me", href: "/about-me" },
+                { label: "About Me", href: "#about" },
                 { label: "Our Work", href: "#work" },
                 { label: "Testimonials", href: "#testimonials" }
               ]