Skip to content

Commit 6e443ba

Browse files
clytaemnestraclytaemnestra
committed
Add draft of speaker testimonials
1 parent 826256a commit 6e443ba

File tree

2 files changed

+101
-2
lines changed

2 files changed

+101
-2
lines changed

‎src/components/sections/speakers-testimonials.astro‎

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
---
2+
import Section from "@ui/Section.astro";
3+
import Headline from "@ui/Headline.astro";
4+
5+
const testimonials = [
6+
{
7+
id: 1,
8+
name: "Iulia Feroli",
9+
profileImage: "https://media.licdn.com/dms/image/v2/C4E03AQE9vLqX7-hVJA/profile-displayphoto-shrink_800_800/profile-displayphoto-shrink_800_800/0/1628671930679?e=1762387200&v=beta&t=QwJC1ApU5L8QWqbEzGV_C6a2zBmg43P9c0ijvJlqDbc",
10+
quote: "What an amazing first #europython <3 I've gotten so much lovely feedback and follow-up questions for my talk - the Python community here is the most encouraging and friendly!!",
11+
linkedinUrl: "https://www.linkedin.com/posts/iuliaferoli_europython-wrapped-activity-7351230116837875715-8yH8/"
12+
},
13+
{
14+
id: 2,
15+
name: "Sebastián Ramírez Montaño",
16+
profileImage: "https://media.licdn.com/dms/image/v2/D4D03AQFaNx4Gkntzbw/profile-displayphoto-shrink_800_800/profile-displayphoto-shrink_800_800/0/1728333798826?e=1762387200&v=beta&t=DahHJDEce9HSFu49XTVtEcCicJBbodakGOT3LYCDC8I",
17+
quote: "This was my first time at EuroPython, I had a lot of fun! And the audience was so nice. 😊😁🚀",
18+
linkedinUrl: "https://www.linkedin.com/posts/tiangolo_this-was-my-first-time-at-europython-i-had-activity-7351699344753836032-iFaO/"
19+
},
20+
{
21+
id: 3,
22+
name: "Farhaan Bukhsh",
23+
profileImage: "https://media.licdn.com/dms/image/v2/D5603AQGU0wm3lNjVAw/profile-displayphoto-crop_800_800/B56ZkLZhzJHQAI-/0/1756832868031?e=1762387200&v=beta&t=3xl6ou5ldMEtf2SgEeOQ-luCd1DuecqRwmtKMJKlMhc",
24+
quote: "Attending and speaking at EuroPython is one of my core memories now. This was such an exhilarating experience to speak at a conference where you have seen your heros speak.",
25+
linkedinUrl: "https://www.linkedin.com/posts/farhaanbukhsh_attending-and-speaking-at-europython-is-activity-7357675714390732800-qGR3/"
26+
}
27+
];
28+
29+
const sectionTitle = "Why should you speak at EuroPython?";
30+
const sectionSubtitle = "Hear from our previous speakers";
31+
---
32+
33+
<Section variant="primary">
34+
<Headline id="speakers-testimonials" title={sectionTitle} center="true" />
35+
<div class="container mx-auto px-6">
36+
<div class="text-center mb-12">
37+
<p class="text-lg text-gray-600 max-w-2xl mx-auto">{sectionSubtitle}</p>
38+
</div>
39+
40+
<div class="testimonials-grid grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto">
41+
{testimonials.map((testimonial) => (
42+
<a
43+
href={testimonial.linkedinUrl}
44+
target="_blank"
45+
rel="noopener noreferrer"
46+
class="testimonial-card bg-white rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 p-6 border border-gray-100 hover:border-[#0077b5] hover:-translate-y-1 group"
47+
>
48+
<div class="flex items-center mb-4">
49+
<img
50+
src={testimonial.profileImage}
51+
alt={`${testimonial.name}'s profile picture`}
52+
class="w-12 h-12 rounded-full mr-3 border-2 border-gray-200"
53+
/>
54+
<div>
55+
<h3 class="font-semibold text-gray-900 group-hover:text-[#0077b5] transition-colors">
56+
{testimonial.name}
57+
</h3>
58+
</div>
59+
<div class="ml-auto">
60+
<svg class="w-5 h-5 text-[#0077b5]" fill="currentColor" viewBox="0 0 24 24">
61+
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
62+
</svg>
63+
</div>
64+
</div>
65+
<p class="text-gray-700 leading-relaxed italic">
66+
"{testimonial.quote}"
67+
</p>
68+
</a>
69+
))}
70+
</div>
71+
</div>
72+
</Section>
73+
74+
<style>
75+
.testimonial-card:hover {
76+
transform: translateY(-4px);
77+
}
78+
79+
.testimonials-grid {
80+
animation: fadeInUp 0.6s ease-out;
81+
}
82+
83+
@keyframes fadeInUp {
84+
from {
85+
opacity: 0;
86+
transform: translateY(30px);
87+
}
88+
to {
89+
opacity: 1;
90+
transform: translateY(0);
91+
}
92+
}
93+
94+
.container {
95+
max-width: 1150px;
96+
}
97+
</style>

‎src/pages/index.astro‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,8 @@ import Keynoters from "@sections/keynoters/keynoters.astro";
77
import Speakers from "@sections/speakers.astro";
88
import Prague from "@sections/prague.astro";
99
import Sponsors from "@sections/sponsors/sponsors.astro";
10-
import Testimonials from "@sections/testimonials.astro";
10+
// import Testimonials from "@sections/testimonials.astro";
11+
import SpeakersTestimonials from "@sections/speakers-testimonials.astro";
1112
import Subscribe from "@sections/subscribe.astro";
1213
---
1314

@@ -16,7 +17,8 @@ import Subscribe from "@sections/subscribe.astro";
1617
description="EuroPython is the largest Python conference in Europe. We are looking forward to seeing you in Prague, Czech Republic & Remote from July 14th-20th 2025."
1718
>
1819
<Hero />
19-
<Testimonials />
20+
<!-- <Testimonials /> -->
21+
<SpeakersTestimonials />
2022
<Week />
2123
<Keynoters />
2224
<Speakers />

0 commit comments

Comments
 (0)