Task 10: Build Footer component with ECG decoration

- Created Footer.tsx with decorative ECG waveform SVG
- Footer uses Framer Motion for scroll-triggered entrance animation
- Centered layout with border-top, muted attribution text
- Integrated Footer into App.tsx content phase
- Three-phase orchestration (boot → ecg → content) already working
This commit is contained in:
2026-02-10 17:03:11 +00:00
parent 75c6cf11dc
commit 1a2c43323b
3 changed files with 39 additions and 1 deletions
+2
View File
@@ -9,6 +9,7 @@ import { Experience } from './components/Experience'
import { Education } from './components/Education'
import { Projects } from './components/Projects'
import { Contact } from './components/Contact'
import { Footer } from './components/Footer'
function App() {
const [phase, setPhase] = useState<Phase>('boot')
@@ -39,6 +40,7 @@ function App() {
<Contact />
</main>
<Footer />
</>
)}
</div>