Skip to content

Commit cca6910

Browse files
lovable-dev[bot]lovable-dev[bot]
committed
Fix: Apply Atomic Age font to text
Apply the Atomic Age font to the logo, menu, and header text elements to ensure the correct font is displayed.
1 parent 1e7aa61 commit cca6910

File tree

6 files changed

+34
-23
lines changed

6 files changed

+34
-23
lines changed

‎src/components/Header/DesktopNav.tsx‎

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -14,16 +14,16 @@ const DesktopNav = () => {
1414
return (
1515
<nav className="hidden md:flex items-center gap-6">
1616
<div className="hidden md:flex space-x-4">
17-
<Link to="/" className="text-alien-gold hover:text-alien-green px-2 py-2 font-atomic font-bold">
17+
<Link to="/" className="text-alien-gold hover:text-alien-green px-2 py-2 font-bold" style={{fontFamily: "'Atomic Age', cursive"}}>
1818
Home
1919
</Link>
20-
<Link to="/about" className="text-alien-gold hover:text-alien-green px-2 py-2 font-atomic font-bold">
20+
<Link to="/about" className="text-alien-gold hover:text-alien-green px-2 py-2 font-bold" style={{fontFamily: "'Atomic Age', cursive"}}>
2121
About
2222
</Link>
23-
<Link to="/alien-trip" className="text-alien-gold hover:text-alien-green px-2 py-2 font-atomic font-bold">
23+
<Link to="/alien-trip" className="text-alien-gold hover:text-alien-green px-2 py-2 font-bold" style={{fontFamily: "'Atomic Age', cursive"}}>
2424
AlienTrip
2525
</Link>
26-
<Link to="/contact" className="text-alien-gold hover:text-alien-green px-2 py-2 font-atomic font-bold">
26+
<Link to="/contact" className="text-alien-gold hover:text-alien-green px-2 py-2 font-bold" style={{fontFamily: "'Atomic Age', cursive"}}>
2727
Contact
2828
</Link>
2929

@@ -32,7 +32,8 @@ const DesktopNav = () => {
3232
<DropdownMenuTrigger asChild>
3333
<Button
3434
variant="ghost"
35-
className="text-alien-gold hover:text-alien-green bg-transparent hover:bg-alien-space-light/30 px-2 py-2 rounded flex items-center group font-atomic font-bold"
35+
className="text-alien-gold hover:text-alien-green bg-transparent hover:bg-alien-space-light/30 px-2 py-2 rounded flex items-center group font-bold"
36+
style={{fontFamily: "'Atomic Age', cursive"}}
3637
>
3738
Explore Spaces
3839
<ChevronDown
@@ -50,7 +51,7 @@ const DesktopNav = () => {
5051
className="flex items-start p-2 rounded-lg hover:bg-alien-space-light/20 group cursor-pointer"
5152
>
5253
<div className="flex-1">
53-
<h3 className="text-alien-gold group-hover:text-alien-green font-bold mb-1 font-atomic">Academy</h3>
54+
<h3 className="text-alien-gold group-hover:text-alien-green font-bold mb-1" style={{fontFamily: "'Atomic Age', cursive"}}>Academy</h3>
5455
<p className="text-sm text-gray-400">Unlock cosmic knowledge through educational resources</p>
5556
</div>
5657
</Link>
@@ -61,7 +62,7 @@ const DesktopNav = () => {
6162
className="flex items-start p-2 rounded-lg hover:bg-alien-space-light/20 group cursor-pointer"
6263
>
6364
<div className="flex-1">
64-
<h3 className="text-alien-gold group-hover:text-alien-green font-bold mb-1 font-atomic">Clubs</h3>
65+
<h3 className="text-alien-gold group-hover:text-alien-green font-bold mb-1" style={{fontFamily: "'Atomic Age', cursive"}}>Clubs</h3>
6566
<p className="text-sm text-gray-400">Join specialized communities focused on interests</p>
6667
</div>
6768
</Link>
@@ -72,7 +73,7 @@ const DesktopNav = () => {
7273
className="flex items-start p-2 rounded-lg hover:bg-alien-space-light/20 group cursor-pointer"
7374
>
7475
<div className="flex-1">
75-
<h3 className="text-alien-gold group-hover:text-alien-green font-bold mb-1 font-atomic">CoNetWorKing</h3>
76+
<h3 className="text-alien-gold group-hover:text-alien-green font-bold mb-1" style={{fontFamily: "'Atomic Age', cursive"}}>CoNetWorKing</h3>
7677
<p className="text-sm text-gray-400">Connect with like-minded and profits across the multiverse</p>
7778
</div>
7879
</Link>

‎src/components/Header/Logo.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ const Logo = () => {
1212
alt="AlienFlowSpaceDAO Logo"
1313
className="h-9"
1414
/>
15-
<span className="font-atomic text-xl">
15+
<span className="font-['Atomic_Age'] text-xl" style={{fontFamily: "'Atomic Age', cursive"}}>
1616
<span className="text-alien-green">Δlieπ</span>
1717
<span className="text-alien-gold">FlΦw</span>
1818
<span className="text-alien-green"> $pac€</span>

‎src/components/Header/MobileNav.tsx‎

Lines changed: 16 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
21
import React, { useState } from 'react';
32
import { motion } from 'framer-motion';
43
import { Link } from 'react-router-dom';
@@ -27,29 +26,33 @@ const MobileNav = ({ isMenuOpen, setIsMenuOpen }: MobileNavProps) => {
2726
<nav className="flex flex-col space-y-4">
2827
<Link
2928
to="/"
30-
className="text-alien-gold py-2 px-4 hover:text-alien-green hover:bg-alien-space-light rounded-md font-atomic font-bold"
29+
className="text-alien-gold py-2 px-4 hover:text-alien-green hover:bg-alien-space-light rounded-md font-bold"
3130
onClick={() => setIsMenuOpen(false)}
31+
style={{fontFamily: "'Atomic Age', cursive"}}
3232
>
3333
Home
3434
</Link>
3535
<Link
3636
to="/about"
37-
className="text-alien-gold py-2 px-4 hover:text-alien-green hover:bg-alien-space-light rounded-md font-atomic font-bold"
37+
className="text-alien-gold py-2 px-4 hover:text-alien-green hover:bg-alien-space-light rounded-md font-bold"
3838
onClick={() => setIsMenuOpen(false)}
39+
style={{fontFamily: "'Atomic Age', cursive"}}
3940
>
4041
About
4142
</Link>
4243
<Link
4344
to="/alien-trip"
44-
className="text-alien-gold py-2 px-4 hover:text-alien-green hover:bg-alien-space-light rounded-md font-atomic font-bold"
45+
className="text-alien-gold py-2 px-4 hover:text-alien-green hover:bg-alien-space-light rounded-md font-bold"
4546
onClick={() => setIsMenuOpen(false)}
47+
style={{fontFamily: "'Atomic Age', cursive"}}
4648
>
4749
AlienTrip
4850
</Link>
4951
<Link
5052
to="/contact"
51-
className="text-alien-gold py-2 px-4 hover:text-alien-green hover:bg-alien-space-light rounded-md font-atomic font-bold"
53+
className="text-alien-gold py-2 px-4 hover:text-alien-green hover:bg-alien-space-light rounded-md font-bold"
5254
onClick={() => setIsMenuOpen(false)}
55+
style={{fontFamily: "'Atomic Age', cursive"}}
5356
>
5457
Contact
5558
</Link>
@@ -58,7 +61,8 @@ const MobileNav = ({ isMenuOpen, setIsMenuOpen }: MobileNavProps) => {
5861
<div className="flex flex-col">
5962
<button
6063
onClick={() => setSpacesExpanded(!spacesExpanded)}
61-
className="text-alien-gold py-2 px-4 hover:text-alien-green hover:bg-alien-space-light rounded-md flex justify-between items-center font-atomic font-bold"
64+
className="text-alien-gold py-2 px-4 hover:text-alien-green hover:bg-alien-space-light rounded-md flex justify-between items-center font-bold"
65+
style={{fontFamily: "'Atomic Age', cursive"}}
6266
>
6367
<span>Explore Spaces</span>
6468
{spacesExpanded ? <ChevronUp size={16} /> : <ChevronDown size={16} />}
@@ -71,23 +75,23 @@ const MobileNav = ({ isMenuOpen, setIsMenuOpen }: MobileNavProps) => {
7175
className="p-2 hover:bg-alien-space-light rounded-md text-alien-gold hover:text-alien-green"
7276
onClick={() => setIsMenuOpen(false)}
7377
>
74-
<h3 className="font-bold font-atomic">Academy</h3>
78+
<h3 className="font-bold" style={{fontFamily: "'Atomic Age', cursive"}}>Academy</h3>
7579
<p className="text-sm text-gray-400">Unlock cosmic knowledge through educational resources</p>
7680
</Link>
7781
<Link
7882
to="/clubs"
7983
className="p-2 hover:bg-alien-space-light rounded-md text-alien-gold hover:text-alien-green"
8084
onClick={() => setIsMenuOpen(false)}
8185
>
82-
<h3 className="font-bold font-atomic">Clubs</h3>
86+
<h3 className="font-bold" style={{fontFamily: "'Atomic Age', cursive"}}>Clubs</h3>
8387
<p className="text-sm text-gray-400">Join specialized communities focused on interests</p>
8488
</Link>
8589
<Link
8690
to="/conetworking"
8791
className="p-2 hover:bg-alien-space-light rounded-md text-alien-gold hover:text-alien-green"
8892
onClick={() => setIsMenuOpen(false)}
8993
>
90-
<h3 className="font-bold font-atomic">CoNetWorKing</h3>
94+
<h3 className="font-bold" style={{fontFamily: "'Atomic Age', cursive"}}>CoNetWorKing</h3>
9195
<p className="text-sm text-gray-400">Connect with like-minded and profits across the multiverse</p>
9296
</Link>
9397
</div>
@@ -98,7 +102,8 @@ const MobileNav = ({ isMenuOpen, setIsMenuOpen }: MobileNavProps) => {
98102
<div className="flex flex-col">
99103
<button
100104
onClick={() => setLanguageExpanded(!languageExpanded)}
101-
className="text-alien-gold py-2 px-4 hover:text-alien-green hover:bg-alien-space-light rounded-md flex items-center justify-between font-atomic font-bold"
105+
className="text-alien-gold py-2 px-4 hover:text-alien-green hover:bg-alien-space-light rounded-md flex items-center justify-between font-bold"
106+
style={{fontFamily: "'Atomic Age', cursive"}}
102107
>
103108
<div className="flex items-center">
104109
<Globe className="mr-2 h-5 w-5" />
@@ -141,7 +146,7 @@ const MobileNav = ({ isMenuOpen, setIsMenuOpen }: MobileNavProps) => {
141146
)}
142147
</div>
143148

144-
<Button className="bg-alien-green hover:bg-alien-green-light text-alien-gold font-atomic rounded-full mt-4 flex items-center gap-2 font-bold">
149+
<Button className="bg-alien-green hover:bg-alien-green-light text-alien-gold rounded-full mt-4 flex items-center gap-2 font-bold" style={{fontFamily: "'Atomic Age', cursive"}}>
145150
<img
146151
src="/lovable-uploads/e2d45b36-c4c1-4b45-953d-5376a5f5b6cc.png"
147152
alt="Wallet"

‎src/components/Header/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ const Header = () => {
1616
const isMobile = useIsMobile();
1717

1818
if (isMobile === undefined) {
19-
return <div className="bg-alien-space-dark h-16 w-full flex items-center justify-center">Cargando...</div>;
19+
return <div className="bg-alien-space-dark h-16 w-full flex items-center justify-center" style={{fontFamily: "'Atomic Age', cursive"}}>Cargando...</div>;
2020
}
2121

2222
return (

‎src/global.css‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,12 @@ main {
6767

6868
/* Ensure fonts apply correctly */
6969
h1, h2, h3, h4, h5, h6, .font-atomic {
70-
font-family: 'Atomic Age', system-ui, sans-serif !important;
70+
font-family: 'Atomic Age', cursive !important;
71+
}
72+
73+
/* Force the Atomic Age font to appear correctly */
74+
.force-atomic {
75+
font-family: 'Atomic Age', cursive !important;
7176
}
7277

7378
/* Alignment correction for sections */

‎src/pages/Index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ const Index: React.FC = () => {
2323
<div className="relative z-10">
2424
<Hero />
2525
<div className="container mx-auto text-center px-4 py-8 section-center">
26-
<h2 className="text-4xl md:text-5xl font-bold mb-4 text-alien-gold font-atomic">₿£€$$</h2>
26+
<h2 className="text-4xl md:text-5xl font-bold mb-4 text-alien-gold force-atomic" style={{fontFamily: "'Atomic Age', cursive"}}>₿£€$$</h2>
2727
</div>
2828
<FinancialFreedomSection />
2929
{/* StatsSection removed from here as its content has been moved to ParticipationSection */}

0 commit comments

Comments
 (0)