+
+ );
+};
+
+export default PagesLayout;
diff --git a/src/app/(pages)/page.tsx b/src/app/(pages)/page.tsx
new file mode 100644
index 0000000..2cb42ec
--- /dev/null
+++ b/src/app/(pages)/page.tsx
@@ -0,0 +1,124 @@
+import type { Metadata } from "next";
+
+import { topicsByLocale } from "@/assets/data/trusted-brands";
+import Benefits from "@/components/blocks/benefits/benefits";
+import CTA from "@/components/blocks/cta/cta";
+import Gallery from "@/components/blocks/gallery/gallery";
+import Hero from "@/components/blocks/hero-section/hero-section";
+import PyconVisualHero from "@/components/blocks/pycon-visual-hero/pycon-visual-hero";
+import Sponsors from "@/components/blocks/sponsors/sponsors";
+import TrustedBrands from "@/components/blocks/trusted-brands/trusted-brands";
+
+import SectionSeparator from "@/components/section-separator";
+import {
+ absoluteAssetUrl,
+ getSiteUrl,
+ SITE_DESCRIPTION,
+ SITE_DESCRIPTION_LONG,
+ SITE_NAME,
+ SITE_ORGANIZER,
+ websiteJsonLd,
+} from "@/lib/site-seo";
+
+export const metadata: Metadata = {
+ title: { absolute: SITE_NAME },
+ description: SITE_DESCRIPTION,
+ alternates: {
+ canonical: `${getSiteUrl()}/`,
+ },
+ keywords: [
+ "PyCon Colombia 2026",
+ "Python conference Medellín",
+ "Universidad EAFIT",
+ "July 24 2026",
+ "July 25 2026",
+ "July 26 2026",
+ ],
+ openGraph: {
+ title: { absolute: SITE_NAME },
+ description: SITE_DESCRIPTION,
+ url: `${getSiteUrl()}/`,
+ type: "website",
+ },
+};
+
+const jsonLd = {
+ "@context": "https://schema.org",
+ "@graph": [
+ websiteJsonLd(),
+ {
+ "@context": "https://schema.org",
+ "@type": "Event",
+ name: SITE_NAME,
+ description: SITE_DESCRIPTION_LONG,
+ url: `${getSiteUrl()}/`,
+ image: [absoluteAssetUrl("/images/cfp.jpg")],
+ startDate: "2026-07-24",
+ endDate: "2026-07-26",
+ eventAttendanceMode: "https://schema.org/OfflineEventAttendanceMode",
+ eventStatus: "https://schema.org/EventScheduled",
+ location: {
+ "@type": "Place",
+ name: "Universidad EAFIT",
+ address: {
+ "@type": "PostalAddress",
+ addressLocality: "Medellín",
+ addressRegion: "Antioquia",
+ addressCountry: "CO",
+ },
+ },
+ organizer: {
+ "@type": "Organization",
+ name: SITE_ORGANIZER.name,
+ url: SITE_ORGANIZER.url,
+ },
+ offers: {
+ "@type": "Offer",
+ url: "https://www.eventbrite.co/e/pycon-colombia-2026-tickets-1986172567616",
+ availability: "https://schema.org/InStock",
+ },
+ },
+ ],
+};
+
+const Home = () => {
+ return (
+ <>
+
+
+
+ {/* Footer Section */}
+
+
+
+ {children}
+
+
+
+
+ );
+};
+
+export default NotFound;
diff --git a/src/app/robots.ts b/src/app/robots.ts
new file mode 100644
index 0000000..a73c502
--- /dev/null
+++ b/src/app/robots.ts
@@ -0,0 +1,26 @@
+import type { MetadataRoute } from "next";
+
+import { getSiteUrl } from "@/lib/site-seo";
+
+export const dynamic = "force-static";
+
+export default function robots(): MetadataRoute.Robots {
+ const siteUrl = getSiteUrl();
+
+ return {
+ rules: [
+ {
+ userAgent: "*",
+ allow: "/",
+ disallow: [
+ "/private/*",
+ "/login",
+ "/register",
+ "/forgot-password",
+ "/reset-password",
+ ],
+ },
+ ],
+ sitemap: `${siteUrl}/sitemap.xml`,
+ };
+}
diff --git a/src/app/sitemap.ts b/src/app/sitemap.ts
new file mode 100644
index 0000000..e6d08d3
--- /dev/null
+++ b/src/app/sitemap.ts
@@ -0,0 +1,24 @@
+import type { MetadataRoute } from "next";
+
+import { getPosts } from "@/lib/posts";
+import { getSiteUrl } from "@/lib/site-seo";
+
+export const dynamic = "force-static";
+
+export default async function sitemap(): Promise
+
+ {t("blocks.notFound.homeLink")}
+
+
+ + {t("blocks.notFound.message")} +
+
-
-
-
-
-
-
-
-
-
- {t.getTickets ?? "GET YOUR TICKETS"}
-
- 2026
-
- {year}
-
- ))}
-
-
-
-
-
- )}
- - - {s.venueLevel} -
-
-
-
- {VENUE_SPONSORS.map((item) => (
-
-
-
-
- - - {s.platinoLevel} -
-
- {PLATINO_SPONSORS.map((item) => (
-
-
-
-
- - - {s.goldPartners} -
-
- {GOLD_SPONSORS.map((item) => (
-
-
-
-
- - - - {s.silverPlusPartners} - -
-
- {SILVER_PLUS_SPONSORS.map((item) => (
-
-
-
- - - {s.silverPartners} -
-
- {SILVER_SPONSORS.map((item) => (
-
-
- 
-
- {showAlert && (
- setShowAlert(false)}
- dismissible
- >
- {alertMessage}
-
- )}
-
-
- );
-};
-
-Subscribe.propTypes = {
- dataTranslate: PropTypes.object,
-};
-
-export default Subscribe;
diff --git a/src/components/auth/forgot-password/forgot-password-form.tsx b/src/components/auth/forgot-password/forgot-password-form.tsx
new file mode 100644
index 0000000..7a17457
--- /dev/null
+++ b/src/components/auth/forgot-password/forgot-password-form.tsx
@@ -0,0 +1,42 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { PrimaryFlowButton } from "@/components/ui/flow-button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { useTranslations } from "@/contexts/language-context";
+
+const ForgotPasswordForm = () => {
+ const router = useRouter();
+ const { t } = useTranslations();
+ const f = (key: string) => t(`blocks.auth.forgotForm.${key}`);
+
+ const handleSubmit = (e: React.FormEvent) => {
+ e.preventDefault();
+ router.push("/reset-password");
+ };
+
+ return (
+
+ );
+};
+
+export default ForgotPasswordForm;
diff --git a/src/components/auth/forgot-password/forgot-password.tsx b/src/components/auth/forgot-password/forgot-password.tsx
new file mode 100644
index 0000000..2f20c8e
--- /dev/null
+++ b/src/components/auth/forgot-password/forgot-password.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import { ChevronLeftIcon } from "lucide-react";
+
+import Link from "next/link";
+import ForgotPasswordForm from "@/components/auth/forgot-password/forgot-password-form";
+
+import Logo from "@/components/logo";
+import { Button } from "@/components/ui/button";
+import { useTranslations } from "@/contexts/language-context";
+
+const ForgotPassword = () => {
+ const { t } = useTranslations();
+ const p = (key: string) => t(`blocks.auth.forgotPage.${key}`);
+
+ return (
+
-
-
-
- 
-
-
- - {s.header} - - {s.headerBold} - -
-{s.description}
-
-
+
+
+ );
+};
+
+export default ForgotPassword;
diff --git a/src/components/auth/login/login-form.tsx b/src/components/auth/login/login-form.tsx
new file mode 100644
index 0000000..683b787
--- /dev/null
+++ b/src/components/auth/login/login-form.tsx
@@ -0,0 +1,85 @@
+"use client";
+
+import { EyeIcon, EyeOffIcon } from "lucide-react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+
+import { Button } from "@/components/ui/button";
+import { Checkbox } from "@/components/ui/checkbox";
+import { PrimaryFlowButton } from "@/components/ui/flow-button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { useTranslations } from "@/contexts/language-context";
+
+const LoginForm = () => {
+ const [isVisible, setIsVisible] = useState(false);
+ const router = useRouter();
+ const { t } = useTranslations();
+ const f = (key: string) => t(`blocks.auth.loginForm.${key}`);
+
+ const handleSubmit = (e: React.FormEvent) => {
+ e.preventDefault();
+ router.push("/");
+ };
+
+ return (
+
+ );
+};
+
+export default LoginForm;
diff --git a/src/components/auth/login/login.tsx b/src/components/auth/login/login.tsx
new file mode 100644
index 0000000..6dd41db
--- /dev/null
+++ b/src/components/auth/login/login.tsx
@@ -0,0 +1,56 @@
+"use client";
+
+import Link from "next/link";
+import LoginForm from "@/components/auth/login/login-form";
+import Logo from "@/components/logo";
+import { Button } from "@/components/ui/button";
+import { Separator } from "@/components/ui/separator";
+import { useTranslations } from "@/contexts/language-context";
+
+const Login = () => {
+ const { t } = useTranslations();
+ const p = (key: string) => t(`blocks.auth.loginPage.${key}`);
+
+ return (
+
+
+
+ {p("title")}
+{p("subtitle")}
+
+
+
+
+
+ );
+};
+
+export default Login;
diff --git a/src/components/auth/register/register-form.tsx b/src/components/auth/register/register-form.tsx
new file mode 100644
index 0000000..b326aea
--- /dev/null
+++ b/src/components/auth/register/register-form.tsx
@@ -0,0 +1,119 @@
+"use client";
+
+import { EyeIcon, EyeOffIcon } from "lucide-react";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+
+import { Button } from "@/components/ui/button";
+import { Checkbox } from "@/components/ui/checkbox";
+import { PrimaryFlowButton } from "@/components/ui/flow-button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { useTranslations } from "@/contexts/language-context";
+
+const RegisterForm = () => {
+ const [isPasswordVisible, setIsPasswordVisible] = useState(false);
+ const [isConfirmPasswordVisible, setIsConfirmPasswordVisible] =
+ useState(false);
+
+ const router = useRouter();
+ const { t } = useTranslations();
+ const f = (key: string) => t(`blocks.auth.registerForm.${key}`);
+
+ const handleSubmit = (e: React.FormEvent) => {
+ e.preventDefault();
+ router.push("/");
+ };
+
+ return (
+
+ );
+};
+
+export default RegisterForm;
diff --git a/src/components/auth/register/register.tsx b/src/components/auth/register/register.tsx
new file mode 100644
index 0000000..0ec2d50
--- /dev/null
+++ b/src/components/auth/register/register.tsx
@@ -0,0 +1,49 @@
+"use client";
+
+import Link from "next/link";
+import RegisterForm from "@/components/auth/register/register-form";
+import Logo from "@/components/logo";
+import { Button } from "@/components/ui/button";
+import { Separator } from "@/components/ui/separator";
+import { useTranslations } from "@/contexts/language-context";
+
+const Register = () => {
+ const { t } = useTranslations();
+ const p = (key: string) => t(`blocks.auth.registerPage.${key}`);
+
+ return (
+
+
+
+ + {p("title")} +
+{p("subtitle")}
+
+
+
+
+
+
+
+
+ {p("or")}
+
+
+ + {p("footerPrefix")}{" "} + + {p("footerLink")} + +
+
+
+
+ );
+};
+
+export default Register;
diff --git a/src/components/auth/reset-password/reset-password-form.tsx b/src/components/auth/reset-password/reset-password-form.tsx
new file mode 100644
index 0000000..2dc2d2b
--- /dev/null
+++ b/src/components/auth/reset-password/reset-password-form.tsx
@@ -0,0 +1,91 @@
+"use client";
+
+import { EyeIcon, EyeOffIcon } from "lucide-react";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+
+import { Button } from "@/components/ui/button";
+import { PrimaryFlowButton } from "@/components/ui/flow-button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { useTranslations } from "@/contexts/language-context";
+
+const ResetPasswordForm = () => {
+ const [isPasswordVisible, setIsPasswordVisible] = useState(false);
+ const [isConfirmPasswordVisible, setIsConfirmPasswordVisible] =
+ useState(false);
+
+ const router = useRouter();
+ const { t } = useTranslations();
+ const f = (key: string) => t(`blocks.auth.resetForm.${key}`);
+
+ const handleSubmit = (e: React.FormEvent) => {
+ e.preventDefault();
+ router.push("/");
+ };
+
+ return (
+
+ );
+};
+
+export default ResetPasswordForm;
diff --git a/src/components/auth/reset-password/reset-password.tsx b/src/components/auth/reset-password/reset-password.tsx
new file mode 100644
index 0000000..fe5b0ea
--- /dev/null
+++ b/src/components/auth/reset-password/reset-password.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import { ChevronLeftIcon } from "lucide-react";
+
+import Link from "next/link";
+import ResetPasswordForm from "@/components/auth/reset-password/reset-password-form";
+
+import Logo from "@/components/logo";
+import { Button } from "@/components/ui/button";
+import { useTranslations } from "@/contexts/language-context";
+
+const ResetPassword = () => {
+ const { t } = useTranslations();
+ const p = (key: string) => t(`blocks.auth.resetPage.${key}`);
+
+ return (
+
+
+
+ {p("title")}
+{p("subtitle")}
+
+
+ + {p("footerPrefix")}{" "} + + {p("footerLink")} + +
+ +
+
+
+
+ {p("orLower")}
+
+
+
+ );
+};
+
+export default ResetPassword;
diff --git a/src/components/blocks/benefits/benefits.tsx b/src/components/blocks/benefits/benefits.tsx
new file mode 100644
index 0000000..9225faa
--- /dev/null
+++ b/src/components/blocks/benefits/benefits.tsx
@@ -0,0 +1,486 @@
+"use client";
+
+import {
+ GithubIcon,
+ GlobeIcon,
+ LinkedinIcon,
+ XIcon,
+ YoutubeIcon,
+} from "lucide-react";
+import {
+ type MotionValue,
+ motion,
+ useScroll,
+ useSpring,
+ useTransform,
+} from "motion/react";
+import Image from "next/image";
+import { type ReactNode, useMemo, useRef } from "react";
+
+import { getBenefitsFeatures } from "@/assets/data/benefits";
+import { MotionPreset } from "@/components/ui/motion-preset";
+import { useLanguage, useTranslations } from "@/contexts/language-context";
+import { assetPath, cn } from "@/lib/utils";
+
+export type Features = {
+ icon?: ReactNode;
+ title: string;
+ role?: string;
+ country?: string;
+ description: string;
+ image: string;
+ flag?: string;
+ linkedin?: string;
+ github?: string;
+ website?: string;
+ youtube?: string;
+ x?: string;
+}[];
+
+const socialLinkClassName =
+ "border-primary/20 text-primary hover:bg-primary/10 hover:text-primary flex size-9 items-center justify-center rounded-lg border transition-colors";
+
+const speakerLabelClassName = "text-primary text-sm font-medium uppercase";
+
+const SpeakerTitle = ({
+ feature,
+ className,
+}: {
+ feature: Features[number];
+ className?: string;
+}) => {
+ const { t } = useTranslations();
+
+ return (
+
+
+
+ {p("title")}
+{p("subtitle")}
+
+
+
+
+ );
+};
+
+const FeatureItem = ({
+ feature,
+ index,
+ totalFeatures,
+ scrollYProgress,
+}: {
+ feature: Features[number];
+ index: number;
+ totalFeatures: number;
+ scrollYProgress: MotionValue{feature.title}
+ {feature.flag && (
+
+
+
+
+
+ Keynote Speaker
+
+ {feature.icon}
+
+ {feature.role && (
+ + {feature.role} +
+ )} +
+ {feature.description}
+
+ {(feature.linkedin ||
+ feature.github ||
+ feature.website ||
+ feature.youtube ||
+ feature.x) && (
+
+ )}
+ + {t("blocks.benefits.title")} +
+ ++ {t("blocks.benefits.subtitle")} +
+
+ {/* Desktop: Sticky scroll features */}
+
+
+ {featuresList.map((feature, index) => (
+
+
+ {/* Desktop: Sticky scroll images */}
+
+
+
+ {/* Mobile: Simple stacked layout */}
+
+ {featuresList.map((feature, index) => (
+
+
+ ))}
+
+
+ {featuresList.map((feature, index) => (
+
+
+
+ ))}
+
+
+
+
+
+
+ {[
+ "top-4.5 left-4.5",
+ "top-4.5 right-4.5",
+ "bottom-4.5 left-4.5",
+ "bottom-4.5 right-4.5",
+ ].map((position, idx) => (
+
+ ))}
+
+
+
+
+ Keynote Speaker
+
+ {feature.icon}
+
+ {feature.role && (
+ + {feature.role} +
+ )} +
+ {feature.description}
+
+ {(feature.linkedin ||
+ feature.github ||
+ feature.website ||
+ feature.youtube ||
+ feature.x) && (
+
+ )}
+
+
+
+
+
+ {codeOfConduct.eyebrow}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {codeOfConduct.title} +
++ {codeOfConduct.description} +
+
+
+
+ {t("blocks.codeOfConductUi.readPolicy")}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {codeOfConduct.updatedAt} +
++ {t("blocks.codeOfConductUi.policyDetails")} +
+
+ {codeOfConduct.sections.map((section) => (
+
+
+ ))}
+
+
+ + {section.title} +
+
+ {section.paragraphs.map((paragraph) => (
+
+ {paragraph}
+ ))} + {section.items && ( +-
+ {section.items.map((item) => (
+
- {item} + ))} +
+ {codeOfConduct.reportSection.title} +
+
+
+ {codeOfConduct.reportSection.intro}
+ + {codeOfConduct.reportSection.paragraphsAfterForm.map( + (paragraph) => ( +{paragraph}
+ ), + )} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {t("blocks.cta.title")} +
+ ++ {t("blocks.cta.subtitle")} +
+
+ {/* FAQ Header */}
+
+
+
+
+ + {t("blocks.faq.eyebrow")} +
+ ++ {t("blocks.faq.title")} +
+ ++ {t("blocks.faq.subtitle")} +
+
+
+ {faqItems.map((item, index) => (
+
+
+ {item.question}
+
+
+ {item.answer}
+
+
+ ))}
+
+
+ {/* Right content */}
+
+
+
+
+ ))}
+
+ + {t("blocks.gallery.eyebrow")} +
++ {t("blocks.gallery.title")} +
++ {t("blocks.gallery.subtitle")} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {t("hero.badge")}
+
+
+
+
+ {t("hero.titlePrefix")}
+
+
+
+ {t("hero.subtitle")}
+
+
+
+
+
+ {t("hero.getTickets")}
+
+
+
+
+
+
+
+ );
+};
+
+export default FloatingLogo;
diff --git a/src/components/blocks/pycon-visual-hero/pycon-visual-hero.tsx b/src/components/blocks/pycon-visual-hero/pycon-visual-hero.tsx
new file mode 100644
index 0000000..8e3bb60
--- /dev/null
+++ b/src/components/blocks/pycon-visual-hero/pycon-visual-hero.tsx
@@ -0,0 +1,76 @@
+"use client";
+
+import FloatingLogo from "@/components/blocks/pycon-visual-hero/floating-logo";
+import { MotionPreset } from "@/components/ui/motion-preset";
+import { useTranslations } from "@/contexts/language-context";
+
+const PyconVisualHero = () => {
+ const { t } = useTranslations();
+
+ return (
+
+
+
+
+
+
+
+ 26
+
+
+
+
+
+
+
+
+
+
+
+ {t("heroVisual.locationLine1")}
+{t("heroVisual.locationLine2")}
+
+
+
+
+
+ {scholarships.eyebrow}
+
+
+
+
+
+
+
+
+
+
+
+
+ + {scholarships.title} +
++ {scholarships.description} +
+
+
+
+ {t("blocks.scholarshipsUi.readProgram")}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {scholarships.intro.paragraphs.map((paragraph) => (
+
+
+ {scholarships.intro.formUrl ? (
+ {paragraph}
+ ))} + {scholarships.intro.formUrl ? ( +{scholarships.intro.applyLead}
+ ) : ( ++ {scholarships.intro.applyLead}{" "} + + {scholarships.intro.formFallback} + +
+ )} +
+
+
+ {scholarships.intro.formLabel}
+
+
+ ) : null}
+
+
+ {scholarships.sections.map((section) => (
+
+
+ {section.title}
+
+
+ {section.paragraphs?.map((paragraph) => (
+
+
+ ))}
+
+
+ {paragraph}
+ ))} + {section.items ? ( +-
+ {section.items.map((item) => (
+
- {item} + ))} +
+
+ );
+};
+
+export default SiteAlert;
diff --git a/src/components/blocks/sponsors/sponsors.tsx b/src/components/blocks/sponsors/sponsors.tsx
new file mode 100644
index 0000000..ea73b2c
--- /dev/null
+++ b/src/components/blocks/sponsors/sponsors.tsx
@@ -0,0 +1,270 @@
+"use client";
+
+import { ArrowRightIcon } from "lucide-react";
+
+import Image from "next/image";
+import Link from "next/link";
+
+import { type SponsorTier, sponsorTiers } from "@/assets/data/sponsors";
+import { Badge } from "@/components/ui/badge";
+import { PrimaryFlowButton } from "@/components/ui/flow-button";
+import { MotionPreset } from "@/components/ui/motion-preset";
+import { useTranslations } from "@/contexts/language-context";
+import { assetPath, cn } from "@/lib/utils";
+
+const sponsorDeckUrl =
+ "mailto:sponsors@pycon.co?subject=PyCon%20Colombia%202026%20Sponsorship";
+
+const OPEN_SLOT_NAME = "Open slot";
+
+const sizeStyles = {
+ XL: {
+ container: "w-full max-w-4xl",
+ card: "min-h-48 px-8 py-10 sm:min-h-56 sm:px-10 sm:py-12",
+ logo: "max-h-28 max-w-[min(100%,20rem)] sm:max-h-32 sm:max-w-[22rem]",
+ imageWidth: 320,
+ imageHeight: 112,
+ },
+ L: {
+ container: "w-full max-w-3xl",
+ card: "min-h-44 px-7 py-9 sm:min-h-52 sm:px-9 sm:py-10",
+ logo: "max-h-24 max-w-[min(100%,18rem)] sm:max-h-28 sm:max-w-[20rem]",
+ imageWidth: 288,
+ imageHeight: 96,
+ },
+ M: {
+ container: "w-full max-w-xl",
+ card: "min-h-36 px-6 py-8 sm:min-h-44 sm:px-8 sm:py-9",
+ logo: "max-h-16 max-w-52 sm:max-h-20 sm:max-w-56",
+ imageWidth: 224,
+ imageHeight: 72,
+ },
+ S: {
+ container: "w-full max-w-xs sm:max-w-sm",
+ card: "min-h-28 px-5 py-6 sm:min-h-32 sm:px-6 sm:py-7",
+ logo: "max-h-11 max-w-40 sm:max-h-12 sm:max-w-44",
+ imageWidth: 176,
+ imageHeight: 48,
+ },
+ XS: {
+ container: "w-full max-w-[10.5rem] sm:max-w-44",
+ card: "min-h-24 px-4 py-5 sm:min-h-28",
+ logo: "max-h-9 max-w-32 sm:max-h-10 sm:max-w-36",
+ imageWidth: 144,
+ imageHeight: 40,
+ },
+} satisfies Record<
+ SponsorTier["size"],
+ {
+ container: string;
+ card: string;
+ logo: string;
+ imageWidth: number;
+ imageHeight: number;
+ }
+>;
+
+type SponsorCardProps = {
+ sponsor: SponsorTier["sponsors"][number];
+ tier: SponsorTier;
+};
+
+const SponsorCard = ({
+ sponsor,
+ tier,
+ sponsorDisplayName,
+}: SponsorCardProps & { sponsorDisplayName: string }) => {
+ const styles = sizeStyles[tier.size];
+ const isPlaceholder = !sponsor.logo;
+
+ const inner = (
+
+
+
+ + {t("alert.line")}{" "} + + {t("alert.applyNow")} + +
+
+ {sponsor.logo ? (
+
+ );
+
+ if (sponsor.href) {
+ return (
+
+ {inner}
+
+ );
+ }
+
+ return inner;
+};
+
+const TierRow = ({ tier, index }: { tier: SponsorTier; index: number }) => {
+ const { t } = useTranslations();
+ const styles = sizeStyles[tier.size];
+ const sponsors =
+ tier.sponsors.length > 0 ? tier.sponsors : [{ name: OPEN_SLOT_NAME }];
+ const isMulti = sponsors.length > 1;
+ const tierTitle = t(`blocks.sponsors.tiers.${tier.tierKey}.title`);
+
+ return (
+ + {sponsorDisplayName} +
+ )} +
+
+
+
+ + {tierTitle} +
+
+
+
+ {sponsors.map((sponsor) => {
+ const sponsorDisplayName =
+ sponsor.name === OPEN_SLOT_NAME
+ ? t("blocks.sponsors.openSlot")
+ : sponsor.name;
+
+ return (
+
+
+
+ );
+ })}
+
+
+
+
+
+ {t("blocks.sponsors.badge")}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {t("blocks.sponsors.title")} +
++ {t("blocks.sponsors.subtitle")} +
+
+
+
+ {t("blocks.sponsors.cta")}
+
+
+
+ {sponsorTiers.map((tier, index) => (
+
+
+ {member.linkedin ? (
+
+ ) : null}
+ {member.github ? (
+
+ ) : null}
+ {member.x ? (
+
+ ) : null}
+
+);
+
+const TeamMemberCard = ({ member }: { member: TeamMember }) => {
+ const hasSocial = Boolean(member.linkedin || member.github || member.x);
+
+ return (
+
+
+
+
+
+
+ {member.name}
+
+
+ {hasSocial ? {formatRole(member.role)}
+
+
+
+
+
+ + {t("blocks.team.eyebrow")} +
++ {t("blocks.team.title")} +
++ {t("blocks.team.subtitle")} +
+
+ {teamMembers.map((member, index) => (
+
+
+ ))}
+
+ {testimonial.content}
+
+
+
+ {testimonial.name
+ .split(" ")
+ .map((n) => n[0])
+ .join("")}
+
+
+
+
+
+ {testimonial.name}
+
+
+ {testimonial.username}
+
+
+
+
+ + {t("blocks.testimonials.eyebrow")} +
+ ++ {t("blocks.testimonials.title")} +
+ ++ {t("blocks.testimonials.subtitle")} +
+
+
+
+
+
+
+
+
+
+ {t("blocks.testimonials.viewAll")}
+
+
+
+
+
+
+ 4.5
++ {t("blocks.testimonials.starsLabel")} +
+
+
+
+
+
+
+
+ {topicRows.map((row, rowIndex) => (
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+ {t("blocks.blogPostPage.breadcrumbHome")}
+
+
+
+
+
+
+ {t("blocks.blogPostPage.breadcrumbBlog")}
+
+
+
+
+ {metadata.category}
+
+
+
+
+
+ + {displayTitle} +
+ +{metadata.description}
+ +
+
+
+
+
+
+ {metadata.author?.name?.charAt(0) ?? "?"}
+
+
+
+
+
+
+ {t("blocks.blogPostPage.writtenBy")}
+
+ {metadata.author?.name}
+
+
+
+ {t("blocks.blogPostPage.readTime")}
+
+ {metadata.readTime}
+
+
+
+
+ {t("blocks.blogPostPage.postedOn")}
+
+
+ {new Date(metadata.publishedAt ?? "").toLocaleDateString(
+ dateLocaleTag,
+ {
+ year: "numeric",
+ month: "long",
+ day: "2-digit",
+ },
+ )}
+
+
+
+ {previousPost ? (
+
+
+
+ ) : (
+
+
+ )}
+ {nextPost ? (
+
+
+ {t("blocks.blogPostPage.nextPost")}
+
+ ) : (
+
+ {t("blocks.blogPostPage.nextPost")}
+
+ )}
+
+
+ {posts.map((post, index) => (
+
+
+
+
+
+ ))}
+
+ );
+};
+
+const BlogSection = ({ posts }: { posts: PostMetadata[] }) => {
+ const { t } = useTranslations();
+ const [selectedTab, setSelectedTab] = useState(ALL_POSTS_TAB);
+ const [searchQuery, setSearchQuery] = useState("");
+
+ const filterCategories = Array.from(
+ new Set(posts.map((post) => post.category)),
+ ).filter(Boolean) as string[];
+ const categories = [ALL_POSTS_TAB, ...filterCategories];
+
+ const tabLabel = (tab: string) =>
+ tab === ALL_POSTS_TAB ? t("blocks.blogSection.allCategory") : tab;
+
+ const handleTabChange = (tab: string) => {
+ setSelectedTab(tab);
+ };
+
+ const filteredPosts = posts.filter((post) => {
+ // Category filter
+ const matchesCategory =
+ selectedTab === ALL_POSTS_TAB || post.category === selectedTab;
+
+ // Search filter
+ if (!searchQuery) return matchesCategory;
+
+ const query = searchQuery.toLowerCase();
+
+ const matchesSearch =
+ post.title?.toLowerCase().includes(query) ||
+ post.description?.toLowerCase().includes(query) ||
+ post.author?.name.toLowerCase().includes(query) ||
+ post.category?.toLowerCase().includes(query);
+
+ return matchesCategory && matchesSearch;
+ });
+
+ return (
+
+ onCategoryClick(post.category ?? "")}
+ >
+ {post.category}
+
+
+
+
+
+ + {post.title} +
+ + ++ {post.description} +
+ +
+
+
+
+
+
+ {post.author?.name}
+ +
+ {/* Header */}
+
+
+
+ {/* Tabs and Search */}
+
+
+
+
+
+ {/* Tabs Content */}
+ {categories.map((category, index) => (
+
+ {filteredPosts.length > 0 ? (
+
+ ))}
+
+
+
+ + {t("blocks.blogSection.eyebrow")} +
+ ++ {t("blocks.blogSection.title")} +
+ ++ {t("blocks.blogSection.subtitle")} +
+
+
+
+ {categories.map((category) => (
+
+ {tabLabel(category)}
+
+ ))}
+
+
+
+
+
+
+
+
+ setSearchQuery(e.target.value)}
+ className="peer h-10 ps-9 [&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none"
+ />
+
+ setSearchQuery("")}
+ >
+ {t("blocks.blogSection.clearSearch")}
+
+ )}
+
+ )}
+
+
+ {searchQuery && (
+ + {t("blocks.blogSection.noPostsTitle")} +
++ {searchQuery + ? t("blocks.blogSection.noPostsSearch") + .replace("{category}", tabLabel(selectedTab)) + .replace("{query}", searchQuery) + : t("blocks.blogSection.noPostsCategory").replace( + "{category}", + tabLabel(selectedTab), + )} +
+
+
+ {posts.slice(0, 1).map((post) => (
+
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+ {t("blocks.blogHero.badge")}
+
+
+
+
+ {t("blocks.blogHero.title")}
+
+
+
+ {t("blocks.blogHero.subtitle")}
+
+
+
+
+
+ {t("blocks.blogHero.subscribe")}
+
+
+
+
+
+
+
+
+ {post.category}
+
+
+
+
+
+
+ {post.title}
+
+
+ {post.description}
+
+
+ + {post.author?.name} +
+
+ {posts.slice(1, 4).map((post) => (
+
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+ {post.category}
+
+
+
+
+
+ {post.title}
+
+
+ {post.author?.name}
+
+
+
+
+
+ {/* Header */}
+
+
+
+
+ {/* Blog Grid */}
+ + {t("blocks.relatedBlogSection.eyebrow")} +
+ ++ {t("blocks.relatedBlogSection.title")} +
+ ++ {t("blocks.relatedBlogSection.subtitle")} +
+
+ {posts.map((post) => (
+
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+ {post.category}
+
+
+
+
+
+ + {post.title} +
++ {post.description} +
+
+
+
+
+ {post.author?.name}
+-
+ {renderTocItems(item.children, depth + 1)}
+
+
+
+
+
+ );
+};
+
+export default TableOfContents;
diff --git a/src/components/icons/x-social-icon.tsx b/src/components/icons/x-social-icon.tsx
new file mode 100644
index 0000000..b436819
--- /dev/null
+++ b/src/components/icons/x-social-icon.tsx
@@ -0,0 +1,13 @@
+import type { SVGProps } from "react";
+
+export const XSocialIcon = (props: SVGProps
+ {t("blocks.codeOfConductUi.onThisPage")}
+
+
+
+ ) : (
+
+ {title}
+ {badge}
+
+ + {description} +
+
+ {title}
+ {badge}
+
+ )}
+
+
+ {navItem.items.map((section) => (
+
+ ) : (
+
+
+ ))}
+
+ {section.title}
+
+ - item.description,
+ ),
+ })}
+ >
+ {section.items.map((item, index) => (
+
- item.description,
+ ),
+ },
+ navItem.contentClassName,
+ )}
+ >
+ {navItem.items?.map((item, index) => (
+
+ {navigationData.map((navItem) => {
+ if (navItem.href) {
+ const sectionId = navItem.href.startsWith("/#")
+ ? navItem.href.slice(2)
+ : navItem.href.startsWith("#")
+ ? navItem.href.slice(1)
+ : "";
+
+ const isActive = sectionId
+ ? activeSection === sectionId
+ : pathname?.startsWith(navItem.href);
+
+ return (
+
+ {navLabel(navItem.titleKey)}
+
+ );
+ }
+
+ // Check if any child item is active
+ let hasActiveChild = false;
+
+ if (navItem.items) {
+ if (navItem.splitItems) {
+ hasActiveChild = navItem.items.some((section) =>
+ section.items.some((item) => {
+ const id = item.href.startsWith("/#")
+ ? item.href.slice(2)
+ : item.href.startsWith("#")
+ ? item.href.slice(1)
+ : "";
+
+ return id && activeSection === id;
+ }),
+ );
+ } else {
+ hasActiveChild = navItem.items.some((item) => {
+ const id = item.href.startsWith("/#")
+ ? item.href.slice(2)
+ : item.href.startsWith("#")
+ ? item.href.slice(1)
+ : "";
+
+ return id && activeSection === id;
+ });
+ }
+ }
+
+ return (
+
+
+
+
+ {navItem.splitItems
+ ? navItem.items.map((item, i) => (
+
+
+ );
+ })}
+
+
+ {navLabel(navItem.titleKey)}
+
+
+
+ ))
+ : navItem.items?.map((item) => {
+ const sectionId = item.href.startsWith("/#")
+ ? item.href.slice(2)
+ : item.href.startsWith("#")
+ ? item.href.slice(1)
+ : "";
+
+ const isActive = sectionId
+ ? activeSection === sectionId
+ : pathname?.startsWith(item.href);
+
+ return (
+
+ {item.icon ? (
+ item.icon
+ ) : (
+
+ {item.title}
+
+ {item.items.map((subItem, j) => {
+ const sectionId = subItem.href.startsWith("/#")
+ ? subItem.href.slice(2)
+ : subItem.href.startsWith("#")
+ ? subItem.href.slice(1)
+ : "";
+
+ const isActive = sectionId
+ ? activeSection === sectionId
+ : pathname?.startsWith(subItem.href);
+
+ return (
+
+ {subItem.icon ? (
+ subItem.icon
+ ) : (
+
+ {/* Logo */}
+
+
+
+
+
+
+ {/* Navigation */}
+
+
+
+ PYCON COLOMBIA 2026
+
+
+
+
+ {t("header.getTickets")}
+
+
+
+
+
+
+
+
+
+ {t("header.getTicketsTooltip")}
+
+
+
+
+
+
+
+ setLocale(checked ? "en" : "es")}
+ aria-label={
+ isEnglish ? "Site language: English" : "Site language: Spanish"
+ }
+ className={TRACK}
+ >
+
+ {isEnglish ? (
+ EN
+ ) : (
+ ES
+ )}
+
+
+
+ );
+};
+
+export { LanguageSwitch };
diff --git a/src/components/layout/mode-toggle.tsx b/src/components/layout/mode-toggle.tsx
new file mode 100644
index 0000000..1c337fd
--- /dev/null
+++ b/src/components/layout/mode-toggle.tsx
@@ -0,0 +1,24 @@
+"use client";
+
+import { MoonStarIcon, SunIcon } from "lucide-react";
+import { useTheme } from "next-themes";
+
+import { SecondaryFlowButton } from "@/components/ui/flow-button";
+
+const ModeToggle = () => {
+ const { resolvedTheme, setTheme } = useTheme();
+
+ return (
+
+
+
+ );
+};
+
+export default YearSelect;
diff --git a/src/components/logo.tsx b/src/components/logo.tsx
new file mode 100644
index 0000000..32899b8
--- /dev/null
+++ b/src/components/logo.tsx
@@ -0,0 +1,24 @@
+import Image from "next/image";
+
+import { assetPath, cn } from "@/lib/utils";
+
+const Logo = ({ className }: { className?: string }) => {
+ return (
+
+
+ );
+};
+
+export default Logo;
diff --git a/src/components/mdx-content.tsx b/src/components/mdx-content.tsx
new file mode 100644
index 0000000..85e2e94
--- /dev/null
+++ b/src/components/mdx-content.tsx
@@ -0,0 +1,72 @@
+import { MDXRemote, type MDXRemoteProps } from "next-mdx-remote-client/rsc";
+import type { JSX } from "react";
+
+// Helper function to generate slug from text
+function generateSlug(text: string): string {
+ return text
+ .toString()
+ .toLowerCase()
+ .trim()
+ .replace(/\s+/g, "-")
+ .replace(/[^\w-]+/g, "")
+ .replace(/--+/g, "-");
+}
+
+const components: MDXRemoteProps["components"] = {
+ h1: ({ children }) =>
+
+
+ PYCON COLOMBIA 2026
+
+ {children}
, + h2: ({ children }) => { + const slug = generateSlug(children as string); + + return ( ++ {children} +
+ ); + }, + h3: ({ children }) => { + const slug = generateSlug(children as string); + + return ( ++ {children} +
+ ); + }, + h4: ({ children }) => { + const slug = generateSlug(children as string); + + return ( ++ {children} +
+ ); + }, + p: ({ children }) => ( +{children}
+ ), + ul: ({ children }) =>- {children}
- {children}
, + pre: ({ children }) => ( +
+ {children}
+
+ ),
+ code: ({ children }) => (
+ {children}
+ ),
+};
+
+const MDXContent = (props: JSX.IntrinsicAttributes & MDXRemoteProps) => {
+ return (
+
+
+ ) : (
+
+
+ );
+ }
+
+ return {value}
;
+ };
+
+ return (
+
+ {/* Section Header */}
+
+
+
+
+
+
+ {/* Pricing Table */}
+ + {t("blocks.pricing.eyebrow")} +
+ ++ {t("blocks.pricing.title")} +
+ ++ {t("blocks.pricing.subtitle")} +
+ + {/* Billing Toggle */} +
+ setBillingPeriod(value)}
+ className="bg-muted rounded-lg p-0.75"
+ >
+
+
+
+ {t("blocks.pricing.monthly")}
+
+
+
+
+ {t("blocks.pricing.yearly")}
+
+
+
+
+
+
+ {/* Header Row */}
+
+
+
+ {/* Discount Card */}
+
+
+
+ {plan.buttonText}
+
+
+
+ ))}
+
+
+ {/* Features Table */}
+
+
+
+ {/* Plan Cards */}
+ {plans.map((plan, index) => (
+ + {t("blocks.pricing.flat")} +
+
+
+ 20%{" "}
+
+
+ {t("blocks.pricing.offSuffix")}
+
+
+
+ {t("blocks.pricing.discountLine1")}
+
+ {t("blocks.pricing.discountLine2")}
+
+
+
+ {plan.icon}
+
+
+ {plan.isPopular && (
+
+ {t("blocks.pricing.trending")}
+
+ )}
+
+
+ {plan.title}
+ +
+
+ $
+
+
+
+ {features.map((section, index) => (
+
+
+ {/* Bottom CTA Buttons */}
+
+ {/* Category Header */}
+
+ ))}
+
+
+
+ {section.icon}
+
+
+
+
+ {/* Feature Rows */}
+ {section.category}
+
+ {section.features.map((feature, featureIndex) => (
+
+
+
+ ))}
+ + {feature.name} +
+ {feature.values.map((value, valueIndex) => ( +
+ {renderFeatureValue(value)}
+
+ ))}
+
+
+ {plans.map((plan, index) => (
+
+
+
+ {plan.buttonText}
+
+
+ ))}
+
+
+ );
+};
+
+export default SectionSeparator;
diff --git a/src/components/theme-provider.tsx b/src/components/theme-provider.tsx
new file mode 100644
index 0000000..59aa6b8
--- /dev/null
+++ b/src/components/theme-provider.tsx
@@ -0,0 +1,11 @@
+"use client";
+
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+import type { ComponentProps } from "react";
+
+export const ThemeProvider = ({
+ children,
+ ...props
+}: ComponentProps{children}
+
+
+ );
+};
+
+type DivGridProps = {
+ className?: string;
+ rows: number;
+ cols: number;
+ cellSize: number; // in pixels
+ borderColor: string;
+ fillColor: string;
+ clickedCell: { row: number; col: number } | null;
+ onCellClick?: (row: number, col: number) => void;
+ interactive?: boolean;
+};
+
+type CellStyle = CSSProperties & {
+ "--delay"?: string;
+ "--duration"?: string;
+};
+
+const DivGrid = ({
+ className,
+ rows = 7,
+ cols = 30,
+ cellSize = 56.815,
+ borderColor = "#3f3f46",
+ fillColor = "rgba(14,165,233,0.3)",
+ clickedCell = null,
+ onCellClick = () => {},
+ interactive = true,
+}: DivGridProps) => {
+ const cells = useMemo(
+ () => Array.from({ length: rows * cols }, (_, idx) => idx),
+ [rows, cols],
+ );
+
+ const gridStyle: React.CSSProperties = {
+ display: "grid",
+ gridTemplateColumns: `repeat(${cols}, ${cellSize}px)`,
+ gridTemplateRows: `repeat(${rows}, ${cellSize}px)`,
+ width: cols * cellSize,
+ height: rows * cellSize,
+ marginInline: "auto",
+ };
+
+ return (
+
+
+ {
+ setClickedCell({ row, col });
+ setRippleKey((k) => k + 1);
+ }}
+ interactive
+ />
+
+
+ {cells.map((idx) => {
+ const rowIdx = Math.floor(idx / cols);
+ const colIdx = idx % cols;
+
+ const distance = clickedCell
+ ? Math.hypot(clickedCell.row - rowIdx, clickedCell.col - colIdx)
+ : 0;
+
+ const delay = clickedCell ? Math.max(0, distance * 55) : 0; // ms
+ const duration = 200 + distance * 80; // ms
+
+ const style: CellStyle = clickedCell
+ ? {
+ "--delay": `${delay}ms`,
+ "--duration": `${duration}ms`,
+ }
+ : {};
+
+ const cellClassName = cn(
+ "cell relative border-[0.5px] opacity-40 transition-all duration-150 will-change-transform hover:opacity-60 hover:brightness-95 dark:shadow-[0px_0px_40px_1px_var(--cell-shadow-color)_inset] dark:hover:opacity-90",
+ clickedCell && "animate-cell-ripple [animation-fill-mode:none]",
+ !interactive && "pointer-events-none",
+ );
+ const cellStyle: CSSProperties = {
+ backgroundColor: fillColor,
+ borderColor: borderColor,
+ ...style,
+ };
+
+ if (interactive) {
+ return (
+
+ );
+};
+
+export { BackgroundRippleEffect };
diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx
new file mode 100644
index 0000000..fda93d4
--- /dev/null
+++ b/src/components/ui/badge.tsx
@@ -0,0 +1,49 @@
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { Slot as SlotPrimitive } from "radix-ui";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const badgeVariants = cva(
+ "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3",
+ {
+ variants: {
+ variant: {
+ default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+ secondary:
+ "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+ destructive:
+ "bg-destructive [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 text-white",
+ outline:
+ "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+ ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+ link: "text-primary underline-offset-4 [a&]:hover:underline",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ },
+ },
+);
+
+function Badge({
+ className,
+ variant = "default",
+ asChild = false,
+ ...props
+}: React.ComponentProps<"span"> &
+ VariantProps
+
+ );
+}
+
+export { BorderBeam, type BorderBeamProps };
diff --git a/src/components/ui/breadcrumb.tsx b/src/components/ui/breadcrumb.tsx
new file mode 100644
index 0000000..7e4d71b
--- /dev/null
+++ b/src/components/ui/breadcrumb.tsx
@@ -0,0 +1,109 @@
+import { ChevronRight, MoreHorizontal } from "lucide-react";
+
+import { Slot as SlotPrimitive } from "radix-ui";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Breadcrumb({ ...props }: React.ComponentProps<"nav">) {
+ return ;
+}
+
+function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
+ return (
+
+
+
+ );
+}
+
+function SecondaryFlowButton({
+ children,
+ size,
+ asChild = false,
+ className,
+ ...props
+}: FlowButtonProps) {
+ return (
+
+
+
+ );
+}
+
+export { type FlowButtonProps, PrimaryFlowButton, SecondaryFlowButton };
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
new file mode 100644
index 0000000..73ea867
--- /dev/null
+++ b/src/components/ui/input.tsx
@@ -0,0 +1,21 @@
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+ return (
+
+ );
+}
+
+export { Input };
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
new file mode 100644
index 0000000..3c8a2b3
--- /dev/null
+++ b/src/components/ui/label.tsx
@@ -0,0 +1,24 @@
+"use client";
+
+import { Label as LabelPrimitive } from "radix-ui";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Label({
+ className,
+ ...props
+}: React.ComponentProps
+ {Array(repeat)
+ .fill(0)
+ .map((_, i) => (
+
+ );
+}
+
+export { Marquee, type MarqueeProps };
diff --git a/src/components/ui/motion-preset.tsx b/src/components/ui/motion-preset.tsx
new file mode 100644
index 0000000..474c82a
--- /dev/null
+++ b/src/components/ui/motion-preset.tsx
@@ -0,0 +1,130 @@
+"use client";
+
+import {
+ AnimatePresence,
+ type HTMLMotionProps,
+ motion,
+ type Transition,
+ type UseInViewOptions,
+ useInView,
+ type Variant,
+} from "motion/react";
+import * as React from "react";
+
+type MotionComponent = keyof typeof motion;
+
+interface MotionPresetProps {
+ children?: React.ReactNode;
+ className?: string;
+ component?: MotionComponent;
+ transition?: Transition;
+ delay?: number;
+ inView?: boolean;
+ inViewMargin?: UseInViewOptions["margin"];
+ inViewOnce?: boolean;
+ blur?: string | boolean;
+ slide?:
+ | {
+ direction?: "up" | "down" | "left" | "right";
+ offset?: number;
+ }
+ | boolean;
+ fade?: { initialOpacity?: number; opacity?: number } | boolean;
+ zoom?:
+ | {
+ initialScale?: number;
+ scale?: number;
+ }
+ | boolean;
+ motionProps?: Omit<
+ HTMLMotionProps<"div">,
+ "children" | "className" | "ref" | "transition"
+ >;
+ ref?: React.Ref
+ {children}
+
+ ))}
+
+
+ );
+}
+
+function NavigationMenuLink({
+ className,
+ ...props
+}: React.ComponentProps
+ {starsContent}
+
+ );
+ }
+
+ return (
+
+ {starsContent}
+
+ );
+}
+
+export { Rating, type RatingProps, ratingVariants };
diff --git a/src/components/ui/scroll-area.tsx b/src/components/ui/scroll-area.tsx
new file mode 100644
index 0000000..65914a0
--- /dev/null
+++ b/src/components/ui/scroll-area.tsx
@@ -0,0 +1,58 @@
+"use client";
+
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function ScrollArea({
+ className,
+ children,
+ ...props
+}: React.ComponentProps
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- PyCon Colombia 2026
-
-
- {children}
-
- );
-};
-Layout.propTypes = {
- children: PropTypes.node.isRequired,
- dataTranslate: PropTypes.object.isRequired,
-};
-
-export default Layout;
diff --git a/src/lib/extract-headings.ts b/src/lib/extract-headings.ts
new file mode 100644
index 0000000..80fc84d
--- /dev/null
+++ b/src/lib/extract-headings.ts
@@ -0,0 +1,41 @@
+/**
+ * Extracts headings from MDX content string
+ * @param content - The MDX content string
+ * @returns Array of heading objects with slug, text, and depth
+ */
+export function extractHeadings(
+ content: string,
+): { slug: string; text: string; depth: number }[] {
+ const headings: { slug: string; text: string; depth: number }[] = [];
+
+ // Regex to match markdown headings (## Heading, ### Heading, etc.)
+ const headingRegex = /^(#{2,6})\s+(.+)$/gm;
+
+ for (const match of content.matchAll(headingRegex)) {
+ const hashes = match[1];
+ const rawTitle = match[2];
+ if (!hashes || rawTitle === undefined) continue;
+ const depth = hashes.length - 2; // Convert to 0-based depth (h2 = 0, h3 = 1, etc.)
+ const text = rawTitle.trim();
+ const slug = generateSlug(text);
+
+ headings.push({ slug, text, depth });
+ }
+
+ return headings;
+}
+
+/**
+ * Generates a URL-friendly slug from text
+ * @param text - The text to convert to a slug
+ * @returns URL-friendly slug
+ */
+export function generateSlug(text: string): string {
+ return text
+ .toString()
+ .toLowerCase()
+ .trim()
+ .replace(/\s+/g, "-")
+ .replace(/[^\w-]+/g, "")
+ .replace(/--+/g, "-");
+}
diff --git a/src/lib/i18n/blocks-en.ts b/src/lib/i18n/blocks-en.ts
new file mode 100644
index 0000000..dff246b
--- /dev/null
+++ b/src/lib/i18n/blocks-en.ts
@@ -0,0 +1,220 @@
+export const blocksEn = {
+ benefits: {
+ title: "Keynote Speakers",
+ subtitle: "Meet the voices shaping PyCon Colombia 2026.",
+ flagAltPrefix: "Flag of",
+ },
+ sponsors: {
+ badge: "Sponsors",
+ title: "Trusted by industry leaders",
+ subtitle:
+ "PyCon Colombia is made possible through the generous support of organizations dedicated to advancing the Python ecosystem and fostering technological innovation in Latin America.",
+ cta: "Become a sponsor",
+ openSlot: "Open slot",
+ tiers: {
+ venue: {
+ title: "Venue",
+ description:
+ "Our main host and venue partner for the conference experience.",
+ },
+ platinum: {
+ title: "Platinum",
+ description:
+ "Top-tier support for PyCon Colombia and the Python community.",
+ },
+ gold: {
+ title: "Gold",
+ description:
+ "High-impact partners supporting talks, community, and learning.",
+ },
+ silverPlus: {
+ title: "Silver +",
+ description: "Partners helping us strengthen the attendee experience.",
+ },
+ silver: {
+ title: "Silver",
+ description: "Community sponsors supporting the conference program.",
+ },
+ },
+ },
+ gallery: {
+ eyebrow: "Gallery",
+ title: "PyCon Colombia in Frames",
+ subtitle:
+ "A glimpse of the talks, hallway conversations, and community moments that make PyCon Colombia special.",
+ seeAll: "SEE ALL",
+ },
+ team: {
+ eyebrow: "Team",
+ title: "Meet the people behind PyCon Colombia",
+ subtitle:
+ "A community-driven team working to bring speakers, sponsors, volunteers, and attendees together.",
+ cardDescription:
+ "Part of the team bringing speakers, sponsors, volunteers, and attendees together for PyCon Colombia 2026.",
+ },
+ testimonials: {
+ eyebrow: "Testimonials",
+ title: "What our community says",
+ subtitle:
+ "Real stories from speakers, attendees, and volunteers who make PyCon Colombia unforgettable every year.",
+ starsLabel: "Stars out of 5",
+ viewAll: "View all testimonials",
+ },
+ faq: {
+ eyebrow: "FAQ",
+ title: "Frequently asked questions",
+ subtitle:
+ "Quick answers about proposals, scholarships, recordings, sponsorships, and conference logistics.",
+ dashboardAlt: "Dashboard",
+ },
+ cta: {
+ title: "Want to know more?",
+ subtitle:
+ "Join PyCon Colombia newsletter and get a complete overview of our events, speakers and community participation.",
+ placeholder: "Your email address",
+ submit: "Subscribe to newsletter",
+ subscribing: "Subscribing…",
+ successDefault: "You're subscribed. Check your inbox.",
+ errorTryAgain: "Could not subscribe. Please try again.",
+ somethingWrong: "Something went wrong.",
+ subscribeAria: "Subscribe to newsletter",
+ },
+ pricing: {
+ eyebrow: "Pricing",
+ title: "Pricing Details",
+ subtitle:
+ "A Comprehensive Breakdown Of Our Pricing Plans to Help You Make The Best Choice!",
+ monthly: "Monthly",
+ yearly: "Yearly",
+ flat: "Flat",
+ offSuffix: "OFF",
+ discountLine1: "For first 250 users,",
+ discountLine2: "hurry up and get in now",
+ trending: "Trending",
+ },
+ blogHero: {
+ badge: "Trusted by 5,000+ growing businesses",
+ title: "Insights That Power Smarter Product Growth",
+ subtitle:
+ "From product discovery to revenue metrics, explore actionable insights, proven strategies, and real-world frameworks to help you build, measure, and scale successful products with confidence.",
+ emailPlaceholder: "Your email",
+ subscribe: "Subscribe",
+ postFallbackAlt: "Blog post",
+ },
+ blogSection: {
+ eyebrow: "Blogs",
+ title: "Learn How High-Performing Products Grow",
+ subtitle:
+ "Actionable insights, real-world strategies, and product analytics lessons to help you track what matters, move faster, and scale with confidence.",
+ searchPlaceholder: "Search insights",
+ searchSrOnly: "Search",
+ allCategory: "All",
+ noPostsTitle: "No posts found",
+ noPostsSearch: 'No results in "{category}" for "{query}".',
+ noPostsCategory: 'No posts in "{category}" category yet.',
+ clearSearch: "Clear search",
+ readMoreSrOnly: "Read more",
+ },
+ blogPostPage: {
+ breadcrumbHome: "Home",
+ breadcrumbBlog: "Blog",
+ writtenBy: "Written by",
+ readTime: "Read time",
+ postedOn: "Posted on",
+ previousPost: "Previous post",
+ nextPost: "Next post",
+ fallbackTitle: "Article",
+ },
+ relatedBlogSection: {
+ eyebrow: "Related blogs",
+ title: "Related posts",
+ subtitle: "Expand your knowledge with these hand-picked posts.",
+ readMoreSrOnly: "Read more: {title}",
+ },
+ auth: {
+ loginPage: {
+ title: "Welcome Back 👋",
+ subtitle: "Lets get started with your 30 days free trial",
+ google: "Login with Google",
+ facebook: "Login with Facebook",
+ or: "Or",
+ footerPrefix: "Don't have an account yet?",
+ footerLink: "Sign Up",
+ },
+ loginForm: {
+ emailLabel: "Email address*",
+ emailPlaceholder: "Enter your email address",
+ passwordLabel: "Password*",
+ hidePassword: "Hide password",
+ showPassword: "Show password",
+ rememberMe: "Remember Me",
+ forgotPassword: "Forgot Password?",
+ submit: "Login to flow",
+ },
+ registerPage: {
+ title: "Sign Up to Flow",
+ subtitle: "Ship Faster and Focus on Growth.",
+ footerPrefix: "Already have an account?",
+ footerLink: "Login instead",
+ orLower: "or",
+ google: "Sign up with google",
+ },
+ registerForm: {
+ usernameLabel: "Username*",
+ usernamePlaceholder: "Enter your username",
+ emailLabel: "Email address*",
+ emailPlaceholder: "Enter your email address",
+ passwordLabel: "Password*",
+ confirmPasswordLabel: "Confirm password*",
+ hidePassword: "Hide password",
+ showPassword: "Show password",
+ privacyLabel: "I agree to privacy policy & terms",
+ submit: "Sign up to flow",
+ },
+ forgotPage: {
+ title: "Forgot Password?",
+ subtitle:
+ "Enter your email and we'll send you instructions to reset your password",
+ backToLogin: "Back to login",
+ },
+ forgotForm: {
+ emailLabel: "Email address*",
+ emailPlaceholder: "Enter your email address",
+ submit: "Reset password",
+ },
+ resetPage: {
+ title: "Reset Password",
+ subtitle: "Time for a fresh start! Go ahead and set a new password.",
+ backToLogin: "Back to login",
+ },
+ resetForm: {
+ newPasswordLabel: "New password*",
+ confirmPasswordLabel: "Confirm password*",
+ hidePassword: "Hide password",
+ showPassword: "Show password",
+ submit: "Set new password",
+ },
+ },
+ notFound: {
+ message: "We couldn't find the page you are looking for",
+ homeLink: "Go back to home",
+ },
+ codeOfConductUi: {
+ readPolicy: "Read policy",
+ onThisPage: "On this page",
+ policyDetails: "Policy details",
+ communityImageAlt: "PyCon Colombia community",
+ },
+ scholarshipsUi: {
+ readProgram: "Read program",
+ contact: "Apply for scholarship",
+ onThisPage: "On this page",
+ overview: "Overview",
+ },
+ headerUi: {
+ brandAlt: "PyCon Colombia",
+ menuSrOnly: "Menu",
+ },
+};
+
+export type BlocksMessages = typeof blocksEn;
diff --git a/src/lib/i18n/blocks-es.ts b/src/lib/i18n/blocks-es.ts
new file mode 100644
index 0000000..21dd130
--- /dev/null
+++ b/src/lib/i18n/blocks-es.ts
@@ -0,0 +1,223 @@
+import type { BlocksMessages } from "@/lib/i18n/blocks-en";
+
+export const blocksEs: BlocksMessages = {
+ benefits: {
+ title: "Oradores principales",
+ subtitle: "Conoce las voces que dan forma a PyCon Colombia 2026.",
+ flagAltPrefix: "Bandera de",
+ },
+ sponsors: {
+ badge: "Patrocinadores",
+ title: "Respaldados por líderes de la industria",
+ subtitle:
+ "PyCon Colombia es posible gracias al apoyo de organizaciones comprometidas con el ecosistema Python y la innovación tecnológica en Latinoamérica.",
+ cta: "Ser patrocinador",
+ openSlot: "Cupón disponible",
+ tiers: {
+ venue: {
+ title: "Sede",
+ description:
+ "Nuestro anfitrión principal y socio de sede para la experiencia del evento.",
+ },
+ platinum: {
+ title: "Platino",
+ description:
+ "Apoyo de máximo nivel para PyCon Colombia y la comunidad Python.",
+ },
+ gold: {
+ title: "Oro",
+ description:
+ "Aliados de alto impacto para charlas, comunidad y aprendizaje.",
+ },
+ silverPlus: {
+ title: "Plata +",
+ description:
+ "Socios que fortalecen la experiencia de las personas asistentes.",
+ },
+ silver: {
+ title: "Plata",
+ description:
+ "Patrocinadores comunitarios que apoyan la programación del evento.",
+ },
+ },
+ },
+ gallery: {
+ eyebrow: "Galería",
+ title: "PyCon Colombia en imágenes",
+ subtitle:
+ "Un vistazo a las charlas, los pasillos y los momentos comunitarios que hacen especial a PyCon Colombia.",
+ seeAll: "VER TODO",
+ },
+ team: {
+ eyebrow: "Equipo",
+ title: "Conoce al equipo detrás de PyCon Colombia",
+ subtitle:
+ "Un equipo impulsado por la comunidad que une ponentes, patrocinadores, voluntarios y asistentes.",
+ cardDescription:
+ "Parte del equipo que acerca ponentes, patrocinadores, voluntarios y asistentes a PyCon Colombia 2026.",
+ },
+ testimonials: {
+ eyebrow: "Testimonios",
+ title: "Lo que dice nuestra comunidad",
+ subtitle:
+ "Historias reales de ponentes, asistentes y voluntarios que hacen inolvidable a PyCon Colombia cada año.",
+ starsLabel: "Estrellas de 5",
+ viewAll: "Ver todos los testimonios",
+ },
+ faq: {
+ eyebrow: "FAQ",
+ title: "Preguntas frecuentes",
+ subtitle:
+ "Respuestas rápidas sobre propuestas, becas, grabaciones, patrocinio y logística del evento.",
+ dashboardAlt: "Panel",
+ },
+ cta: {
+ title: "¿Quieres saber más?",
+ subtitle:
+ "Suscríbete al boletín de PyCon Colombia y recibe un panorama completo de eventos, ponentes y participación comunitaria.",
+ placeholder: "Tu correo electrónico",
+ submit: "Suscribirme al boletín",
+ subscribing: "Enviando…",
+ successDefault: "Te suscribiste. Revisa tu bandeja de entrada.",
+ errorTryAgain: "No pudimos suscribirte. Inténtalo de nuevo.",
+ somethingWrong: "Algo salió mal.",
+ subscribeAria: "Suscribirme al boletín",
+ },
+ pricing: {
+ eyebrow: "Precios",
+ title: "Detalle de precios",
+ subtitle:
+ "Un desglose claro de nuestros planes para ayudarte a elegir la mejor opción.",
+ monthly: "Mensual",
+ yearly: "Anual",
+ flat: "Plano",
+ offSuffix: "DTO.",
+ discountLine1: "Para los primeros 250 usuarios,",
+ discountLine2: "date prisa y únete ahora",
+ trending: "Tendencia",
+ },
+ blogHero: {
+ badge: "Con la confianza de más de 5.000 empresas en crecimiento",
+ title: "Ideas para impulsar el crecimiento de producto",
+ subtitle:
+ "Desde el descubrimiento hasta las métricas de ingresos: estrategias prácticas y marcos probados para construir, medir y escalar productos con confianza.",
+ emailPlaceholder: "Tu correo",
+ subscribe: "Suscribirme",
+ postFallbackAlt: "Entrada del blog",
+ },
+ blogSection: {
+ eyebrow: "Blog",
+ title: "Cómo crecen los productos de alto rendimiento",
+ subtitle:
+ "Ideas accionables, estrategias reales y lecciones de analítica para priorizar lo importante, moverte más rápido y escalar con seguridad.",
+ searchPlaceholder: "Buscar artículos",
+ searchSrOnly: "Buscar",
+ allCategory: "Todos",
+ noPostsTitle: "No hay entradas",
+ noPostsSearch: 'Sin resultados en "{category}" para "{query}".',
+ noPostsCategory: 'Aún no hay entradas en la categoría "{category}".',
+ clearSearch: "Limpiar búsqueda",
+ readMoreSrOnly: "Leer más",
+ },
+ blogPostPage: {
+ breadcrumbHome: "Inicio",
+ breadcrumbBlog: "Blog",
+ writtenBy: "Escrito por",
+ readTime: "Tiempo de lectura",
+ postedOn: "Publicado el",
+ previousPost: "Entrada anterior",
+ nextPost: "Entrada siguiente",
+ fallbackTitle: "Artículo",
+ },
+ relatedBlogSection: {
+ eyebrow: "Artículos relacionados",
+ title: "Entradas relacionadas",
+ subtitle: "Amplía tu conocimiento con estas lecturas seleccionadas.",
+ readMoreSrOnly: "Leer más: {title}",
+ },
+ auth: {
+ loginPage: {
+ title: "Bienvenido/a de nuevo 👋",
+ subtitle: "Empecemos con tu prueba gratuita de 30 días",
+ google: "Entrar con Google",
+ facebook: "Entrar con Facebook",
+ or: "O",
+ footerPrefix: "¿Aún no tienes cuenta?",
+ footerLink: "Regístrate",
+ },
+ loginForm: {
+ emailLabel: "Correo electrónico*",
+ emailPlaceholder: "Introduce tu correo",
+ passwordLabel: "Contraseña*",
+ hidePassword: "Ocultar contraseña",
+ showPassword: "Mostrar contraseña",
+ rememberMe: "Recordarme",
+ forgotPassword: "¿Olvidaste tu contraseña?",
+ submit: "Entrar",
+ },
+ registerPage: {
+ title: "Crear cuenta",
+ subtitle: "Publica más rápido y enfócate en crecer.",
+ footerPrefix: "¿Ya tienes cuenta?",
+ footerLink: "Inicia sesión",
+ orLower: "o",
+ google: "Registrarse con Google",
+ },
+ registerForm: {
+ usernameLabel: "Nombre de usuario*",
+ usernamePlaceholder: "Tu nombre de usuario",
+ emailLabel: "Correo electrónico*",
+ emailPlaceholder: "Introduce tu correo",
+ passwordLabel: "Contraseña*",
+ confirmPasswordLabel: "Confirmar contraseña*",
+ hidePassword: "Ocultar contraseña",
+ showPassword: "Mostrar contraseña",
+ privacyLabel: "Acepto la política de privacidad y los términos",
+ submit: "Registrarse",
+ },
+ forgotPage: {
+ title: "¿Olvidaste tu contraseña?",
+ subtitle:
+ "Introduce tu correo y te enviaremos instrucciones para restablecerla",
+ backToLogin: "Volver al inicio de sesión",
+ },
+ forgotForm: {
+ emailLabel: "Correo electrónico*",
+ emailPlaceholder: "Introduce tu correo",
+ submit: "Restablecer contraseña",
+ },
+ resetPage: {
+ title: "Nueva contraseña",
+ subtitle:
+ "¡Es momento de empezar de nuevo! Establece una contraseña nueva.",
+ backToLogin: "Volver al inicio de sesión",
+ },
+ resetForm: {
+ newPasswordLabel: "Nueva contraseña*",
+ confirmPasswordLabel: "Confirmar contraseña*",
+ hidePassword: "Ocultar contraseña",
+ showPassword: "Mostrar contraseña",
+ submit: "Guardar contraseña",
+ },
+ },
+ notFound: {
+ message: "No encontramos la página que buscas",
+ homeLink: "Volver al inicio",
+ },
+ codeOfConductUi: {
+ readPolicy: "Leer política",
+ onThisPage: "En esta página",
+ policyDetails: "Detalle de la política",
+ communityImageAlt: "Comunidad PyCon Colombia",
+ },
+ scholarshipsUi: {
+ readProgram: "Leer programa",
+ contact: "Postúlate a la beca",
+ onThisPage: "En esta página",
+ overview: "Resumen",
+ },
+ headerUi: {
+ brandAlt: "PyCon Colombia",
+ menuSrOnly: "Menú",
+ },
+};
diff --git a/src/lib/posts.ts b/src/lib/posts.ts
new file mode 100644
index 0000000..a346a88
--- /dev/null
+++ b/src/lib/posts.ts
@@ -0,0 +1,114 @@
+import fs from "node:fs"; // Comment this line if using remote fetching
+import path from "node:path"; // Comment this line if using remote fetching
+import matter from "gray-matter";
+
+export type Post = {
+ metadata: PostMetadata;
+ content: string;
+};
+
+export type PostMetadata = {
+ slug: string;
+ title?: string;
+ description?: string;
+ category?: string;
+ publishedAt?: string;
+ author?: {
+ name: string;
+ picture: string;
+ };
+ image?: string;
+ featured?: boolean;
+ readTime?: string;
+ keywords?: string[];
+};
+
+// local content directory (comment below line if using remote fetching)
+const rootDirectory = path.join(process.cwd(), "src", "content", "blog");
+
+// Remote repository details
+// const GITHUB_USERNAME = 'yourusername'
+// const GITHUB_REPO = 'reponame'
+// const GITHUB_BRANCH = 'main'
+// const CONTENT_PATH = 'content/blog'
+
+export async function getPostBySlug(slug: string): Promise
-
-
-
-
-
-
-
-
-
-
-
-
-
- {c.dates.items.map((item) => (
-
-
- {item.date}
-
-
- ))}
-
-
-
-
-
- {c.formats.items.map((item) => {
- const Icon = FORMAT_ICONS[item.icon] ?? faBullhorn;
- return (
-
-
-
- );
- })}
-
-
-
-
-
-
- {c.topics.items.map((topic, i) => {
- const Icon = TOPIC_ICONS[i] ?? faWandMagicSparkles;
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-};
-
-CallForProposals.propTypes = {
- dataTranslate: PropTypes.object,
-};
-
-export default CallForProposals;
diff --git a/src/pages/CodeOfConduct/index.jsx b/src/pages/CodeOfConduct/index.jsx
deleted file mode 100644
index 533348d..0000000
--- a/src/pages/CodeOfConduct/index.jsx
+++ /dev/null
@@ -1,330 +0,0 @@
-import {
- faBriefcase,
- faCheck,
- faCircleInfo,
- faCommentSlash,
- faEnvelope,
- faFileLines,
- faFlag,
- faGavel,
- faHeart,
- faListCheck,
- faShieldHalved,
- faWineBottle,
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import PropTypes from "prop-types";
-import { useCallback, useEffect, useRef, useState } from "react";
-import Col from "react-bootstrap/Col";
-import Container from "react-bootstrap/Container";
-import Row from "react-bootstrap/Row";
-import { Helmet } from "react-helmet";
-
-const SECTION_IDS = ["intro", "content", "recommendations", "contact"];
-
-const DEFAULT_COPY = {
- metaTitle: "Code of Conduct | PyCon Colombia 2026",
- sectionAriaLabel: "Code of conduct",
- eyebrow: "PyCon Colombia",
- titlePart1: "Code of",
- titlePart2: "Conduct",
- intro:
- "PyCon Colombia is a conference organized by the Python Colombia community created for the dissemination of the Python programming language in our country and Latin America, with the objective of sharing knowledge and expanding the spaces for interaction and collaboration of its members. We value the participation of each member of the community and we want each participant in the conference to enjoy and gain valuable experience full of knowledge and innovation. According to this code, all participants including organizers, speakers, volunteers and attendees are expected to show respect and courtesy among themselves in all aspects of the conference, its organization and the events taking place in the context of the conference. To be more explicit than is expected of any person participating in the event and the global and local community of Python and PyCon Colombia are required to comply with the following Code of Conduct. The organizers of this event and any event in the future are subject to enforce following and complying with international and Colombian laws and the spirit of the International Python Society (Python Software Foundation)",
- nav: {
- intro: "Introduction",
- content: "Code of Conduct Content",
- recommendations: "Our goal",
- contact: "Contact Information",
- },
- helpCard: {
- title: "Contact organizers",
- body: "If you have been harassed or need help, you can reach our organizers directly.",
- buttonText: "Open report form",
- buttonHref: "https://forms.gle/Q92DS8RvrzW8sUN67",
- },
- contentSection: {
- title: "Code of Conduct Content",
- body: "PyCon Colombia is dedicated to providing a conference free of harassment for all members, regardless of gender, sexual orientation, physical abilities, physical appearance, race or religion. No abuse will be tolerated by any conference participant. All communications should be focused on a professional audience including people with different backgrounds and experiences. Sexual language is not appropriate for any event organized under our rules, including talks.",
- },
- recommendations: {
- title: "Our goal as a community recommends:",
- inclusiveTitle: "Be Inclusive",
- inclusiveBody:
- "Acknowledge different backgrounds and perspectives. Foster a welcoming atmosphere for all participants.",
- respectfulTitle: "Be Respectful",
- respectfulBody:
- "Disagreement is no excuse for poor manners. Be kind in all interactions and communications.",
- items: [
- "Be kind to other members.",
- "Do not insult or demean the other participants.",
- "Behave professionally.",
- "Remember that any conduct of harassment, sexism, racism or political division or of any instance, is not appropriate for participation within the conference or community.",
- "Not attending the conference under the influence of alcoholic beverages.",
- "Participants of our community of any type (Organizers, Speakers, Volunteers and Assistants) who do not comply with any of these rules will be expelled from the conference without any reimbursement at the discretion of the organizing committee of the conference.",
- ],
- thankYou:
- "Thank you for being subject to these terms and welcome to PyCon Colombia. This is a friendly event for our entire community.",
- },
- contact: {
- title: "Contact Information",
- lead: "If you have been harassed, or realize that someone else is being harassed or is violating the International Terms of the PyCon Colombia or have any problems, please contact our organizers:",
- formLinkText: "Open report form",
- formLinkHref: "https://forms.gle/Q92DS8RvrzW8sUN67",
- contacts: [
- {
- name: "John Jairo Roa Acuña",
- email: "john@pycon.co",
- href: "mailto:john@pycon.co",
- },
- ],
- teamNote:
- "Our team at the conference will also be available to collaborate and contact local security or assist you to ensure your safety. We value your presence in our events.",
- organizerNote:
- "In case of any violation of the terms of this code of conduct by the organizers please contact the main organizer of the conference, John Roa or as a last resort to the PSF.",
- staffLanyardLead: "Staff wear",
- staffLanyardBold: "Yellow Lanyards",
- infoDeskLead: "Report at the",
- infoDeskBold: "Info Desk",
- },
-};
-
-const NAV_ICONS = {
- intro: faFlag,
- content: faFileLines,
- recommendations: faListCheck,
- contact: faEnvelope,
- more: faCircleInfo,
-};
-
-/** One icon per recommendation card, same order as `recommendations.items` in copy (EN/ES). */
-const RECOMMENDATION_ITEM_ICONS = [
- faHeart, // kindness toward members
- faCommentSlash, // no insults or demeaning speech
- faBriefcase, // professional conduct
- faShieldHalved, // harassment / discrimination not tolerated
- faWineBottle, // alcohol policy
- faGavel, // enforcement / committee discretion
-];
-
-function mergeCopy(raw) {
- const b = DEFAULT_COPY;
- if (!raw || typeof raw !== "object") return b;
- return {
- metaTitle: raw.metaTitle ?? b.metaTitle,
- sectionAriaLabel: raw.sectionAriaLabel ?? b.sectionAriaLabel,
- eyebrow: raw.eyebrow ?? b.eyebrow,
- titlePart1: raw.titlePart1 ?? b.titlePart1,
- titlePart2: raw.titlePart2 ?? b.titlePart2,
- intro: raw.intro ?? b.intro,
- nav: { ...b.nav, ...raw.nav },
- helpCard: { ...b.helpCard, ...raw.helpCard },
- contentSection: { ...b.contentSection, ...raw.contentSection },
- recommendations: {
- ...b.recommendations,
- ...raw.recommendations,
- items: raw.recommendations?.items ?? b.recommendations.items,
- },
- contact: {
- ...b.contact,
- ...raw.contact,
- contacts: raw.contact?.contacts ?? b.contact.contacts,
- },
- more: { ...b.more, ...raw.more },
- };
-}
-
-const CodeOfConduct = ({ dataTranslate = undefined }) => {
- const c = mergeCopy(dataTranslate?.codeOfConductPage);
- const [activeSection, setActiveSection] = useState("intro");
- const sectionEls = useRef({});
-
- const registerSection = useCallback((id, el) => {
- if (el) sectionEls.current[id] = el;
- else delete sectionEls.current[id];
- }, []);
-
- useEffect(() => {
- const nodes = SECTION_IDS.map((id) => sectionEls.current[id]).filter(
- Boolean,
- );
- if (!nodes.length) return undefined;
-
- const observer = new IntersectionObserver(
- (entries) => {
- const visible = entries
- .filter((e) => e.isIntersecting)
- .sort((a, b) => b.intersectionRatio - a.intersectionRatio);
- if (visible[0]?.target?.dataset?.cocSection) {
- setActiveSection(visible[0].target.dataset.cocSection);
- }
- },
- {
- root: null,
- rootMargin: "-18% 0px -50% 0px",
- threshold: [0, 0.2, 0.45],
- },
- );
-
- for (const n of nodes) observer.observe(n);
- return () => observer.disconnect();
- }, []);
-
- const scrollToSection = (id) => {
- const el = sectionEls.current[id];
- el?.scrollIntoView({ behavior: "smooth", block: "start" });
- };
-
- return (
- <>
-
-
-
-
-
- {c.hero.badge}
-
- - {c.hero.titleBefore}{" "} - - {c.hero.titleAccent} - {" "} - {c.hero.titleYear} -
-{c.hero.lead}
-
-
- {c.hero.ctaPrimary}{" "}
-
-
-
- 
-
-
-
-
-
-
- - {c.why.title} -
- {c.why.paragraphs.map((p) => ( -- {p} -
- ))} -
-
- {c.helpCard.title}
-{c.helpCard.body}
- -
-
-
- {c.channels.title}
--
- {c.channels.items.map((item) => {
- const Icon = CHANNEL_ICONS[item.icon] ?? faEnvelope;
- const inner = (
- <>
-
-
- - {item.href ? ( - - {inner} - - ) : ( - - {inner} - - )} - - ); - })} -
-
- - {c.dates.title} -
-{c.dates.subtitle}
-{item.title}
-{item.body}
-- {c.formats.title} -
-
-
- {item.title}
-{item.body}
-
- {item.tags.map((tag) => (
-
- {tag}
-
- ))}
-
- - {c.topics.title} -
-{c.topics.lead}
--- -- {c.topics.quoteBefore} - - {c.topics.codeOfConductLabel} - - {c.topics.quoteAfter} -
-
-
-
- );
- })}
- - {topic.title} -
-- {c.selection.title} -
--
- {c.selection.steps.map((step, index) => (
-
-
-
- {String(index + 1).padStart(2, "0")}
-
- --
{step.title}
-{step.body}
-
- ))}
-
-
-
- {c.benefits.title}
--
- {c.benefits.items.map((line) => (
-
-
-
-
- - {line} -
- ))}
-
-
- - {c.faq.title} -
-{c.faq.subtitle}
-
- {c.faq.items.map((item) => (
-
-
-
- {item.q}
-
-
- ))}
-
- {item.q}
-
- {item.a}
-
-
- {c.faq.footerLead}
- - {c.faq.footerLink}{" "} -
-
- registerSection("intro", el)}
- data-coc-section="intro"
- className="coc-page__hero coc-page__hero--tracked coc-page__hero--with-glow"
- >
-
-
-
-
-
-
-
- );
-};
-
-CodeOfConduct.propTypes = {
- dataTranslate: PropTypes.object,
-};
-
-export default CodeOfConduct;
diff --git a/src/pages/Home/index.jsx b/src/pages/Home/index.jsx
deleted file mode 100644
index 3df5131..0000000
--- a/src/pages/Home/index.jsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from "../LandingPage";
diff --git a/src/pages/LandingPage/components/LandingPhotoCarousel.jsx b/src/pages/LandingPage/components/LandingPhotoCarousel.jsx
deleted file mode 100644
index 07c848c..0000000
--- a/src/pages/LandingPage/components/LandingPhotoCarousel.jsx
+++ /dev/null
@@ -1,112 +0,0 @@
-import gallerySrcList from "virtual:public-gallery";
-import { faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import PropTypes from "prop-types";
-import { useMemo, useState } from "react";
-import Modal from "react-bootstrap/Modal";
-import { Image } from "@/components/Image";
-import { buildGalleryItems } from "./landingGalleryItems";
-
-const LandingPhotoCarousel = ({
- sectionAriaLabel,
- modalCloseLabel,
- imageAltTemplate,
- altBySrc,
-}) => {
- const [selected, setSelected] = useState(null);
-
- const images = useMemo(
- () =>
- buildGalleryItems({
- srcList: gallerySrcList,
- imageAltTemplate,
- altBySrc,
- }),
- [imageAltTemplate, altBySrc],
- );
-
- if (!images.length) return null;
-
- return (
- <>
-
-
-
-
-
-
- - {c.titlePart1}{" "} - {c.titlePart2} -
-{c.intro}
-
- registerSection("content", el)}
- data-coc-section="content"
- className="coc-section"
- >
-
-
-
- registerSection("recommendations", el)}
- data-coc-section="recommendations"
- className="coc-section"
- >
-
- {c.recommendations.items.map((item, index) => (
-
-
-
- ))}
-
-
-
- registerSection("contact", el)}
- data-coc-section="contact"
- className="coc-section"
- >
-
-
-
- - {c.contentSection.title} -
-
-
- - {c.contentSection.body} -
-- {c.recommendations.title} -
-
-
- {item}
-- {c.recommendations.thankYou} -
-{c.contact.title}
-
-
- {c.contact.lead}
- - - {c.contact.formLinkText} - -- {c.contact.teamNote} -
-- {c.contact.organizerNote} -
-
-
-
- {["primary", "repeat"].map((groupId) => (
-
-
- {images.map((item, index) => (
-
- ))}
-
- ))}
-
-
-
- ) : null}
-
-
- );
-
- const speakerBlock = (
-
- {KEYNOTE_FLAGS_BY_NAME[column.name]?.code ? (
-
-
-
- ) : null}
-
-
- {column.name}
-- {column.profession ?? column.handle} -
-{column.bio}
--
- {(column.social ?? []).map((link) => {
- const icon = KEYNOTE_SOCIAL_ICONS[link.key];
- if (!icon) return null;
- return (
-
-
-
-
- -
- );
- })}
-
- {photoBlock}
- {speakerBlock}
-
-
- );
- })}
- {copy.title}
-{copy.subtitle}
-
-
-
- {playing ? (
-
- ) : (
-
- )}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {h?.dateLine1 ?? "medellin, colombia"}
- {h?.dateLine2 ?? "24, 25 & 26 JULY - 2026"}
-
-
-
-
-
-
-
- {topicRows.map((labels, rowIndex) => (
-
-
-
- ))}
-
- {["primary", "repeat"].map((groupId) => (
-
-
- {labels.map((label) => (
-
- ))}
-
-
- {label}
-
-
- ))}
-
-
-
-
-
- {cfpHero.badge}
-
- - {cfpHero.titleBefore}{" "} - - {cfpHero.titleAccent} - {" "} - {cfpHero.titleYear} -
-{cfpHero.lead}
-
- {cfpSubmitIsExternal ? (
-
- {cfpHero.ctaPrimary}{" "}
-
-
-
- 
-
-
-
-
-
-
- {keynoteColumns.length ? (
- - Relive the best moments of PyCon Colombia by exploring our official - photo album{" "} - - here - - . -
-
-
-
-
-
-
-
- {keynotes.title}
-
-
-
- );
-};
-
-LandingPage.propTypes = {
- dataTranslate: PropTypes.object.isRequired,
-};
-
-export default LandingPage;
diff --git a/src/pages/Sponsors/index.jsx b/src/pages/Sponsors/index.jsx
deleted file mode 100644
index 4773d07..0000000
--- a/src/pages/Sponsors/index.jsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import PropTypes from "prop-types";
-import { useContext } from "react";
-import { Helmet } from "react-helmet";
-import SponsorsSection, {
- DEFAULT_SPONSORS_SECTION_COPY,
-} from "@/components/SponsorsSection";
-import LanguageContext from "@/LanguageContext";
-
-const ArrowOutwardIcon = () => (
-
-);
-
-const DEFAULT_SPONSORS_COPY = {
- metaTitle: "PyCon Colombia 2026 - Sponsors",
- heroTitleTrustedBy: "Trusted by",
- heroTitleIndustry: "industry",
- heroTitleLeaders: "leaders.",
- heroLead:
- "PyCon Colombia is made possible through the generous support of organizations dedicated to advancing the Python ecosystem and fostering technological innovation in Latin America.",
- becomeSponsorCta: "Become a Sponsor",
- ...DEFAULT_SPONSORS_SECTION_COPY,
-};
-
-const Sponsors = ({ dataTranslate }) => {
- const { language } = useContext(LanguageContext);
- const s = { ...DEFAULT_SPONSORS_COPY, ...dataTranslate?.sponsors };
- const email = dataTranslate?.footer?.email ?? "hello@pycon.co";
- const sponsorMailto = `mailto:${email}?subject=${encodeURIComponent(
- language === "es"
- ? "Patrocinio PyCon Colombia 2026"
- : "PyCon Colombia 2026 Sponsorship",
- )}`;
-
- return (
- <>
-
-
-
-
- - {dataTranslate?.sponsors?.title ?? "Sponsors"} -
-
-
-
- );
-};
-
-Sponsors.propTypes = {
- dataTranslate: PropTypes.shape({
- sponsors: PropTypes.object,
- footer: PropTypes.shape({
- email: PropTypes.string,
- }),
- }),
-};
-
-export default Sponsors;
diff --git a/src/pages/Team/index.jsx b/src/pages/Team/index.jsx
deleted file mode 100644
index dfce20a..0000000
--- a/src/pages/Team/index.jsx
+++ /dev/null
@@ -1,5 +0,0 @@
-const Team = () => {
- return
-
-
-
-
-
-
-
- - {s.heroTitleTrustedBy}{" "} - - {s.heroTitleIndustry} - {" "} - {s.heroTitleLeaders} -
-{s.heroLead}
-Team
;
-};
-
-export default Team;
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
deleted file mode 100644
index 9146058..0000000
--- a/src/styles/_variables.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-// _variables.scss
-
-$purple-dark: #3c00d7;
-$purple: #4200f6;
-$ocean: #9CF0E1;
-$green: #deff00;
-$black: #1a1414;
-$white: #fff8ec;
-$blue-dark: #0e0230;
-$fucsia: #f137a6;
-$fucsia-dark: #df3397;
-$pink: #f391b9;
-
-// Figma navbar (node 2053:128)
-$figma-purple: #6155f5;
diff --git a/src/styles/footer.scss b/src/styles/footer.scss
deleted file mode 100644
index dc768e4..0000000
--- a/src/styles/footer.scss
+++ /dev/null
@@ -1,164 +0,0 @@
-@use './variables' as *;
-
-@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500&family=Saira:wght@700&display=swap');
-
-.footer-container {
- background: #000000;
- padding: 24px;
-
- &__outer {
- max-width: 1488px;
- margin-inline: auto;
- padding-inline: 0;
- }
-}
-
-.footer-inner {
- background: linear-gradient(
- 135deg,
- rgba(15, 23, 43, 0.95) 0%,
- rgba(29, 41, 61, 0.9) 50%,
- rgba(15, 23, 43, 0.95) 100%
- );
- border: 2px solid rgba(0, 184, 219, 0.2);
- border-radius: 24px;
- box-shadow: 0 26.94px 53.88px -12.93px rgba(0, 184, 219, 0.1);
- padding: 64px 96px;
-
- @media (max-width: 991.98px) {
- padding: 48px 32px;
- }
-
- @media (max-width: 575.98px) {
- padding: 40px 24px;
- }
-
- &__row {
- --bs-gutter-x: 32px;
- --bs-gutter-y: 32px;
- }
-}
-
-.footer-brand {
- display: flex;
- flex-direction: column;
- gap: 16px;
-
- &__logo {
- display: flex;
- align-items: center;
- gap: 12px;
- min-height: 32px;
- }
-
- &__mark {
- flex-shrink: 0;
- display: block;
- }
-
- &__title {
- font-family: 'Saira', sans-serif;
- font-weight: 700;
- font-size: 20px;
- line-height: 1.3;
- letter-spacing: 0.12em;
- color: #ffffff;
- }
-
- &__description {
- margin: 0;
- max-width: 42rem;
- font-family: 'Geist', system-ui, sans-serif;
- font-weight: 400;
- font-size: 16px;
- line-height: 1.5;
- color: rgba(255, 255, 255, 0.7);
- white-space: pre-line;
- }
-}
-
-.footer-social {
- display: flex;
- flex-wrap: wrap;
- gap: 16px;
- margin: 0;
- padding: 0;
- list-style: none;
-
- li {
- margin: 0;
- padding: 0;
- }
-
- &__link {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 20px;
- height: 20px;
- color: #ffffff;
- transition:
- color 0.2s ease,
- transform 0.2s ease;
-
- svg {
- width: 20px;
- height: 20px;
- }
-
- &:hover {
- color: $ocean;
- transform: translateY(-2px);
- text-decoration: none;
- }
- }
-}
-
-.footer-column {
- &__header {
- font-family: 'Geist', system-ui, sans-serif;
- font-weight: 500;
- font-size: 18px;
- line-height: 1.5556;
- color: #ffffff;
- padding-bottom: 8px;
- }
-
- &__links {
- display: flex;
- flex-direction: column;
- gap: 12px;
- }
-
- &__link {
- font-family: 'Geist', system-ui, sans-serif;
- font-weight: 500;
- font-size: 16px;
- line-height: 1.5;
- color: rgba(255, 255, 255, 0.7);
- text-decoration: none;
- transition: color 0.2s ease;
-
- &:hover {
- color: #ffffff;
- text-decoration: none;
- }
- }
-
- &__email {
- font-family: 'Geist', system-ui, sans-serif;
- font-weight: 400;
- font-size: 16px;
- line-height: 1.5;
- color: rgba(255, 255, 255, 0.7);
- text-decoration: none;
- word-break: break-word;
- transition: color 0.2s ease;
-
- &:hover {
- color: $ocean;
- text-decoration: underline;
- text-underline-offset: 4px;
- }
- }
-}
diff --git a/src/styles/landing.scss b/src/styles/landing.scss
deleted file mode 100644
index 20874d1..0000000
--- a/src/styles/landing.scss
+++ /dev/null
@@ -1,2191 +0,0 @@
-.content-wrapper.top-section {
- overflow: hidden;
-}
-
-.landing-hero {
- position: relative;
- max-width: 1252px;
- margin: 0 auto;
- padding: 0 0 6.5rem;
-}
-
-.landing-hero__bottom-glow {
- position: absolute;
- bottom: -8rem;
- left: 50%;
- width: min(257px, 66vw);
- height: auto;
- transform: translateX(-50%);
- pointer-events: none;
- display: block;
-}
-
-@media (max-width: 767px) {
- .landing-hero__bottom-glow {
- bottom: -12rem;
- }
-}
-
-@media (min-width: 768px) {
- .landing-hero__bottom-glow {
- bottom: -5rem;
- }
-}
-
-.landing-hero__stage {
- position: relative;
- display: flex;
- flex-direction: column;
- gap: 0;
- min-height: min(580px, 90vh);
-}
-
-.landing-hero__deco--tl {
- position: absolute;
- top: 0;
- left: 0;
- width: clamp(48px, 8vw, 101px);
- height: clamp(45px, 7.5vw, 95px);
- border-radius: 50%;
- background: radial-gradient(
- circle at 64% 12%,
- rgba(255, 255, 255, 1) 0%,
- rgba(141, 143, 230, 1) 100%
- );
- pointer-events: none;
- z-index: 0;
-}
-
-.landing-hero__wordmark {
- position: relative;
- z-index: 1;
- display: block;
- width: 100%;
- height: auto;
- margin-top: 0.5rem;
-}
-
-.landing-hero__content-row {
- position: relative;
- z-index: 2;
- display: grid;
- grid-template-columns: 1fr;
- gap: 1rem;
- margin-top: clamp(-3rem, -4vw, -1.5rem);
- min-height: clamp(220px, 38vw, 360px);
-}
-
-@media (min-width: 768px) {
- .landing-hero__content-row {
- grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
- align-items: start;
- gap: 0.5rem 1rem;
- }
-}
-
-.landing-hero__meta {
- text-align: left;
- margin-top: -50px;
-}
-
-.landing-hero__title {
- margin: 0;
- font-family: 'Bebas Neue', 'Saira', sans-serif;
- font-size: clamp(2rem, 4.2vw, 3.2rem);
- font-weight: 700;
- line-height: 0.92;
- letter-spacing: 0.06em;
- color: #000;
- text-transform: none;
- max-width: 100%;
-}
-
-.landing-hero__tagline {
- margin: 0.75rem 0 0;
- max-width: 20rem;
- font-family: 'Maven Pro', 'Nunito', sans-serif;
- font-size: clamp(0.95rem, 1.35vw, 1.37rem);
- font-weight: 500;
- line-height: 1.09;
- letter-spacing: 0.06em;
- color: #000;
- text-align: left;
-}
-
-.landing-hero__visual {
- position: absolute;
- top: clamp(42%, 47vw, 60%);
- left: 52%;
- width: min(46vw, 430px);
- min-height: 200px;
- transform: translate(-50%, -50%);
- z-index: 3;
- animation: landing-hero-float 4.8s ease-in-out infinite;
-}
-
-@media (min-width: 768px) {
- .landing-hero__visual {
- top: clamp(48%, 40vw, 58%);
- left: 50%;
- width: min(35vw, 430px);
- }
-}
-
-@keyframes landing-hero-float {
- 0%,
- 100% {
- transform: translate(-50%, -50%) translateY(-8px);
- }
-
- 50% {
- transform: translate(-50%, -50%) translateY(10px);
- }
-}
-
-.landing-hero__deco--blob-sm {
- position: absolute;
- top: 12%;
- left: 0;
- width: 34px;
- height: 32px;
- border-radius: 50%;
- background: radial-gradient(
- circle at 71% 15%,
- rgba(255, 234, 234, 1) 0%,
- rgba(151, 153, 224, 1) 100%
- );
- box-shadow: 0 4px 42px rgba(0, 0, 0, 0.4);
- pointer-events: none;
-}
-
-.landing-hero__portrait {
- display: block;
- width: 100%;
- max-width: 380px;
- height: auto;
- margin: 0 auto;
- margin-top: 100px;
- object-fit: contain;
- padding-top: 0px;
- position: relative;
- z-index: 1;
-}
-
-@media (min-width: 769px) and (max-width: 991px) {
- .landing-hero__portrait {
- margin-top: 400px;
- }
-}
-
-@media (max-width: 747px) {
- .landing-hero__portrait {
- margin-top: 300px;
- }
-}
-
-.landing-hero__deco--blob-lg {
- position: absolute;
- right: -2%;
- bottom: 8%;
- width: clamp(100px, 18vw, 141px);
- height: clamp(95px, 17vw, 133px);
- border-radius: 50%;
- background: radial-gradient(
- circle at 89% -10%,
- rgba(255, 247, 247, 1) 0%,
- rgba(172, 174, 241, 1) 100%
- );
- box-shadow: 0 4px 48px rgba(0, 0, 0, 0.25);
- pointer-events: none;
- z-index: 0;
-}
-
-.landing-hero__year-mark {
- position: absolute;
- right: 2%;
- bottom: 4%;
- width: clamp(48px, 8vw, 67px);
- height: auto;
- z-index: 2;
- filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
-}
-
-.landing-hero__date {
- margin-top: auto;
- padding-top: 1.5rem;
- display: flex;
- flex-direction: column;
- gap: 0.1em;
- font-family: 'Bebas Neue', 'Saira', sans-serif;
- font-size: 32px;
- font-weight: 700;
- line-height: 1.35;
- letter-spacing: 0.06em;
- color: #8e8e93;
- text-transform: lowercase;
-}
-
-@media (max-width: 767px) {
- .landing-hero {
- padding-bottom: 12rem;
- }
-
- .landing-hero__meta {
- align-items: flex-start;
- text-align: left;
- }
-
- .landing-hero__tagline {
- text-align: left;
- max-width: none;
- }
-
- .landing-hero__content-row {
- margin-top: 0;
- }
-
- .landing-hero__visual {
- left: 50%;
- top: clamp(54%, 84vw, 66%);
- width: min(72vw, 360px);
- }
-}
-
-/* Topic marquee — frame 2056:150 (Soft Badge rows + edge fades) */
-.content-topics {
- position: relative;
- padding: 0;
- background: #fff;
- color: #0a0a0a;
-}
-
-.content-topics__container {
- max-width: 1488px;
- margin-left: auto;
- margin-right: auto;
-}
-
-.topics-marquee {
- position: relative;
- overflow: hidden;
- padding: 0.75rem clamp(1rem, 3vw, 2.37rem);
-}
-
-.topics-marquee__stack {
- display: flex;
- flex-direction: column;
- gap: 0;
-}
-
-.topics-marquee__row {
- overflow: hidden;
- padding: 0.63rem 0;
-}
-
-.topics-marquee__track {
- display: flex;
- width: max-content;
- gap: 1.58rem;
- will-change: transform;
-}
-
-.topics-marquee__row--ltr .topics-marquee__track {
- animation: topics-marquee-scroll 56s linear infinite;
-}
-
-.topics-marquee__row--rtl .topics-marquee__track {
- animation: topics-marquee-scroll 48s linear infinite reverse;
-}
-
-.topics-marquee__group {
- display: flex;
- flex-shrink: 0;
- align-items: center;
- gap: 1.58rem;
-}
-
-@keyframes topics-marquee-scroll {
- 0% {
- transform: translateX(0);
- }
-
- 100% {
- transform: translateX(-50%);
- }
-}
-
-.topic-badge {
- position: relative;
- display: inline-flex;
- flex-shrink: 0;
- align-items: center;
- justify-content: center;
- min-height: 2.06rem;
- padding: 0.32rem 0.95rem;
- border-radius: 999px;
- background: linear-gradient(180deg, #fff 0%, #f0f0fc 100%);
- border: 1.26px solid #d1d2f7;
-}
-
-.topic-badge__label {
- position: relative;
- z-index: 1;
- font-family: 'Geist', system-ui, sans-serif;
- font-size: 15px;
- font-weight: 500;
- line-height: 1.33;
- letter-spacing: 0.01em;
- white-space: nowrap;
-}
-
-.topics-marquee__fade {
- position: absolute;
- top: 0;
- bottom: 0;
- z-index: 2;
- width: min(218px, 18vw);
- pointer-events: none;
-}
-
-.topics-marquee__fade--left {
- left: 0;
- background: linear-gradient(90deg, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 0) 100%);
-}
-
-.topics-marquee__fade--right {
- right: 0;
- left: auto;
- width: min(245px, 20vw);
- background: linear-gradient(270deg, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 0) 100%);
-}
-
-@media (prefers-reduced-motion: reduce) {
- .topics-marquee__track {
- animation: none;
- }
-}
-
-/* After movie — YouTube embed with poster + play control */
-.landing-after-movie {
- padding: clamp(2.5rem, 6vw, 4rem) clamp(1rem, 3vw, 1.5rem);
- background: #f7f8fc;
-}
-
-.landing-after-movie__container {
- max-width: 1320px;
- margin: 0 auto;
-}
-
-.landing-after-movie__header {
- text-align: center;
- max-width: 40rem;
- margin: 0 auto clamp(1.75rem, 4vw, 2.75rem);
-}
-
-.landing-after-movie__title {
- margin: 0;
- font-family: 'Maven Pro', 'Nunito', sans-serif;
- font-size: clamp(1.75rem, 4vw, 2.5rem);
- font-weight: 600;
- line-height: 1.15;
- letter-spacing: 0.04em;
- color: #0a0a0a;
-}
-
-.landing-after-movie__subtitle {
- margin: 0.85rem 0 0;
- font-family: 'Geist', system-ui, sans-serif;
- font-size: clamp(0.95rem, 1.35vw, 1.08rem);
- font-weight: 500;
- line-height: 1.5;
- color: #5c5f78;
-}
-
-.landing-after-movie__frame-wrap {
- max-width: min(960px, 100%);
- margin: 0 auto;
-}
-
-.landing-after-movie__frame {
- position: relative;
- width: 100%;
- aspect-ratio: 16 / 9;
- border-radius: clamp(18px, 3vw, 28px);
- overflow: hidden;
- background: #e8e9f4;
- box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
-}
-
-.landing-after-movie__iframe {
- position: absolute;
- inset: 0;
- width: 100%;
- height: 100%;
- border: 0;
-}
-
-.landing-after-movie__poster {
- position: absolute;
- inset: 0;
- display: block;
- width: 100%;
- height: 100%;
- padding: 0;
- border: none;
- cursor: pointer;
- background: #1a1a24;
-}
-
-.landing-after-movie__poster:focus-visible {
- outline: 3px solid #6155f5;
- outline-offset: 4px;
-}
-
-.landing-after-movie__poster-bg {
- position: absolute;
- inset: -12px;
- overflow: hidden;
-}
-
-.landing-after-movie__poster-img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- filter: grayscale(1) blur(10px);
- transform: scale(1.04);
- opacity: 0.92;
-}
-
-.landing-after-movie__poster-scrim {
- position: absolute;
- inset: 0;
- background: rgba(255, 255, 255, 0.12);
-}
-
-.landing-after-movie__play {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- display: flex;
- align-items: center;
- justify-content: center;
- width: clamp(4rem, 12vw, 5.25rem);
- height: clamp(4rem, 12vw, 5.25rem);
- border-radius: 50%;
- background: #f4f4fd;
- color: #4b41c4;
- box-shadow:
- 0 4px 24px rgba(0, 0, 0, 0.18),
- 0 1px 3px rgba(0, 0, 0, 0.08);
- transition:
- transform 0.2s ease,
- box-shadow 0.2s ease;
-}
-
-.landing-after-movie__poster:hover .landing-after-movie__play {
- transform: translate(-50%, -50%) scale(1.04);
- box-shadow:
- 0 8px 32px rgba(75, 65, 196, 0.25),
- 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-
-.landing-after-movie__play-icon {
- margin-left: 4px;
-}
-
-@media (prefers-reduced-motion: reduce) {
- .landing-after-movie__poster:hover .landing-after-movie__play {
- transform: translate(-50%, -50%);
- }
-}
-
-/* Keynotes — frame 2059:353 */
-.landing-keynotes {
- position: relative;
- padding: 0 clamp(1rem, 3vw, 1.5rem) clamp(2.5rem, 6vw, 4rem);
-}
-
-.landing-keynotes__panel {
- max-width: 1440px;
- margin: 0 auto;
- margin-top: 50px;
- padding: clamp(2rem, 5vw, 3.75rem);
- background: #f1f2fc;
- border: 3px solid #f4f4fd;
- border-radius: 30px;
- overflow: hidden;
-}
-
-.landing-keynotes__panel::after {
- content: '';
- position: absolute;
- left: 0;
- right: 0;
- bottom: 0;
- height: min(90px, 12vw);
- pointer-events: none;
- background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
-}
-
-.landing-keynotes__container {
- position: relative;
- z-index: 1;
- max-width: 1320px;
-}
-
-/* Menos padding en tablet y móvil (panel + márgenes + gutter del container) */
-@media (max-width: 991.98px) {
- .landing-keynotes {
- padding: 0 clamp(0.75rem, 2.5vw, 1.25rem) clamp(1.75rem, 5vw, 3rem);
- }
-
- .landing-keynotes__panel {
- padding: clamp(1.25rem, 3vw, 2rem);
- }
-
- .landing-keynotes__container {
- --bs-gutter-x: 1rem;
- }
-}
-
-@media (max-width: 575.98px) {
- .landing-keynotes__panel {
- padding: 1rem;
- }
-
- .landing-keynotes__container {
- --bs-gutter-x: 0.75rem;
- }
-}
-
-.landing-keynotes__header {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- text-align: right;
- gap: 1rem;
- margin-bottom: clamp(1rem, 6vw, 4rem);
-}
-
-.landing-keynotes__eyebrow {
- margin: 0;
- max-width: 100%;
- font-family: 'Bebas Neue', 'Saira', sans-serif;
- font-size: 20px;
- font-weight: 400;
- line-height: 0.8;
- letter-spacing: 0.1em;
- text-transform: uppercase;
- color: #171717;
-}
-
-.landing-keynotes__title {
- margin: 0;
- min-height: 1em;
- font-family: 'Maven Pro', 'Nunito', sans-serif;
- font-size: clamp(1.75rem, 4vw, 2.5rem);
- font-weight: 500;
- line-height: 1.15;
- letter-spacing: 0.06em;
- color: #000;
-}
-
-.landing-keynotes__columns {
- margin: 0;
- --landing-keynotes-stack-gap: 1.5rem;
-}
-
-.landing-keynotes__column {
- display: flex;
- min-height: 0;
-}
-
-@media (prefers-reduced-motion: no-preference) {
- .landing-keynotes__column {
- opacity: 0;
- transform: translateY(1.75rem);
- transition:
- opacity 0.65s ease,
- transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
- transition-delay: var(--keynote-reveal-delay, 0s);
- will-change: opacity, transform;
- }
-
- .landing-keynotes__column--visible {
- opacity: 1;
- transform: translateY(0);
- will-change: auto;
- }
-}
-
-.landing-keynotes__stack {
- display: flex;
- flex-direction: column;
- gap: var(--landing-keynotes-stack-gap);
- width: 100%;
- min-height: 0;
-}
-
-/* Mobile: DOM order is always photo → text. Desktop stagger: middle column text on top. */
-@media (min-width: 992px) {
- .landing-keynotes__stack--text-first-desktop .landing-keynotes__photo-card {
- order: 2;
- }
-
- .landing-keynotes__stack--text-first-desktop .landing-keynotes__speaker-card {
- order: 1;
- }
-}
-
-.landing-keynotes__photo-card {
- position: relative;
- width: 100%;
- flex: 0 0 auto;
- aspect-ratio: 3 / 4;
- max-height: min(420px, 58vh);
- overflow: hidden;
- border-radius: 16px;
- border: 1px solid #e5e5e5;
- background: #fff;
-}
-
-.landing-keynotes__photo-img {
- display: block;
- width: 100%;
- height: 100%;
- object-fit: cover;
- object-position: center 15%;
-}
-
-.landing-keynotes__speaker-card {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- width: 100%;
- padding: 1.5rem;
- border-radius: 16px;
- border: 1px solid #e5e5e5;
- background: #fff;
-}
-
-.landing-keynotes__speaker-head {
- display: flex;
- flex-direction: row;
- align-items: center;
- gap: 0.75rem;
-}
-
-.landing-keynotes__flag-wrap {
- display: flex;
- flex-shrink: 0;
- align-items: center;
- justify-content: center;
- width: 48px;
- height: 48px;
- border-radius: 9999px;
- border: 2px solid #fff;
- box-shadow: 0 0 0 1px #e5e5e5;
- overflow: hidden;
- background: #f4f4f5;
-}
-
-.landing-keynotes__flag-img {
- display: block;
- width: 100%;
- height: 100%;
- object-fit: cover;
- object-position: center;
-}
-
-.landing-keynotes__speaker-meta {
- display: flex;
- flex-direction: column;
- gap: 2px;
- min-width: 0;
-}
-
-.landing-keynotes__speaker-name {
- margin: 0;
- font-family: 'Geist', system-ui, sans-serif;
- font-size: 16px;
- font-weight: 600;
- line-height: 1.5;
- color: #0a0a0a;
-}
-
-.landing-keynotes__speaker-handle {
- margin: 0;
- font-family: 'Geist', system-ui, sans-serif;
- font-size: 16px;
- font-weight: 400;
- line-height: 1.5;
- color: #737373;
-}
-
-.landing-keynotes__bio {
- margin: 0;
- font-family: 'Geist', system-ui, sans-serif;
- font-size: 16px;
- font-weight: 400;
- line-height: 1.5;
- color: #0a0a0a;
-}
-
-.landing-keynotes__social {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- gap: 1rem;
- margin: 0;
- padding: 0;
- list-style: none;
-}
-
-.landing-keynotes__social-link {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 22px;
- height: 22px;
- font-size: 18px;
- color: #6155f5;
- transition: color 0.15s ease, opacity 0.15s ease;
-}
-
-.landing-keynotes__social-link:hover {
- color: #4b41c4;
-}
-
-@media (max-width: 767px) {
- .landing-keynotes__header {
- align-items: flex-start;
- text-align: left;
- }
-
- .landing-keynotes__photo-card {
- aspect-ratio: 4 / 5;
- max-height: none;
- }
-}
-
-/* Photo carousel — auto-scroll, pause on hover, click opens modal */
-.landing-gallery {
- position: relative;
- padding: clamp(1.75rem, 4vw, 2.75rem) 0;
- padding-bottom: 1rem;
- background: #f1f2fc;
- overflow: hidden;
-}
-
-.landing-gallery__viewport {
- overflow: hidden;
- /* Vertical room so slide hover (translateY + shadow) is not clipped */
- padding: 1rem 0;
-}
-
-.landing-gallery__track {
- display: flex;
- width: max-content;
- gap: 1rem;
- will-change: transform;
- animation: landing-gallery-scroll 48s linear infinite;
-}
-
-.landing-gallery:hover .landing-gallery__track {
- animation-play-state: paused;
-}
-
-.landing-gallery__group {
- display: flex;
- flex-shrink: 0;
- align-items: stretch;
- gap: 1rem;
-}
-
-@keyframes landing-gallery-scroll {
- 0% {
- transform: translateX(0);
- }
-
- 100% {
- transform: translateX(-50%);
- }
-}
-
-.landing-gallery__slide {
- position: relative;
- flex-shrink: 0;
- /* Fixed horizontal frame: every slide same width × 16:9 */
- width: clamp(260px, 28vw, 380px);
- aspect-ratio: 16 / 9;
- height: auto;
- padding: 0;
- border: none;
- border-radius: 14px;
- background: #e8e9f4;
- cursor: pointer;
- overflow: hidden;
- box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1);
- display: block;
- transition: transform 0.2s ease, box-shadow 0.2s ease;
-}
-
-.landing-gallery__slide:hover {
- transform: translateY(-2px);
- box-shadow: 0 14px 36px rgba(0, 0, 0, 0.14);
-}
-
-.landing-gallery__slide:focus-visible {
- outline: 3px solid #6155f5;
- outline-offset: 3px;
-}
-
-.landing-gallery__slide-inner {
- position: absolute;
- inset: 0;
- overflow: hidden;
-}
-
-.landing-gallery__slide-img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- display: block;
-}
-
-.landing-gallery-modal .modal-content {
- border: none;
- border-radius: 16px;
- overflow: hidden;
-}
-
-.landing-gallery-modal__body {
- background: #0a0a0a;
-}
-
-.landing-gallery-modal__frame {
- position: relative;
-}
-
-.landing-gallery-modal__close {
- position: absolute;
- top: 0.75rem;
- right: 0.75rem;
- z-index: 2;
- display: flex;
- align-items: center;
- justify-content: center;
- width: 2.75rem;
- height: 2.75rem;
- padding: 0;
- border: none;
- border-radius: 50%;
- background: rgba(0, 0, 0, 0.55);
- color: #fff;
- cursor: pointer;
- box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
- transition:
- background 0.15s ease,
- transform 0.15s ease;
-}
-
-.landing-gallery-modal__close:hover {
- background: rgba(0, 0, 0, 0.78);
-}
-
-.landing-gallery-modal__close:focus-visible {
- outline: 2px solid #fff;
- outline-offset: 2px;
-}
-
-.landing-gallery-modal__close-icon {
- font-size: 1.2rem;
-}
-
-.landing-gallery-modal__img {
- display: block;
- width: 100%;
- height: auto;
- aspect-ratio: 16 / 9;
- object-fit: contain;
- background: #0a0a0a;
-}
-
-.landing-gallery__album-link-wrap {
- display: flex;
- justify-content: center;
- padding: 0.5rem 1rem 2rem;
- background: #f1f2fc;
-}
-
-.landing-gallery__album-link-text {
- margin: 0;
- font-family: "Geist", system-ui, sans-serif;
- font-size: clamp(0.95rem, 1.3vw, 1.05rem);
- font-weight: 500;
- line-height: 1.45;
- color: #3d3f5c;
- text-align: center;
-}
-
-.landing-gallery__album-link-text a {
- color: #4b41c4;
- text-decoration: underline;
- text-underline-offset: 2px;
-}
-
-.landing-gallery__album-link-text a:hover {
- color: #3f36ad;
-}
-
-@media (prefers-reduced-motion: reduce) {
- .landing-gallery__track {
- animation: none;
- }
-}
-
-/* Code of Conduct — Material surface + hero glows (Tailwind mock: bg-surface / primary-container / tertiary-container) */
-.coc-page {
- position: relative;
- isolation: isolate;
- padding: clamp(1.25rem, 3vw, 2rem) clamp(1rem, 3vw, 1.5rem)
- clamp(3rem, 7vw, 5rem);
- background: #f5f6fb;
- color: #2c2f33;
- font-family: 'Geist', system-ui, sans-serif;
- font-size: 16px;
- font-weight: 400;
- line-height: 1.5;
-}
-
-.coc-page a {
- color: #444dc5;
- text-decoration: none;
- font-weight: 600;
-}
-
-.coc-page a:hover {
- color: #3740b8;
- text-decoration: underline;
- text-underline-offset: 3px;
-}
-
-.coc-page__container {
- position: relative;
- z-index: 1;
- max-width: 1320px;
- margin-left: auto;
- margin-right: auto;
-}
-
-.coc-page__hero {
- text-align: center;
- max-width: min(52rem, 100%);
- margin: 0 auto clamp(2rem, 5vw, 3rem);
-}
-
-.coc-page__hero--with-glow {
- position: relative;
- overflow: visible;
-}
-
-.coc-page__hero-glow {
- position: absolute;
- inset: -5rem -10% 0 -10%;
- bottom: auto;
- min-height: clamp(280px, 42vw, 420px);
- pointer-events: none;
- z-index: 0;
- overflow: visible;
-}
-
-.coc-page__hero-glow__blob {
- position: absolute;
- display: block;
- border-radius: 50%;
- /* primary-container /30 @ 100px blur — #8f97ff */
- &--tl {
- top: -5rem;
- left: -5rem;
- width: 16rem;
- height: 16rem;
- background: rgba(143, 151, 255, 0.3);
- filter: blur(100px);
- }
-
- /* tertiary-container /20 @ 120px blur — #dee1fd */
- &--br {
- bottom: -2.5rem;
- right: -2.5rem;
- width: 24rem;
- height: 24rem;
- background: rgba(222, 225, 253, 0.2);
- filter: blur(120px);
- }
-}
-
-.coc-page__hero-inner {
- position: relative;
- z-index: 1;
-}
-
-.coc-page__hero--tracked {
- scroll-margin-top: 6.5rem;
-}
-
-.coc-page__pill {
- display: inline-flex;
- margin-bottom: 0.5rem;
-}
-
-.coc-page .topic-badge {
- background: #e0e2e9;
- border: 1px solid #dadde4;
- border-radius: 999px;
-}
-
-.coc-page .topic-badge__label {
- color: #444dc5;
- font-weight: 600;
-}
-
-.coc-page__title {
- margin: 0.75rem 0 1rem;
- font-family: 'Maven Pro', 'Nunito', sans-serif;
- font-size: clamp(1.85rem, 4.5vw, 2.75rem);
- font-weight: 500;
- line-height: 1.12;
- letter-spacing: 0.06em;
- color: #2c2f33;
-}
-
-.coc-page__title-part {
- color: #2c2f33;
-}
-
-.coc-page__title-accent {
- color: #444dc5;
-}
-
-.coc-page__intro {
- margin: 0;
- font-size: clamp(0.95rem, 1.2vw, 1.05rem);
- line-height: 1.55;
- color: #595c60;
-}
-
-.coc-page__aside {
- position: sticky;
- top: 6.5rem;
- align-self: flex-start;
-}
-
-.coc-nav {
- list-style: none;
- margin: 0;
- padding: 0;
- display: flex;
- flex-direction: column;
- gap: 0.35rem;
-}
-
-.coc-nav__link {
- display: flex;
- align-items: center;
- gap: 0.65rem;
- width: 100%;
- padding: 0.65rem 0.85rem;
- border: none;
- border-radius: 14px;
- background: transparent;
- text-align: left;
- font-family: inherit;
- font-size: 15px;
- font-weight: 500;
- line-height: 1.35;
- color: #595c60;
- cursor: pointer;
- transition:
- background 0.15s ease,
- color 0.15s ease;
-}
-
-.coc-nav__link:hover {
- background: rgba(68, 77, 197, 0.08);
- color: #444dc5;
-}
-
-.coc-nav__link--active {
- background: rgba(68, 77, 197, 0.12);
- color: #444dc5;
-}
-
-.coc-nav__icon {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- border-radius: 10px;
- background: rgba(68, 77, 197, 0.1);
- color: #444dc5;
- font-size: 0.95rem;
- flex-shrink: 0;
-}
-
-.coc-nav__link--active .coc-nav__icon {
- background: rgba(68, 77, 197, 0.18);
-}
-
-.coc-help-card {
- margin-top: 1.5rem;
- padding: 1.25rem 1.35rem;
- border-radius: 18px;
- border: 1px solid rgba(68, 77, 197, 0.1);
- background: rgba(143, 151, 255, 0.2);
- box-shadow: none;
-}
-
-.coc-help-card__title {
- margin: 0 0 0.5rem;
- font-family: 'Maven Pro', 'Nunito', sans-serif;
- font-size: 1.05rem;
- font-weight: 600;
- letter-spacing: 0.02em;
- color: #444dc5;
-}
-
-.coc-help-card__body {
- margin: 0 0 0.65rem;
- font-size: 0.95rem;
- line-height: 1.45;
- color: #595c60;
-}
-
-.coc-help-card__button {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- margin-top: 0.25rem;
- padding: 0.65rem 1rem;
- border-radius: 999px;
- border: 1px solid rgba(68, 77, 197, 0.28);
- background: #444dc5;
- color: #f3f1ff !important;
- font-size: 0.9rem;
- font-weight: 700;
- text-decoration: none !important;
-}
-
-.coc-help-card__button:hover {
- background: #3740b8;
- border-color: #3740b8;
- color: #f3f1ff !important;
-}
-
-.coc-page__main {
- display: flex;
- flex-direction: column;
- gap: clamp(2rem, 4vw, 2.75rem);
-}
-
-.coc-section {
- scroll-margin-top: 6.5rem;
-}
-
-.coc-section--last {
- padding-bottom: 0.5rem;
-}
-
-.coc-section__rule {
- width: 3rem;
- height: 4px;
- margin-bottom: 1rem;
- border-radius: 999px;
- background: #8f97ff;
-}
-
-.coc-section__heading {
- margin: 0 0 1rem;
- font-family: 'Maven Pro', 'Nunito', sans-serif;
- font-size: clamp(1.25rem, 2.5vw, 1.5rem);
- font-weight: 600;
- letter-spacing: 0.04em;
- color: #2c2f33;
-}
-
-.coc-section__card {
- box-shadow: 0 8px 32px rgba(15, 23, 42, 0.06);
-}
-
-.coc-section__text {
- margin: 0 0 1rem;
- font-size: 1rem;
- line-height: 1.55;
- color: #2c2f33;
-}
-
-.coc-section__text--last {
- margin-bottom: 0;
-}
-
-.coc-section__text--spaced {
- margin-top: 1.25rem;
-}
-
-.coc-value-cards {
- margin-bottom: 1.25rem;
-}
-
-.coc-value-card {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- height: 100%;
- padding: 2rem;
- border-radius: 2rem;
- background: #eff1f6;
- border: 1px solid transparent;
- box-shadow: none;
- transition:
- border-color 0.2s ease,
- box-shadow 0.2s ease;
-}
-
-.coc-value-card:hover {
- border-color: rgba(68, 77, 197, 0.2);
-}
-
-.coc-value-card__icon {
- display: flex;
- align-items: center;
- justify-content: center;
- margin-bottom: 1.15rem;
- font-size: 1.65rem;
- line-height: 1;
- color: #444dc5;
-}
-
-.coc-value-card__title {
- margin: 0 0 0.65rem;
- font-family: 'Maven Pro', 'Nunito', sans-serif;
- font-size: 1.15rem;
- font-weight: 700;
- letter-spacing: 0.02em;
- color: #2c2f33;
-}
-
-.coc-value-card__text {
- margin: 0;
- font-size: 1rem;
- line-height: 1.55;
- color: #595c60;
-}
-
-.coc-guideline-cards {
- margin-top: 0.25rem;
-}
-
-.coc-guideline-card {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- height: 100%;
- padding: 1.5rem 1.75rem;
- border-radius: 2rem;
- background: #ffffff;
- border: 1px solid #e6e8ee;
- box-shadow: 0 1px 3px rgba(44, 47, 51, 0.06);
-}
-
-.coc-guideline-card__icon {
- display: flex;
- align-items: center;
- justify-content: center;
- margin-bottom: 0.85rem;
- font-size: 1.25rem;
- line-height: 1;
- color: #444dc5;
-}
-
-.coc-guideline-card__text {
- margin: 0;
- font-size: 0.98rem;
- line-height: 1.55;
- color: #595c60;
-}
-
-.coc-recommendations__thank-you {
- margin: 1.5rem 0 0;
- font-size: 1rem;
- line-height: 1.55;
- color: #595c60;
-}
-
-.coc-contact-cta {
- padding: clamp(1.75rem, 4vw, 2.5rem);
- border-radius: 2rem;
- background: #444dc5;
- color: #fff;
- border: 1px solid rgba(255, 255, 255, 0.12);
- box-shadow: 0 18px 48px rgba(68, 77, 197, 0.28);
-}
-
-.coc-contact-cta__lead {
- margin: 0 0 1.25rem;
- font-size: 1.05rem;
- line-height: 1.6;
- font-weight: 400;
- color: rgba(255, 255, 255, 0.95);
-}
-
-.coc-contact-cta__contacts {
- margin: 0 0 1.25rem;
- padding: 1.25rem 0 0 1.25rem;
- border-top: 1px solid rgba(255, 255, 255, 0.2);
- font-size: 1rem;
- line-height: 1.55;
- color: rgba(255, 255, 255, 0.95);
-}
-
-.coc-contact-cta__form-link {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- margin: 0 0 1.5rem;
- padding: 0.75rem 1.25rem;
- border-radius: 999px;
- border: 1px solid rgba(255, 255, 255, 0.38);
- background: #f3f1ff;
- color: #2f36a9 !important;
- text-decoration: none !important;
- font-weight: 700;
-}
-
-.coc-contact-cta__form-link:hover {
- color: #232886 !important;
- border-color: rgba(255, 255, 255, 0.75);
- background: #fff;
-}
-
-.coc-contact-cta__contact-name {
- font-weight: 600;
- color: #fff;
-}
-
-.coc-contact-cta a:not(.coc-contact-cta__form-link) {
- color: #fff !important;
- text-decoration: underline;
- text-underline-offset: 3px;
- font-weight: 600;
-}
-
-.coc-contact-cta a:not(.coc-contact-cta__form-link):hover {
- color: rgba(255, 255, 255, 0.85) !important;
-}
-
-.coc-contact-cta__note {
- margin: 0 0 1rem;
- font-size: 0.95rem;
- line-height: 1.55;
- color: rgba(255, 255, 255, 0.88);
-}
-
-.coc-contact-cta__note--last {
- margin-bottom: 0;
-}
-
-.coc-contact-cta__hints {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- margin-bottom: 1.5rem;
-}
-
-@media (min-width: 768px) {
- .coc-contact-cta__hints {
- flex-direction: row;
- flex-wrap: wrap;
- align-items: flex-start;
- gap: 2rem;
- }
-}
-
-.coc-contact-cta__hint {
- display: flex;
- align-items: flex-start;
- gap: 0.75rem;
- min-width: min(100%, 220px);
-}
-
-.coc-contact-cta__hint-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 12px;
- background: rgba(255, 255, 255, 0.15);
- font-size: 1.1rem;
- color: #fff;
-}
-
-.coc-contact-cta__hint-text {
- margin: 0;
- font-size: 1rem;
- line-height: 1.45;
- color: rgba(255, 255, 255, 0.95);
-}
-
-.coc-contact-cta__hint-text strong {
- font-weight: 700;
- color: #fff;
-}
-
-.coc-more-card {
- padding: clamp(1.5rem, 3vw, 2rem);
- border-radius: 20px;
- background: #ffffff;
- border: 1px solid #e6e8ee;
- box-shadow: 0 1px 3px rgba(44, 47, 51, 0.06);
- text-align: center;
-}
-
-.coc-more-card__title {
- margin: 0 0 1rem;
- font-family: 'Maven Pro', 'Nunito', sans-serif;
- font-size: clamp(1.2rem, 2.2vw, 1.4rem);
- font-weight: 600;
- letter-spacing: 0.04em;
- color: #2c2f33;
-}
-
-.coc-more-card__link {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- min-height: 2.75rem;
- padding: 0.5rem 1.5rem;
- border-radius: 999px;
- font-family: 'Geist', system-ui, sans-serif;
- font-size: 1rem;
- font-weight: 600;
- background: #444dc5;
- color: #f3f1ff !important;
- border: 2px solid #444dc5;
- text-decoration: none !important;
- transition:
- background 0.15s ease,
- color 0.15s ease,
- border-color 0.15s ease,
- box-shadow 0.15s ease;
-}
-
-.coc-more-card__link:hover {
- background: #3740b8;
- border-color: #3740b8;
- color: #f3f1ff !important;
- text-decoration: none !important;
- box-shadow: 0 8px 24px rgba(68, 77, 197, 0.25);
-}
-
-@media (max-width: 991px) {
- .coc-page__aside {
- position: static;
- }
-}
-
-/* Call for Proposals — same surface system as Code of Conduct (.coc-page) */
-.cfp-page .coc-page__container {
- max-width: min(1320px, 100%);
-}
-
-.cfp-hero {
- position: relative;
- margin-bottom: clamp(2rem, 5vw, 3.5rem);
- padding-bottom: clamp(1rem, 3vw, 2rem);
- /* Allow hover scale / shadows on .cfp-btn to paint outside the box */
- overflow: visible;
-}
-
-.cfp-hero__glow {
- position: absolute;
- inset: 0;
- overflow: hidden;
- pointer-events: none;
- z-index: 0;
- opacity: 0.35;
-}
-
-.cfp-hero__glow-blob {
- position: absolute;
- inset: 0;
- border-radius: 50%;
- background: linear-gradient(to left, rgba(143, 151, 255, 0.55), transparent);
- filter: blur(64px);
- transform: translate(35%, -18%);
-}
-
-.cfp-hero__row {
- position: relative;
- z-index: 1;
-}
-
-.cfp-hero__badge {
- display: inline-flex;
- align-items: center;
- gap: 0.5rem;
- padding: 0.35rem 1rem;
- margin-bottom: 1.25rem;
- border-radius: 999px;
- font-size: 0.875rem;
- font-weight: 600;
- color: #595c60;
- background: #e0e2e9;
-}
-
-.cfp-hero__pulse {
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- background: #444dc5;
- animation: cfp-pulse 2s ease-in-out infinite;
-}
-
-@keyframes cfp-pulse {
- 0%,
- 100% {
- opacity: 1;
- transform: scale(1);
- }
- 50% {
- opacity: 0.65;
- transform: scale(0.92);
- }
-}
-
-.cfp-hero__title {
- margin: 0 0 1.25rem;
- font-family: 'Maven Pro', 'Nunito', sans-serif;
- font-size: clamp(2.25rem, 6vw, 3.75rem);
- font-weight: 800;
- line-height: 1.05;
- letter-spacing: 0.02em;
- color: #2c2f33;
-}
-
-.cfp-hero__title-accent {
- color: #444dc5;
- font-style: italic;
- font-weight: 800;
-}
-
-.cfp-hero__lead {
- margin: 0 0 1.75rem;
- max-width: 36rem;
- font-size: clamp(1rem, 1.25vw, 1.15rem);
- line-height: 1.65;
- color: #595c60;
-}
-
-.cfp-hero__actions {
- display: flex;
- flex-wrap: wrap;
- gap: 0.75rem 1rem;
-}
-
-.cfp-btn {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- gap: 0.65rem;
- padding: 0.95rem 1.75rem;
- border-radius: 999px;
- font-size: 1rem;
- font-weight: 700;
- text-decoration: none !important;
- transition:
- transform 0.15s ease,
- box-shadow 0.15s ease,
- background 0.15s ease;
-}
-
-.cfp-btn--primary {
- background: #444dc5;
- color: #f3f1ff !important;
- border: 2px solid #444dc5;
-}
-
-.cfp-btn--primary:hover {
- background: #3740b8;
- border-color: #3740b8;
- color: #f3f1ff !important;
- transform: scale(1.02);
- box-shadow: 0 12px 32px rgba(68, 77, 197, 0.28);
-}
-
-.cfp-btn--secondary {
- background: #ffffff;
- color: #2c2f33 !important;
- border: 1px solid rgba(171, 173, 178, 0.35);
-}
-
-.cfp-btn--secondary:hover {
- border-color: rgba(68, 77, 197, 0.35);
- color: #444dc5 !important;
-}
-
-.cfp-hero__visual {
- position: relative;
- aspect-ratio: 1;
- border-radius: 1.25rem;
- overflow: hidden;
- background: #e0e2e9;
- transform: rotate(3deg);
- transition: transform 0.65s ease;
- box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
-}
-
-.cfp-hero__visual:hover {
- transform: rotate(0deg);
-}
-
-.cfp-hero__img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- filter: grayscale(1) contrast(1.15);
-}
-
-.cfp-hero__img-overlay {
- position: absolute;
- inset: 0;
- background: rgba(68, 77, 197, 0.12);
- mix-blend-mode: multiply;
- pointer-events: none;
-}
-
-.cfp-section {
- margin-bottom: clamp(2.5rem, 6vw, 4rem);
-}
-
-.cfp-section--alt {
- margin-left: calc(-1 * clamp(1rem, 3vw, 1.5rem));
- margin-right: calc(-1 * clamp(1rem, 3vw, 1.5rem));
- padding: clamp(2.5rem, 6vw, 4rem) clamp(1rem, 3vw, 1.5rem);
- background: #ffffff;
- border-radius: 0;
-}
-
-.cfp-section--inverse {
- margin-left: calc(-1 * clamp(1rem, 3vw, 1.5rem));
- margin-right: calc(-1 * clamp(1rem, 3vw, 1.5rem));
- padding: clamp(2.5rem, 7vw, 5rem) clamp(1rem, 3vw, 1.5rem);
- background: #2c2f33;
- color: #f5f6fb;
-}
-
-.cfp-section--split {
- padding-bottom: clamp(2rem, 5vw, 3rem);
- border-bottom: 1px solid rgba(218, 221, 228, 0.65);
-}
-
-.cfp-section--faq {
- padding-bottom: clamp(2rem, 5vw, 4rem);
-}
-
-.cfp-section__intro {
- margin-bottom: clamp(1.75rem, 4vw, 2.5rem);
-}
-
-.cfp-section__intro--center {
- text-align: center;
- max-width: 40rem;
- margin-left: auto;
- margin-right: auto;
-}
-
-.cfp-section__h2 {
- margin: 0 0 1rem;
- font-family: 'Maven Pro', 'Nunito', sans-serif;
- font-size: clamp(1.35rem, 2.8vw, 1.65rem);
- font-weight: 700;
- letter-spacing: 0.03em;
- color: #2c2f33;
-}
-
-.cfp-section__h2--center {
- text-align: center;
-}
-
-.cfp-section__h2--xl {
- font-size: clamp(1.85rem, 4vw, 2.75rem);
- font-weight: 800;
- letter-spacing: 0.02em;
-}
-
-.cfp-section__h2--inverse-xl {
- font-size: clamp(1.85rem, 4.5vw, 2.85rem);
- font-weight: 800;
- color: #f5f6fb;
- line-height: 1.1;
-}
-
-.cfp-section__sub {
- margin: 0;
- font-size: 1.05rem;
- color: #595c60;
-}
-
-.cfp-section__lead-inverse {
- margin: 0 0 1.5rem;
- font-size: 1.05rem;
- line-height: 1.6;
- color: #d1d4dc;
-}
-
-.cfp-bento-main {
- height: 100%;
- padding: clamp(1.75rem, 4vw, 2.75rem) clamp(1.5rem, 4vw, 2.5rem);
- border-radius: 1.25rem;
- background: #eff1f6;
-}
-
-.cfp-bento-main__p {
- margin: 0 0 1rem;
- font-size: 1.05rem;
- line-height: 1.65;
- color: #595c60;
-}
-
-.cfp-bento-main__p:last-child {
- margin-bottom: 0;
-}
-
-.cfp-help-block {
- position: relative;
- overflow: hidden;
- padding: 1.75rem 1.85rem;
- border-radius: 1.25rem;
- background: #444dc5;
- color: #f3f1ff;
- margin-bottom: 1.25rem;
-}
-
-.cfp-help-block__bg-icon {
- position: absolute;
- right: -1rem;
- bottom: -1rem;
- font-size: 6.5rem;
- opacity: 0.12;
- pointer-events: none;
-}
-
-.cfp-help-block__title {
- position: relative;
- margin: 0 0 0.75rem;
- font-family: 'Maven Pro', 'Nunito', sans-serif;
- font-size: 1.35rem;
- font-weight: 700;
- color: #fff;
-}
-
-.cfp-help-block__body {
- position: relative;
- margin: 0 0 1rem;
- font-size: 0.98rem;
- line-height: 1.5;
- opacity: 0.92;
-}
-
-.cfp-help-block__link {
- position: relative;
- padding: 0;
- border: 0;
- background: transparent;
- cursor: pointer;
- font-weight: 700;
- color: #fff !important;
- text-decoration: underline !important;
- text-underline-offset: 4px;
- text-decoration-thickness: 2px;
-}
-
-.cfp-help-block__link:hover {
- color: rgba(255, 255, 255, 0.88) !important;
-}
-
-.cfp-channels {
- padding: 1.75rem 1.85rem;
- border-radius: 1.25rem;
- background: #e0e2e9;
-}
-
-.cfp-channels__title {
- margin: 0 0 1.15rem;
- font-family: 'Maven Pro', 'Nunito', sans-serif;
- font-size: 1.15rem;
- font-weight: 700;
- color: #2c2f33;
-}
-
-.cfp-channels__list {
- list-style: none;
- margin: 0;
- padding: 0;
- display: flex;
- flex-direction: column;
- gap: 1rem;
-}
-
-.cfp-channels__row {
- display: flex;
- align-items: center;
- gap: 0.75rem;
- text-decoration: none !important;
- color: inherit;
- font-weight: 600;
- color: #2c2f33;
-}
-
-.cfp-channels__row--static {
- cursor: default;
-}
-
-.cfp-channels__icon {
- display: flex;
- align-items: center;
- justify-content: center;
- color: #444dc5;
- font-size: 1.15rem;
-}
-
-.cfp-timeline__item {
- position: relative;
- padding-top: 2rem;
- border-top: 2px solid #e6e8ee;
-}
-
-.cfp-timeline__item--border-primary {
- border-top-color: #444dc5;
-}
-
-.cfp-timeline__dot {
- position: absolute;
- top: -0.45rem;
- left: 0;
- width: 1.15rem;
- height: 1.15rem;
- border-radius: 50%;
- background: #595c60;
- box-shadow: 0 0 0 8px #ffffff;
-}
-
-.cfp-timeline__item--dot-primary .cfp-timeline__dot {
- background: #444dc5;
-}
-
-.cfp-timeline__date {
- display: block;
- margin-bottom: 0.35rem;
- font-size: 0.8rem;
- font-weight: 700;
- letter-spacing: 0.04em;
- color: #595c60;
-}
-
-.cfp-timeline__item--dot-primary .cfp-timeline__date {
- color: #444dc5;
-}
-
-.cfp-timeline__title {
- margin: 0 0 0.35rem;
- font-size: 1.1rem;
- font-weight: 700;
- color: #2c2f33;
-}
-
-.cfp-timeline__body {
- margin: 0;
- font-size: 0.9rem;
- line-height: 1.5;
- color: #595c60;
-}
-
-.cfp-format-card {
- height: 100%;
- padding: clamp(1.75rem, 4vw, 2.25rem);
- border-radius: 1.25rem;
- background: #eff1f6;
- transition: background 0.2s ease;
-}
-
-.cfp-format-card:hover {
- background: rgba(143, 151, 255, 0.12);
-}
-
-.cfp-format-card__icon {
- font-size: 2rem;
- color: #444dc5;
- margin-bottom: 1.25rem;
-}
-
-.cfp-format-card__title {
- margin: 0 0 0.65rem;
- font-family: 'Maven Pro', 'Nunito', sans-serif;
- font-size: 1.35rem;
- font-weight: 700;
- color: #2c2f33;
-}
-
-.cfp-format-card__body {
- margin: 0 0 1.15rem;
- font-size: 1rem;
- line-height: 1.55;
- color: #595c60;
-}
-
-.cfp-format-card__tags {
- display: flex;
- flex-wrap: wrap;
- gap: 0.35rem;
-}
-
-.cfp-tag {
- padding: 0.25rem 0.65rem;
- border-radius: 999px;
- font-size: 0.7rem;
- font-weight: 700;
- letter-spacing: 0.04em;
- background: #e0e2e9;
- color: #2c2f33;
-}
-
-.cfp-quote {
- margin: 0;
- padding: 1.5rem 1.25rem;
- border: 1px solid rgba(209, 212, 220, 0.25);
- border-radius: 1rem;
-}
-
-.cfp-quote p {
- margin: 0;
- font-size: 0.9rem;
- line-height: 1.55;
- font-style: italic;
- color: #d1d4dc;
-}
-
-.cfp-quote a {
- color: #8f97ff !important;
- font-style: normal;
- font-weight: 600;
-}
-
-.cfp-topic-tile {
- height: 100%;
- min-height: 5.5rem;
- padding: 1.25rem 1rem;
- border-radius: 0.85rem;
- border: 1px solid rgba(255, 255, 255, 0.12);
- background: rgba(255, 255, 255, 0.06);
- transition:
- background 0.2s ease,
- border-color 0.2s ease;
-}
-
-.cfp-topic-tile:hover {
- background: rgba(255, 255, 255, 0.1);
- border-color: rgba(255, 255, 255, 0.18);
-}
-
-.cfp-topic-tile__icon {
- display: block;
- margin-bottom: 0.65rem;
- font-size: 1.5rem;
- color: #8f97ff;
-}
-
-.cfp-topic-tile__title {
- margin: 0;
- font-size: 0.95rem;
- font-weight: 700;
- color: #f5f6fb;
- line-height: 1.3;
-}
-
-.cfp-steps {
- list-style: none;
- margin: 1.5rem 0 0;
- padding: 0;
- display: flex;
- flex-direction: column;
- gap: 2rem;
-}
-
-.cfp-steps__item {
- display: flex;
- gap: 1.25rem;
- align-items: flex-start;
-}
-
-.cfp-steps__num {
- flex-shrink: 0;
- font-size: 2rem;
- font-weight: 800;
- line-height: 1;
- color: rgba(143, 151, 255, 0.45);
-}
-
-.cfp-steps__title {
- margin: 0 0 0.35rem;
- font-size: 1.1rem;
- font-weight: 700;
- color: #2c2f33;
-}
-
-.cfp-steps__body {
- margin: 0;
- font-size: 1rem;
- line-height: 1.55;
- color: #595c60;
-}
-
-.cfp-benefits {
- padding: clamp(1.75rem, 4vw, 2.5rem);
- border-radius: 1.25rem;
- background: rgba(143, 151, 255, 0.22);
-}
-
-.cfp-benefits__list {
- list-style: none;
- margin: 1.25rem 0 0;
- padding: 0;
- display: flex;
- flex-direction: column;
- gap: 1.15rem;
-}
-
-.cfp-benefits__row {
- display: flex;
- gap: 0.85rem;
- align-items: flex-start;
-}
-
-.cfp-benefits__check {
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- width: 1.65rem;
- height: 1.65rem;
- margin-top: 0.1rem;
- border-radius: 50%;
- background: #fff;
- color: #444dc5;
- font-size: 0.85rem;
-}
-
-.cfp-benefits__text {
- font-weight: 600;
- font-size: 0.98rem;
- line-height: 1.45;
- color: #2c2f33;
-}
-
-.cfp-benefits__cta {
- display: block;
- margin-top: 2rem;
- width: 100%;
- padding: 0.95rem 1.5rem;
- border: none;
- border-radius: 999px;
- background: #2c2f33;
- color: #f5f6fb !important;
- font-weight: 700;
- text-align: center;
- text-decoration: none !important;
- transition: background 0.15s ease;
-}
-
-.cfp-benefits__cta:hover {
- background: #595c60;
- color: #f5f6fb !important;
-}
-
-.cfp-faq__list {
- max-width: 48rem;
- margin: 0 auto;
- display: flex;
- flex-direction: column;
- gap: 0.65rem;
-}
-
-.cfp-faq__item {
- border-radius: 1rem;
- background: #eff1f6;
- overflow: hidden;
-}
-
-.cfp-faq__summary {
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: 1rem;
- padding: 1.25rem 1.35rem;
- cursor: pointer;
- list-style: none;
-}
-
-.cfp-faq__summary::-webkit-details-marker {
- display: none;
-}
-
-.cfp-faq__q {
- font-size: 1.05rem;
- font-weight: 700;
- color: #2c2f33;
- line-height: 1.35;
-}
-
-.cfp-faq__chev {
- flex-shrink: 0;
- color: #444dc5;
- transition: transform 0.25s ease;
-}
-
-.cfp-faq__item[open] .cfp-faq__chev {
- transform: rotate(180deg);
-}
-
-.cfp-faq__a {
- padding: 0 1.35rem 1.35rem;
- font-size: 1rem;
- line-height: 1.6;
- color: #595c60;
-}
-
-.cfp-faq__footer {
- margin-top: 2.5rem;
- text-align: center;
-}
-
-.cfp-faq__footer-lead {
- margin: 0 0 0.65rem;
- color: #595c60;
-}
-
-.cfp-faq__footer-link {
- display: inline-flex;
- align-items: center;
- gap: 0.4rem;
- font-weight: 700;
-}
-
-@media (min-width: 992px) {
- .cfp-hero__title {
- font-size: clamp(2.75rem, 4.5vw, 3.85rem);
- }
-}
diff --git a/src/styles/main.scss b/src/styles/main.scss
deleted file mode 100644
index d40009b..0000000
--- a/src/styles/main.scss
+++ /dev/null
@@ -1,93 +0,0 @@
-@use "./variables" as *;
-
-.main-with-fixed-navbar {
- padding-top: 7.5rem;
-}
-
-html,
-body {
- color: $white;
- font-family: 'Nunito', sans-serif;
- font-size: 20px;
- font-weight: 300;
- margin: 0;
- padding: 0;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- font-family: 'Saira', sans-serif;
- font-weight: 400;
-}
-
-ul,
-ol {
- padding-left: 15px;
-}
-
-a {
- text-decoration: none;
- transition:
- color 0.5s ease,
- transform 0.5s ease;
-
- &:hover {
- text-decoration: underline;
- text-underline-offset: 5px;
- }
-
- &.btn {
- &:hover {
- text-decoration: none;
- }
- }
-
- &.link-pink {
- color: $pink;
- }
-}
-
-.pt-60 {
- padding-top: 60px;
-}
-
-.pb-60 {
- padding-bottom: 60px;
-}
-
-.dropdown-menu {
- background-color: $purple;
- border: 1px solid $white;
-
- a {
- font-size: 15px;
-
- &:hover,
- &.active {
- background-color: $fucsia;
- text-decoration: none;
- }
- }
-}
-
-.dropdown-toggle::after {
- vertical-align: 0.1em;
-}
-
-.bold {
- font-weight: bold;
-}
-
-.shantell-sans {
- font-family: 'Shantell Sans', cursive;
- font-optical-sizing: auto;
- font-style: normal;
- font-variation-settings:
- 'BNCE' 0,
- 'INFM' 0,
- 'SPAC' 0;
-}
diff --git a/src/styles/navbar.scss b/src/styles/navbar.scss
deleted file mode 100644
index 6f19e77..0000000
--- a/src/styles/navbar.scss
+++ /dev/null
@@ -1,335 +0,0 @@
-@use "./variables" as *;
-
-.navbar-custom {
- --navbar-figma-purple: #{$figma-purple};
- --navbar-transition-duration: 0.45s;
- --navbar-transition-ease: cubic-bezier(0.33, 1, 0.68, 1);
- background-color: #fff !important;
- padding: 2.875rem 0 1rem;
- transition:
- background-color var(--navbar-transition-duration) var(--navbar-transition-ease),
- padding var(--navbar-transition-duration) var(--navbar-transition-ease);
-
- &.navbar-custom--scrolled {
- backdrop-filter: blur(18px);
- background-color: rgba(97, 85, 245, 0.1) !important;
- padding: 0 !important;
-
- .navbar-custom__pill-inner {
- backdrop-filter: none !important;
- border: none !important;
- box-shadow: none !important;
- background: none !important;
- }
-
- .navbar-toggler {
- &:focus {
- outline: none !important;
- box-shadow: none !important;
- }
- }
-
- @media (max-width: 992px) {
- .navbar-toggler {
- color: transparent !important;
- border-color: transparent !important;
- }
- }
- }
-
- @media (min-width: 992px) {
- .container {
- flex-wrap: nowrap !important;
- }
- }
-
- .navbar-toggler {
- border-color: var(--navbar-figma-purple);
- color: var(--navbar-figma-purple);
-
- &:focus {
- box-shadow: 0 0 0 0.2rem rgba(97, 85, 245, 0.25);
- }
- }
-
- .navbar-brand {
- color: var(--navbar-figma-purple) !important;
- font-family: "Oswald", "Bebas Neue", sans-serif;
- font-size: 24px;
- font-weight: 700;
- letter-spacing: 0.06em;
- line-height: 1.083;
- margin-right: 0;
- padding: 0;
- text-decoration: none;
-
- &:hover {
- color: var(--navbar-figma-purple) !important;
- text-decoration: none;
- }
- }
-
- .navbar-custom__collapse {
- min-width: 0;
- flex-grow: 1;
- }
-
- .navbar-custom__collapse-inner {
- align-items: center;
- display: flex;
- flex-direction: column;
- gap: 1rem;
- width: 100%;
-
- @media (min-width: 992px) {
- flex-direction: row;
- gap: 1.5rem;
- justify-content: flex-start;
-
- .navbar-custom__pill-outer {
- flex: 0 1 auto;
- justify-content: center;
- margin: 0 auto;
- max-width: none;
- }
-
- .navbar-custom__actions {
- margin-left: auto;
- }
- }
- }
-
- .navbar-custom__actions {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 1rem;
- width: 100%;
-
- @media (min-width: 992px) {
- flex-direction: row;
- align-items: center;
- justify-content: flex-end;
- flex-wrap: wrap;
- gap: 1.25rem;
- width: auto;
- }
- }
-
- .navbar-custom__pill-outer {
- display: flex;
- justify-content: center;
- max-width: 100%;
- min-width: 0;
- }
-
- .navbar-custom__pill-inner {
- backdrop-filter: blur(18px);
- background: rgba(97, 85, 245, 0.1);
- border: 2px solid #fff;
- border-radius: 9999px;
- box-shadow: 0 0 0 1px var(--navbar-figma-purple);
- display: flex;
- flex-wrap: wrap;
- gap: 1.5rem;
- justify-content: center;
- padding: 0.875rem 1.75rem;
- }
-
- .navbar-custom__nav-links {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- gap: 1.5rem;
- justify-content: center;
- margin: 0;
- padding: 0;
- }
-
- .navbar-custom__link {
- color: #000 !important;
- font-family: "Bebas Neue", sans-serif;
- font-size: 24px;
- font-weight: 400;
- letter-spacing: 0.08em;
- line-height: 1;
- padding: 0;
- text-decoration: none;
- white-space: nowrap;
-
- &:hover {
- color: var(--navbar-figma-purple) !important;
- text-decoration: none;
- }
- }
-
- .navbar-custom__link--active {
- color: var(--navbar-figma-purple) !important;
- }
-
- .navbar-custom__dropdown {
- list-style: none;
-
- .dropdown-toggle {
- align-items: center;
- color: #000 !important;
- display: inline-flex;
- font-family: "Bebas Neue", sans-serif;
- font-size: 20px;
- font-weight: 400;
- gap: 0.4rem;
- letter-spacing: 0.08em;
- line-height: 1;
- padding: 0;
-
- &::after {
- display: none;
- }
-
- &:hover,
- &:focus,
- &.show {
- color: var(--navbar-figma-purple) !important;
- }
- }
-
- .dropdown-menu {
- --navbar-dropdown-duration: 0.28s;
- --navbar-dropdown-ease: cubic-bezier(0.33, 1, 0.68, 1);
-
- background-color: #fff;
- border: 1px solid var(--navbar-figma-purple);
- border-radius: 0.75rem;
- display: block !important;
- margin-top: 0.5rem;
- opacity: 0;
- padding: 0.5rem 0;
- pointer-events: none;
- transform: translateY(-0.4rem);
- visibility: hidden;
- transition:
- opacity var(--navbar-dropdown-duration) var(--navbar-dropdown-ease),
- transform var(--navbar-dropdown-duration) var(--navbar-dropdown-ease),
- visibility 0s linear var(--navbar-dropdown-duration);
-
- &.show {
- opacity: 1;
- pointer-events: auto;
- transform: translateY(0);
- visibility: visible;
- transition:
- opacity var(--navbar-dropdown-duration) var(--navbar-dropdown-ease),
- transform var(--navbar-dropdown-duration) var(--navbar-dropdown-ease),
- visibility 0s;
- }
-
- .dropdown-item {
- color: #000;
- font-family: "Bebas Neue", sans-serif;
- font-size: 1rem;
- letter-spacing: 0.05em;
- padding: 0.35rem 1rem;
-
- &:hover,
- &:focus {
- background-color: rgba(97, 85, 245, 0.1);
- color: var(--navbar-figma-purple);
- }
- }
- }
-
- @media (prefers-reduced-motion: reduce) {
- .dropdown-menu,
- .dropdown-menu.show {
- transition: none;
- }
- }
- }
-
- .navbar-custom__chevron {
- display: block;
- flex-shrink: 0;
- }
-
- .navbar-custom__lang-toggle {
- display: inline-flex;
- align-items: center;
- border-radius: 9999px;
- border: 1px solid rgba(97, 85, 245, 0.4);
- background: rgba(97, 85, 245, 0.08);
- overflow: hidden;
- flex-shrink: 0;
- }
-
- .navbar-custom__lang-btn {
- appearance: none;
- border: 0;
- background: transparent;
- color: #000;
- cursor: pointer;
- font-family: "Bebas Neue", sans-serif;
- font-size: 18px;
- font-weight: 400;
- letter-spacing: 0.08em;
- line-height: 1;
- padding: 0.5rem 0.75rem;
- min-height: 42px;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- transition: background-color 0.15s ease, color 0.15s ease;
-
- &:hover {
- color: var(--navbar-figma-purple);
- }
-
- &:focus-visible {
- outline: 3px solid rgba(97, 85, 245, 0.35);
- outline-offset: 2px;
- }
- }
-
- .navbar-custom__cta {
- align-items: center;
- background-color: var(--navbar-figma-purple) !important;
- border: none;
- border-radius: 9999px;
- box-shadow: inset 0 1px 3.5px 1.5px rgba(255, 255, 255, 0.5);
- color: #fff !important;
- display: inline-flex;
- flex-shrink: 0;
- font-family: "Oswald", "Bebas Neue", sans-serif;
- font-size: 17px;
- font-weight: 700;
- gap: 0.5rem;
- height: 52px;
- justify-content: center;
- letter-spacing: 0.1em;
- line-height: 1;
- padding: 0.5rem 1.5rem;
- text-decoration: none;
- width: 245px;
-
- &:hover {
- background-color: #5240e0 !important;
- color: #fff !important;
- text-decoration: none;
- }
-
- svg {
- color: #fff;
- flex-shrink: 0;
- }
- }
-
- @media (max-width: 991.98px) {
- padding: 1rem 0;
-
- .navbar-custom__cta {
- margin-left: auto;
- margin-right: auto;
- max-width: 245px;
- width: 100%;
- }
- }
-}
diff --git a/src/styles/sponsors.scss b/src/styles/sponsors.scss
deleted file mode 100644
index 0791b02..0000000
--- a/src/styles/sponsors.scss
+++ /dev/null
@@ -1,343 +0,0 @@
-// Sponsors page — layout and tokens aligned with PyCon Colombia 2026 sponsors design
-$sponsors-primary: #444dc5;
-$sponsors-surface: #f5f6fb;
-$sponsors-on-surface: #2c2f33;
-$sponsors-on-surface-variant: #595c60;
-$sponsors-surface-container-high: #e0e2e9;
-$sponsors-surface-container-low: #eff1f6;
-$sponsors-surface-container-lowest: #ffffff;
-$sponsors-outline-variant: #abadb2;
-$sponsors-primary-container: #8f97ff;
-$sponsors-on-primary-container: #000480;
-$sponsors-diamond-shell: #e6e8f4;
-
-.sponsors-page {
- --sp-primary: #{$sponsors-primary};
- --sp-on-surface: #{$sponsors-on-surface};
- --sp-on-surface-variant: #{$sponsors-on-surface-variant};
- --sp-surface: #{$sponsors-surface};
- --sp-surface-high: #{$sponsors-surface-container-high};
- --sp-surface-low: #{$sponsors-surface-container-low};
- --sp-surface-lowest: #{$sponsors-surface-container-lowest};
- --sp-outline-variant: #{$sponsors-outline-variant};
-
- isolation: isolate;
- position: relative;
- background-color: var(--sp-surface);
- color: var(--sp-on-surface);
- font-family: Manrope, system-ui, sans-serif;
- font-weight: 300;
- font-size: 1rem;
- line-height: 1.5;
- -webkit-font-smoothing: antialiased;
- padding-top: 2.75rem;
- padding-bottom: 5rem;
-
- *,
- *::before,
- *::after {
- box-sizing: border-box;
- }
-
- h1,
- h2 {
- margin: 0;
- font-family: "Plus Jakarta Sans", system-ui, sans-serif;
- }
-
- a {
- color: inherit;
- text-decoration: none;
-
- &:hover {
- text-decoration: none;
- }
- }
-
-}
-
-.sponsors-page__sponsor-link {
- display: block;
- border-radius: 1rem;
-
- &:focus-visible {
- outline: 3px solid rgb(68 77 197 / 0.55);
- outline-offset: 4px;
- }
-}
-
-.sponsors-page__inner {
- max-width: 72rem;
- margin-inline: auto;
- padding-inline: 1.5rem;
-}
-
-// Hero
-.sponsors-page__hero {
- display: flex;
- flex-direction: column;
- gap: 3rem;
- align-items: flex-start;
- justify-content: space-between;
- margin-bottom: 6rem;
-
- @media (min-width: 768px) {
- flex-direction: row;
- align-items: flex-end;
- gap: 3rem;
- }
-}
-
-.sponsors-page__hero-copy {
- max-width: 36rem;
-}
-
-.sponsors-page__title {
- font-size: clamp(2.5rem, 5vw, 4rem);
- font-weight: 800;
- letter-spacing: -0.03em;
- line-height: 1.1;
- margin-bottom: 1.5rem;
-}
-
-.sponsors-page__title-accent {
- color: var(--sp-primary);
- opacity: 0.8;
- font-style: italic;
- padding-right: 0.35rem;
-}
-
-.sponsors-page__lead {
- font-size: clamp(1.05rem, 2vw, 1.25rem);
- color: var(--sp-on-surface-variant);
- font-weight: 300;
- line-height: 1.65;
- max-width: 36rem;
- margin: 0;
-}
-
-.sponsors-page__hero-cta-wrap {
- flex-shrink: 0;
-}
-
-// Sections stack — large separation between tiers (reference ~60–80px)
-.sponsors-page__sections {
- display: flex;
- flex-direction: column;
- gap: clamp(4.5rem, 7vw, 5.5rem);
-}
-
-// Tier titles — grey lead-in + vertical space before content (no rule line)
-.sponsors-page__tier-heading {
- display: flex;
- align-items: center;
- gap: 0.75rem;
- margin: 0;
- font-family: "Plus Jakarta Sans", system-ui, sans-serif;
- font-size: 0.8125rem;
- font-weight: 800;
- text-transform: uppercase;
- letter-spacing: 0.18em;
- line-height: 1.3;
-}
-
-.sponsors-page__tier-rule-grey {
- flex: 0 0 2.75rem;
- height: 1px;
- background: #b8bcc8;
-}
-
-.sponsors-page__tier-label {
- color: var(--sp-on-surface-variant);
- padding-bottom: 0.5rem;
-}
-
-// Featured shell (Venue): modest space from header to inner panel (~20–30px)
-.sponsors-page__tier-heading--diamond {
- margin-bottom: 1.75rem;
-
- .sponsors-page__tier-label {
- color: var(--sp-primary);
- }
-}
-
-// Flat tiers (Platino, Gold, Silver): generous header → logos (~40–50px)
-.sponsors-page__tier-heading--gold {
- margin-bottom: 2.75rem;
-}
-
-// Diamond block — outer shell + inner white panel (design reference)
-.sponsors-page__diamond-block {
- position: relative;
- overflow: hidden;
- background: $sponsors-diamond-shell;
- border-radius: 1.75rem;
- padding: 1.75rem 1.75rem 2rem;
-
- @media (min-width: 768px) {
- padding: 2rem 2.25rem 2.5rem;
- }
-}
-
-.sponsors-page__diamond-panel {
- background: var(--sp-surface-lowest);
- border-radius: 1.35rem;
- padding: 1.5rem;
-
- @media (min-width: 768px) {
- padding: 2rem 2.25rem;
- }
-}
-
-.sponsors-page__diamond-grid {
- display: grid;
- grid-template-columns: 1fr;
- gap: 1.5rem;
- max-width: 50rem;
- margin-inline: auto;
-
- @media (min-width: 768px) {
- grid-template-columns: repeat(2, 1fr);
- gap: 1.75rem 2rem;
- }
-
- // One venue sponsor: span full row so the second column is not empty
- > .sponsors-page__sponsor-link:only-child {
- @media (min-width: 768px) {
- grid-column: 1 / -1;
- justify-self: center;
- width: 100%;
- max-width: min(50rem, 100%);
- }
- }
-}
-
-.sponsors-page__sponsor-card {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- text-align: center;
- background: #fbfbfe;
- border-radius: 1rem;
- padding: 2rem 1.5rem;
- width: 100%;
- min-height: 6.5rem;
- box-shadow: 0 10px 40px rgb(44 47 51 / 0.06);
- transition: box-shadow 0.35s ease;
- cursor: pointer;
-
- &:hover {
- box-shadow: 0 14px 44px rgb(68 77 197 / 0.12);
- }
-}
-
-// Card sizing per tier (Venue > Platinum > Gold > Silver+ > Silver)
-.sponsors-page__sponsor-card--venue {
- min-height: 10rem;
- max-width: none;
- width: 100%;
-}
-
-.sponsors-page__sponsor-card--platino {
- min-height: 9rem;
- max-width: 100%;
- margin-inline: auto;
-}
-
-.sponsors-page__sponsor-card--gold {
- min-height: 8.25rem;
- max-width: 24rem;
- margin-inline: auto;
-}
-
-.sponsors-page__sponsor-card--silverPlus {
- min-height: 7.5rem;
- max-width: 20rem;
- margin-inline: auto;
-}
-
-.sponsors-page__sponsor-card--silver {
- min-height: 6rem;
- max-width: 18rem;
- margin-inline: auto;
-}
-
-// Logos fill the card width; max-height ladder: Venue > Platinum > Gold > …
-.sponsors-page__sponsor-card-logo {
- display: block;
- flex-shrink: 0;
- align-self: stretch;
- box-sizing: border-box;
- width: 100%;
- max-width: 100%;
- height: auto;
- max-height: 7.05rem;
- object-fit: contain;
- object-position: center;
-}
-
-.sponsors-page__sponsor-card--venue .sponsors-page__sponsor-card-logo {
- max-height: 22rem;
-}
-
-.sponsors-page__sponsor-card--platino .sponsors-page__sponsor-card-logo {
- max-height: 11rem;
-}
-
-.sponsors-page__sponsor-card--gold .sponsors-page__sponsor-card-logo {
- max-height: 10rem;
-}
-
-.sponsors-page__sponsor-card--silverPlus .sponsors-page__sponsor-card-logo {
- max-height: 8.55rem;
-}
-
-.sponsors-page__sponsor-card--silver .sponsors-page__sponsor-card-logo {
- max-height: 7.05rem;
-}
-
-// Tier rows: vertical rhythm comes from `.sponsors-page__sections` gap only
-.sponsors-page__platino,
-.sponsors-page__gold,
-.sponsors-page__silver-plus,
-.sponsors-page__silver {
- padding-top: 0;
-}
-
-.sponsors-page__gold-grid {
- display: grid;
- grid-template-columns: 1fr;
- gap: 1rem;
-
- @media (min-width: 768px) {
- gap: 1.5rem;
- }
-
- &--single {
- max-width: 40rem;
- margin-inline: auto;
-
- // Platinum: same track as gold — venue must stay the widest / tallest tier
- &.sponsors-page__gold-grid--platino {
- max-width: 40rem;
- }
- }
-
- &--silver {
- @media (min-width: 640px) {
- grid-template-columns: repeat(2, 1fr);
- }
- }
-}
-
-.sponsors-page__gold-grid:not(.sponsors-page__gold-grid--silver)
- .sponsors-page__sponsor-card {
- background: var(--sp-surface-lowest);
- box-shadow: 0 4px 20px rgb(44 47 51 / 0.05);
-}
-
-.sponsors-page::selection {
- background: $sponsors-primary-container;
- color: $sponsors-on-primary-container;
-}
diff --git a/src/styles/subscribe.scss b/src/styles/subscribe.scss
deleted file mode 100644
index 49c0d5a..0000000
--- a/src/styles/subscribe.scss
+++ /dev/null
@@ -1,188 +0,0 @@
-.subscribe-cta {
- position: relative;
- padding: 3rem 0 4rem;
- overflow: hidden;
-
- &__decor {
- position: absolute;
- left: 50%;
- top: -8rem;
- width: min(1184px, 140%);
- height: auto;
- transform: translateX(-50%);
- pointer-events: none;
- opacity: 0.1;
- z-index: 0;
- }
-
- .container {
- position: relative;
- z-index: 1;
- }
-
- &__stack {
- display: flex;
- flex-direction: column;
- align-items: center;
- max-width: 1428px;
- margin: 0 auto;
- }
-
- &__card {
- position: relative;
- width: 100%;
- padding: 5rem 1.5rem 8rem;
- background-color: #8b82f8;
- border-radius: 24px;
- box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
- overflow: visible;
-
- &::before {
- content: '';
- position: absolute;
- inset: 0;
- border-radius: inherit;
- background-image: url('/images/subscribe-pycon.svg');
- background-repeat: no-repeat;
- background-position: center center;
- background-size: 60%;
- opacity: 0.95;
- pointer-events: none;
- z-index: 0;
- }
-
- @media (max-width: 767.98px) {
- &::before {
- background-size: 90%;
- opacity: 0.35;
- }
- }
- }
-
- &__heading {
- position: relative;
- z-index: 2;
- margin: 0;
- font-family: 'Saira', sans-serif;
- font-size: clamp(1.75rem, 4vw, 2.25rem);
- font-weight: 700;
- line-height: 1.11;
- text-align: center;
- color: #fff;
- }
-
- &__heading-bold {
- font-weight: 700;
- }
-
- &__description {
- position: relative;
- z-index: 2;
- margin: 1rem 0 0;
- max-width: 42rem;
- margin-left: auto;
- margin-right: auto;
- font-family: 'Geist', sans-serif;
- font-size: clamp(1rem, 2.5vw, 1.25rem);
- font-weight: 400;
- line-height: 1.4;
- text-align: center;
- color: #fff;
- }
-
- &__art-adobe {
- position: absolute;
- left: -4rem;
- top: 5rem;
- width: min(299px, 45vw);
- height: auto;
- pointer-events: none;
- z-index: 1;
-
- @media (max-width: 767.98px) {
- display: none;
- }
- }
-
- &__alert {
- position: relative;
- z-index: 4;
- max-width: 32rem;
- margin: 0 auto 1rem;
- }
-
- &__form-bar {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- align-items: center;
- gap: 10px;
- width: 100%;
- max-width: 490px;
- margin-top: -2.25rem;
- padding: 12px;
- background: #fff;
- border: 2px solid #171717;
- border-radius: 10px;
- position: relative;
- z-index: 3;
- }
-
- &__field {
- flex: 1 1 auto;
- min-width: 0;
- margin-bottom: 0;
- }
-
- &__input {
- height: 40px;
- padding: 6px 12px;
- font-size: 16px;
- line-height: 1.43;
- color: #171717;
- background: #fff;
- border: none;
- border-radius: 8px;
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-
- &::placeholder {
- color: #737373;
- }
-
- &:focus {
- outline: 2px solid rgba(23, 23, 23, 0.35);
- outline-offset: 0;
- }
- }
-
- &__submit.btn {
- flex: 0 0 auto;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- min-height: 40px;
- padding: 10px 24px;
- font-family: 'Geist', sans-serif;
- font-size: 18px;
- font-weight: 500;
- line-height: 1.5;
- color: #fafafa;
- background-color: #171717;
- border: 1px solid transparent;
- border-radius: 10px;
- box-shadow: 0 0 0 2px rgba(23, 23, 23, 0.6);
-
- &:hover:not(:disabled):not(.disabled) {
- background-color: #2a2a2a;
- color: #fafafa;
- }
-
- &:disabled,
- &.disabled {
- color: #fafafa;
- background-color: #171717;
- border-color: transparent;
- opacity: 0.55;
- }
- }
-}
diff --git a/src/translation.js b/src/translation.js
deleted file mode 100644
index ab469fa..0000000
--- a/src/translation.js
+++ /dev/null
@@ -1,1426 +0,0 @@
-const data = {
- en: {
- navbar: {
- callForProposals: "Call for proposals",
- home: "Home",
- schedule: "Schedule",
- sponsors: "Sponsors",
- scholarships: "Scholarships",
- team: "Team",
- keynotes: "Keynotes",
- speakers: "Speakers",
- getTickets: "GET YOUR TICKETS",
- submitProposal: "Submit Proposal",
- ticketsUrl:
- "https://www.eventbrite.co/e/pycon-colombia-2026-tickets-1986172567616?aff=ebdssbdestsearch",
- },
- landing: {
- date: "Medellín, July 4th, 5th and 6th, 2025",
- introduction: {
- header: "Ready to dive into the ",
- boldHeader: "world of Python",
- text: "Come explore, learn, and connect with others just as passionate as you are.",
- finalText: "Stand by for more information!",
- },
- ticketsButton: "Get your tickets",
- topics: {
- sectionAriaLabel: "Conference topic tracks",
- rows: [
- [
- "Data Science",
- "Scientific Computing",
- "Artificial intelligence",
- "Computer Vision",
- "Core Python",
- "Machine Learning",
- "Video games",
- "Community",
- "Devops",
- "MCP",
- "clean architecture",
- ],
- [
- "Data Science",
- "Core Python",
- "Machine Learning",
- "Video games",
- "Scientific Computing",
- "Artificial intelligence",
- "Computer Vision",
- "Community",
- "Devops",
- "MCP",
- "clean architecture",
- ],
- ],
- },
- hero: {
- dateLine1: "medellin, colombia",
- dateLine2: "24, 25 & 26 JULY - 2026",
- conferenceTitle: "pycon COLOMBIA",
- tagline: "The most and biggest Python conference in Colombia.",
- wordmarkAlt: "PYCON",
- },
- bodyMessage: {
- header: "Become a Speaker",
- text: "Got a brilliant idea, a project you're proud of, or insights that could inspire others?",
- finalText:
- "We’re looking for passionate speakers to lead talks on development, security, Python, and beyond.",
- },
- speakerDeadline: "Closes on May 12, 2026",
- applyToSpeakButton: "Apply to Speak",
- subscribe: {
- header: "Want to ",
- headerBold: "know more?",
- description:
- "Join Pycon Colombia newsletter and get a complete overview of our events, speakers and community participation.",
- emailPlaceholder: "Enter your email",
- firstName: "First Name",
- lastName: "Last Name",
- email: "Email",
- submitButton: "Subscribe to newsletter",
- },
- afterMovie: {
- sectionAriaLabel: "2025 conference after movie",
- title: "2025 After Movie",
- subtitle:
- "Relive the magic of our previous gathering. See what makes PyCon Colombia a unique experience.",
- playLabel: "Play after movie video",
- youtubeVideoId: "6JUYr7QBtBI",
- },
- keynotes: {
- sectionAriaLabel: "Keynote speakers",
- title: "Keynotes Speakers",
- columns: [
- {
- photoFirst: true,
- photo: {
- src: "/images/keynotes/terezaiofciu.jpg",
- alt: "Portrait of keynote speaker Tereza Iofciu",
- },
- name: "Tereza Iofciu",
- profession:
- "Data & AI expert, leadership coach, and Python Software Foundation Fellow",
- flag: { code: "ro", label: "Romania" },
- bio: "Tereza Iofciu is a data and AI expert, leadership coach, and PSF Fellow with 15+ years of experience. She is an active contributor to the Python community and creator of the Data Diplomat Framework, focused on bridging technical expertise with human-centered leadership.",
- social: [
- {
- key: "linkedin",
- href: "https://www.linkedin.com/in/tereza-iofciu/",
- label: "LinkedIn",
- },
- {
- key: "website",
- href: "https://www.terezaiofciu.com/",
- label: "Website",
- },
- {
- key: "youtube",
- href: "https://www.youtube.com/playlist?list=PLPNST8XbhlFpuJgsSI8AfXzh5BwtfHh5Z",
- label: "YouTube",
- },
- ],
- },
- {
- photoFirst: false,
- photo: {
- src: "/images/keynotes/anna-pristoupilova.jpeg",
- alt: "Portrait of keynote speaker Anna Pristoupilova",
- },
- name: "Anna Pristoupilova",
- profession: "Bioinformatician and researcher",
- flag: { code: "cz", label: "Czech Republic" },
- bio: "Bioinformatician with a demonstrated history of working in the research. Skilled in Bioinformatics, NGS Sequencing, Rare Diseases, Molecular Biology and Genetics. Strong research professional with PhD and Master’s Degree focused on Molecular biology and genetics and second Master's Degree focused on Medical devices and informatics, both from Charles University, Czech Republic.",
- social: [
- {
- key: "linkedin",
- href: "https://www.linkedin.com/in/pristanna/",
- label: "LinkedIn",
- },
- // {
- // key: "website",
- // href: "https://www.terezaiofciu.com/",
- // label: "Website",
- // },
- // {
- // key: "youtube",
- // href: "https://www.youtube.com/playlist?list=PLPNST8XbhlFpuJgsSI8AfXzh5BwtfHh5Z",
- // label: "YouTube",
- // },
- ],
- },
- {
- photoFirst: true,
- photo: {
- src: "/images/keynotes/malvika-sharan.png",
- alt: "Portrait of keynote speaker Malvika Sharan",
- },
- name: "Malvika Sharan",
- profession:
- "Senior Director of Data Science at St. Jude Children's Research Hospital",
- flag: { code: "in", label: "India" },
- bio: "Malvika Sharan is Senior Director of Data Science at St. Jude Children's Research Hospital and a globally recognized leader in open science and community-driven research. She is a co-founder of Open Life Science and a key contributor to The Turing Way, advancing reproducible, ethical, and collaborative data science practices worldwide. With a background in bioinformatics and leadership roles at institutions like the Alan Turing Institute and EMBL, Malvika focuses on building inclusive research communities and empowering practitioners through open, transparent, and responsible approaches to AI and data science.",
- social: [
- {
- key: "linkedin",
- href: "https://www.linkedin.com/in/malvikasharan/",
- label: "LinkedIn",
- },
- {
- key: "website",
- href: "https://malvikasharan.github.io/",
- label: "Website",
- },
- // {
- // key: "youtube",
- // href: "https://www.youtube.com/playlist?list=PLPNST8XbhlFpuJgsSI8AfXzh5BwtfHh5Z",
- // label: "YouTube",
- // },
- {
- key: "github",
- href: "https://github.com/malvikasharan",
- label: "GitHub",
- },
- ],
- },
- {
- photoFirst: false,
- photo: {
- src: "/images/keynotes/kari-jordan.jpg",
- alt: "Portrait of keynote speaker Dr. Kari L. Jordan",
- },
- name: "Dr. Kari L. Jordan",
- profession: "Executive Director of The Carpentries",
- flag: { code: "us", label: "United States" },
- bio: "Dr. Kari L. Jordan is Executive Director of The Carpentries and a leader in data science education. With a PhD in Engineering Education, she focuses on inclusive learning, data literacy, and expanding access to technical skills worldwide.",
- social: [
- {
- key: "linkedin",
- href: "https://www.linkedin.com/in/kariljordan/",
- label: "LinkedIn",
- },
- // {
- // key: "twitter",
- // href: "https://twitter.com/kariljordan",
- // label: "X (Twitter)",
- // },
- ],
- },
- {
- photoFirst: true,
- photo: {
- src: "/images/keynotes/irit-katriel.jpg",
- alt: "Portrait of keynote speaker Irit Katriel",
- },
- name: "Irit Katriel",
- profession:
- "Principal Software Engineer @ Microsoft, CPython Core Developer",
- flag: { code: "gb", label: "United Kingdom" },
- bio: "Irit Katriel is a Principal Software Engineer at Microsoft and a CPython core developer focused on programming language design and compiler architecture. Major contributions to Python include PEP 654, Exception Groups, except*, and significant improvements to CPython’s compiler and exception systems. Irit also works on Python Performance Engineering at Microsoft and has authored several academic publications.",
- social: [
- {
- key: "linkedin",
- href: "https://www.linkedin.com/in/irit-katriel/",
- label: "LinkedIn",
- },
- ],
- },
- ],
- },
- gallery: {
- sectionAriaLabel: "Conference photo gallery",
- modalCloseLabel: "Close image",
- /** Use `{name}` for the humanized filename (e.g. `my-shot.png` → `My shot`). */
- imageAltTemplate: "Conference photo: {name}",
- },
- },
- callForProposals: {
- header: "Share Your Voice",
- introText:
- "Got a brilliant idea, a project you're proud of, or insights that could inspire others?",
- footerText:
- "We’re looking for passionate speakers to lead talks on development, security, Python, and beyond.",
- mainText:
- "Feel free to submit proposals on a wide array of technical topics that pique your interest. We're excited to explore the diverse ideas and insights you bring to the table.",
- buttonText: "Submit your proposal",
- block1Title: "Talks",
- block1Text:
- "This is a space of 40 minutes (Including Q & A, commonly distributed in 30 minutes for talk, 10 minutes for questions). if which you can speak of any subject (Not only Python-centric themes) using a slide deck and live demos if you wish",
- block2Title: "Talk Videos",
- block2Text:
- "We will record the talks and upload them to our YouTube channel, this includes a screen recording of the speaker's slide deck, live demos, and speaker's in-person activity. This benefits all the members of the Python community who can't make it to PyCon Colombia. By submitting your proposal to PyCon Colombia, you agree to give us permission to record, edit and release audio and/or video of your presentation. If you aren't ok with this, please let us know and we will work this out.",
- frequentQuestion: {
- title: "Frequent questions",
- topics: {
- title: "Topics",
- text1:
- "Feel free to check out the talks & workshops from previous editions, from 2017 to 2024. Some of the recordings are available on our YouTube channel ",
- linkText: "here",
- text2:
- "We like to see any kind of proposal related to the following topics:",
- mainTopics: [
- "Data Science",
- "Machine Learning",
- "Deep Learning",
- "Artificial Intelligence",
- "Internet of Things (IoT)",
- "Web Development",
- "Micro-Python",
- "Python Frameworks",
- ],
- text3:
- "Of course, not everything should be technical topics, here are our alternative topics which we consider related to our conference:",
- alternativeTopics: [
- "Inclusion & Diversity",
- "Community",
- "Industry & Academy Bonding",
- "Education & Soft Skills",
- "People in STEM Life Quality",
- ],
- text4:
- "If your talk topic doesn’t fit any of our listings but you are really passionate about your talk, don’t worry! We love people like you. This is your conference! Submit your proposal and maybe we will discover new topics to improve our lists.",
- },
- whySpeak: {
- title: "Why should you speak at PyCon Colombia 2025?",
- text: "We strongly believe that if you have something you are really passionate about and you want to spread the word, you should craft a talk and do it! But if that’s not enough to convince you, here is the list of perks you get by becoming a PyCon Colombia 2025 speaker:",
- perks: [
- "Free full conference pass: Gives you access to all talks and workshops.",
- "Access to Speaker dinner: Dinner that includes keynote speakers, sponsors, speakers, and organizers, fully paid by the conference.",
- "A professionally produced video of your talk published on our YouTube channel (see Talk Videos section for more details).",
- "The opportunity to positively impact the lives of over 600 attendees.",
- ],
- },
- selectionProcess: {
- title: "Our Selection Process",
- text1:
- "In order to create the most valuable talks and workshops line-up for the conference we follow this process:",
- steps: [
- "All proposal reviews are anonymized, that way we avoid bias towards the submitter.",
- "All proposals are reviewed and voted by our Reviewers Team.",
- "The best-rated proposals are de-anonymized to review the speaker’s profile, this is made by the PyCon Colombia’s Talks Committee.",
- "The Committee decides the final line-up.",
- ],
- text2:
- "We are really excited to get a lot more excellent submissions than we have speaking slots. This process helps us to get the best proposals by trying to avoid bias toward the speaker’s profile.",
- },
- codeOfConduct: {
- title: "Code of Conduc aaaat",
- text: "In order to create an environment that is safe and comfortable for all our attendees and staff members and to make sure everybody enjoys the conference, we have written this Code of Conduct. We hope you read, understand, and comply with it during the conference and in your proposal and talk.",
- },
- },
- },
- sponsors: {
- metaTitle: "PyCon Colombia 2026 - Sponsors",
- title: "Sponsors",
- description:
- "From cutting-edge tech companies to dedicated community advocates, these sponsors are leading the way in Python and software development.",
- thankYouMessage:
- "We couldn’t do it without them—thank you for your commitment to advancing the future of Python!",
- heroTitleTrustedBy: "Trusted by",
- heroTitleIndustry: "industry",
- heroTitleLeaders: "leaders.",
- heroLead:
- "PyCon Colombia is made possible through the generous support of organizations dedicated to advancing the Python ecosystem and fostering technological innovation in Latin America.",
- becomeSponsorCta: "Become a Sponsor",
- venueLevel: "Venue",
- platinoLevel: "Platinum",
- goldPartners: "Gold",
- silverPlusPartners: "Silver +",
- silverPartners: "Silver",
- },
- codeOfConduct: {
- title: "Code of Conduct",
- introBold: "PyCon Colombia ",
- intro:
- "is a conference organized by the Python Colombia community created for the dissemination of the Python programming language in our country and Latin America, with the objective of sharing knowledge and expanding the spaces for interaction and collaboration of its members. We value the participation of each member of the community and we want each participant in the conference to enjoy and gain valuable experience full of knowledge and innovation. According to this code, all participants including organizers, speakers, volunteers and attendees are expected to show respect and courtesy among themselves in all aspects of the conference, its organization and the events taking place in the context of the conference. To be more explicit than is expected of any person participating in the event and the global and local community of Python and PyCon Colombia are required to comply with the following Code of Conduct. The organizers of this event and any event in the future are subject to enforce following and complying with international and Colombian laws and the spirit of the International Python Society (Python Software Foundation)",
- conductContent: {
- title: "Code of Conduct Content",
- text: "PyCon Colombia is dedicated to providing a conference free of harassment for all members, regardless of gender, sexual orientation, physical abilities, physical appearance, race or religion. No abuse will be tolerated by any conference participant. All communications should be focused on a professional audience including people with different backgrounds and experiences. Sexual language is not appropriate for any event organized under our rules, including talks.",
- },
- communityGoals: {
- title: "Our goal as a community recommends:",
- items: [
- "Be kind to other members.",
- "Do not insult or demean the other participants.",
- "Behave professionally.",
- "Remember that any conduct of harassment, sexism, racism or political division or of any instance, is not appropriate for participation within the conference or community",
- "Not attending the conference under the influence of alcoholic beverages.",
- "Participants of our community of any type (Organizers, Speakers, Volunteers and Assistants) who do not comply with any of these rules will be expelled from the conference without any reimbursement at the discretion of the organizing committee of the conference.",
- ],
- },
- closingMessage:
- "Thank you for being subject to these terms and welcome to PyCon Colombia. This is a friendly event for our entire community.",
- contactInfo: {
- title: "Contact Information",
- text: "If you have been harassed, or realize that someone else is being harassed or is violating the International Terms of the PyCon Colombia or have any problems, please contact our organizers:",
- securityNote:
- "Our team at the conference will also be available to collaborate and contact local security or assist you to ensure your safety. We value your presence in our events.",
- escalationNote:
- "In case of any violation of the terms of this code of conduct by the organizers please contact the main organizer of the conference, John Roa or as a last resort to the PSF.",
- },
- },
- codeOfConductEnforcementProcedure: {
- title: "Code of Conduct Enforcement Procedure",
- summaryIntro:
- "This document summarizes the procedures the PyCon staff uses to enforce the Code of Conduct.",
- summaryHeader: "Summary of processes",
- summaryStepsIntro:
- "When the work group receives a report of a possible Code of Conduct violation, it will:",
- summarySteps: [
- "Acknowledge the receipt of the report.",
- "Evaluate conflicts of interest.",
- "Call a meeting of Code of Conduct responders who do not have a conflict of interest.",
- "Evaluate the reported incident.",
- "Propose a behavioral modification plan.",
- "Propose consequences for the reported behavior.",
- "Vote on behavioral modification plan and consequences for the reported person.",
- "Contact online community administrators/moderators to approve the behavioral modification plan and consequences.",
- "Follow up with the reported person.",
- "Decide further responses.",
- "Follow up with the reporter.",
- ],
- acknowledgeReportHeader: "Acknowledge the report",
- acknowledgeReportText:
- "Reporters should receive an emailed acknowledgment of the receipt of their report within 24 hours.",
- conflictInterestHeader: "Conflict of interest policy",
- conflictInterestExamplesIntro:
- "Examples of conflicts of interest include:",
- conflictInterestExamples: [
- "The reporter or reported person is your manager",
- "You have a romantic or platonic relationship with either the reporter or the reported person. It’s fine to participate if they are an acquaintance.",
- `The reporter or reported person is your metamour. (This is a term used in the poly community; the short definition is here, and a longer description is here).`,
- "The reporter or reported person is your family member",
- "The reporter or reported person is your direct client",
- "The reporter or reported person is someone you work closely with. This could be someone on your team or someone who works on the same project as you.",
- "Contact online community administrators/moderators to approve the behavioral modification plan and consequences.",
- "The reporter or reported person is a maintainer who regularly reviews your contributions",
- ],
- conflictInterestNote1:
- "Committee members do not need to state why they have a conflict of interest, only that one exists. Other work group members should not ask why the person has a conflict of interest.",
- conflictInterestNote2:
- "Anyone who has a conflict of interest will remove themselves from the discussion of the incident, and recuse themselves from voting on a response to the report.",
- evaluatingReportHeader: "Evaluating a report",
- jurisdictionHeader: "JURISDICTION",
- jurisdictionPoints: [
- "-Is this a Code of Conduct violation? Is this behavior on our list of inappropriate behavior? Is it borderline inappropriate behavior? Does it violate our community norms?",
- "-Did this occur in a space that is within our Code of Conduct’s scope? If the incident occurred outside the community, but a community member’s mental health or physical safety may be negatively impacted if no action is taken, the incident may be in scope. Private conversations in community spaces are also in scope.",
- ],
- impactHeader: "IMPACT",
- impactPoints: [
- "-Did this incident occur in a private conversation or in a public space? Incidents that all community members can see will have more negative impact.",
- "-Does this behavior negatively impact a marginalized group in our community? Is the reporter a person from a marginalized group in our community? How is the reporter being negatively impacted by the reported person’s behavior? Are members of the marginalized group likely to disengage with the community if no action was taken on this report?",
- "-Does this incident involve a community leader? Community members often look up to community leaders to set the standard of acceptable behavior.",
- ],
- riskHeader: "RISK",
- riskPoints: [
- "-Does this incident include sexual harrasment?",
- "-Does this pose a safety risk? Does the behavior put a person’s physical safety at risk? Will this incident severely negatively impact someone’s mental health?",
- "-Is there a risk of this behavior being repeated? Does the reported person understand why their behavior was inappropriate? Is there an established pattern of behavior from past reports?",
- ],
- riskSummary:
- "Reports which involve higher risk or higher impact may face more severe consequences than reports which involve lower risk or lower impact.",
- proposeBehaviorPlanHeader: "Propose a behavioral modification plan",
- proposeBehaviorPlanText:
- "The event staff will determine a concrete behavioral modification plan that ensures the inappropriate behavior is not repeated. The event staff will also discuss what actions may need to be taken if the reported person does not agree to the behavioral modification plan.",
- behaviorPlanNote:
- "What follows are examples of possible behavioral modification plans for incidents that occur in online spaces under the scope of this Code of Conduct. This behavioral modification list is not inclusive, and the event staff reserves the right to take any action it deems necessary.",
- behaviorPlanExamples: [
- "Requiring that the reported person not use specific language",
- "Requiring that the reported person not join in on specific types of discussions",
- "Requiring that the reported person not send private messages to a community member",
- "Requiring that the reported person not join specific communication channels",
- "Removing the reported person from administrator or moderator rights to community infrastructure",
- "Removing a volunteer from their duties and responsibilities",
- "Removing a person from leadership of relevant organizations",
- "Removing a person from membership of relevant organizations",
- ],
- proposeConsequencesHeader: "Propose consequences",
- proposeConsequencesText:
- "What follows are examples of possible consequences to an incident report. This consequences list is not inclusive, and the event staff reserves the right to take any action it deems necessary.",
- possiblePrivateResponsesHeader:
- "Possible private responses to an incident include:",
- possiblePrivateResponses: [
- "Nothing, if the behavior was determined to not be a Code of Conduct violation",
- "A verbal or emailed warning",
- "A final warning",
- "Temporarily removing the reported person from the online community",
- "Permanently removing the reported person from the online community",
- "Publishing an account of the incident",
- ],
- followUpReportedPersonHeader: "Follow up with the reported person",
- followUpReportedPersonText:
- "The event staff will work with online community administrators/moderators to draft a response to the reported person. The email should contain:",
- followUpReportedPersonList: [
- "A description of the person’s behavior in neutral language",
- "The negative impact of that behavior",
- "A concrete behavioral modification plan",
- "Any consequences of their behavior",
- ],
- followUpReportedPersonNote:
- "The work group should not state who reported this incident. They should attempt to anonymize any identifying information from the report. The reported person should be discouraged from contacting the reporter to discuss the report. If they wish to apologize to the reporter, the work group can accept the apology on behalf of the reporter.",
- decideFurtherResponseHeader: "Decide further responses",
- decideFurtherResponseText:
- "If the reported person provides additional context, the event staff may need to re-evaluate the behavioral modification plan and consequences.",
- followUpReporterHeader: "Follow up with the reporter",
- followUpReporterText1:
- "A person who makes a report should receive a follow up email stating what action was taken in response to the report. If the work group decided no response was needed, they should provide an email explaining why it was not a Code of Conduct violation. Reports that are not made in good faith (such as “reverse sexism” or “reverse racism”) may receive no response.",
- followUpReporterText2:
- "The follow up email should be sent no later than one week after the receipt of the report. If deliberation or follow up with the reported person takes longer than one week, the work group should send a status email to the reporter.",
- },
- healthAndSafetyPolicy: {
- title: "Health and Safety Policy",
- paragraph1:
- "Our attendees' health and safety remain our top priority as we continue to monitor the state of the pandemic and look to venue, local, and CDC guidelines to make the best and most informed decisions around onsite safety and requirements. Python Colombia has worked hard to be a community that is welcoming to all so we will be erring on the side of safety for all participants.",
- paragraph2:
- "PyCon Colombia will continue to provide social distancing where possible in the venue. The guidelines implemented for PyCon Colombia 2025 are subject to change based on health and safety recommendations at the time of the event. We are committing, however, to only make changes in the direction of greater protections.",
- },
- scholarships: {
- title: "Diversity Scholarships",
- paragraph1:
- "Python's presence in software development worldwide continues to increase, leading to new outcomes changing our time. At PyCon Colombia, in addition to promoting open source and sharing among all attendees, we strive every year to ensure that our community is as accessible and diverse as possible. We see diversity and inclusion as a benefit to the ecosystem and its individuals.",
- paragraph2:
- "We aim for PyCon Colombia to be inclusive of the entire Python community in our country. In order to help alleviate financial barriers to attending the conference, the PyCon organizing committee is offering scholarships to individuals who face financial obstacles, including students and members of underrepresented groups within the Python community. These scholarships cover the cost of conference admission.",
- paragraph3:
- "It should be noted that scholarship recipients will be responsible for covering all other expenses, such as travel, accommodations, visa fees, and transportation.",
- paragraph4Text: "If you want to apply, please go to this form:",
- formLink: "https://forms.gle/EnSffxKcuzu4yugdA",
- formLinkText: "Link form",
- },
- questions: {
- eligibility: {
- title: "Eligibility",
- paragraph1:
- "These scholarships are aimed at individuals facing financial barriers, including students and individuals from underrepresented groups in the technology community, such as women, LGBTQIA+ individuals, persons with disabilities, and racial and ethnic minorities. We encourage all of you to apply for our scholarships.",
- paragraph2:
- "Please read the following instructions and complete the form to apply for the scholarship.",
- paragraph3:
- "Please note that each application will be individually reviewed by the PyCon Colombia Organizing Team and classified according to the application form and letter of intent responses. All personal information collected will be kept confidential.",
- paragraph4:
- "Submitting your application doesn’t guarantee immediate eligibility. Please review the terms and conditions.",
- },
- acknowledgments: {
- title: "Acknowledgments",
- paragraph1:
- "The PyCon Colombia 2025 Diversity Program is made possible thanks to the support of PyCon Colombia 2025 sponsors.",
- paragraph2:
- "If your organization is interested in participating in the Diversity Program, please contact: scholarships@pycon.co",
- },
- importantDates: {
- title: "Important Dates",
- items: [
- "Application opens May 21. Applications for the PyCon Colombia scholarship must be submitted starting on this day.",
- "Application deadline: June 8. The form will close on this day.",
- "Selected applications: June 15. Winners of the scholarship will be notified by email of their acceptance.",
- ],
- },
- termsAndConditions: {
- title: "Terms and Conditions",
- paragraph: "For your application to be accepted:",
- items: [
- "You must submit it within the dates and deadlines.",
- "You must provide a letter of interest following the suggested format.",
- "You must be available to attend the entire PyCon Colombia Conference (July 4, 5 and 6, 2025).",
- "You must attach a legalized authorization from your parents if you are a minor.",
- ],
- },
- selectedHelp: {
- title: "You were selected. Do you want to help the conf?",
- paragraph:
- "For accepted scholarship recipients attending the conference, we would love for you to share your experience with the world about how PyCon Colombia 2025 was and encourage more people to apply for the scholarships next year. Possible ways to help us are:",
- items: [
- "Posts on Social media your journey and details about the conference. Please add the tag of @PyConColombia",
- "Write a blog or record a video sharing your experience at the conference.",
- "** Interview in a blog or video format **",
- "** Please note that in either of these formats, you can choose to remain anonymous.**",
- ],
- },
- },
- codeOfConductPage: {
- metaTitle: "Code of Conduct | PyCon Colombia 2026",
- sectionAriaLabel: "Code of conduct",
- eyebrow: "PyCon Colombia",
- titlePart1: "Code of",
- titlePart2: "Conduct",
- intro:
- "PyCon Colombia is a conference organized by the Python Colombia community created for the dissemination of the Python programming language in our country and Latin America, with the objective of sharing knowledge and expanding the spaces for interaction and collaboration of its members. We value the participation of each member of the community and we want each participant in the conference to enjoy and gain valuable experience full of knowledge and innovation. According to this code, all participants including organizers, speakers, volunteers and attendees are expected to show respect and courtesy among themselves in all aspects of the conference, its organization and the events taking place in the context of the conference. To be more explicit than is expected of any person participating in the event and the global and local community of Python and PyCon Colombia are required to comply with the following Code of Conduct. The organizers of this event and any event in the future are subject to enforce following and complying with international and Colombian laws and the spirit of the International Python Society (Python Software Foundation).",
- nav: {
- intro: "Introduction",
- content: "Code of Conduct Content",
- recommendations: "Our goal",
- contact: "Contact Information",
- more: "Want to know more?",
- },
- helpCard: {
- title: "Contact organizers",
- body: "If you have been harassed or need help, you can reach our organizers directly.",
- buttonText: "Open report form",
- buttonHref: "https://forms.gle/Q92DS8RvrzW8sUN67",
- },
- contentSection: {
- title: "Code of Conduct Content",
- body: "PyCon Colombia is dedicated to providing a conference free of harassment for all members, regardless of gender, sexual orientation, physical abilities, physical appearance, race or religion. No abuse will be tolerated by any conference participant. All communications should be focused on a professional audience including people with different backgrounds and experiences. Sexual language is not appropriate for any event organized under our rules, including talks.",
- },
- recommendations: {
- title: "Our goal as a community recommends:",
- inclusiveTitle: "Be Inclusive",
- inclusiveBody:
- "Acknowledge different backgrounds and perspectives. Foster a welcoming atmosphere for all participants.",
- respectfulTitle: "Be Respectful",
- respectfulBody:
- "Disagreement is no excuse for poor manners. Be kind in all interactions and communications.",
- items: [
- "Be kind to other members.",
- "Do not insult or demean the other participants.",
- "Behave professionally.",
- "Remember that any conduct of harassment, sexism, racism or political division or of any instance, is not appropriate for participation within the conference or community.",
- "Not attending the conference under the influence of alcoholic beverages.",
- "Participants of our community of any type (Organizers, Speakers, Volunteers and Assistants) who do not comply with any of these rules will be expelled from the conference without any reimbursement at the discretion of the organizing committee of the conference.",
- ],
- thankYou:
- "Thank you for being subject to these terms and welcome to PyCon Colombia. This is a friendly event for our entire community.",
- },
- contact: {
- title: "Contact Information",
- lead: "If you have been harassed, or realize that someone else is being harassed or is violating the International Terms of the PyCon Colombia or have any problems, please contact our organizers:",
- formLinkText: "Open report form",
- formLinkHref: "https://forms.gle/Q92DS8RvrzW8sUN67",
- contacts: [
- {
- name: "John Jairo Roa Acuña",
- email: "john@pycon.co",
- href: "mailto:john@pycon.co",
- },
- ],
- teamNote:
- "Our team at the conference will also be available to collaborate and contact local security or assist you to ensure your safety. We value your presence in our events.",
- organizerNote:
- "In case of any violation of the terms of this code of conduct by the organizers please contact the main organizer of the conference, John Roa or as a last resort to the PSF.",
- staffLanyardLead: "Staff wear",
- staffLanyardBold: "Yellow Lanyards",
- infoDeskLead: "Report at the",
- infoDeskBold: "Info Desk",
- },
- more: {
- title: "Want to know more?",
- linkText: "Submit",
- linkTo: "/",
- },
- },
- footer: {
- others: "Others",
- legal: "Legal",
- brandName: "PYCON COLOMBIA",
- description: `PyCon Colombia is the Annual Colombian conference that gathers professionals, enthusiasts and amateur users of the Python programming language.
-Join us to learn, share, and connect with python professionals from across the globe.`,
- email: "hello@pycon.co",
- codeOfConduct: "Code of Conduct",
- codeOfConductEnforcementProcedure:
- "Code of Conduct Enforcement Procedure",
- HealthSafetyPolicy: "Health & Safety Policy",
- contact: "Contact",
- followUs: "Follow us:",
- },
- },
- es: {
- navbar: {
- callForProposals: "Llamado a propuestas",
- home: "Inicio",
- schedule: "Agenda",
- sponsors: "Patrocinadores",
- scholarships: "Becas",
- team: "Equipo",
- keynotes: "Keynotes",
- speakers: "Ponentes",
- getTickets: "CONSIGUE TUS ENTRADAS",
- submitProposal: "Enviar propuesta",
- ticketsUrl:
- "https://www.eventbrite.co/e/pycon-colombia-2026-tickets-1986172567616?aff=ebdssbdestsearch",
- },
- landing: {
- date: "Medellín, 4, 5 y 6 de julio de 2025",
- introduction: {
- header: "¿Listo para sumergirte en el ",
- boldHeader: "mundo de Python",
- text: "Ven a explorar, aprender y conectar con otras personas tan apasionadas como tú.",
- finalText: "¡Mantente atento para más información!",
- },
- ticketsButton: "Consigue tus entradas",
- topics: {
- sectionAriaLabel: "Temáticas de la conferencia",
- rows: [
- [
- "Ciencia de datos",
- "Computación científica",
- "Inteligencia artificial",
- "Visión por computadora",
- "Python Core",
- "Aprendizaje automático",
- "Videojuegos",
- "Comunidad",
- "DevOps",
- "MCP",
- "arquitectura limpia",
- ],
- [
- "Ciencia de datos",
- "Python Core",
- "Aprendizaje automático",
- "Videojuegos",
- "Computación científica",
- "Inteligencia artificial",
- "Visión por computadora",
- "Comunidad",
- "DevOps",
- "MCP",
- "arquitectura limpia",
- ],
- ],
- },
- hero: {
- dateLine1: "medellín, colombia",
- dateLine2: "24, 25 y 26 DE JULIO - 2026",
- conferenceTitle: "pycon COLOMBIA",
- tagline: "La conferencia de Python más grande de Colombia.",
- wordmarkAlt: "PYCON",
- },
- bodyMessage: {
- header: "Conviértete en ponente",
- text: "¿Tienes una idea brillante, un proyecto del que te sientes orgulloso u observaciones que podrían inspirar a otras personas?",
- finalText:
- "Buscamos ponentes apasionados para liderar charlas sobre desarrollo, seguridad, Python y mucho más.",
- },
- speakerDeadline: "Cierra el 12 de mayo de 2026",
- applyToSpeakButton: "Postúlate para hablar",
- subscribe: {
- header: "¿Quieres ",
- headerBold: "saber más?",
- description:
- "Únete al boletín de PyCon Colombia y recibe una visión completa de nuestros eventos, ponentes y participación de la comunidad.",
- emailPlaceholder: "Ingresa tu correo",
- firstName: "Nombre",
- lastName: "Apellidos",
- email: "Correo",
- submitButton: "Suscribirse al boletín",
- },
- afterMovie: {
- sectionAriaLabel: "Video after movie de la conferencia 2025",
- title: "After movie 2025",
- subtitle:
- "Revive la magia de nuestro encuentro anterior. Descubre qué hace única la experiencia de PyCon Colombia.",
- playLabel: "Reproducir video del after movie",
- youtubeVideoId: "6JUYr7QBtBI",
- },
- keynotes: {
- sectionAriaLabel: "Ponentes magistrales",
- title: "Ponentes magistrales",
- columns: [
- {
- photoFirst: true,
- photo: {
- src: "/images/keynotes/terezaiofciu.jpg",
- alt: "Retrato de la ponente magistral Tereza Iofciu",
- },
- name: "Tereza Iofciu",
- profession:
- "Experta en datos e IA, coach de liderazgo y PSF Fellow",
- flag: { code: "ro", label: "Rumania" },
- bio: "Tereza Iofciu es experta en datos e IA, coach de liderazgo y PSF Fellow, con más de 15 años de experiencia. Es una colaboradora activa de la comunidad Python y creadora del Data Diplomat Framework, enfocado en conectar la experiencia técnica con un liderazgo centrado en las personas.",
- social: [
- {
- key: "linkedin",
- href: "https://www.linkedin.com/in/tereza-iofciu/",
- label: "LinkedIn",
- },
- {
- key: "website",
- href: "https://www.terezaiofciu.com/",
- label: "Sitio web",
- },
- {
- key: "youtube",
- href: "https://www.youtube.com/playlist?list=PLPNST8XbhlFpuJgsSI8AfXzh5BwtfHh5Z",
- label: "YouTube",
- },
- ],
- },
- {
- photoFirst: false,
- photo: {
- src: "/images/keynotes/anna-pristoupilova.jpeg",
- alt: "Retrato de la ponente magistral Anna Pristoupilova",
- },
- name: "Anna Pristoupilova",
- profession: "Bioinformática e investigadora",
- flag: { code: "cz", label: "República Checa" },
- bio: "Bioinformática con amplia trayectoria en investigación. Tiene experiencia en bioinformática, secuenciación NGS, enfermedades raras, biología molecular y genética. Es una profesional con sólida formación investigativa, con un doctorado y una maestría en biología molecular y genética, además de una segunda maestría en dispositivos médicos e informática, ambas de la Universidad Carolina, en la República Checa.",
- social: [
- {
- key: "linkedin",
- href: "https://www.linkedin.com/in/pristanna/",
- label: "LinkedIn",
- },
- ],
- },
- {
- photoFirst: true,
- photo: {
- src: "/images/keynotes/malvika-sharan.png",
- alt: "Retrato de la ponente magistral Malvika Sharan",
- },
- name: "Malvika Sharan",
- profession:
- "Directora sénior de ciencia de datos en St. Jude Children's Research Hospital",
- flag: { code: "in", label: "India" },
- bio: "Malvika Sharan es directora sénior de ciencia de datos en St. Jude Children's Research Hospital y una líder reconocida globalmente en ciencia abierta e investigación impulsada por comunidades. Es cofundadora de Open Life Science y una colaboradora clave de The Turing Way, donde impulsa prácticas de ciencia de datos reproducibles, éticas y colaborativas en todo el mundo. Con formación en bioinformática y roles de liderazgo en instituciones como el Alan Turing Institute y EMBL, Malvika se enfoca en construir comunidades de investigación inclusivas y en empoderar a profesionales mediante enfoques abiertos, transparentes y responsables en IA y ciencia de datos.",
- social: [
- {
- key: "linkedin",
- href: "https://www.linkedin.com/in/malvikasharan/",
- label: "LinkedIn",
- },
- {
- key: "website",
- href: "https://malvikasharan.github.io/",
- label: "Sitio web",
- },
- {
- key: "github",
- href: "https://github.com/malvikasharan",
- label: "GitHub",
- },
- ],
- },
- {
- photoFirst: false,
- photo: {
- src: "/images/keynotes/kari-jordan.jpg",
- alt: "Retrato de la ponente magistral Dra. Kari L. Jordan",
- },
- name: "Dra. Kari L. Jordan",
- profession: "Directora ejecutiva de The Carpentries",
- flag: { code: "us", label: "Estados Unidos" },
- bio: "La Dra. Kari L. Jordan es directora ejecutiva de The Carpentries y una referente en educación en ciencia de datos. Con doctorado en educación en ingeniería, trabaja el aprendizaje inclusivo, la alfabetización en datos y ampliar el acceso a habilidades técnicas en todo el mundo.",
- social: [
- {
- key: "linkedin",
- href: "https://www.linkedin.com/in/kariljordan/",
- label: "LinkedIn",
- },
- {
- key: "twitter",
- href: "https://twitter.com/kariljordan",
- label: "X (Twitter)",
- },
- ],
- },
- {
- photoFirst: true,
- photo: {
- src: "/images/keynotes/irit-katriel.jpg",
- alt: "Retrato de la ponente magistral Irit Katriel",
- },
- name: "Irit Katriel",
- profession:
- "Principal Software Engineer en Microsoft, desarrolladora core de CPython",
- flag: { code: "gb", label: "Reino Unido" },
- bio: "Irit Katriel es Principal Software Engineer en Microsoft y desarrolladora core de CPython, enfocada en el diseño de lenguajes de programación y la arquitectura de compiladores. Entre sus principales contribuciones a Python se encuentran la PEP 654, los Exception Groups, el constructo except* y mejoras significativas en el compilador y el sistema de excepciones de CPython. Irit también trabaja en Python Performance Engineering en Microsoft y ha publicado artículos académicos.",
- social: [
- {
- key: "linkedin",
- href: "https://www.linkedin.com/in/irit-katriel/",
- label: "LinkedIn",
- },
- ],
- },
- ],
- },
- gallery: {
- sectionAriaLabel: "Galería de fotos de la conferencia",
- modalCloseLabel: "Cerrar imagen",
- imageAltTemplate: "Foto de la conferencia: {name}",
- },
- },
- callForProposals: {
- header: "Comparte tu voz",
- introText:
- "¿Tienes una idea brillante, un proyecto del que te sientes orgulloso u observaciones que podrían inspirar a otras personas?",
- footerText:
- "Buscamos ponentes apasionados para liderar charlas sobre desarrollo, seguridad, Python y mucho más.",
- mainText:
- "Siéntete libre de enviar propuestas sobre una amplia variedad de temas técnicos que despierten tu interés. Nos entusiasma descubrir las ideas y perspectivas diversas que traes a la mesa.",
- buttonText: "Enviar tu propuesta",
- block1Title: "Charlas",
- block1Text:
- "Este es un espacio de 40 minutos (incluyendo preguntas y respuestas, normalmente distribuido en 30 minutos de charla y 10 minutos para preguntas), en el que puedes hablar sobre cualquier tema, no solo los centrados en Python, usando diapositivas y demostraciones en vivo si así lo deseas.",
- block2Title: "Videos de charlas",
- block2Text:
- "Grabaremos las charlas y las subiremos a nuestro canal de YouTube. Esto incluye una grabación de pantalla de las diapositivas del ponente, las demostraciones en vivo y la participación presencial de quien presenta. Esto beneficia a todas las personas de la comunidad Python que no puedan asistir a PyCon Colombia. Al enviar tu propuesta a PyCon Colombia, aceptas darnos permiso para grabar, editar y publicar el audio y/o video de tu presentación. Si no estás de acuerdo con esto, háznoslo saber y lo resolveremos contigo.",
- frequentQuestion: {
- title: "Preguntas frecuentes",
- topics: {
- title: "Temas",
- text1:
- "Puedes revisar las charlas y talleres de ediciones anteriores, de 2017 a 2024. Algunas de las grabaciones están disponibles en nuestro canal de YouTube ",
- linkText: "aquí",
- text2:
- "Nos interesa ver cualquier tipo de propuesta relacionada con los siguientes temas:",
- mainTopics: [
- "Ciencia de datos",
- "Aprendizaje automático",
- "Aprendizaje profundo",
- "Inteligencia Artificial",
- "Internet de las Cosas (IoT)",
- "Desarrollo Web",
- "Micro-Python",
- "Frameworks de Python",
- ],
- text3:
- "Por supuesto, no todo tiene que ser técnico. Aquí tienes algunos temas alternativos que consideramos relacionados con nuestra conferencia:",
- alternativeTopics: [
- "Inclusión y diversidad",
- "Comunidad",
- "Vínculo entre industria y academia",
- "Educación y habilidades blandas",
- "Calidad de vida para personas en STEM",
- ],
- text4:
- "Si el tema de tu charla no encaja en ninguna de nuestras listas, pero realmente te apasiona, no te preocupes. Nos encantan las personas como tú. Esta es tu conferencia. Envía tu propuesta y quizás descubramos nuevos temas para mejorar nuestras listas.",
- },
- whySpeak: {
- title: "¿Por qué deberías hablar en PyCon Colombia 2025?",
- text: "Creemos firmemente que si hay algo que realmente te apasiona y quieres difundirlo, deberías preparar una charla y hacerlo. Pero si eso no es suficiente para convencerte, aquí tienes la lista de beneficios que obtienes al convertirte en ponente de PyCon Colombia 2025:",
- perks: [
- "Pase gratuito para toda la conferencia: te da acceso a todas las charlas y talleres.",
- "Acceso a la cena de ponentes: una cena con keynotes, patrocinadores, ponentes y organizadores, completamente cubierta por la conferencia.",
- "Un video producido profesionalmente de tu charla publicado en nuestro canal de YouTube (consulta la sección de Videos de charlas para más detalles).",
- "La oportunidad de impactar positivamente la vida de más de 600 asistentes.",
- ],
- },
- selectionProcess: {
- title: "Nuestro proceso de selección",
- text1:
- "Para crear la selección más valiosa posible de charlas y talleres para la conferencia, seguimos este proceso:",
- steps: [
- "Todas las revisiones de propuestas son anónimas, así evitamos sesgos hacia quien envía la propuesta.",
- "Todas las propuestas son revisadas y votadas por nuestro equipo de revisores.",
- "Las propuestas mejor calificadas se desanonimizan para revisar el perfil de la persona ponente; esto lo realiza el comité de charlas de PyCon Colombia.",
- "El comité decide la agenda final.",
- ],
- text2:
- "Nos emociona mucho recibir muchas más propuestas excelentes de las que tenemos espacios disponibles. Este proceso nos ayuda a escoger las mejores propuestas intentando evitar sesgos hacia el perfil de la persona ponente.",
- },
- codeOfConduct: {
- title: "Código de conducta",
- text: "Para crear un entorno seguro y cómodo para todas las personas asistentes y el equipo de staff, y para asegurarnos de que todo el mundo disfrute de la conferencia, hemos escrito este Código de Conducta. Esperamos que lo leas, lo entiendas y lo cumplas durante la conferencia, en tu propuesta y en tu charla.",
- },
- },
- },
- callForProposalsPage: {
- metaTitle: "Llamado a propuestas | PyCon Colombia 2026",
- submitProposalHref: "/call-for-proposals",
- hero: {
- badge: "Recibiendo propuestas",
- titleBefore: "Llamado a",
- titleAccent: "propuestas",
- titleYear: "2026",
- lead: "Comparte tu conocimiento, inspira a la comunidad y ayuda a dar forma al futuro de Python en Latinoamérica. Únete a nosotros en los majestuosos Andes para PyCon Colombia 2026.",
- ctaPrimary: "Enviar propuesta",
- ctaSecondary: "Ver guía de envío",
- imageSrc: "/images/cfp.jpg",
- imageAlt: "Salón de conferencias moderno",
- },
- why: {
- title: "¿Por qué hablar en PyCon Colombia?",
- paragraphs: [
- "PyCon Colombia es el encuentro más grande de pythonistas en la región. Hablar aquí no se trata solo de compartir código, sino de tender puentes, acompañar a la próxima generación y contribuir a uno de los ecosistemas tecnológicos más vibrantes del mundo.",
- "Damos la bienvenida a personas ponentes de todos los orígenes y niveles de experiencia. Ya sea que sea tu primera charla o que ya tengas una trayectoria amplia, nuestra comunidad está aquí para apoyarte.",
- ],
- },
- helpCard: {
- title: "¿Necesitas ayuda?",
- body: "Lee nuestro FAQ para ponentes o comunícate con el equipo para recibir orientación sobre tu propuesta.",
- faqLinkText: "Leer el FAQ",
- },
- channels: {
- title: "Canales clave",
- items: [
- {
- icon: "mail",
- label: "speakers@pycon.co",
- href: "mailto:speakers@pycon.co",
- },
- ],
- },
- dates: {
- title: "Fechas importantes",
- subtitle:
- "Márcalas en tu calendario. No se aceptarán propuestas fuera del plazo.",
- items: [
- {
- date: "23 DE MARZO DE 2026",
- title: "Apertura del CFP",
- body: "Comienza a preparar tus ideas de sesión y tu biografía como ponente.",
- dotPrimary: true,
- borderPrimary: false,
- },
- {
- date: "28 DE ABRIL DE 2026",
- title: "Fecha límite de envío",
- body: "Todas las propuestas deben enviarse a través del portal antes de la medianoche, hora de Colombia.",
- dotPrimary: false,
- borderPrimary: false,
- },
- {
- date: "24-26 DE JULIO DE 2026",
- title: "PyCon Colombia",
- body: "El evento principal se realiza en Medellín.",
- dotPrimary: true,
- borderPrimary: true,
- },
- ],
- },
- formats: {
- title: "Formatos de sesión",
- items: [
- {
- icon: "talk",
- title: "Charlas",
- body: "Presentaciones estándar de 30 minutos seguidas de preguntas y respuestas. Son ideales para estudios de caso, nuevas librerías o exploraciones profundas de funciones específicas de Python.",
- tags: ["30 MIN", "PREGUNTAS Y RESPUESTAS"],
- },
- {
- icon: "workshop",
- title: "Talleres",
- body: "Sesiones prácticas intensivas de 3 horas. Son experiencias guiadas donde las personas participantes siguen la actividad en sus propios portátiles.",
- tags: ["180 MIN", "PRÁCTICO"],
- },
- ],
- },
- topics: {
- title: "¿Qué buscamos?",
- lead: "Valoramos la diversidad de perspectivas. Aunque aceptamos cualquier tema relacionado con Python, estos son algunos temas que entusiasman especialmente a la comunidad este año.",
- quoteBefore:
- "Priorizamos contenido accionable, bien estructurado y respetuoso de nuestro ",
- quoteAfter: ".",
- codeOfConductLabel: "código de conducta",
- items: [
- { key: "ds", title: "Ciencia de datos e IA" },
- { key: "web", title: "Desarrollo web" },
- { key: "devops", title: "DevOps e infraestructura" },
- { key: "sec", title: "Ciberseguridad" },
- { key: "sci", title: "Python científico" },
- { key: "edu", title: "Educación y habilidades blandas" },
- { key: "iot", title: "IoT y hardware" },
- { key: "core", title: "Python core" },
- { key: "oss", title: "Cultura de código abierto" },
- ],
- },
- selection: {
- title: "El proceso de selección",
- steps: [
- {
- title: "Revisión anonimizada",
- body: "Para garantizar la equidad, las revisiones iniciales se hacen sin ver nombres ni afiliaciones de las personas ponentes.",
- },
- {
- title: "Retroalimentación de la comunidad",
- body: "Un panel de personas expertas y miembros de la comunidad asigna puntajes según la profundidad técnica y la relevancia.",
- },
- {
- title: "Curaduría final",
- body: "El comité del programa selecciona una mezcla equilibrada de temas y niveles de experiencia para la agenda final.",
- },
- ],
- },
- benefits: {
- title: "Beneficios para ponentes",
- items: [
- "Pase completo para la conferencia: acceso a todas las charlas, talleres y eventos sociales.",
- "Cena exclusiva de ponentes: haz networking con las personas keynote y el equipo central.",
- ],
- cta: "¿Listo para postularte?",
- },
- faq: {
- title: "Preguntas frecuentes",
- subtitle:
- "Todo lo que necesitas saber para presentar en PyCon Colombia.",
- items: [
- {
- q: "¿En qué idioma envío la propuesta y doy la charla?",
- a: "PyCon Colombia es una conferencia bilingüe. Aceptamos propuestas tanto en español como en inglés. Puedes elegir el idioma con el que te sientas más cómodo o cómoda para tu presentación.",
- },
- {
- q: "¿Puedo enviar más de una propuesta?",
- a: "Sí. Puedes enviar varias propuestas. Sin embargo, para asegurar una agenda diversa, por lo general limitamos a cada persona a una sola presentación en el programa final.",
- },
- {
- q: "¿Qué criterios se usan para evaluar las propuestas?",
- a: "Las propuestas se evalúan según su relevancia para la comunidad, su calidad técnica, la claridad del resumen y el valor educativo de la charla. Buscamos un equilibrio entre temas para personas principiantes y avanzadas.",
- },
- {
- q: "Nunca he hablado en una conferencia. ¿Puedo postularme?",
- a: "Claro que sí. Nos encantan las personas que dan su primera charla. Incluso ofrecemos programas de mentoría para ayudarte a mejorar tu presentación antes del gran día.",
- },
- {
- q: "¿Las sesiones se graban?",
- a: "Sí. A menos que se solicite explícitamente lo contrario, todas las charlas se graban y se publican en nuestro canal de YouTube después de la conferencia para beneficio de la comunidad global de Python.",
- },
- ],
- footerLead: "¿Todavía tienes preguntas? Estamos aquí para ayudarte.",
- footerLink: "Escribir al comité de ponentes",
- },
- },
- sponsors: {
- metaTitle: "PyCon Colombia 2026 - Patrocinadores",
- title: "Patrocinadores",
- description:
- "Desde empresas tecnológicas de vanguardia hasta personas y organizaciones comprometidas con la comunidad, estos patrocinadores están liderando el camino en Python y desarrollo de software.",
- thankYouMessage:
- "No podríamos lograrlo sin ellos. Gracias por su compromiso con el futuro de Python.",
- heroTitleTrustedBy: "Respaldados por líderes de la",
- heroTitleIndustry: "industria",
- heroTitleLeaders: ".",
- heroLead:
- "PyCon Colombia es posible gracias al apoyo generoso de organizaciones comprometidas con el ecosistema Python y la innovación tecnológica en América Latina.",
- becomeSponsorCta: "Ser patrocinador",
- venueLevel: "Sede",
- platinoLevel: "Platino",
- goldPartners: "Oro",
- silverPlusPartners: "Plata +",
- silverPartners: "Plata",
- },
- codeOfConduct: {
- title: "Código de Conducta",
- introBold: "PyCon Colombia ",
- intro:
- "es una conferencia organizada por la comunidad Python Colombia creada para la difusión del lenguaje de programación Python en nuestro país y América Latina, con el objetivo de compartir conocimientos y expandir los espacios de interacción y colaboración entre sus miembros. Valoramos la participación de cada miembro de la comunidad y queremos que cada participante en la conferencia disfrute y obtenga una experiencia valiosa llena de conocimiento e innovación. Según este código, se espera que todos los participantes, incluidos organizadores, ponentes, voluntarios y asistentes, muestren respeto y cortesía entre sí en todos los aspectos de la conferencia, su organización y los eventos que se lleven a cabo en el contexto de la misma. Para ser más explícitos, se espera que cualquier persona que participe en el evento y en la comunidad global y local de Python y PyCon Colombia cumpla con el siguiente Código de Conducta. Los organizadores de este evento y de cualquier evento futuro están sujetos a hacer cumplir el seguimiento y cumplimiento de las leyes internacionales y colombianas y el espíritu de la Sociedad Internacional de Python (Python Software Foundation).",
- conductContent: {
- title: "Contenido del Código de Conducta",
- text: "PyCon Colombia se compromete a proporcionar una conferencia libre de acoso para todos los miembros, sin importar género, orientación sexual, habilidades físicas, apariencia física, raza o religión. No se tolerará ningún tipo de abuso por parte de ningún participante de la conferencia. Todas las comunicaciones deben estar enfocadas en una audiencia profesional, incluyendo personas con diferentes trayectorias y experiencias. El lenguaje sexual no es apropiado para ningún evento organizado bajo nuestras normas, incluidas las charlas.",
- },
- communityGoals: {
- title: "Nuestro objetivo como comunidad recomienda:",
- items: [
- "Ser amable con los demás miembros.",
- "No insultar ni menospreciar a otros participantes.",
- "Comportarse de manera profesional.",
- "Recordar que cualquier conducta de acoso, sexismo, racismo o división política, en cualquier instancia, no es apropiada para la participación dentro de la conferencia o la comunidad.",
- "No asistir a la conferencia bajo la influencia de bebidas alcohólicas.",
- "Los participantes de nuestra comunidad, sin importar su rol (organizadores, ponentes, voluntarios y asistentes), que no cumplan con estas reglas serán expulsados de la conferencia sin reembolso, a discreción del comité organizador del evento.",
- ],
- },
- closingMessage:
- "Gracias por acatar estos términos y bienvenido a PyCon Colombia. Este es un evento amigable para toda nuestra comunidad.",
- contactInfo: {
- title: "Información de Contacto",
- text: "Si has sido acosado, o te das cuenta de que alguien más está siendo acosado o está violando los términos internacionales de PyCon Colombia o tienes cualquier problema, por favor contacta a nuestros organizadores:",
- securityNote:
- "Nuestro equipo en la conferencia también estará disponible para colaborar y contactar a seguridad local o asistirte para garantizar tu seguridad. Valoramos tu presencia en nuestros eventos.",
- escalationNote:
- "En caso de cualquier violación de los términos de este código de conducta por parte de los organizadores, por favor contacta al organizador principal de la conferencia, John Roa, o como último recurso, a la PSF.",
- },
- },
- codeOfConductEnforcementProcedure: {
- title: "Procedimiento de Aplicación del Código de Conducta",
- summaryIntro:
- "Este documento resume los procedimientos que el equipo de PyCon utiliza para hacer cumplir el Código de Conducta.",
- summaryHeader: "Resumen de procesos",
- summaryStepsIntro:
- "Cuando el grupo de trabajo recibe un reporte de una posible violación al Código de Conducta, realizará:",
- summarySteps: [
- "Reconocer la recepción del reporte.",
- "Evaluar conflictos de interés.",
- "Convocar una reunión de respondedores del Código de Conducta que no tengan conflicto de interés.",
- "Evaluar el incidente reportado.",
- "Proponer un plan de modificación de conducta.",
- "Proponer consecuencias para el comportamiento reportado.",
- "Votar sobre el plan de modificación de conducta y las consecuencias para la persona reportada.",
- "Contactar a administradores/moderadores de la comunidad en línea para aprobar el plan de modificación y las consecuencias.",
- "Dar seguimiento a la persona reportada.",
- "Decidir respuestas adicionales.",
- "Dar seguimiento al reportante.",
- ],
- acknowledgeReportHeader: "Reconocimiento del reporte",
- acknowledgeReportText:
- "Los reportantes deben recibir un acuse de recibo por correo electrónico dentro de las 24 horas siguientes a la recepción del reporte.",
- conflictInterestHeader: "Política de conflictos de interés",
- conflictInterestExamplesIntro:
- "Ejemplos de conflictos de interés incluyen:",
- conflictInterestExamples: [
- "El reportante o la persona reportada es tu jefe",
- "Tienes una relación romántica o platónica con el reportante o la persona reportada. Está bien participar si son conocidos.",
- `El reportante o la persona reportada es tu metamour. (Este es un término usado en la comunidad poliamorosa; la definición corta está aquí, y una descripción más larga está aquí).`,
- "El reportante o la persona reportada es un familiar tuyo",
- "El reportante o la persona reportada es tu cliente directo",
- "El reportante o la persona reportada es alguien con quien trabajas muy de cerca. Puede ser alguien en tu equipo o que trabaja en el mismo proyecto que tú.",
- "Contactar a administradores/moderadores de la comunidad en línea para aprobar el plan de modificación y las consecuencias.",
- "El reportante o la persona reportada es un mantenedor que revisa regularmente tus contribuciones",
- ],
- conflictInterestNote1:
- "Los miembros del comité no necesitan explicar por qué tienen un conflicto de interés, solo que existe. Los demás miembros no deben preguntar el motivo.",
- conflictInterestNote2:
- "Quien tenga conflicto de interés se retirará de la discusión del incidente y se recusará de votar la respuesta al reporte.",
- evaluatingReportHeader: "Evaluando un reporte",
- jurisdictionHeader: "JURISDICCIÓN",
- jurisdictionPoints: [
- "-¿Es esta una violación al Código de Conducta? ¿Está este comportamiento en nuestra lista de comportamientos inapropiados? ¿Es borderline? ¿Viola nuestras normas comunitarias?",
- "-¿Ocurrió en un espacio dentro del alcance de nuestro Código de Conducta? Si ocurrió fuera, pero la salud mental o seguridad física de un miembro puede verse afectada si no se actúa, puede estar dentro del alcance. Conversaciones privadas en espacios comunitarios también están dentro del alcance.",
- ],
- impactHeader: "IMPACTO",
- impactPoints: [
- "-¿Ocurrió en conversación privada o en espacio público? Los incidentes visibles a toda la comunidad tienen mayor impacto negativo.",
- "-¿Este comportamiento afecta negativamente a un grupo marginado de la comunidad? ¿El reportante es parte de un grupo marginado? ¿Cómo le afecta el comportamiento? ¿Es probable que miembros del grupo se alejen si no se actúa?",
- "-¿Involucra un líder comunitario? Los miembros suelen tomar como ejemplo el comportamiento de los líderes.",
- ],
- riskHeader: "RIESGO",
- riskPoints: [
- "-¿Incluye acoso sexual?",
- "-¿Representa un riesgo para la seguridad? ¿Pone en riesgo la seguridad física? ¿Afecta severamente la salud mental?",
- "-¿Existe riesgo de repetición? ¿La persona reportada entiende la inapropiación? ¿Hay patrón de comportamiento?",
- ],
- riskSummary:
- "Los reportes con mayor riesgo o impacto pueden tener consecuencias más severas.",
- proposeBehaviorPlanHeader: "Proponer un plan de modificación de conducta",
- proposeBehaviorPlanText:
- "El equipo definirá un plan concreto para evitar la repetición del comportamiento inapropiado. También se discutirán acciones en caso de desacuerdo.",
- behaviorPlanNote:
- "Estos son ejemplos de planes para incidentes en espacios online. No es una lista exhaustiva, el equipo puede tomar otras acciones.",
- behaviorPlanExamples: [
- "Requerir que la persona reportada no use un lenguaje específico",
- "Requerir que no participe en ciertos tipos de discusiones",
- "Requerir que no envíe mensajes privados a miembros de la comunidad",
- "Requerir que no acceda a ciertos canales de comunicación",
- "Quitar derechos de administrador o moderador en la infraestructura comunitaria",
- "Remover voluntario de sus funciones y responsabilidades",
- "Quitar a una persona de liderazgo en organizaciones relevantes",
- "Quitar a una persona de membresías en organizaciones relevantes",
- ],
- proposeConsequencesHeader: "Proponer consecuencias",
- proposeConsequencesText:
- "Ejemplos de consecuencias para un reporte. No es lista exhaustiva, el equipo puede tomar otras acciones.",
- possiblePrivateResponsesHeader: "Respuestas privadas posibles incluyen:",
- possiblePrivateResponses: [
- "No hacer nada si no es violación al Código de Conducta",
- "Advertencia verbal o por correo",
- "Advertencia final",
- "Remover temporalmente a la persona de la comunidad online",
- "Remover permanentemente a la persona de la comunidad online",
- "Publicar un relato del incidente",
- ],
- followUpReportedPersonHeader: "Seguimiento con la persona reportada",
- followUpReportedPersonText:
- "El equipo trabajará con admins/moderadores para redactar respuesta. El correo debe contener:",
- followUpReportedPersonList: [
- "Descripción neutral del comportamiento",
- "Impacto negativo del comportamiento",
- "Plan concreto de modificación de conducta",
- "Cualquier consecuencia por su comportamiento",
- ],
- followUpReportedPersonNote:
- "No se debe revelar quién hizo el reporte. Se deben anonimizar datos. Se debe desalentar que la persona reportada contacte al reportante. Si desea disculparse, el equipo puede aceptar en nombre del reportante.",
- decideFurtherResponseHeader: "Decidir respuestas adicionales",
- decideFurtherResponseText:
- "Si la persona reportada da contexto adicional, se puede reevaluar el plan y consecuencias.",
- followUpReporterHeader: "Seguimiento con el reportante",
- followUpReporterText1:
- "El reportante debe recibir correo con acciones tomadas o explicación si no hubo violación. Reportes no hechos de buena fe pueden no recibir respuesta.",
- followUpReporterText2:
- "El correo debe enviarse máximo una semana después del reporte. Si la deliberación tarda más, se debe enviar correo de estado.",
- },
- healthAndSafetyPolicy: {
- title: "Política de salud y seguridad",
- paragraph1:
- "La salud y la seguridad de nuestras personas asistentes siguen siendo nuestra máxima prioridad mientras continuamos monitoreando el estado de la pandemia y revisamos las directrices del recinto, las autoridades locales y el CDC para tomar las mejores y más informadas decisiones sobre seguridad y requisitos presenciales. Python Colombia ha trabajado arduamente para ser una comunidad acogedora para todas las personas, así que priorizaremos la seguridad de quienes participen.",
- paragraph2:
- "PyCon Colombia seguirá promoviendo el distanciamiento social cuando sea posible en el recinto. Las medidas implementadas para PyCon Colombia 2025 están sujetas a cambios según las recomendaciones de salud y seguridad vigentes en el momento del evento. Aun así, nos comprometemos a hacer cambios solo en dirección a mayores protecciones.",
- },
- scholarships: {
- title: "Becas de diversidad",
- paragraph1:
- "La presencia de Python en el desarrollo de software a nivel mundial sigue creciendo, generando nuevos resultados que transforman nuestro tiempo. En PyCon Colombia, además de promover el código abierto y el intercambio entre todas las personas asistentes, nos esforzamos cada año para que nuestra comunidad sea lo más accesible y diversa posible. Vemos la diversidad y la inclusión como un beneficio para el ecosistema y para quienes lo integran.",
- paragraph2:
- "Queremos que PyCon Colombia sea inclusiva para toda la comunidad Python de nuestro país. Para ayudar a aliviar las barreras económicas para asistir a la conferencia, el comité organizador de PyCon está ofreciendo becas a personas que enfrentan obstáculos financieros, incluyendo estudiantes y miembros de grupos subrepresentados dentro de la comunidad Python. Estas becas cubren el costo de la entrada a la conferencia.",
- paragraph3:
- "Es importante tener en cuenta que las personas beneficiarias de las becas serán responsables de cubrir todos los demás gastos, como viaje, alojamiento, costos de visa y transporte.",
- paragraph4Text: "Si deseas postularte, por favor ve a este formulario:",
- formLink: "https://forms.gle/EnSffxKcuzu4yugdA",
- formLinkText: "Enlace al formulario",
- },
- questions: {
- eligibility: {
- title: "Elegibilidad",
- paragraph1:
- "Estas becas están dirigidas a personas que enfrentan barreras económicas, incluyendo estudiantes y personas de grupos subrepresentados en la comunidad tecnológica, como mujeres, personas LGBTQIA+, personas con discapacidad y minorías raciales y étnicas. Animamos a todas las personas a postularse a nuestras becas.",
- paragraph2:
- "Por favor, lee las siguientes instrucciones y completa el formulario para solicitar la beca.",
- paragraph3:
- "Ten en cuenta que cada solicitud será revisada individualmente por el equipo organizador de PyCon Colombia y clasificada de acuerdo con el formulario de postulación y las respuestas de la carta de intención. Toda la información personal recopilada se mantendrá confidencial.",
- paragraph4:
- "Enviar tu solicitud no garantiza elegibilidad inmediata. Por favor, revisa los términos y condiciones.",
- },
- acknowledgments: {
- title: "Agradecimientos",
- paragraph1:
- "El Programa de Diversidad de PyCon Colombia 2025 es posible gracias al apoyo de los patrocinadores de PyCon Colombia 2025.",
- paragraph2:
- "Si tu organización está interesada en participar en el Programa de Diversidad, por favor contacta a: scholarships@pycon.co",
- },
- importantDates: {
- title: "Fechas importantes",
- items: [
- "Apertura de postulaciones: 21 de mayo. Las solicitudes para la beca PyCon Colombia deben enviarse a partir de este día.",
- "Fecha límite de postulación: 8 de junio. El formulario se cerrará este día.",
- "Selección de postulaciones: 15 de junio. Las personas ganadoras de la beca serán notificadas por correo electrónico.",
- ],
- },
- termsAndConditions: {
- title: "Términos y condiciones",
- paragraph: "Para que tu solicitud sea aceptada:",
- items: [
- "Debes enviarla dentro de las fechas y plazos establecidos.",
- "Debes proporcionar una carta de interés siguiendo el formato sugerido.",
- "Debes estar disponible para asistir a toda la Conferencia PyCon Colombia (4, 5 y 6 de julio de 2025).",
- "Debes adjuntar una autorización legalizada de tus padres o tutores si eres menor de edad.",
- ],
- },
- selectedHelp: {
- title: "Fuiste seleccionado. ¿Quieres ayudar a la conferencia?",
- paragraph:
- "Para las personas beneficiarias aceptadas que asistan a la conferencia, nos encantaría que compartieras tu experiencia con el mundo sobre cómo fue PyCon Colombia 2025 y animaras a más personas a postularse a las becas el próximo año. Algunas formas de ayudarnos son:",
- items: [
- "Publicar en redes sociales tu experiencia y detalles sobre la conferencia. Por favor agrega la etiqueta @PyConColombia.",
- "Escribir un blog o grabar un video compartiendo tu experiencia en la conferencia.",
- "Entrevista en formato blog o video.",
- "Ten en cuenta que en cualquiera de estos formatos puedes elegir permanecer en el anonimato.",
- ],
- },
- },
- codeOfConductPage: {
- metaTitle: "Código de conducta | PyCon Colombia 2026",
- sectionAriaLabel: "Código de conducta",
- eyebrow: "PyCon Colombia",
- titlePart1: "Código de",
- titlePart2: "conducta",
- intro:
- "PyCon Colombia es una conferencia organizada por la comunidad Python Colombia, creada para la divulgación del lenguaje de programación Python en nuestro país y en América Latina, con el objetivo de compartir conocimiento y ampliar los espacios de interacción y colaboración de sus integrantes. Valoramos la participación de cada miembro de la comunidad y queremos que cada persona participante en la conferencia disfrute y obtenga una experiencia valiosa llena de conocimiento e innovación. De acuerdo con este código, se espera que todas las personas participantes, incluidas organizadoras, ponentes, voluntarias y asistentes, muestren respeto y cortesía entre sí en todos los aspectos de la conferencia, su organización y los eventos que ocurran en el marco de la conferencia. Para ser más explícitos que lo que se espera de cualquier persona que participe en el evento, se requiere que la comunidad global y local de Python y PyCon Colombia cumpla el siguiente Código de Conducta. Las organizadoras de este evento y de cualquier evento en el futuro están obligadas a hacer cumplir y a acatar las leyes internacionales y colombianas y el espíritu de la Python Software Foundation (International Python Society).",
- nav: {
- intro: "Introducción",
- content: "Contenido del código de conducta",
- recommendations: "Nuestra meta",
- contact: "Información de contacto",
- more: "¿Quieres saber más?",
- },
- helpCard: {
- title: "Contacto con organizadoras",
- body: "Si has sido acosado o necesitas ayuda, puedes contactar directamente a nuestras organizadoras.",
- buttonText: "Abrir formulario de reporte",
- buttonHref: "https://forms.gle/Q92DS8RvrzW8sUN67",
- },
- contentSection: {
- title: "Contenido del código de conducta",
- body: "PyCon Colombia se dedica a ofrecer una conferencia libre de acoso para todos los miembros, sin importar género, orientación sexual, capacidades físicas, apariencia física, raza o religión. No se tolerará ningún abuso por parte de ninguna persona participante en la conferencia. Todas las comunicaciones deben estar dirigidas a una audiencia profesional que incluye personas con distintos orígenes y experiencias. El lenguaje sexual no es apropiado en ningún evento organizado bajo nuestras reglas, incluidas las charlas.",
- },
- recommendations: {
- title: "Nuestra meta como comunidad recomienda:",
- inclusiveTitle: "Sé inclusivo",
- inclusiveBody:
- "Reconoce distintos orígenes y perspectivas. Fomenta un ambiente acogedor para todas las personas participantes.",
- respectfulTitle: "Sé respetuoso",
- respectfulBody:
- "El desacuerdo no es excusa para malos modales. Sé amable en todas tus interacciones y comunicaciones.",
- items: [
- "Ser amable con los demás miembros.",
- "No insultar ni menospreciar a las demás personas participantes.",
- "Comportarse de manera profesional.",
- "Recordar que cualquier conducta de acoso, sexismo, racismo o división política, o de cualquier índole, no es apropiada para participar dentro de la conferencia o la comunidad.",
- "No asistir a la conferencia bajo los efectos de bebidas alcohólicas.",
- "Las personas participantes de nuestra comunidad de cualquier tipo (Organizadoras, Ponentes, Voluntarias y Asistentes) que no cumplan alguna de estas reglas serán expulsadas de la conferencia sin ningún reembolso, a criterio del comité organizador de la conferencia.",
- ],
- thankYou:
- "Gracias por acoger estos términos y bienvenido o bienvenida a PyCon Colombia. Este es un evento amigable para toda nuestra comunidad.",
- },
- contact: {
- title: "Información de contacto",
- lead: "Si has sido acosado o acosada, te das cuenta de que alguien más está siendo acosado o se están violando los Términos Internacionales de PyCon Colombia, o tienes algún problema, por favor contacta a nuestras organizadoras:",
- formLinkText: "Abrir formulario de reporte",
- formLinkHref: "https://forms.gle/Q92DS8RvrzW8sUN67",
- contacts: [
- {
- name: "John Jairo Roa Acuña",
- email: "john@pycon.co",
- href: "mailto:john@pycon.co",
- },
- ],
- teamNote:
- "Nuestro equipo en la conferencia también estará disponible para colaborar, contactar a seguridad local o ayudarte a garantizar tu seguridad. Valoramos tu presencia en nuestros eventos.",
- organizerNote:
- "En caso de cualquier violación de los términos de este código de conducta por parte de las organizadoras, por favor contacta al organizador principal de la conferencia, John Roa, o como último recurso a la PSF.",
- staffLanyardLead: "El staff usa",
- staffLanyardBold: "lanyards amarillos",
- infoDeskLead: "Reporta en el",
- infoDeskBold: "mostrador de información",
- },
- more: {
- title: "¿Quieres saber más?",
- linkText: "Enviar",
- linkTo: "/",
- },
- },
- footer: {
- others: "Otros",
- legal: "Legal",
- brandName: "PYCON COLOMBIA",
- description: `PyCon Colombia es la conferencia anual colombiana que reúne a profesionales, entusiastas y personas aficionadas usuarias del lenguaje de programación Python.
-Únete para aprender, compartir y conectar con profesionales de Python de todo el mundo.`,
- email: "hello@pycon.co",
- codeOfConduct: "Código de Conducta",
- codeOfConductEnforcementProcedure:
- "Procedimiento de aplicación del Código de Conducta",
- HealthSafetyPolicy: "Política de salud y seguridad",
- contact: "Contacto",
- followUs: "Síguenos en:",
- },
- },
-};
-
-const DEFAULT_LANGUAGE = "en";
-const SUPPORTED_LANGUAGES = ["en", "es"];
-
-function isPlainObject(value) {
- return value !== null && typeof value === "object" && !Array.isArray(value);
-}
-
-function mergeTranslations(base, override) {
- if (!isPlainObject(base) || !isPlainObject(override)) {
- return override ?? base;
- }
-
- const merged = { ...base };
-
- for (const [key, value] of Object.entries(override)) {
- merged[key] =
- isPlainObject(base[key]) && isPlainObject(value)
- ? mergeTranslations(base[key], value)
- : value;
- }
-
- return merged;
-}
-
-export function getTranslation(language = DEFAULT_LANGUAGE) {
- const selectedLanguage = SUPPORTED_LANGUAGES.includes(language)
- ? language
- : DEFAULT_LANGUAGE;
-
- if (selectedLanguage === DEFAULT_LANGUAGE) {
- return data[DEFAULT_LANGUAGE];
- }
-
- return mergeTranslations(
- data[DEFAULT_LANGUAGE],
- data[selectedLanguage] ?? {},
- );
-}
-
-export { DEFAULT_LANGUAGE, SUPPORTED_LANGUAGES };
-export default data;
diff --git a/src/utils/fields.js b/src/utils/fields.js
deleted file mode 100644
index 019c3db..0000000
--- a/src/utils/fields.js
+++ /dev/null
@@ -1,13 +0,0 @@
-export const validateEmail = (email) => {
- const re =
- /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|.(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-
- return re.test(String(email).toLowerCase());
-};
-
-export const normalizeTag = (tag) => {
- return tag
- .toLowerCase()
- .replace(/ /g, "-")
- .replace(/[^a-z0-9-]/g, "");
-};
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
deleted file mode 100644
index e5122be..0000000
--- a/src/vite-env.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-///