Skip to content

Commit 26e6511

Browse files
Visual edit in Lovable
Edited UI in Lovable
1 parent 89b6bcd commit 26e6511

File tree

1 file changed

+15
-20
lines changed

1 file changed

+15
-20
lines changed

src/pages/AlienTrip.tsx

Lines changed: 15 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import StarBackground from '@/components/StarBackground';
33
import { Rocket, Star, Clock, ScrollText, BookOpen, PieChart } from 'lucide-react';
44
import { Button } from '@/components/ui/button';
55
import { Popover, PopoverTrigger, PopoverContent } from "@/components/ui/popover";
6-
76
const AlienTrip: React.FC = () => {
87
const roadmapEvents = [{
98
quarter: "Q3 2025",
@@ -61,23 +60,21 @@ const AlienTrip: React.FC = () => {
6160
value: 10,
6261
color: "#E91E63"
6362
}];
64-
return (
65-
<div className="relative flex flex-col flex-1">
63+
return <div className="relative flex flex-col flex-1">
6664
{/* Cosmic microwave background radiation */}
67-
<div
68-
className="fixed inset-0 pointer-events-none"
69-
style={{
70-
backgroundImage: `url('/lovable-uploads/74c23ca3-be80-46d6-9817-d6a5cde81736.png')`,
71-
backgroundSize: 'cover',
72-
backgroundPosition: 'center',
73-
backgroundRepeat: 'no-repeat',
74-
opacity: 0.7,
75-
zIndex: -30
76-
}}
77-
/>
65+
<div className="fixed inset-0 pointer-events-none" style={{
66+
backgroundImage: `url('/lovable-uploads/74c23ca3-be80-46d6-9817-d6a5cde81736.png')`,
67+
backgroundSize: 'cover',
68+
backgroundPosition: 'center',
69+
backgroundRepeat: 'no-repeat',
70+
opacity: 0.7,
71+
zIndex: -30
72+
}} />
7873

7974
{/* Star background effect */}
80-
<div className="fixed inset-0 pointer-events-none" style={{ zIndex: -20 }}>
75+
<div className="fixed inset-0 pointer-events-none" style={{
76+
zIndex: -20
77+
}}>
8178
<StarBackground />
8279
</div>
8380

@@ -114,7 +111,7 @@ const AlienTrip: React.FC = () => {
114111
</div>
115112
<div className="bg-alien-space-dark/50 rounded-lg p-6 backdrop-blur-md">
116113
<h2 className="text-2xl font-bold text-alien-green mb-4 font-nasalization">Crypto Mint NFT</h2>
117-
<p className="text-gray-300 mb-6 font-[Exo]">
114+
<p className="mb-6 font-[Exo] text-alien-gold">
118115
Secure your place in our cosmic ecosystem by minting an ΔlieπFlΦw $pac€ DAO Passport, granting you early access to all present and future features and governance rights.
119116
</p>
120117
<div className="bg-alien-space-light rounded-lg p-4 mb-6">
@@ -268,8 +265,6 @@ const AlienTrip: React.FC = () => {
268265
</div>
269266
</div>
270267
</main>
271-
</div>
272-
);
268+
</div>;
273269
};
274-
275-
export default AlienTrip;
270+
export default AlienTrip;

0 commit comments

Comments
 (0)