feat: Initialize portfolio website with core sections, smooth scrolling, scroll reveal animations, and comprehensive SEO.

app/components/WorkModalities.tsx

@@ -2,6 +2,7 @@
 
 import { useState } from "react";
 import { Section } from "./Section";
+import { Reveal } from "./Reveal";
 
 interface Tier {
   id: string;
@@ -268,6 +269,7 @@ export function WorkModalities() {
       eyebrow="CONTRACT_PROTOCOLS.sys"
       title="Engenharia sob demanda. Previsibilidade de entrega sem overhead."
       description="Três níveis de contratação desenhados como uma esteira de valor — do diagnóstico rápido à parceria estratégica de longo prazo."
+      disableChildrenAnimation
     >
       <div
         style={{
@@ -275,9 +277,12 @@ export function WorkModalities() {
           gridTemplateColumns: "repeat(3, minmax(0, 1fr))",
           gap: "var(--sp-6)",
         }}
+        className="max-md:grid-cols-1 max-md:!flex max-md:!flex-col"
       >
-        {TIERS.map((tier) => (
-          <TierCard key={tier.id} tier={tier} />
+        {TIERS.map((tier, index) => (
+          <Reveal key={tier.id} y={40} duration={0.8} delay={0.1 * index}>
+            <TierCard tier={tier} />
+          </Reveal>
         ))}
       </div>
     </Section>