diff --git a/img/bg-posadev.png b/img/bg-posadev.png deleted file mode 100644 index 33ae2b2..0000000 Binary files a/img/bg-posadev.png and /dev/null differ diff --git a/img/posadev-logo.png b/img/posadev-logo.png deleted file mode 100644 index a18a1c3..0000000 Binary files a/img/posadev-logo.png and /dev/null differ diff --git a/img/posadev-media-kit.zip b/img/posadev-media-kit.zip new file mode 100644 index 0000000..c37b6a2 Binary files /dev/null and b/img/posadev-media-kit.zip differ diff --git a/img/posadev_fondo_blanco.png b/img/posadev_fondo_blanco.png deleted file mode 100644 index 01edb40..0000000 Binary files a/img/posadev_fondo_blanco.png and /dev/null differ diff --git a/img/posadev_logo_blanco.png b/img/posadev_logo_blanco.png new file mode 100644 index 0000000..66a5bdb Binary files /dev/null and b/img/posadev_logo_blanco.png differ diff --git a/img/posadev_logo_blanco.svg b/img/posadev_logo_blanco.svg new file mode 100644 index 0000000..55b4cc7 --- /dev/null +++ b/img/posadev_logo_blanco.svg @@ -0,0 +1,224 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/img/posadev_logo_negro.png b/img/posadev_logo_negro.png new file mode 100644 index 0000000..88d87a3 Binary files /dev/null and b/img/posadev_logo_negro.png differ diff --git a/img/posadev_logo_negro.svg b/img/posadev_logo_negro.svg new file mode 100644 index 0000000..1f48979 --- /dev/null +++ b/img/posadev_logo_negro.svg @@ -0,0 +1,223 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/img/posadev_logo_rojo_blanco.png b/img/posadev_logo_rojo_blanco.png new file mode 100644 index 0000000..66f56f2 Binary files /dev/null and b/img/posadev_logo_rojo_blanco.png differ diff --git a/img/posadev_logo_rojo_blanco.svg b/img/posadev_logo_rojo_blanco.svg new file mode 100644 index 0000000..3205a05 --- /dev/null +++ b/img/posadev_logo_rojo_blanco.svg @@ -0,0 +1,227 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/img/posadev_logo_rojo_negro.png b/img/posadev_logo_rojo_negro.png new file mode 100644 index 0000000..517cae9 Binary files /dev/null and b/img/posadev_logo_rojo_negro.png differ diff --git a/img/posadev_logo_rojo_negro.svg b/img/posadev_logo_rojo_negro.svg new file mode 100644 index 0000000..8bb70bb --- /dev/null +++ b/img/posadev_logo_rojo_negro.svg @@ -0,0 +1,227 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/img/posadev_negro.png b/img/posadev_negro.png deleted file mode 100755 index 76ded32..0000000 Binary files a/img/posadev_negro.png and /dev/null differ diff --git a/src/App.tsx b/src/App.tsx index 15b6f2e..b6b3cd4 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -14,6 +14,7 @@ import SpeakerInfo from "@/components/SpeakerInfo.tsx"; import {AppProvider} from "@/context/AppContext.tsx"; import TicketsPage from "@/pages/TicketsPage.tsx"; import CodeOfConductSpeakers from "@/pages/CodeOfConductSpeakers.tsx"; +import MediaKit from "@/pages/MediaKit.tsx"; const queryClient = new QueryClient(); @@ -31,10 +32,11 @@ const App = () => { } /> } /> }/> - }/> + }/> }/> }/> - } /> + } /> + } /> diff --git a/src/components/icons/PosadevLogoBlanco.tsx b/src/components/icons/PosadevLogoBlanco.tsx new file mode 100644 index 0000000..586802f --- /dev/null +++ b/src/components/icons/PosadevLogoBlanco.tsx @@ -0,0 +1,88 @@ +import React from "react"; + +const PosadevLogoBlanco: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +} +export default PosadevLogoBlanco \ No newline at end of file diff --git a/src/components/media-kit/Pantone.tsx b/src/components/media-kit/Pantone.tsx new file mode 100644 index 0000000..b22b172 --- /dev/null +++ b/src/components/media-kit/Pantone.tsx @@ -0,0 +1,34 @@ +import {Card, CardFooter} from "@/components/ui/card.tsx"; +import React from "react"; +import {handleCopy} from "@/lib/utils.ts"; +import {useToast} from "@/hooks/use-toast.ts"; +import {Copy} from "lucide-react"; + +interface PantoneProps { + color: string; + name: string; + hex: string; + rgb?: string; + colorCopy?: string; +} + +const Pantone: React.FC = ({ name, hex, color, colorCopy }) => { + const {toast, dismiss} = useToast(); + + const handleClick = (hex: string) => { + return handleCopy(toast, dismiss, hex ) + } + + return ( + handleClick(hex)} className="w-40 overflow-hidden rounded-xl shadow-md border border-gray-200"> + + + + + {name} + {hex} + + + ); +}; +export default Pantone diff --git a/src/lib/utils.ts b/src/lib/utils.ts index 6bcc4a3..e6de791 100644 --- a/src/lib/utils.ts +++ b/src/lib/utils.ts @@ -10,12 +10,15 @@ export const scrollToTop = () => { window.scrollTo({ top: 0, behavior: 'instant' }); } -export const handleCopy = async (toast, dismiss) => { - try { - await navigator.clipboard.writeText(""); - toast(); +export const handleCopy = async (toast, dismiss, text: string) => { + let toastId; + try { + await navigator.clipboard.writeText(text); + toastId = toast({ + title: `Copiado al portapapeles: ${text}` + }).id; } finally { - setTimeout(() => dismiss(), 3000); + setTimeout(() => dismiss(toastId), 3000); } }; diff --git a/src/pages/MediaKit.tsx b/src/pages/MediaKit.tsx new file mode 100644 index 0000000..d599482 --- /dev/null +++ b/src/pages/MediaKit.tsx @@ -0,0 +1,113 @@ +import {Button} from "@/components/ui/button.tsx"; +import React from "react"; +import {BriefcaseMedical, Download, Palette} from "lucide-react"; +import Pantone from "@/components/media-kit/Pantone.tsx"; +import {Card} from "@/components/ui/card.tsx"; + +const MediaKit = () => { + return ( + + + + + + + + + + + SVG + + + + + + PNG + + + + + + + + + + + SVG + + + + + + PNG + + + + + + + + + + + SVG + + + + + + PNG + + + + + + + + + + + SVG + + + + + + PNG + + + + + + + + + Colores de la marca + + + El logotipo de Posadev siempre debe aparecer en los colores designados para la marca. + + + + + + + + **No modifique los colores ni aplique degradados. + + + + ); +}; + +export default MediaKit; \ No newline at end of file
{name}
{hex}
+ El logotipo de Posadev siempre debe aparecer en los colores designados para la marca. +
+ **No modifique los colores ni aplique degradados. +