diff --git a/src/components/Speaker.tsx b/src/components/Speaker.tsx index 6fe4699..65cdecf 100644 --- a/src/components/Speaker.tsx +++ b/src/components/Speaker.tsx @@ -18,7 +18,7 @@ const Speaker: React.FC = ({speaker}) => { return (
{speaker.fullName} - +

{`${speaker.firstName.split(" ")[0]} ${speaker.lastName.split(" ")[0]}`}

{speaker.tagLine}

diff --git a/src/components/Speakers.tsx b/src/components/Speakers.tsx index ffd38f2..9488e4b 100644 --- a/src/components/Speakers.tsx +++ b/src/components/Speakers.tsx @@ -6,8 +6,9 @@ import {ISpeaker} from "@/types/speakers.ts"; const Speakers = () => { const {speakers} = useAppContext(); + const randomSpeakers = speakers.sort(() => 0.5 - Math.random()); - const gridLg: GridConfig = {cols: 3, rows: 2, itemsPerSlide: 6}; + const gridLg: GridConfig = {cols: 3, rows: 1, itemsPerSlide: 3}; const gridMd: GridConfig = {cols: 2, rows: 1, itemsPerSlide: 2}; const gridSm: GridConfig = {cols: 1, rows: 1, itemsPerSlide: 1}; @@ -22,7 +23,7 @@ const Speakers = () => { >

Speakers

- } /> + } /> ); }; diff --git a/src/components/Sponsor.tsx b/src/components/Sponsor.tsx index 145be5a..b5ac3ad 100644 --- a/src/components/Sponsor.tsx +++ b/src/components/Sponsor.tsx @@ -10,17 +10,27 @@ interface SponsorProps { const Sponsor: React.FC = ({sponsor}) => { if (!sponsor.isPaid) return; return ( -
-
- {sponsor.name} -
- - - - -
-
-
+
+ +
+ {sponsor.name} +
+ +
+ + + + + +
+
) } export default Sponsor \ No newline at end of file diff --git a/src/components/Sponsors.tsx b/src/components/Sponsors.tsx index f307514..5bf732a 100644 --- a/src/components/Sponsors.tsx +++ b/src/components/Sponsors.tsx @@ -1,17 +1,19 @@ import React from "react"; import background from '@/img/background_blue.png' import {sponsors} from "@/data/sponsors.ts"; -import Sponsor from "@/components/Sponsor.tsx"; import Lights from "@/components/ui/lights.tsx"; +import SponsorsByTier from "@/components/sponsors/SponsorsByTier.tsx"; const Sponsors = () => { + + return (
{/* SVG de luces */} -
+
@@ -21,21 +23,18 @@ const Sponsors = () => { {/* Fondo y texto */}
-

- Sponsors -

-
-
- {sponsors.map((sponsor) => ( - - ))} -
+

+ Patrocinadores +

+
+
-
+
diff --git a/src/components/sponsors/SponsorsByTier.tsx b/src/components/sponsors/SponsorsByTier.tsx new file mode 100644 index 0000000..104fe44 --- /dev/null +++ b/src/components/sponsors/SponsorsByTier.tsx @@ -0,0 +1,91 @@ +import Sponsor from "@/components/Sponsor.tsx"; +import React from "react"; +import background from "@/img/background_blue.png"; + +const SponsorsByTier = ({sponsors}) => { + const diamondSponsors = sponsors.filter(sponsor => sponsor.type === "diamond"); + const goldSponsors = sponsors.filter(sponsor => sponsor.type === "gold"); + const silverSponsors = sponsors.filter(sponsor => sponsor.type === "silver"); + const bronzeSponsors = sponsors.filter(sponsor => sponsor.type === "bronze"); + + return ( +
+
+

💎Diamante 💎

+ {diamondSponsors.map((sponsor) => ( + + ))} +
+ { + goldSponsors.length > 0 &&
+
+ } +
+

⭐Oro⭐

+ {goldSponsors.map((sponsor) => ( + + ))} +
+ { + silverSponsors.length > 0 &&
+
+ } +
+
+ +

+ + + ✦ + + + + Plata + + ✦ + + + +

+
+ + {silverSponsors.map((sponsor) => ( + + ))} +
+ { + bronzeSponsors.length > 0 &&
+
+ } + { + bronzeSponsors.length > 0 && ( +
+

🖥Virtual🖥

+ {bronzeSponsors.map((sponsor) => ( + + ))} +
+ ) + } +
+ ) +} +export default SponsorsByTier; \ No newline at end of file diff --git a/src/data/organizers.ts b/src/data/organizers.ts index 6c74e2f..961ee4f 100644 --- a/src/data/organizers.ts +++ b/src/data/organizers.ts @@ -1,5 +1,5 @@ import {ICommunity} from "@/types/types.ts"; -import LCDC from "@/img/organizers/laschicasdelcodigo.jpeg"; +import LCDC from "@/img/organizers/lcdc.png"; import IxDA from "@/img/organizers/IxDA-Cover.png"; import KUG from "@/img/organizers/KUG.png" import J4G from "@/img/organizers/j4g.png" diff --git a/src/data/sponsors.ts b/src/data/sponsors.ts index 7083398..f7b52aa 100644 --- a/src/data/sponsors.ts +++ b/src/data/sponsors.ts @@ -1,20 +1,36 @@ import {ISponsor} from "@/types/types.ts"; import zillow from "@/img/sponsors/zillow.png" import howdy from "@/img/sponsors/howdy.png" +import koch from "@/img/sponsors/Koch.png" +import akamai from "@/img/sponsors/akamai.png" export const sponsors: Array = [ { id: "sponsor-1", name: "Zillow", image: zillow, - isPaid: false, - type: "gold" + isPaid: true, + type: "diamond" }, { id: "sponsor-2", name: "Howdy", image: howdy, - isPaid: false, + isPaid: true, + type: "diamond" + }, + { + id: "sponsor-3", + name: "Koch", + image: koch, + isPaid: true, + type: "gold" + }, + { + id: "sponsor-4", + name: "Akamai", + image: akamai, + isPaid: true, type: "silver" } ] \ No newline at end of file diff --git a/src/img/organizers/laschicasdelcodigo.jpeg b/src/img/organizers/laschicasdelcodigo.jpeg deleted file mode 100644 index 5471328..0000000 Binary files a/src/img/organizers/laschicasdelcodigo.jpeg and /dev/null differ diff --git a/src/img/organizers/lcdc.png b/src/img/organizers/lcdc.png new file mode 100644 index 0000000..c1042e6 Binary files /dev/null and b/src/img/organizers/lcdc.png differ diff --git a/src/img/sponsors/Koch.png b/src/img/sponsors/Koch.png new file mode 100644 index 0000000..04f718f Binary files /dev/null and b/src/img/sponsors/Koch.png differ diff --git a/src/img/sponsors/akamai.png b/src/img/sponsors/akamai.png new file mode 100644 index 0000000..83185fd Binary files /dev/null and b/src/img/sponsors/akamai.png differ diff --git a/src/img/sponsors/zillow.png b/src/img/sponsors/zillow.png index e82e36a..bdb9ff6 100644 Binary files a/src/img/sponsors/zillow.png and b/src/img/sponsors/zillow.png differ diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx index b26e4c1..2f02387 100644 --- a/src/pages/Index.tsx +++ b/src/pages/Index.tsx @@ -6,6 +6,7 @@ import BecomeSponsor from "@/components/BecomeSponsor.tsx"; import Organizers from "@/components/Organizers.tsx"; import Speakers from "@/components/Speakers.tsx"; import CommunitiesAllies from "@/components/communities/CommunitiesAllies.tsx"; +import Sponsors from "@/components/Sponsors.tsx"; const Index = () => { const location = useLocation(); @@ -33,6 +34,7 @@ const Index = () => { + diff --git a/src/types/types.ts b/src/types/types.ts index 1227f83..ee67b4b 100644 --- a/src/types/types.ts +++ b/src/types/types.ts @@ -21,7 +21,7 @@ export interface ISponsor { link?: string; image: string; isPaid: boolean; - type?: 'gold' | 'silver' | 'bronze'; + type?: 'gold' | 'diamond' | 'bronze' | 'silver'; } export enum AppStatus { diff --git a/tailwind.config.ts b/tailwind.config.ts index 4f20bda..d1d5664 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -19,6 +19,9 @@ export default { } }, extend: { + backgroundImage: { + 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', + }, colors: { border: 'hsl(var(--border))', input: 'hsl(var(--input))',