The following URL (usually /.git/config) is publicly accessible and is leaking source code and repository configuration.
Severity: medium
Fingerprint: 2580fa947178c88602b1737db148c044b81b03713d63bb82370a6522adfd6d1e
[core] repositoryformatversion = 0 filemode = true bare = false logallrefupdates = true [remote "origin"] url = https://github.com/AlmanzaAlejandro/Massimo fetch = +refs/heads/*:refs/remotes/origin/* [gc] auto = 0 [http "https://github.com/"] extraheader = AUTHORIZATION: basic eC1hY2Nlc3MtdG9rZW46Z2hzX1UyYzB0d3lLMVB0MkpiQmlaYjEwTFVESDlHSUhleTNNdktlcw== [branch "clean-start"] remote = origin merge = refs/heads/clean-start
Severity: medium
Fingerprint: 2580fa947178c88602b1737db148c044b81b03713d63bb82370a65222d68c1af
[core] repositoryformatversion = 0 filemode = true bare = false logallrefupdates = true [remote "origin"] url = https://github.com/AlmanzaAlejandro/Massimo fetch = +refs/heads/*:refs/remotes/origin/* [gc] auto = 0 [http "https://github.com/"] extraheader = AUTHORIZATION: basic eC1hY2Nlc3MtdG9rZW46Z2hzX3pDdDJwN3JwNDIzYllzaHJPRjVuOTkybUJITHVDeTJWVmVYZg== [branch "clean-start"] remote = origin merge = refs/heads/clean-start
Severity: medium
Fingerprint: 2580fa947178c88602b1737db148c044b81b03713d63bb82370a65227676e550
[core] repositoryformatversion = 0 filemode = true bare = false logallrefupdates = true [remote "origin"] url = https://github.com/AlmanzaAlejandro/Massimo fetch = +refs/heads/*:refs/remotes/origin/* [gc] auto = 0 [http "https://github.com/"] extraheader = AUTHORIZATION: basic eC1hY2Nlc3MtdG9rZW46Z2hzXzlLekhhTnNBcGtlSWFoM2FvbE05OVFPNXBKcUV5bDFJTVNGVg== [branch "clean-start"] remote = origin merge = refs/heads/clean-start
Severity: medium
Fingerprint: 2580fa947178c88602b1737db148c044b81b03713d63bb82370a652218ac5257
[core] repositoryformatversion = 0 filemode = true bare = false logallrefupdates = true [remote "origin"] url = https://github.com/AlmanzaAlejandro/Massimo fetch = +refs/heads/*:refs/remotes/origin/* [gc] auto = 0 [http "https://github.com/"] extraheader = AUTHORIZATION: basic eC1hY2Nlc3MtdG9rZW46Z2hzX0hFYUxiTW9OMEl6dURJRlZMQ0x3S21HeFVJaGl4dzNNTmJlWQ== [branch "clean-start"] remote = origin merge = refs/heads/clean-start
Open service 20.101.2.157:443 · massimodicapua.com
2026-01-09 04:41
HTTP/1.1 200 OK
Content-Length: 14656
Connection: close
Content-Type: text/html
Date: Fri, 09 Jan 2026 04:42:09 GMT
Cache-Control: public, must-revalidate, max-age=30
ETag: "20429186"
Last-Modified: Mon, 29 Dec 2025 01:16:45 GMT
Strict-Transport-Security: max-age=10886400; includeSubDomains; preload
Referrer-Policy: same-origin
X-Content-Type-Options: nosniff
X-XSS-Protection: 1; mode=block
X-DNS-Prefetch-Control: off
Page title: Massimo Di Capua
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="robots" content="noindex, nofollow">
<title>Massimo Di Capua</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"/>
<link rel="stylesheet" href="styles.css"/>
</head>
<script>
document.addEventListener('contextmenu', event => event.preventDefault());
document.addEventListener('dragstart', event => event.preventDefault());
document.addEventListener('keydown', event => {
if (event.ctrlKey && (event.key === 's' || event.key === 'u' || event.key === 'p')) {
event.preventDefault();
}
});
</script>
<script>
document.querySelectorAll('img.protected').forEach(img => {
img.addEventListener('contextmenu', e => {
e.preventDefault();
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
ctx.drawImage(img, 0, 0);
ctx.font = '48px Poppins';
ctx.fillStyle = 'rgba(255,255,255,0.3)';
ctx.textAlign = 'center';
ctx.fillText('© Massimo Di Capua', canvas.width / 2, canvas.height - 50);
const watermarked = canvas.toDataURL('image/jpeg');
const link = document.createElement('a');
link.href = watermarked;
link.download = 'Massimo_Di_Capua_Artwork.jpg';
link.click();
});
});
</script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const btn = document.getElementById("readMoreBtn");
const bio = document.getElementById("bio-text");
const fade = document.getElementById("bio-fade");
const arrow = document.getElementById("arrow");
const text = document.getElementById("readMoreText");
let expanded = false;
btn.addEventListener("click", () => {
expanded = !expanded;
if (expanded) {
bio.style.maxHeight = bio.scrollHeight + "px";
fade.style.opacity = "0";
text.textContent = "Read less";
arrow.style.transform = "rotate(180deg)";
} else {
bio.style.maxHeight = "220px";
fade.style.opacity = "1";
text.textContent = "Read more";
arrow.style.transform = "rotate(0deg)";
}
});
});
</script>
<body class="bg-black text-white font-[Poppins]">
<!-- Header -->
<header class="bg-black/90 backdrop-blur-md shadow-md fixed top-0 left-0 w-full z-50">
<nav class="container mx-auto px-6 py-4 flex justify-between items-center">
<div class="flex items-center space-x-2">
<span class="text-xl font-bold text-white">Massimo Di</span>
<span class="text-xl font-bold text-gray-400">Capua</span>
</div>
<ul class="hidden md:flex space-x-8">
<li><a href="#home" class="hover:text-amber-400 transition">Home</a></li>
<li><a href="gallery.html" class="hover:text-amber-400 transition">Gallery</a></li>
<li><a href="#biography" class="hover:text-amber-400 transition">Biography</a></li>
<li><a href="#blog" class="hover:text-amber-400 transition">Blog</a></li>
<li><a href="#contact" class="hover:text-amber-400 transition">Contact</a></li>
</ul>
</nav>
</header>
<!-- Hero (solo el video) -->
<section id="home" class="relative h-[80vh] flex justify-center items-center overflow-hidden fade-in mt-[80px]">
<video autoplay muted loop playsinline class="absolute inset-0 w-full h-full object-cover brightness-125 saturate-150">
<source src="https://massimodicapua.blob.core.windows.net/gallery/MOVIE%20web%20Front%20Page.mp4?sp=r&st=2025-10-21T23:27:54Z&se=2026-10-23T07:42:54Z&sv=2024-11-04&sr=b&sig=sQfX6hminX104NVPMJq056bsvw%2FF%2FFzjAIq%2FF7R%2FjAo%3D" type="video/mp4">
Tu navegador no soporta video en HTML5
Open service 20.101.2.157:443 · massimodicapua.com
2026-01-02 12:36
HTTP/1.1 200 OK
Content-Length: 14656
Connection: close
Content-Type: text/html
Date: Fri, 02 Jan 2026 12:36:27 GMT
Cache-Control: public, must-revalidate, max-age=30
ETag: "20429186"
Last-Modified: Mon, 29 Dec 2025 01:16:45 GMT
Strict-Transport-Security: max-age=10886400; includeSubDomains; preload
Referrer-Policy: same-origin
X-Content-Type-Options: nosniff
X-XSS-Protection: 1; mode=block
X-DNS-Prefetch-Control: off
Page title: Massimo Di Capua
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="robots" content="noindex, nofollow">
<title>Massimo Di Capua</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"/>
<link rel="stylesheet" href="styles.css"/>
</head>
<script>
document.addEventListener('contextmenu', event => event.preventDefault());
document.addEventListener('dragstart', event => event.preventDefault());
document.addEventListener('keydown', event => {
if (event.ctrlKey && (event.key === 's' || event.key === 'u' || event.key === 'p')) {
event.preventDefault();
}
});
</script>
<script>
document.querySelectorAll('img.protected').forEach(img => {
img.addEventListener('contextmenu', e => {
e.preventDefault();
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
ctx.drawImage(img, 0, 0);
ctx.font = '48px Poppins';
ctx.fillStyle = 'rgba(255,255,255,0.3)';
ctx.textAlign = 'center';
ctx.fillText('© Massimo Di Capua', canvas.width / 2, canvas.height - 50);
const watermarked = canvas.toDataURL('image/jpeg');
const link = document.createElement('a');
link.href = watermarked;
link.download = 'Massimo_Di_Capua_Artwork.jpg';
link.click();
});
});
</script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const btn = document.getElementById("readMoreBtn");
const bio = document.getElementById("bio-text");
const fade = document.getElementById("bio-fade");
const arrow = document.getElementById("arrow");
const text = document.getElementById("readMoreText");
let expanded = false;
btn.addEventListener("click", () => {
expanded = !expanded;
if (expanded) {
bio.style.maxHeight = bio.scrollHeight + "px";
fade.style.opacity = "0";
text.textContent = "Read less";
arrow.style.transform = "rotate(180deg)";
} else {
bio.style.maxHeight = "220px";
fade.style.opacity = "1";
text.textContent = "Read more";
arrow.style.transform = "rotate(0deg)";
}
});
});
</script>
<body class="bg-black text-white font-[Poppins]">
<!-- Header -->
<header class="bg-black/90 backdrop-blur-md shadow-md fixed top-0 left-0 w-full z-50">
<nav class="container mx-auto px-6 py-4 flex justify-between items-center">
<div class="flex items-center space-x-2">
<span class="text-xl font-bold text-white">Massimo Di</span>
<span class="text-xl font-bold text-gray-400">Capua</span>
</div>
<ul class="hidden md:flex space-x-8">
<li><a href="#home" class="hover:text-amber-400 transition">Home</a></li>
<li><a href="gallery.html" class="hover:text-amber-400 transition">Gallery</a></li>
<li><a href="#biography" class="hover:text-amber-400 transition">Biography</a></li>
<li><a href="#blog" class="hover:text-amber-400 transition">Blog</a></li>
<li><a href="#contact" class="hover:text-amber-400 transition">Contact</a></li>
</ul>
</nav>
</header>
<!-- Hero (solo el video) -->
<section id="home" class="relative h-[80vh] flex justify-center items-center overflow-hidden fade-in mt-[80px]">
<video autoplay muted loop playsinline class="absolute inset-0 w-full h-full object-cover brightness-125 saturate-150">
<source src="https://massimodicapua.blob.core.windows.net/gallery/MOVIE%20web%20Front%20Page.mp4?sp=r&st=2025-10-21T23:27:54Z&se=2026-10-23T07:42:54Z&sv=2024-11-04&sr=b&sig=sQfX6hminX104NVPMJq056bsvw%2FF%2FFzjAIq%2FF7R%2FjAo%3D" type="video/mp4">
Tu navegador no soporta video en HTML5
Open service 20.101.2.157:443 · massimodicapua.com
2025-12-30 11:34
HTTP/1.1 200 OK
Content-Length: 14656
Connection: close
Content-Type: text/html
Date: Tue, 30 Dec 2025 11:34:42 GMT
Cache-Control: public, must-revalidate, max-age=30
ETag: "20429186"
Last-Modified: Mon, 29 Dec 2025 01:16:45 GMT
Strict-Transport-Security: max-age=10886400; includeSubDomains; preload
Referrer-Policy: same-origin
X-Content-Type-Options: nosniff
X-XSS-Protection: 1; mode=block
X-DNS-Prefetch-Control: off
Page title: Massimo Di Capua
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="robots" content="noindex, nofollow">
<title>Massimo Di Capua</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"/>
<link rel="stylesheet" href="styles.css"/>
</head>
<script>
document.addEventListener('contextmenu', event => event.preventDefault());
document.addEventListener('dragstart', event => event.preventDefault());
document.addEventListener('keydown', event => {
if (event.ctrlKey && (event.key === 's' || event.key === 'u' || event.key === 'p')) {
event.preventDefault();
}
});
</script>
<script>
document.querySelectorAll('img.protected').forEach(img => {
img.addEventListener('contextmenu', e => {
e.preventDefault();
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
ctx.drawImage(img, 0, 0);
ctx.font = '48px Poppins';
ctx.fillStyle = 'rgba(255,255,255,0.3)';
ctx.textAlign = 'center';
ctx.fillText('© Massimo Di Capua', canvas.width / 2, canvas.height - 50);
const watermarked = canvas.toDataURL('image/jpeg');
const link = document.createElement('a');
link.href = watermarked;
link.download = 'Massimo_Di_Capua_Artwork.jpg';
link.click();
});
});
</script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const btn = document.getElementById("readMoreBtn");
const bio = document.getElementById("bio-text");
const fade = document.getElementById("bio-fade");
const arrow = document.getElementById("arrow");
const text = document.getElementById("readMoreText");
let expanded = false;
btn.addEventListener("click", () => {
expanded = !expanded;
if (expanded) {
bio.style.maxHeight = bio.scrollHeight + "px";
fade.style.opacity = "0";
text.textContent = "Read less";
arrow.style.transform = "rotate(180deg)";
} else {
bio.style.maxHeight = "220px";
fade.style.opacity = "1";
text.textContent = "Read more";
arrow.style.transform = "rotate(0deg)";
}
});
});
</script>
<body class="bg-black text-white font-[Poppins]">
<!-- Header -->
<header class="bg-black/90 backdrop-blur-md shadow-md fixed top-0 left-0 w-full z-50">
<nav class="container mx-auto px-6 py-4 flex justify-between items-center">
<div class="flex items-center space-x-2">
<span class="text-xl font-bold text-white">Massimo Di</span>
<span class="text-xl font-bold text-gray-400">Capua</span>
</div>
<ul class="hidden md:flex space-x-8">
<li><a href="#home" class="hover:text-amber-400 transition">Home</a></li>
<li><a href="gallery.html" class="hover:text-amber-400 transition">Gallery</a></li>
<li><a href="#biography" class="hover:text-amber-400 transition">Biography</a></li>
<li><a href="#blog" class="hover:text-amber-400 transition">Blog</a></li>
<li><a href="#contact" class="hover:text-amber-400 transition">Contact</a></li>
</ul>
</nav>
</header>
<!-- Hero (solo el video) -->
<section id="home" class="relative h-[80vh] flex justify-center items-center overflow-hidden fade-in mt-[80px]">
<video autoplay muted loop playsinline class="absolute inset-0 w-full h-full object-cover brightness-125 saturate-150">
<source src="https://massimodicapua.blob.core.windows.net/gallery/MOVIE%20web%20Front%20Page.mp4?sp=r&st=2025-10-21T23:27:54Z&se=2026-10-23T07:42:54Z&sv=2024-11-04&sr=b&sig=sQfX6hminX104NVPMJq056bsvw%2FF%2FFzjAIq%2FF7R%2FjAo%3D" type="video/mp4">
Tu navegador no soporta video en HTML5
Open service 20.101.2.157:443 · massimodicapua.com
2025-12-22 10:55
HTTP/1.1 200 OK
Content-Length: 8170
Connection: close
Content-Type: text/html
Date: Mon, 22 Dec 2025 10:55:58 GMT
Cache-Control: public, must-revalidate, max-age=30
ETag: "72527432"
Last-Modified: Sat, 29 Nov 2025 20:22:38 GMT
Strict-Transport-Security: max-age=10886400; includeSubDomains; preload
Referrer-Policy: same-origin
X-Content-Type-Options: nosniff
X-XSS-Protection: 1; mode=block
X-DNS-Prefetch-Control: off
Page title: Massimo Di Capua
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="robots" content="noindex, nofollow">
<title>Massimo Di Capua</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"/>
<link rel="stylesheet" href="styles.css"/>
</head>
<script>
document.addEventListener('contextmenu', event => event.preventDefault());
document.addEventListener('dragstart', event => event.preventDefault());
document.addEventListener('keydown', event => {
if (event.ctrlKey && (event.key === 's' || event.key === 'u' || event.key === 'p')) {
event.preventDefault();
}
});
</script>
<script>
document.querySelectorAll('img.protected').forEach(img => {
img.addEventListener('contextmenu', e => {
e.preventDefault();
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
ctx.drawImage(img, 0, 0);
ctx.font = '48px Poppins';
ctx.fillStyle = 'rgba(255,255,255,0.3)';
ctx.textAlign = 'center';
ctx.fillText('© Massimo Di Capua', canvas.width / 2, canvas.height - 50);
const watermarked = canvas.toDataURL('image/jpeg');
const link = document.createElement('a');
link.href = watermarked;
link.download = 'Massimo_Di_Capua_Artwork.jpg';
link.click();
});
});
</script>
<body class="bg-black text-white font-[Poppins]">
<!-- Header -->
<header class="bg-black/90 backdrop-blur-md shadow-md fixed top-0 left-0 w-full z-50">
<nav class="container mx-auto px-6 py-4 flex justify-between items-center">
<div class="flex items-center space-x-2">
<span class="text-xl font-bold text-white">Massimo Di</span>
<span class="text-xl font-bold text-gray-400">Capua</span>
</div>
<ul class="hidden md:flex space-x-8">
<li><a href="#home" class="hover:text-amber-400 transition">Home</a></li>
<li><a href="gallery.html" class="hover:text-amber-400 transition">Gallery</a></li>
<li><a href="#biography" class="hover:text-amber-400 transition">Biography</a></li>
<li><a href="#contact" class="hover:text-amber-400 transition">Contact</a></li>
</ul>
</nav>
</header>
<!-- Hero (solo el video) -->
<section id="home" class="relative h-[80vh] flex justify-center items-center overflow-hidden fade-in mt-[80px]">
<video autoplay muted loop playsinline class="absolute inset-0 w-full h-full object-cover brightness-125 saturate-150">
<source src="https://massimodicapua.blob.core.windows.net/gallery/MOVIE%20web%20Front%20Page.mp4?sp=r&st=2025-10-21T23:27:54Z&se=2026-10-23T07:42:54Z&sv=2024-11-04&sr=b&sig=sQfX6hminX104NVPMJq056bsvw%2FF%2FFzjAIq%2FF7R%2FjAo%3D" type="video/mp4">
Tu navegador no soporta video en HTML5.
</video>
<div class="absolute inset-0 bg-black bg-opacity-40"></div>
</section>
<!-- Texto debajo del video -->
<section class="text-center py-16 px-6 bg-black fade-in">
<h1 class="text-4xl md:text-6xl font-bold mb-4 leading-tight">Discover the Art of<br><span class="text-amber-400">Massimo Di Capua</span></h1>
<p class="text-lg md:text-xl mb-8 text-gray-300">Explore captivating portraits and landscapes</p>
<a href="gallery.html" class="bg-amber-500 hover:bg-amber-600 text-white font-semibold py-3 px-10 rounded-full shadow-lg transition duration-300">
Enter Virtual Gallery
</a>
</section>
<!-- Artist Biography Section -->
<section id="biography" class="bg-black py-16 px-6 fade-in">
<div class="container mx-auto md:flex md:space-x-12 items-start">
<!-- Imagen -->
<div class="md:w-1/2 mb-8 md:mb-0 rounded-xl overflow-hidden shadow-lg slide-left">
<img src=
Open service 20.101.2.157:443 · massimodicapua.com
2025-12-21 05:07
HTTP/1.1 200 OK
Content-Length: 8170
Connection: close
Content-Type: text/html
Date: Sun, 21 Dec 2025 05:07:47 GMT
Cache-Control: public, must-revalidate, max-age=30
ETag: "72527432"
Last-Modified: Sat, 29 Nov 2025 20:22:38 GMT
Strict-Transport-Security: max-age=10886400; includeSubDomains; preload
Referrer-Policy: same-origin
X-Content-Type-Options: nosniff
X-XSS-Protection: 1; mode=block
X-DNS-Prefetch-Control: off
Page title: Massimo Di Capua
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="robots" content="noindex, nofollow">
<title>Massimo Di Capua</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"/>
<link rel="stylesheet" href="styles.css"/>
</head>
<script>
document.addEventListener('contextmenu', event => event.preventDefault());
document.addEventListener('dragstart', event => event.preventDefault());
document.addEventListener('keydown', event => {
if (event.ctrlKey && (event.key === 's' || event.key === 'u' || event.key === 'p')) {
event.preventDefault();
}
});
</script>
<script>
document.querySelectorAll('img.protected').forEach(img => {
img.addEventListener('contextmenu', e => {
e.preventDefault();
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
ctx.drawImage(img, 0, 0);
ctx.font = '48px Poppins';
ctx.fillStyle = 'rgba(255,255,255,0.3)';
ctx.textAlign = 'center';
ctx.fillText('© Massimo Di Capua', canvas.width / 2, canvas.height - 50);
const watermarked = canvas.toDataURL('image/jpeg');
const link = document.createElement('a');
link.href = watermarked;
link.download = 'Massimo_Di_Capua_Artwork.jpg';
link.click();
});
});
</script>
<body class="bg-black text-white font-[Poppins]">
<!-- Header -->
<header class="bg-black/90 backdrop-blur-md shadow-md fixed top-0 left-0 w-full z-50">
<nav class="container mx-auto px-6 py-4 flex justify-between items-center">
<div class="flex items-center space-x-2">
<span class="text-xl font-bold text-white">Massimo Di</span>
<span class="text-xl font-bold text-gray-400">Capua</span>
</div>
<ul class="hidden md:flex space-x-8">
<li><a href="#home" class="hover:text-amber-400 transition">Home</a></li>
<li><a href="gallery.html" class="hover:text-amber-400 transition">Gallery</a></li>
<li><a href="#biography" class="hover:text-amber-400 transition">Biography</a></li>
<li><a href="#contact" class="hover:text-amber-400 transition">Contact</a></li>
</ul>
</nav>
</header>
<!-- Hero (solo el video) -->
<section id="home" class="relative h-[80vh] flex justify-center items-center overflow-hidden fade-in mt-[80px]">
<video autoplay muted loop playsinline class="absolute inset-0 w-full h-full object-cover brightness-125 saturate-150">
<source src="https://massimodicapua.blob.core.windows.net/gallery/MOVIE%20web%20Front%20Page.mp4?sp=r&st=2025-10-21T23:27:54Z&se=2026-10-23T07:42:54Z&sv=2024-11-04&sr=b&sig=sQfX6hminX104NVPMJq056bsvw%2FF%2FFzjAIq%2FF7R%2FjAo%3D" type="video/mp4">
Tu navegador no soporta video en HTML5.
</video>
<div class="absolute inset-0 bg-black bg-opacity-40"></div>
</section>
<!-- Texto debajo del video -->
<section class="text-center py-16 px-6 bg-black fade-in">
<h1 class="text-4xl md:text-6xl font-bold mb-4 leading-tight">Discover the Art of<br><span class="text-amber-400">Massimo Di Capua</span></h1>
<p class="text-lg md:text-xl mb-8 text-gray-300">Explore captivating portraits and landscapes</p>
<a href="gallery.html" class="bg-amber-500 hover:bg-amber-600 text-white font-semibold py-3 px-10 rounded-full shadow-lg transition duration-300">
Enter Virtual Gallery
</a>
</section>
<!-- Artist Biography Section -->
<section id="biography" class="bg-black py-16 px-6 fade-in">
<div class="container mx-auto md:flex md:space-x-12 items-start">
<!-- Imagen -->
<div class="md:w-1/2 mb-8 md:mb-0 rounded-xl overflow-hidden shadow-lg slide-left">
<img src=