v0.6.1 Fix anchor links bug, and add smooth scrolling behaviour

This commit is contained in:
Murtadha 2024-07-15 13:28:42 -04:00
parent 858b659b52
commit 5be4d10ce1
3 changed files with 19 additions and 18 deletions

View file

@ -129,25 +129,20 @@ function App() {
<div className={styles.app}>
<Header />
<main className={styles.main}>
<Hero />
<section className={styles.section} style={{ backgroundColor: "#333", color: "#fff" }}>
<div className={styles.content}>
<h1>Welcome to My Portfolio</h1>
<p>This is where you'll add your portfolio content.</p>
</div>
<section id="home">
<Hero />
</section>
<section id="experience">
<InfoSection title="Experience" data={experienceData} isEducation={true} />
</section>
{/* <section className={styles.section} style={{backgroundColor: '#f0f0f0'}}>
<div className={styles.content}>
<h2>Another Section</h2>
<p>This section has a different background color.</p>
</div>
</section> */}
<InfoSection title="Experience" data={experienceData} isEducation={true} />
<Separator width="70%" thickness="3px" />
<InfoSection title="Education" data={educationData} isEducation={true} />
<section id="projects">
<Projects title="Projects" data={projectsData} />
</section>
<Separator width="70%" thickness="3px" />
<Projects title="Projects" data={projectsData} />
{/* Add more sections as needed */}
<section id="education">
<InfoSection title="Education" data={educationData} isEducation={true} />
</section>
</main>
<Footer />
</div>