diff --git a/src/components/StaffSection.tsx b/src/components/StaffSection.tsx
index 2736ff1..ce138d7 100644
--- a/src/components/StaffSection.tsx
+++ b/src/components/StaffSection.tsx
@@ -40,7 +40,7 @@ const StaffSection = () => {
className="flex items-end justify-between gap-4 mb-6 md:mb-8"
>
-
+
Staff del Evento
@@ -110,7 +110,7 @@ const StaffSection = () => {
{member.role}
-
+
{member.name}
diff --git a/src/index.css b/src/index.css
index 6536704..64bde33 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700;800&family=Pacifico&family=Inter:wght@300;400;500;600;700&display=swap');
@tailwind base;
@tailwind components;
@@ -120,6 +120,9 @@
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
+ padding-bottom: 0.3em; /* Prevents descenders like j, g, p from being clipped! */
+ margin-bottom: -0.3em;
+ line-height: normal;
}
/* Tropical gradient background */
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 3f235a5..79c2c63 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -14,7 +14,8 @@ export default {
},
extend: {
fontFamily: {
- display: ['"Noto"', "system-ui", "sans-serif"],
+ display: ['"Pacifico"', "cursive"],
+ hero: ['"Noto Sans"', "sans-serif"],
body: ['"Inter"', "system-ui", "sans-serif"],
},
colors: {
diff --git a/update_sizes.mjs b/update_sizes.mjs
new file mode 100644
index 0000000..1af4aaf
--- /dev/null
+++ b/update_sizes.mjs
@@ -0,0 +1,35 @@
+import fs from 'fs';
+import path from 'path';
+
+const dir = 'src/components';
+const files = fs.readdirSync(dir).filter(f => f.endsWith('.tsx'));
+
+for (const file of files) {
+ if (file === 'HeroSection.tsx') continue;
+
+ const filePath = path.join(dir, file);
+ let content = fs.readFileSync(filePath, 'utf8');
+ let original = content;
+
+ // For main H2s
+ content = content.replaceAll('text-4xl md:text-5xl font-bold', 'text-5xl md:text-6xl font-bold py-2 leading-[1.3] pb-4');
+
+ // For smaller H2s/H3s
+ content = content.replaceAll('text-lg font-bold text-foreground mb-2', 'text-2xl py-2 leading-relaxed font-bold text-foreground mb-1');
+ content = content.replaceAll('text-xl font-bold text-foreground mb-6', 'text-3xl py-2 leading-relaxed font-bold text-foreground mb-4');
+ content = content.replaceAll('text-lg font-bold text-foreground mb-1', 'text-2xl py-2 leading-relaxed font-bold text-foreground mb-1');
+ content = content.replaceAll('text-xl font-bold text-foreground mb-4', 'text-3xl py-2 leading-relaxed font-bold text-foreground mb-2');
+ content = content.replaceAll('text-2xl font-bold text-foreground mb-2', 'text-3xl py-2 leading-relaxed font-bold text-foreground mb-2');
+
+ // Footer H3/H4
+ content = content.replaceAll('text-2xl font-bold mb-3', 'text-4xl py-2 leading-relaxed font-bold mb-2');
+ content = content.replaceAll('text-lg font-semibold mb-3', 'text-2xl py-2 leading-relaxed font-semibold mb-2');
+
+ // Navbar
+ content = content.replaceAll('text-3xl font-display font-medium', 'text-4xl py-2 leading-relaxed font-display font-medium');
+
+ if (original !== content) {
+ fs.writeFileSync(filePath, content);
+ console.log(`Updated sizes in ${file}`);
+ }
+}
diff --git a/update_sizes_2.mjs b/update_sizes_2.mjs
new file mode 100644
index 0000000..a07b0e7
--- /dev/null
+++ b/update_sizes_2.mjs
@@ -0,0 +1,23 @@
+import fs from 'fs';
+import path from 'path';
+
+const dir = 'src/components';
+const files = fs.readdirSync(dir).filter(f => f.endsWith('.tsx'));
+
+for (const file of files) {
+ if (file === 'HeroSection.tsx') continue;
+
+ const filePath = path.join(dir, file);
+ let content = fs.readFileSync(filePath, 'utf8');
+ let original = content;
+
+ content = content.replaceAll('text-5xl md:text-6xl font-bold py-2 leading-[1.3] pb-4', 'text-6xl md:text-7xl font-bold pt-4 pb-6 leading-normal');
+ content = content.replaceAll('text-3xl py-2 leading-relaxed', 'text-4xl pt-3 pb-5 leading-[1.6]');
+ content = content.replaceAll('text-2xl py-2 leading-relaxed', 'text-3xl pt-3 pb-5 leading-[1.6]');
+ content = content.replaceAll('text-4xl py-2 leading-relaxed', 'text-5xl pt-3 pb-6 leading-[1.6]');
+
+ if (original !== content) {
+ fs.writeFileSync(filePath, content);
+ console.log(`Updated sizes in ${file}`);
+ }
+}