aboutsummaryrefslogtreecommitdiff
path: root/src/components/Hero.jsx
diff options
context:
space:
mode:
authorsotech117 <michael_foiani@brown.edu>2025-08-28 00:45:08 -0400
committersotech117 <michael_foiani@brown.edu>2025-08-28 00:45:08 -0400
commite510f1848cf5ea37400c89cde66c9c54a990d3ef (patch)
tree358961470b20ee9039acc745cb5073a727b65fe5 /src/components/Hero.jsx
parenta89ff47b98bda9d4636cf416f4c45d8060c126a8 (diff)
update with milly info
Diffstat (limited to 'src/components/Hero.jsx')
-rw-r--r--src/components/Hero.jsx44
1 files changed, 20 insertions, 24 deletions
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index d3a3b71..586e5be 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -33,23 +33,22 @@ export const Hero = () => {
animate="animate"
>
<motion.div className="hero-badge">
- <span> πŸ‘‹ Hello, I'm </span>
+ <span> πŸ‘‹ Hello, I&apos;m </span>
</motion.div>
<motion.h1
className="glitch"
variants={fadeInUp}
whileHover={{ scale: 1.02 }}
>
- PedroTech
+ MillyZ
</motion.h1>
<motion.h2 className="hero-subtitle" variants={fadeInUp}>
{" "}
- Creative Developer & Designer
+ Data Analyst & App Developer
</motion.h2>
<motion.p className="hero-description" variants={fadeInUp}>
- I craft beautiful digital experiences that combine stunning design
- with powerful functionality. Specializing in modern web applications
- and interactive user interfaces.
+ I analyze data to extract meaningful insights and drive business
+ decisions. Proficient in Python and data visualization tools like PowerBI.
</motion.p>
<motion.div className="cta-buttons" variants={staggerContainer}>
@@ -72,14 +71,11 @@ export const Hero = () => {
</motion.a>
</motion.div>
<motion.div className="social-links" variants={staggerContainer}>
- <motion.a href="https://github.com" target="_blank">
- <i className="fab fa-github"> </i>
- </motion.a>
- <motion.a href="https://linkedin.com" target="_blank">
+ <motion.a href="https://www.linkedin.com/in/meiling-zhao-29b554247/" target="_blank">
<i className="fab fa-linkedin"> </i>
</motion.a>
- <motion.a href="https://twitter.com" target="_blank">
- <i className="fab fa-twitter"> </i>
+ <motion.a href="https://github.com/millyz2023" target="_blank">
+ <i className="fab fa-github"> </i>
</motion.a>
</motion.div>
</motion.div>
@@ -104,23 +100,23 @@ export const Hero = () => {
}}
style={vscDarkPlus}
>
- {`const aboutMe: DeveloperProfile = {
- codename: "PedroTech",
- origin: "🌍 Somewhere between a coffee shop and a terminal",
- role: "Fullstack Web Sorcerer",
+ {`const aboutMe: Profile = {
+ username: "MillicentZhao",
+ location: "Beijing, CN πŸ‡¨πŸ‡³ -> Providence, RI πŸ‡ΊπŸ‡Έ",
+ role: "Data Explorer and Flutter Developer",
stack: {
- languages: ["JavaScript", "TypeScript", "SQL"],
- frameworks: ["React", "Next.js", "TailwindCSS", "Supabase"],
+ languages: ["SQL", "Python", "Dart"],
+ frameworks: ["PowerBI", "Flutter"],
},
traits: [
- "pixel-perfectionist",
- "API whisperer",
- "dark mode advocate",
- "terminal aesthetic enthusiast",
+ "enthusiastically curious",
+ "critical thinker",
+ "energentically outgoing",
+ "creative sketcher",
],
missionStatement:
- "Turning ideas into interfaces and bugs into feature",
- availability: "Available for hire",
+ "Learn from data. Always keep creating!"
+
};`}
</SyntaxHighlighter>
</div>