fix: add semantic section IDs for anchor navigation and accessibility

src/components/sections/challenge-section.tsx

@@ -53,7 +53,7 @@ export function ChallengeSection() {
 
   return (
     <section
-      id="solutions"
+      id="challenges"
       ref={sectionRef}
       className="bg-white py-16 md:py-24"
     >

src/components/sections/cta-section.tsx

@@ -23,7 +23,7 @@ export function CTASection({
   secondaryHref = '/cases',
 }: CTASectionProps) {
   return (
-    <section className="bg-[#1C1C1C] py-16 md:py-24">
+    <section id="cta" className="bg-[#1C1C1C] py-16 md:py-24">
       <div className="container-wide">
         <motion.div
           initial={{ opacity: 0, y: 20 }}

src/components/sections/social-proof-section.tsx

@@ -29,6 +29,7 @@ export function SocialProofSection() {
 
   return (
     <section
+      id="social-proof"
       ref={sectionRef}
       className="bg-white py-16 md:py-24"
     >

src/components/sections/testimonial-section.tsx

@@ -50,6 +50,7 @@ export function TestimonialSection() {
 
   return (
     <section
+      id="testimonials"
       ref={sectionRef}
       className="bg-[#FFFBF5] py-16 md:py-24"
     >