import React from 'react'; import SectionContainer from './SectionContainer'; import { summary, expertiseAreas } from '../data/resumeData'; import { motion } from 'framer-motion'; import { Target, Globe, Building2, Users } from 'lucide-react'; const iconMap: { [key: string]: React.ElementType } = { Target, Globe, Building2, Users }; const About: React.FC = () => { return (

The Vision.

{summary.split('.')[0]}.

{summary.substring(summary.indexOf('.') + 1)}

"Bridging Eastern philosophies with modern pedagogy."

Strategic Pillars

{expertiseAreas.map((area, index) => { const Icon = iconMap[area.iconName] || Target; return (

{area.title}

{area.description}

); })}
); }; export default About; import React from 'react'; import SectionContainer from './SectionContainer'; import { keyAccomplishments } from '../data/resumeData'; import { motion } from 'framer-motion'; const bgColors = ['bg-mesa-lime', 'bg-white', 'bg-mesa-sage']; const textColors = ['text-mesa-green', 'text-mesa-green', 'text-mesa-green']; const Accomplishments: React.FC = () => { return (
{keyAccomplishments.map((acc, index) => (
{index + 1}

{acc.category}

    {acc.items.map((item, i) => (
  • {item}
    • ))}
))}
); }; export default Accomplishments; import React from 'react'; import Navbar from './Navbar'; import Hero from './Hero'; import About from './About'; import Experience from './Experience'; import Education from './Education'; import Accomplishments from './Accomplishments'; import Testimonials from './Testimonials'; import Media from './Media'; import Contact from './Contact'; import BackToTop from './BackToTop'; const App: React.FC = () => { return (
); }; export default App; import React from 'react'; import { contactInfo } from '../data/resumeData'; import { Phone, MapPin, Linkedin, ArrowRight } from 'lucide-react'; import { motion } from 'framer-motion'; const Contact: React.FC = () => { return ( ); }; export default Contact;