Skip to content

Commit d541087

Browse files
lfilholfilho
committed
feat: add landing page
1 parent 95fe0a1 commit d541087

File tree

6 files changed

+102
-15
lines changed

6 files changed

+102
-15
lines changed

‎astro.config.mjs

-1
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,6 @@ export default defineConfig({
3131
server: { port: SERVER_PORT },
3232
site: BASE_URL,
3333
redirects: {
34-
'/': '/cv',
3534
'/cv/pdf': pdfOutPathRelative,
3635
},
3736
integrations: [react(), sitemap(), tailwind()],

‎src/components/cv/sections/header/index.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { faHandshake } from '@fortawesome/free-regular-svg-icons';
44
import { faChalkboardTeacher, faEnvelope, faHome, faMapMarkerAlt } from '@fortawesome/free-solid-svg-icons';
55
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
66
import { Component } from 'react';
7-
import { getCareerTenure } from '../../../../lib/shared/career-tenure';
7+
import { getCareerTenure } from '../../../../lib/career-tenure';
88

99
import './style.css';
1010

‎src/lib/shared/career-tenure.ts ‎src/lib/career-tenure.ts

File renamed without changes.

‎src/pages/book-me/index.astro

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
import Layout from '@layouts/BookMeLayout.astro';
3-
import { getCareerTenure } from '@lib/shared/career-tenure';
3+
import { getCareerTenure } from '@lib/career-tenure';
44
55
const experience = getCareerTenure();
66
const checkmarkPathElement = `<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-green-500 mt-1 mr-3 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">

‎src/pages/cv/index.astro

-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
11
---
2-
import { Astro } from 'astro';
3-
42
import CVLayout from '@layouts/CV.astro';
53
64
import Education from '@components/cv/sections/education';

‎src/pages/index.astro

+100-10
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,105 @@
11
---
2-
import Intro from '@components/Intro.astro';
3-
import PageMeta from '@components/PageMeta.astro';
4-
import { SITE_TITLE } from '../config';
5-
import PageLayout from '@layouts/PageLayout.astro';
2+
import Layout from '@layouts/BookMeLayout.astro';
3+
import { cvData } from '@components/cv/cvData';
4+
import { library } from '@fortawesome/fontawesome-svg-core';
5+
import { faGithub, faLinkedin } from '@fortawesome/free-brands-svg-icons';
6+
import { faHandshake } from '@fortawesome/free-regular-svg-icons';
7+
import { faEnvelope, faGlobe, faChalkboardTeacher } from '@fortawesome/free-solid-svg-icons';
8+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
9+
import '@fortawesome/fontawesome-svg-core/styles.css';
10+
11+
library.add(faGithub, faLinkedin, faEnvelope, faGlobe, faChalkboardTeacher, faHandshake);
612
---
713

8-
<PageLayout>
9-
<PageMeta title={`${SITE_TITLE}`} slot='meta' />
10-
<Fragment slot='main'>
11-
<Intro />
12-
</Fragment>
13-
</PageLayout>
14+
<Layout title="Luiz Gonzaga">
15+
<main class="max-w-4xl mx-auto px-4 py-12">
16+
<div class="text-center mb-12">
17+
<h1 class="text-4xl font-bold mb-4">Hi, I'm Luiz Gonzaga</h1>
18+
<p class="text-xl text-gray-600"><em>I like software and people :)</em></p>
19+
</div>
20+
21+
<div class="grid md:grid-cols-2 gap-12">
22+
<div class="bg-white p-8 rounded-lg shadow-sm hover:shadow-md transition-shadow">
23+
<h2 class="text-2xl font-semibold mb-4">View My CV</h2>
24+
<p class="text-gray-600 mb-6">Explore my professional experience, skills, and achievements in tech and leadership.</p>
25+
<div class="space-y-3">
26+
<a
27+
href="/cv"
28+
class="inline-block w-full bg-blue-600 text-white text-center py-3 px-4 rounded-lg hover:bg-blue-700 transition duration-200"
29+
>
30+
View CV
31+
</a>
32+
<a
33+
href="/cv/pdf"
34+
class="inline-block w-full border-2 border-blue-600 text-blue-600 text-center py-3 px-4 rounded-lg hover:bg-blue-50 transition duration-200"
35+
>
36+
Download PDF Version
37+
</a>
38+
</div>
39+
</div>
40+
41+
<div class="bg-white p-8 rounded-lg shadow-sm hover:shadow-md transition-shadow">
42+
<h2 class="text-2xl font-semibold mb-4">Book a Session</h2>
43+
<p class="text-gray-600 mb-6">Schedule a mentoring session for personalized guidance on your tech career.</p>
44+
<a
45+
href="/book-me"
46+
class="inline-block w-full bg-blue-600 text-white text-center py-3 px-4 rounded-lg hover:bg-blue-700 transition duration-200"
47+
>
48+
Book Now
49+
</a>
50+
</div>
51+
</div>
52+
</main>
53+
54+
<footer class="max-w-4xl mx-auto px-4 py-8 border-t">
55+
<div class="flex justify-center gap-6">
56+
<a
57+
href={cvData.header.contact.linkedin.href}
58+
class="text-gray-600 hover:text-blue-600 relative group"
59+
target="_blank"
60+
title="See my profile on LinkedIn"
61+
>
62+
<FontAwesomeIcon icon={faLinkedin} className="text-2xl" client:load />
63+
<span class="absolute -top-8 left-1/2 -translate-x-1/2 bg-gray-800 text-white text-sm py-1 px-2 rounded opacity-0 group-hover:opacity-100 whitespace-nowrap transition-opacity">
64+
See my profile on LinkedIn
65+
</span>
66+
</a>
67+
68+
<a
69+
href={cvData.header.contact.github.href}
70+
class="text-gray-600 hover:text-gray-900 relative group"
71+
target="_blank"
72+
title="See my profile on GitHub"
73+
>
74+
<FontAwesomeIcon icon={faGithub} className="text-2xl" />
75+
<span class="absolute -top-8 left-1/2 -translate-x-1/2 bg-gray-800 text-white text-sm py-1 px-2 rounded opacity-0 group-hover:opacity-100 whitespace-nowrap transition-opacity">
76+
See my profile on GitHub
77+
</span>
78+
</a>
1479

80+
<a
81+
href={cvData.header.contact.speakerdeck.href}
82+
class="text-gray-600 hover:text-orange-600 relative group"
83+
target="_blank"
84+
title="See my presentations on SpeakerDeck"
85+
>
86+
<FontAwesomeIcon icon={faChalkboardTeacher} className="text-2xl" />
87+
<span class="absolute -top-8 left-1/2 -translate-x-1/2 bg-gray-800 text-white text-sm py-1 px-2 rounded opacity-0 group-hover:opacity-100 whitespace-nowrap transition-opacity">
88+
See my presentations on SpeakerDeck
89+
</span>
90+
</a>
1591

92+
<a
93+
href={cvData.header.contact.topmate.href}
94+
class="text-gray-600 hover:text-green-600 relative group"
95+
target="_blank"
96+
title="Book a mentoring session on Topmate"
97+
>
98+
<FontAwesomeIcon icon={faHandshake} className="text-2xl" client:load />
99+
<span class="absolute -top-8 left-1/2 -translate-x-1/2 bg-gray-800 text-white text-sm py-1 px-2 rounded opacity-0 group-hover:opacity-100 whitespace-nowrap transition-opacity">
100+
Book a mentoring session on Topmate
101+
</span>
102+
</a>
103+
</div>
104+
</footer>
105+
</Layout>

0 commit comments

Comments
 (0)