Update src/app/page.tsx

Merge version_6 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, Zap, TrendingUp, Users, Quote, CheckCircle, Sparkles } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -28,33 +28,33 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           navItems={[
-            { name: "Work", id: "work" },
-            { name: "About", id: "/about-me" },
             { name: "Services", id: "services" },
-            { name: "Results", id: "results" }
+            { name: "Portfolio", id: "portfolio" },
+            { name: "Why Elevate", id: "why-elevate" },
+            { name: "About", id: "about" }
           ]}
-          brandName="Hidde Digital"
-          button={{ text: "Get Started", href: "#contact" }}
+          brandName="Elevate Web"
+          button={{ text: "Book Consultation", href: "#contact" }}
           animateOnLoad={true}
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroSplitKpi
-          title="Modern Websites That Convert Visitors Into Clients"
-          description="Hidde Digital creates high-performing, mobile-optimized websites specifically designed for gyms, sports clubs, coaches, and small businesses. Stop losing potential customers to an outdated online presence."
+          title="Modern Websites That Turn Visitors Into Clients"
+          description="Premium web design for ambitious businesses. We create high-converting, mobile-first websites that attract your ideal customers and drive real results."
           background={{ variant: "plain" }}
           kpis={[
-            { value: "300%", label: "Avg. Increase in Inquiries" },
+            { value: "300%", label: "Avg. Conversion Increase" },
             { value: "98%", label: "Mobile Optimized" },
-            { value: "24h", label: "Quick Turnaround" }
+            { value: "2.5s", label: "Average Load Time" }
           ]}
           enableKpiAnimation={true}
-          tag="Web Design for Sports & Fitness"
-          tagIcon={Zap}
+          tag="Premium Web Design"
+          tagIcon={Sparkles}
           buttons={[
-            { text: "View Our Work", href: "#work" },
-            { text: "Book a Call", href: "#contact" }
+            { text: "View Our Work", href: "#portfolio" },
+            { text: "Schedule a Call", href: "#contact" }
           ]}
           imageSrc="http://img.b2bpic.net/free-vector/business-workshop-social-media-pack-landing-page_23-2149381280.jpg?_wi=1"
           imageAlt="Modern website design interface"
@@ -63,56 +63,43 @@ export default function LandingPage() {
         />
       </div>
 
-      <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."
-          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"
-          useInvertedBackground={false}
-        />
-      </div>
-
       <div id="services" data-section="services">
         <FeatureCardSeven
           features={[
             {
               id: 1,
-              title: "Mobile-First Design",              description: "Every website we build is optimized for mobile from the ground up. Your customers browse on phones—we make sure they have an amazing experience.",              imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-african-man-sitting-coworking_171337-13496.jpg",              imageAlt: "Responsive design across devices"
+              title: "Mobile-First Design",              description: "Every pixel optimized for mobile. Your visitors browse on phones—we ensure they have an exceptional experience that converts.",              imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-african-man-sitting-coworking_171337-13496.jpg",              imageAlt: "Responsive design across devices"
             },
             {
               id: 2,
-              title: "Conversion Optimized",              description: "Strategic button placement, compelling copy, and clear CTAs guide visitors toward taking action. We remove friction and maximize inquiries.",              imageSrc: "http://img.b2bpic.net/free-vector/creativity-process-landing-page-template_23-2148150852.jpg",              imageAlt: "Conversion optimization strategy"
+              title: "Conversion-Focused Design",              description: "Strategic psychology meets beautiful design. Clear CTAs, compelling copy, and proven conversion patterns guide visitors toward taking action.",              imageSrc: "http://img.b2bpic.net/free-vector/creativity-process-landing-page-template_23-2148150852.jpg",              imageAlt: "Conversion optimization strategy"
             },
             {
               id: 3,
-              title: "Performance & SEO",              description: "Fast-loading, search-engine friendly websites that rank well and load in seconds. Your potential customers will find you.",              imageSrc: "http://img.b2bpic.net/free-photo/keyword-seo-content-website-tags-search_53876-138495.jpg",              imageAlt: "SEO and performance metrics"
+              title: "Performance & SEO",              description: "Lightning-fast load times and search-engine optimized architecture. Your customers will find you, and your site will perform beautifully.",              imageSrc: "http://img.b2bpic.net/free-photo/keyword-seo-content-website-tags-search_53876-138495.jpg",              imageAlt: "SEO and performance metrics"
             }
           ]}
-          title="What We Build"
-          description="Every website is engineered for success. Clean code, premium design, and conversion-focused strategy."
-          tag="Our Approach"
-          tagIcon={Sparkles}
+          title="Our Services"
+          description="Premium web design built for results. Every project combines aesthetic excellence with strategic conversion optimization."
+          tag="What We Deliver"
+          tagIcon={Award}
           animationType="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="results" data-section="results">
+      <div id="portfolio" data-section="portfolio">
         <MetricCardThree
           metrics={[
-            { id: "1", icon: Users, title: "Clients Served", value: "150+" },
-            { id: "2", icon: TrendingUp, title: "Avg. Inquiry Growth", value: "250%" },
-            { id: "3", icon: Zap, title: "Projects Completed", value: "120+" },
+            { id: "1", icon: Users, title: "Gym & Fitness Clients", value: "45+" },
+            { id: "2", icon: TrendingUp, title: "Tennis Academy Projects", value: "28+" },
+            { id: "3", icon: Zap, title: "Personal Trainer Sites", value: "62+" },
             { id: "4", icon: Award, title: "Client Satisfaction", value: "99%" }
           ]}
-          title="Proven Results"
-          description="Real numbers from real clients. Our websites deliver measurable impact."
-          tag="Client Success"
+          title="Portfolio Highlights"
+          description="Real projects for real businesses. Gyms, tennis academies, personal trainers, and fitness professionals trust us with their online presence."
+          tag="Featured Work"
           tagIcon={BarChart3}
           animationType="slide-up"
           textboxLayout="default"
@@ -120,29 +107,55 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="why-elevate" data-section="why-elevate">
+        <MediaAbout
+          title="Why Choose Elevate Web"
+          description="We're not just designers—we're digital strategists obsessed with results. Founded by a Dutch student-athlete who understands the discipline required to succeed, we bring that same dedication to every project. We believe your website should work as hard as you do. Every design choice is purposeful. Every line of code is optimized. Every interaction is crafted to move visitors closer to becoming clients. We specialize in helping fitness professionals, gym owners, and sports enthusiasts build an online presence that genuinely converts."
+          tag="Our Story"
+          tagIcon={CheckCircle}
+          buttons={[{ text: "Learn About Our Founder", href: "#about" }]}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqXgsnzzGzY8t8KhASFkum85OC/uploaded-1773345682402-6uuhacve.jpg?_wi=2"
+          imageAlt="Founder - Dutch student-athlete"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <MediaAbout
+          title="About the Founder"
+          description="I'm a 20-year-old student-athlete from The Hague, Netherlands, currently studying in the United States. This unique perspective—balancing rigorous academics, competitive athletics, and entrepreneurial ambition—shapes everything we do. Growing up in the Netherlands taught me precision and attention to detail. Competing in the USA taught me that excellence requires relentless execution. Both experiences inform my approach to web design: meticulous planning combined with bold, results-driven execution. I founded Elevate Web because I saw too many amazing businesses—gyms, coaches, trainers—losing clients to outdated, underperforming websites. You deserve better. Your business deserves a digital presence that matches your professionalism and your passion."
+          tag="Founder Story"
+          tagIcon={Sparkles}
+          buttons={[{ text: "Work With Us", href: "#contact" }]}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqXgsnzzGzY8t8KhASFkum85OC/uploaded-1773345682402-6uuhacve.jpg?_wi=2"
+          imageAlt="Founder portrait"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardThirteen
           testimonials={[
             {
-              id: "1",              name: "Marcus Thompson",              handle: "@fitnesselite",              testimonial: "Our membership inquiries increased by 300% in the first month. The website Hidde built is exactly what we needed to compete with bigger gyms.",              rating: 5,
+              id: "1",              name: "Marcus Thompson",              handle: "@fitnesselite",              testimonial: "Elevate Web transformed our gym's online presence. Membership inquiries increased 340% in the first month. The design is beautiful and the results speak for themselves.",              rating: 5,
               imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-man-holding-dumbbells_23-2149517267.jpg",              imageAlt: "Marcus Thompson"
             },
             {
-              id: "2",              name: "Sarah Chen",              handle: "@tennisacademy",              testimonial: "Professional, fast, and results-oriented. They understood our market and built a website that actually converts parents into enrollments. Worth every penny.",              rating: 5,
+              id: "2",              name: "Sarah Chen",              handle: "@tennisacademy",              testimonial: "Professional, fast, and results-focused. They understood our market perfectly and built a website that actually converts parents into enrollments. Best investment we've made.",              rating: 5,
               imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              imageAlt: "Sarah Chen"
             },
             {
-              id: "3",              name: "James Rodriguez",              handle: "@coachrodriguez",              testimonial: "As a personal trainer, I wasn't technical. Hidde handled everything and made it simple. My online client inquiries tripled. Highly recommended.",              rating: 5,
+              id: "3",              name: "James Rodriguez",              handle: "@coachrodriguez",              testimonial: "As a personal trainer, I wasn't technical. The team handled everything seamlessly. My online inquiries tripled. Worth every penny and then some.",              rating: 5,
               imageSrc: "http://img.b2bpic.net/free-photo/view-man-suit-soccer-field_23-2150888435.jpg",              imageAlt: "James Rodriguez"
             },
             {
-              id: "4",              name: "Emma Williams",              handle: "@sportsclubmgr",              testimonial: "We finally have a website that represents our professional standards. The design is beautiful and booking inquiries have never been better.",              rating: 5,
+              id: "4",              name: "Emma Williams",              handle: "@sportsclubmgr",              testimonial: "Finally, a website that represents our professional standards. The design is stunning and our booking inquiries have never been higher. Highly recommended.",              rating: 5,
               imageSrc: "http://img.b2bpic.net/free-photo/young-sports-man-happy-expression_1194-1587.jpg",              imageAlt: "Emma Williams"
             }
           ]}
           showRating={true}
           title="What Our Clients Say"
-          description="Success stories from gyms, sports clubs, coaches, and small businesses we've transformed."
+          description="Real results from real clients. Gyms, tennis academies, personal trainers, and fitness professionals trust us to deliver."
           tag="Client Testimonials"
           tagIcon={Quote}
           animationType="slide-up"
@@ -154,11 +167,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 elevate your online presence? Let's talk about how we can help your business attract more clients and convert visitors into revenue. Book a free consultation today."
           animationType="reveal-blur"
           buttons={[
-            { text: "Schedule a Free Consultation", href: "https://calendly.com" },
-            { text: "Send us an Email", href: "mailto:hello@hiddedigital.com" }
+            { text: "Schedule Free Consultation", href: "https://calendly.com" },
+            { text: "Send us an Email", href: "mailto:contact@elevateweb.com" }
           ]}
           background={{ variant: "plain" }}
           useInvertedBackground={false}
@@ -168,20 +181,20 @@ export default function LandingPage() {
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="http://img.b2bpic.net/free-vector/business-workshop-social-media-pack-landing-page_23-2149381280.jpg?_wi=2"
-          imageAlt="Hidde Digital portfolio showcase"
+          imageAlt="Elevate Web portfolio showcase"
           columns={[
             {
-              title: "Product",              items: [
+              title: "Services",              items: [
                 { label: "Web Design", href: "#services" },
-                { label: "SEO Optimization", href: "#services" },
-                { label: "Mobile Design", href: "#services" }
+                { label: "Mobile Optimization", href: "#services" },
+                { label: "SEO & Performance", href: "#services" }
               ]
             },
             {
               title: "Company",              items: [
-                { label: "About Me", href: "/about-me" },
-                { label: "Our Work", href: "#work" },
-                { label: "Testimonials", href: "#testimonials" }
+                { label: "About Us", href: "#about" },
+                { label: "Our Portfolio", href: "#portfolio" },
+                { label: "Client Stories", href: "#testimonials" }
               ]
             },
             {
@@ -192,10 +205,10 @@ export default function LandingPage() {
               ]
             }
           ]}
-          logoText="Hidde Digital"
-          copyrightText="© 2025 Hidde Digital. All rights reserved."
+          logoText="Elevate Web"
+          copyrightText="© 2025 Elevate Web. All rights reserved."
         />
       </div>
     </ThemeProvider>
   );
-}
+}