Update all homepage sections to max-w-4xl for consistent width

src/components/Bio.tsx

@@ -3,7 +3,7 @@ import { ExternalLink } from "lucide-react";
 const Bio = () => {
   return (
     <section className="py-10 md:py-12 border-b border-border">
-      <div className="container max-w-[780px] mx-auto px-5">
+      <div className="container max-w-4xl mx-auto px-5">
         <div className="space-y-4">
             <p className="text-base leading-relaxed">
               I help organizations implement AI systems that actually work. I focus on real implementations that generate measurable value, not theoretical frameworks or vendor pitches.

src/components/Header.tsx

@@ -1,7 +1,7 @@
 const Header = () => {
   return (
     <header className="border-b border-border py-12 md:py-16">
-      <div className="container max-w-[780px] mx-auto px-5">
+      <div className="container max-w-4xl mx-auto px-5">
         <div className="flex flex-row gap-6 items-center">
           <img
             src="/kamil-banc.jpg"

src/components/Services.tsx

@@ -1,7 +1,7 @@
 const Services = () => {
   return (
     <section className="py-10 md:py-12 border-t border-border">
-      <div className="container max-w-[780px] mx-auto px-5">
+      <div className="container max-w-4xl mx-auto px-5">
         <div className="text-center space-y-4">
           <p className="text-base leading-relaxed text-muted-foreground">
             I work with organizations on AI implementation through discovery calls, audits, advisory, and fractional leadership.

src/components/UpdateGuide.tsx

@@ -1,7 +1,7 @@
 const UpdateGuide = () => {
   return (
     <section className="py-10 md:py-12 border-b border-border">
-      <div className="container max-w-[780px] mx-auto px-5">
+      <div className="container max-w-4xl mx-auto px-5">
         <h2 className="text-2xl md:text-3xl font-bold mb-6">How This Works</h2>
         
         <div className="space-y-4 text-base leading-relaxed">