grid updated & panelist data added

WatchPartyAroundIndia · Jun 9, 2024 · 09aa5aa · 09aa5aa
1 parent 9b899dd
commit 09aa5aa
Show file tree

Hide file tree

Showing 4 changed files with 53 additions and 29 deletions.
diff --git a/src/assets/images/panelists/10.svg b/src/assets/images/panelists/10.svg
diff --git a/src/components/About.tsx b/src/components/About.tsx
@@ -89,6 +89,31 @@ const About = () => {
  },
  ],
  },
+ {
+ id: 5,
+ name: "Swift Hyderabad",
+ icon: swiftHyderabad,
+ voulenteers: [
+ {
+ id: 11,
+ name: "Ranga Reddy",
+ designation: "Senior Software Engineer",
+ company: "",
+ imageSrc: leader10,
+ linkedIn: "",
+ twitter: "",
+ },
+ {
+ id: 12,
+ name: "Anirudh Jwala",
+ designation: "Senior Software Engineer",
+ company: "IRIS",
+ imageSrc: leader11,
+ linkedIn: "",
+ twitter: "",
+ },
+ ],
+ },
  {
  id: 4,
  name: "Swift Bengaluru",
@@ -123,31 +148,6 @@ const About = () => {
  },
  ],
  },
- {
- id: 5,
- name: "Swift Hyderabad",
- icon: swiftHyderabad,
- voulenteers: [
- {
- id: 11,
- name: "Ranga Reddy",
- designation: "Senior Software Engineer",
- company: "",
- imageSrc: leader10,
- linkedIn: "",
- twitter: "",
- },
- {
- id: 12,
- name: "Anirudh Jwala",
- designation: "Senior Software Engineer",
- company: "IRIS",
- imageSrc: leader11,
- linkedIn: "",
- twitter: "",
- },
- ],
- },
  ];
 
  return (

diff --git a/src/components/PanelDiscussion.tsx b/src/components/PanelDiscussion.tsx
@@ -7,6 +7,7 @@ import panelist06 from "../assets/images/panelists/06.svg";
 import panelist07 from "../assets/images/panelists/07.svg";
 import panelist08 from "../assets/images/panelists/08.svg";
 import panelist09 from "../assets/images/panelists/09.svg";
+import panelist10 from "../assets/images/panelists/10.svg";
 
 const PanelDiscussion = () => {
  const listOfSpeakers = [
@@ -100,6 +101,16 @@ const PanelDiscussion = () => {
  linkedIn: "https://www.linkedin.com/in/gundasupriya/",
  twitter: "",
  },
+ {
+ id: 10,
+ name: "Nikhil Soni",
+ designation: "Founder of InfinityVerse",
+ company: "Recognised Apple Swift Teacher, Mentor",
+ location: "Swift Hyderabad",
+ imageSrc: panelist10,
+ linkedIn: "https://www.linkedin.com/in/nikhilsoni1302",
+ twitter: "https://x.com/nick_soninikhil",
+ },
  ];
 
  return (
@@ -112,15 +123,17 @@ const PanelDiscussion = () => {
  WWDC24 Predictions
  </h5>
  <div className='h-8'></div>
- <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 mx-auto w-4/5 gap-8'>
+ <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 mx-auto w-3/5 gap-8'>
  {listOfSpeakers.map((speaker) => (
  <div key={speaker.id} className='flex flex-col items-center'>
  <img
  src={speaker.imageSrc}
  alt={speaker.name}
  className='w-40 h-40 rounded-full mb-4 object-cover'
  />
- <p className='font-semibold text-xl text-white'>{speaker.name}</p>
+ <p className='font-semibold text-xl text-white text-center'>
+ {speaker.name}
+ </p>
  <p className='text-base text-slate-400 text-center'>
  {speaker.designation}
  </p>

diff --git a/src/components/Speakers.tsx b/src/components/Speakers.tsx
@@ -85,15 +85,17 @@ const Speakers = () => {
  Our Speakers
  </h5>
  <div className='h-8'></div>
- <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 mx-auto w-4/5 gap-8'>
+ <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 mx-auto w-3/5 gap-8'>
  {listOfSpeakers.map((speaker) => (
  <div key={speaker.id} className='flex flex-col items-center'>
  <img
  src={speaker.imageSrc}
  alt={speaker.name}
  className='w-40 h-40 rounded-full mb-4 object-cover'
  />
- <p className='font-semibold text-xl text-white'>{speaker.name}</p>
+ <p className='font-semibold text-xl text-white text-center'>
+ {speaker.name}
+ </p>
  <p className='text-base text-slate-400 text-center'>
  {speaker.designation}
  </p>