Skip to content

Commit 7fb9f35

Browse files
lovable-dev[bot]lovable-dev[bot]
committed
Visual edit in Lovable
1 parent 90b535a commit 7fb9f35

File tree

6 files changed

+367
-304
lines changed

6 files changed

+367
-304
lines changed

‎src/components/EcosystemSection.tsx‎

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
1-
21
import React from 'react';
32
import { motion } from 'framer-motion';
43
import { Dna, Coins, Wifi, Beaker, Database, Shield, Leaf, Building, Share2, Landmark, ArrowRight } from 'lucide-react';
5-
64
const ecosystems = [{
75
id: 'biofi',
86
title: 'BioFi',
@@ -54,7 +52,6 @@ const ecosystems = [{
5452
description: 'Traditional finance integration and bridging.',
5553
icon: <Landmark className="h-8 w-8 text-alien-gold" />
5654
}];
57-
5855
const EcosystemCard = ({
5956
ecosystem,
6057
index
@@ -89,7 +86,6 @@ const EcosystemCard = ({
8986
</div>
9087
</motion.div>;
9188
};
92-
9389
const EcosystemSection = () => {
9490
return <section id="ecosystem" className="relative overflow-hidden cosmic-grid py-[30px] my-[10px]">
9591
<div className="container mx-auto px-4">
@@ -103,8 +99,8 @@ const EcosystemSection = () => {
10399
once: true,
104100
margin: "-100px"
105101
}} className="text-center mb-16">
106-
<h2 className="text-4xl font-bold mb-4 text-alien-gold text-glow font-nasalization">DAO Ecosystem</h2>
107-
<p className="text-xl text-gray-300 max-w-3xl mx-auto">ΔlieπFlΦw $pac€ bridges diverse decentralized domains into a coherent, interoperable ecosystem.</p>
102+
<h2 className="text-4xl font-bold mb-4 text-glow font-nasalization text-alien-green">DAO Ecosystem</h2>
103+
<p className="max-w-3xl mx-auto font-bold text-alien-gold text-[alien-gold-dark]">ΔlieπFlΦw $pac€ bridges diverse decentralized domains into a coherent, interoperable ecosystem.</p>
108104
</motion.div>
109105

110106
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-6">
@@ -113,5 +109,4 @@ const EcosystemSection = () => {
113109
</div>
114110
</section>;
115111
};
116-
117-
export default EcosystemSection;
112+
export default EcosystemSection;

‎src/components/ExploreSpacesSection.tsx‎

Lines changed: 28 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import React from 'react';
22
import { motion } from 'framer-motion';
33
import { Link } from 'react-router-dom';
44
import { Button } from './ui/button';
5-
65
const spaces = [{
76
id: 'academy',
87
title: 'Academy',
@@ -22,50 +21,50 @@ const spaces = [{
2221
icon: <img src="/lovable-uploads/CoNetWorKingLogo.png" alt="CoNetWorKing" className="h-10 w-10 object-contain" />,
2322
link: '/conetworking'
2423
}];
25-
2624
const ExploreSpacesSection = () => {
27-
return (
28-
<section className="py-24 relative overflow-hidden" data-section="explore-spaces">
25+
return <section className="py-24 relative overflow-hidden" data-section="explore-spaces">
2926
<div className="container mx-auto px-4">
30-
<motion.div
31-
initial={{ opacity: 0 }}
32-
whileInView={{ opacity: 1 }}
33-
transition={{ duration: 0.8 }}
34-
viewport={{ once: true }}
35-
className="text-center mb-16"
36-
>
37-
<h2 className="text-4xl font-bold mb-4 text-alien-green drop-shadow-[0_0_30px_rgba(3,255,25,0.6)] font-nasalization">Explore Spaces</h2>
38-
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
27+
<motion.div initial={{
28+
opacity: 0
29+
}} whileInView={{
30+
opacity: 1
31+
}} transition={{
32+
duration: 0.8
33+
}} viewport={{
34+
once: true
35+
}} className="text-center mb-16">
36+
<h2 className="text-4xl mb-4 text-alien-green drop-shadow-[0_0_30px_rgba(3,255,25,0.6)] font-nasalization font-extrabold">Explore Spaces</h2>
37+
<p className="max-w-3xl mx-auto font-bold text-alien-gold text-xl">
3938
Discover specialized environments designed to enhance your journey through the cosmos
4039
</p>
4140
</motion.div>
4241

4342
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
44-
{spaces.map((space, index) => (
45-
<motion.div
46-
key={space.id}
47-
initial={{ opacity: 0, y: 20 }}
48-
whileInView={{ opacity: 1, y: 0 }}
49-
transition={{ duration: 0.5, delay: index * 0.2 }}
50-
viewport={{ once: true }}
51-
className="card-border p-8 flex flex-col items-center text-center h-full"
52-
>
43+
{spaces.map((space, index) => <motion.div key={space.id} initial={{
44+
opacity: 0,
45+
y: 20
46+
}} whileInView={{
47+
opacity: 1,
48+
y: 0
49+
}} transition={{
50+
duration: 0.5,
51+
delay: index * 0.2
52+
}} viewport={{
53+
once: true
54+
}} className="card-border p-8 flex flex-col items-center text-center h-full">
5355
<div className="mb-6 p-4 bg-alien-space-dark rounded-full">
5456
{space.icon}
5557
</div>
5658
<h3 className="text-2xl font-bold mb-4 text-alien-gold font-nasalization">{space.title}</h3>
5759
<p className="text-gray-300 mb-8 flex-grow">{space.description}</p>
5860
<Link to={space.link}>
59-
<Button className="bg-alien-green hover:bg-alien-green-light text-alien-space-dark">
61+
<Button className="bg-alien-green hover:bg-alien-green-light text-alien-space-dark font-extrabold text-[alien-gold-dark] text-inherit">
6062
Enter {space.title}
6163
</Button>
6264
</Link>
63-
</motion.div>
64-
))}
65+
</motion.div>)}
6566
</div>
6667
</div>
67-
</section>
68-
);
68+
</section>;
6969
};
70-
71-
export default ExploreSpacesSection;
70+
export default ExploreSpacesSection;

‎src/components/FeaturesSection.tsx‎

Lines changed: 28 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
1-
21
import React from 'react';
32
import { motion } from 'framer-motion';
43
import { Globe, Shield, Users, Box, BarChart4 } from 'lucide-react';
5-
64
const features = [{
75
icon: <Box className="h-10 w-10" />,
86
title: "Cross-Chain Integration",
@@ -24,32 +22,36 @@ const features = [{
2422
title: "Transparent Analytics",
2523
description: "Access real-time data visualization and analytics on all ecosystem activity and performance."
2624
}];
27-
2825
const FeaturesSection = () => {
29-
return (
30-
<section className="py-20 relative overflow-hidden">
26+
return <section className="py-20 relative overflow-hidden">
3127
<div className="container mx-auto px-4 py-0 my-0">
32-
<motion.div
33-
initial={{ opacity: 0 }}
34-
whileInView={{ opacity: 1 }}
35-
transition={{ duration: 0.8 }}
36-
viewport={{ once: true }}
37-
className="text-center mb-16"
38-
>
39-
<h2 className="text-4xl font-bold mb-4 text-alien-gold text-glow font-nasalization">Advanced Features</h2>
40-
<p className="text-xl text-gray-300 max-w-3xl mx-auto">ΔlieπFlΦw $pac€ offers cutting-edge technologies to support our interstellar ecosystem</p>
28+
<motion.div initial={{
29+
opacity: 0
30+
}} whileInView={{
31+
opacity: 1
32+
}} transition={{
33+
duration: 0.8
34+
}} viewport={{
35+
once: true
36+
}} className="text-center mb-16">
37+
<h2 className="text-4xl font-bold mb-4 text-glow font-nasalization text-alien-green">Advanced Features</h2>
38+
<p className="max-w-3xl mx-auto font-bold text-[alien-gold-dark] text-alien-gold">ΔlieπFlΦw $pac€ offers cutting-edge technologies to support our interstellar ecosystem</p>
4139
</motion.div>
4240

4341
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
44-
{features.map((feature, index) => (
45-
<motion.div
46-
key={index}
47-
initial={{ opacity: 0, y: 20 }}
48-
whileInView={{ opacity: 1, y: 0 }}
49-
transition={{ duration: 0.5, delay: index * 0.1 }}
50-
viewport={{ once: true, margin: "-50px" }}
51-
className="card-border p-6 relative overflow-hidden group"
52-
>
42+
{features.map((feature, index) => <motion.div key={index} initial={{
43+
opacity: 0,
44+
y: 20
45+
}} whileInView={{
46+
opacity: 1,
47+
y: 0
48+
}} transition={{
49+
duration: 0.5,
50+
delay: index * 0.1
51+
}} viewport={{
52+
once: true,
53+
margin: "-50px"
54+
}} className="card-border p-6 relative overflow-hidden group">
5355
<div className="mb-6 p-4 rounded-full bg-gradient-to-br from-alien-gold-dark/20 to-alien-green-dark/20 w-fit">
5456
<div className="text-alien-gold group-hover:text-alien-green transition-colors duration-300">
5557
{feature.icon}
@@ -60,12 +62,9 @@ const FeaturesSection = () => {
6062
<p className="text-gray-300">{feature.description}</p>
6163

6264
<div className="absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-alien-gold to-alien-green scale-x-0 group-hover:scale-x-100 transition-transform duration-300 origin-left"></div>
63-
</motion.div>
64-
))}
65+
</motion.div>)}
6566
</div>
6667
</div>
67-
</section>
68-
);
68+
</section>;
6969
};
70-
71-
export default FeaturesSection;
70+
export default FeaturesSection;

0 commit comments

Comments
 (0)