diff --git a/src/App.tsx b/src/App.tsx index f98e48d..4d83327 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -6,6 +6,7 @@ import { OrganizersSection } from '@/components/organizers-section.tsx'; import { Partners } from '@/components/partners.tsx'; import { PhotosSlider } from '@/components/photos-slider.tsx'; import { Speakers } from '@/components/speakers.tsx'; +import { Testimonials } from '@/components/testimonials.tsx'; import { Venue } from '@/components/venue.tsx'; import { VideoPlaylists } from '@/components/video-playlists.tsx'; import { useErrorTracking } from '@/hooks/useErrorTracking'; @@ -27,6 +28,7 @@ export const App = () => { + diff --git a/src/components/testimonials.tsx b/src/components/testimonials.tsx new file mode 100644 index 0000000..6ba3177 --- /dev/null +++ b/src/components/testimonials.tsx @@ -0,0 +1,77 @@ +import { Wrapper } from '@/components/wrapper.tsx'; + +interface Testimonial { + quote: string; + name: string; + role: string; + company: string; + imageUrl: string; +} + +const testimonials: Testimonial[] = [ + { + quote: 'An incredible experience! The talks were top-notch and the networking opportunities were unmatched. I left feeling inspired and full of new ideas.', + name: 'Anna Kowalska', + role: 'Senior Frontend Developer', + company: 'TechCorp', + imageUrl: 'https://i.pravatar.cc/150?img=1', + }, + { + quote: "meet.js Summit is hands down the best JavaScript conference in Poland. The community vibe is amazing and every edition keeps getting better.", + name: 'Marcin Nowak', + role: 'Tech Lead', + company: 'StartupHub', + imageUrl: 'https://i.pravatar.cc/150?img=3', + }, + { + quote: 'From the speakers to the venue to the after-party — everything was perfectly organized. Cannot wait for the next edition!', + name: 'Katarzyna Wiśniewska', + role: 'Full Stack Engineer', + company: 'DevStudio', + imageUrl: 'https://i.pravatar.cc/150?img=5', + }, +]; + +export const Testimonials = () => { + return ( +
+ +

+ Testimonials +

+

+ What attendees say about meet.js Summit +

+ +
+ {testimonials.map((testimonial) => ( +
+
+ "{testimonial.quote}" +
+ +
+ {testimonial.name} +
+

+ {testimonial.name} +

+

+ {testimonial.role}, {testimonial.company} +

+
+
+
+ ))} +
+
+
+ ); +};