fix:small ux&content fixes

apps/web/src/components/homepage/Info.tsx

@@ -24,7 +24,7 @@ const faqQuestions = [
 export default function Info() {
 	return (
 		<section id="info" className="relative z-20 flex flex-col bg-[#d82560]/96">
-			{/* Hero Section - Ongedesemd Brood */}
+			{/* Hero Section - Ongedesemd Woord */}
 			<div className="relative w-full border-white/20 border-b-4">
 				{/* Background pattern */}
 				<div
@@ -43,7 +43,7 @@ export default function Info() {
 							viewBox="0 0 80 56"
 							fill="none"
 							xmlns="http://www.w3.org/2000/svg"
-							aria-label="Ongedesemd brood"
+							aria-label="Ongedesemd Woord"
 						>
 							{/* Flat matzo cracker - slightly rounded rect */}
 							<rect
@@ -97,7 +97,7 @@ export default function Info() {
 							className="block"
 							style={{ fontSize: "clamp(1rem, 6vw + 1rem, 6rem)" }}
 						>
-							Brood?!
+							Woord?!
 						</span>
 					</h2>
 
@@ -126,7 +126,7 @@ export default function Info() {
 				/>
 
 				<div className="relative mx-auto flex w-full max-w-6xl flex-1 flex-col justify-center gap-16">
-					{/* Ongedesemd Brood Explanation - Full Width Special Treatment */}
+					{/* Ongedesemd Woord Explanation - Full Width Special Treatment */}
 					<div className="relative flex flex-col gap-6 rounded-2xl border-2 border-white/20 bg-white/5 p-8 md:p-12">
 						<div className="absolute top-0 -left-4 h-full w-1 bg-gradient-to-b from-white/0 via-white/60 to-white/0" />