diff --git a/src/components/content/carousels/InteractivePromotionalCarousel.js b/src/components/content/carousels/InteractivePromotionalCarousel.js index 70be8a6..440e165 100644 --- a/src/components/content/carousels/InteractivePromotionalCarousel.js +++ b/src/components/content/carousels/InteractivePromotionalCarousel.js @@ -4,8 +4,8 @@ import { useImageProxy } from "@/hooks/useImageProxy" import GenericButton from "@/components/buttons/GenericButton" import { useRouter } from "next/router" import useWindowWidth from "@/hooks/useWindowWidth" -import NostrIcon from "../../../../public/images/nostr.png" import { useToast } from "@/hooks/useToast"; +import MessageCarousel from '@/components/content/carousels/MessagesCarousel'; // With current spacing the title can only be 1 line const promotions = [ @@ -216,70 +216,7 @@ const InteractivePromotionalCarousel = () => { )) )} - {isTabView ? ( - // todo: turn this into a stepper for multiple messages -
-

Welcome! 👋

-

Plebdevs is open source software and is still in early development. If you have any questions drop an issue on the Github repo, or reach out to me in the Community tab, cheers! - Austin

-
- window.open('https://github.com/austinkelsay/plebdevs', '_blank')} - title="Github" - /> - window.open('https://x.com/pleb_devs', '_blank')} - title="X" - /> - Nostr window.open('https://nostr.com/plebdevs@plebdevs.com', '_blank')} - title="Nostr" - /> - copyToClipboard("austin@bitcoinpleb.dev")} - title="Donate" - /> -
-
- ) : ( -
-

Welcome! 👋

-

Plebdevs is open source software and is still in early development. If you have any questions drop an issue on the Github repo, or reach out to me in the Community tab, cheers! - Austin

-
- window.open('https://github.com/austinkelsay/plebdevs', '_blank')} - title="Github" - /> - window.open('https://x.com/pleb_devs', '_blank')} - title="X" - /> - Nostr window.open('https://nostr.com/plebdevs@plebdevs.com', '_blank')} - title="Nostr" - /> - copyToClipboard("austin@bitcoinpleb.dev")} - title="Donate" - /> -
-
- )} + ); diff --git a/src/components/content/carousels/MessagesCarousel.js b/src/components/content/carousels/MessagesCarousel.js new file mode 100644 index 0000000..71c2bc8 --- /dev/null +++ b/src/components/content/carousels/MessagesCarousel.js @@ -0,0 +1,103 @@ +import React from 'react'; +import { Carousel } from 'primereact/carousel'; +import GenericButton from '@/components/buttons/GenericButton'; +import Image from "next/image"; +import NostrIcon from "../../../../public/images/nostr.png"; + +const MessageCarousel = ({ copyToClipboard }) => { + + const messageTemplate = ({title, description, showGithub, showX, showNostr, showYoutube, showDonate, showFeedback}) => ( +
+

{title}

+

{description}

+
+ {showGithub && ( + window.open('https://github.com/austinkelsay/plebdevs', '_blank')} + title="Github" + /> + )} + {showX && ( + window.open('https://x.com/pleb_devs', '_blank')} + title="X" + /> + )} + {showNostr && ( + Nostr window.open('https://nostr.com/plebdevs@plebdevs.com', '_blank')} + title="Nostr" + /> + )} + {showYoutube && ( + window.open('https://www.youtube.com/@plebdevs', '_blank')} + title="Youtube" + /> + )} + {showDonate && ( + copyToClipboard("austin@bitcoinpleb.dev")} + title="Donate" + /> + )} + {showFeedback && ( + window.open('https://docs.google.com/forms/d/e/1FAIpQLSd8PDBQ8PksBzO8zsMA-Gy6tdZtKWk10Ixa0EXgeTBOyjohpA/viewform?usp=sf_link', '_blank')} + /> + )} +
+
+ ); + + const messages = [ + { + title: "Welcome to the PlebDevs Platform testing phase! 👋", + description: "During this testing phase all prices will be reduced by 10x but all purchases, subscriptions, and progress will be reset on launch. Thank you!", + showGithub: false, + showX: false, + showNostr: false, + showDonate: false, + showFeedback: true, + }, + { + title: "PLEBDEVS 🤝👨‍💻🤝👩‍💻🤝🧑‍💻🤝", + description: "Plebdevs is open source software and is still in early development. If you have any questions drop an issue on the Github repo, or reach out to me in the Community tab, cheers! - Austin", + showGithub: true, + showX: true, + showNostr: true, + showYoutube: true, + showDonate: true, + showFeedback: false, + }, + { + title: "More content coming soon 📺", + description: "We are super excited to be working on more content in the coming months including a new PlebDevs Starter course for beginners and more tutorials! Keep an eye out!", + showGithub: true, + showX: true, + showNostr: true, + showYoutube: true, + showDonate: true, + showFeedback: false, + }, + ]; + + return ( + + ); +}; + +export default MessageCarousel; \ No newline at end of file diff --git a/src/pages/about.js b/src/pages/about.js index 75cf0ae..f9a3abd 100644 --- a/src/pages/about.js +++ b/src/pages/about.js @@ -116,6 +116,13 @@ const AboutPage = () => { tooltip="Nostr" onClick={() => window.open('https://nostr.com/plebdevs@plebdevs.com', '_blank')} /> + window.open('https://www.youtube.com/@plebdevs', '_blank')} + />