diff --git a/components/Slider/slider.js b/components/Slider/slider.js index 0b46545e..7d3ba505 100644 --- a/components/Slider/slider.js +++ b/components/Slider/slider.js @@ -31,7 +31,7 @@ function ReactSlider({ children }) { ( {children} ):( -
{children}
)} +
{children}
)} ); } diff --git a/components/Tickets/ticketCards.js b/components/Tickets/ticketCards.js index 451d2dbd..0ed3beb4 100644 --- a/components/Tickets/ticketCards.js +++ b/components/Tickets/ticketCards.js @@ -8,8 +8,8 @@ function TicketCards({ className, city }) { const buttonText = city.isFree ? 'Get Your Free Ticket' : 'Buy Now'; return ( -
-
+
+
{city.name}, {city.country}
{city.date}
diff --git a/cypress/downloads/conf 2024.pdf b/cypress/downloads/conf 2024.pdf new file mode 100644 index 00000000..81519786 Binary files /dev/null and b/cypress/downloads/conf 2024.pdf differ diff --git a/cypress/downloads/downloads.htm b/cypress/downloads/downloads.htm new file mode 100644 index 00000000..a73e0746 Binary files /dev/null and b/cypress/downloads/downloads.htm differ diff --git a/cypress/e2e/Landing.cy.js b/cypress/e2e/Landing.cy.js index 60c650f0..8f4caaa6 100644 --- a/cypress/e2e/Landing.cy.js +++ b/cypress/e2e/Landing.cy.js @@ -28,6 +28,20 @@ describe("Landing Page Tests", () => { it("Should contain Ticket section", () => { cy.getTestData("ticket-section").should("be.visible"); }); + + it("Should contain Ticket container section",() => { + cy.getTestData("ticket-card-container").should("be.visible"); + }) + + it("Should render Slider for small screen devices", () => { + cy.viewport(0,590); + cy.getTestData("ticket-card-container").find("div.slick-slider") + }); + + it("Should verify that the container has a child with overflow-x-scroll for medium and large screen", () => { + cy.viewport(591,1500); + cy.getTestData("ticket-card-container").find("div.overflow-x-scroll") + }); it("Should contain Sponsor component", () => { cy.getTestData("sponsor-section").should("be.visible"); diff --git a/pages/index.js b/pages/index.js index 9a94f90a..33b71728 100644 --- a/pages/index.js +++ b/pages/index.js @@ -16,6 +16,7 @@ import speakers from '../config/speakers.json'; import Link from 'next/link'; import Button from '../components/Buttons/button'; import Dropdown from '../components/Dropdown/dropdown'; +import ReactSlider from '../components/Slider/slider'; export default function Home() { const isTablet = useMediaQuery({ maxWidth: '1118px' }); @@ -37,161 +38,227 @@ export default function Home() { setSpeakersList(speakers[0].lists); },[]); return ( -
- - AsyncAPI Conference - - - - background-illustration -
-
- -
-
-
-
-
-
-
Speakers
-
-
- - Meet The Speakers - -
- - Discover the inspiring voices shaping our event, each bringing unique insights and expertise to the forefront of their respective fields. - -
-
-
- {isTablet ? ( -
- -
- ) : ( -
-
- {speakers.map((speaker) => { - return ( -
{ - setCity(speaker); - setSpeakersList(speaker.lists); - }} - > - -
- ); - })} -
-
- )} -
+
+ + AsyncAPI Conference + + + + background-illustration +
+
+ +
+
+
+
+
+
+
+ Speakers +
+
+
+ + Meet The Speakers + +
+ + Discover the inspiring voices shaping our event, each bringing + unique insights and expertise to the forefront of their + respective fields. + +
+
+
+ {isTablet ? ( +
+ +
+ ) : ( +
+
+ {speakers.map((speaker) => { + return ( +
{ + setCity(speaker); + setSpeakersList(speaker.lists); + }} + > + +
+ ); + })} +
+
+ )} +
-
- {typeof speakersList === 'string' ? ( -
-
- - {city.city} Speakers To Be Announced Soon - Stay Tuned! - -
-
- ) : Object.keys(speakersList).length > 0 ? ( -
- {speakersList.map((speaker, i) => { - return ( - - ); - })} -
- ) : ( -
-
- - {city.city} Speakers Coming Soon - Stay Tuned! - - - We are actively accepting speaker applications, and you - can start your journey by clicking the button below. Join - us on stage and share your valuable insights with our - enthusiastic audience! - - - - - - -
-
- )} -
-
-
-
-
Tickets
-
-
- - Get Tickets - -
- - Experience the Future of Asynchronous Communication: Get Tickets for the AsyncAPI Conference on Tour! - -
-
- {cities.map((city) => { - if(city.ended === false){ - return - } - })} -
-
-
-
- -
-
- -
-
-
- ); +
+ {typeof speakersList === "string" ? ( +
+
+ + {city.city} Speakers To Be Announced Soon - Stay Tuned! + +
+
+ ) : Object.keys(speakersList).length > 0 ? ( +
+ {speakersList.map((speaker, i) => { + return ( + + ); + })} +
+ ) : ( +
+
+ + {city.city} Speakers Coming Soon - Stay Tuned! + + + We are actively accepting speaker applications, and you + can start your journey by clicking the button below. + Join us on stage and share your valuable insights with + our enthusiastic audience! + + + + + + +
+
+ )} +
+
+
+
+
+ Tickets +
+
+
+ + Get Tickets + +
+ + Experience the Future of Asynchronous Communication: Get Tickets + for the AsyncAPI Conference on Tour! + +
+
+
+ + {cities + .filter((x) => x.ended == false) + .map((city) => { + return ( + + ); + })} + {cities + .filter((x) => x.ended == true) + .map((city) => { + return ( + + ); + })} + +
+
+
+ +
+
+ +
+
+
+ ); }