Snigdha-OS/Snigdha-OS.github.io
2
0
Fork 0
mirror of https://github.com/Snigdha-OS/Snigdha-OS.github.io.git synced 2025-09-06 20:55:18 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

🚀 feat: change hero background

Browse Source
This commit is contained in:
RiO
2024-12-25 06:23:36 +05:30
parent 5784e6615a
commit c752d9417c
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/home/HeroSection.tsx
View File

@@ -5,7 +5,7 @@ import { Download, ChevronRight } from 'lucide-react';
export function HeroSection() { export function HeroSection() {
return ( return (
<section className="relative min-h-[90vh] flex items-center overflow-hidden bg-gradient-to-r from-gray-900 to-gray-800"> <section className="relative min-h-[90vh] flex items-center overflow-hidden bg-gradient-to-r from-gray-900 to-gray-800">
<div className="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1629654297299-c8506221ca97?auto=format&fit=crop&q=80')] bg-cover bg-center opacity-10" /> <div className="absolute inset-0 bg-[url('https://cdn.pixabay.com/photo/2022/05/29/04/35/trails-7228378_1280.jpg?auto=format&fit=crop&q=80')] bg-cover bg-center opacity-15" />
<div className="absolute inset-0 bg-gradient-to-b from-transparent to-gray-900/50" /> <div className="absolute inset-0 bg-gradient-to-b from-transparent to-gray-900/50" />
<div className="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div className="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">