ourworld_web/hero_web_try1
26
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

...

Browse Source
This commit is contained in:
despiegk 2025-08-03 07:41:42 +02:00
parent 72599a9f09
commit 8efd162ac3
5 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/HeroSection.jsx
View File

@ -31,7 +31,7 @@ const HeroSection = ({
backgroundColor: '#000'
}}
>
<div className="absolute inset-0 bg-black/60"></div>
<div className="absolute inset-0 bg-black/30"></div>
</div>
)}
</div>

4
src/pages/Blog.jsx
View File

@ -7,7 +7,7 @@ import { Button } from '@/components/ui/button';
// Import images
import blogBackground from '../assets/myhero.jpg'; // HERO background with panning effect
import post1Image from '../assets/person.jpg'; // Emotional tech
import post1Image from '../assets/heart.jpg'; // Emotional tech
import post2Image from '../assets/balls.jpg'; // AI Agent creation
import post3Image from '../assets/white_keyb.jpg'; // Digital privacy
@ -234,7 +234,7 @@ const Blog = () => {
alt={post.title}
className="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-300"
/>
<div className="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div>
<div className="absolute inset-0"></div>
</div>
<div className="p-6">

2
src/pages/Home.jsx
View File

@ -134,7 +134,7 @@ const Home = () => {
alt="Digital Human Connection"
className="w-full rounded-2xl shadow-2xl hover-lift"
/>
<div className="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent rounded-2xl"></div>
<div className="absolute inset-0 rounded-2xl"></div>
</motion.div>
</div>
</Section>

3
src/pages/How.jsx
View File

@ -81,7 +81,7 @@ const How = () => {
/>
{/* How It Works Section */}
<Section background="gradient" padding="xlarge">
<Section padding="xlarge">
<div className="text-center mb-16">
<motion.h2
className="text-4xl md:text-5xl font-bold text-white mb-6"
@ -163,7 +163,6 @@ const How = () => {
alt="Blockchain Network Visualization"
className="w-full rounded-2xl shadow-2xl hover-lift"
/>
<div className="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent rounded-2xl"></div>
</motion.div>
</div>
</Section>

2
src/pages/Technology.jsx
View File

@ -325,7 +325,7 @@ const Technology = () => {
alt="Security Architecture"
className="w-full rounded-2xl shadow-2xl hover-lift"
/>
<div className="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent rounded-2xl"></div>
<div className="absolute inset-0 rounded-2xl"></div>
</motion.div>
</div>
</Section>