nfel/podzahr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

main: vibe coded app to feel like paper

Browse Source 
Signed-off-by: nfel <nfilsaraee@gmail.com>
This commit is contained in:
nfel
2025-12-30 00:00:16 +03:30
parent acbaebb947
commit 91c149e92e
27 changed files with 901 additions and 8696 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/page.tsx
+23 -27
View File
@@ -71,31 +71,27 @@ export default function Home() {
<main className="pt-20">
{/* Hero Section */}
<section className="min-h-[60vh] flex items-center justify-center px-4 md:px-8 relative overflow-hidden">
{/* Animated Background */}
<div className="absolute inset-0 overflow-hidden">
<div className="absolute top-1/4 left-1/4 w-96 h-96 bg-accent-cyan/10 rounded-full blur-3xl animate-pulse"></div>
<div className="absolute bottom-1/4 right-1/4 w-96 h-96 bg-accent-orange/10 rounded-full blur-3xl animate-pulse" style={{ animationDelay: '1s' }}></div>
</div>
<section className="min-h-[60vh] flex items-center justify-center px-4 md:px-8 relative">
<div className="relative z-10 text-center max-w-4xl mx-auto">
<h1 className="text-5xl md:text-7xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-accent-cyan via-white to-accent-orange mb-6">
Progressive Rock
<br />
Reimagined
</h1>
<p className="text-xl md:text-2xl text-gray-300 mb-8">
Explore intricate compositions and sonic landscapes
</p>
<button
onClick={() => {
const element = document.getElementById('albums');
element?.scrollIntoView({ behavior: 'smooth' });
}}
className="px-8 py-4 bg-gradient-to-r from-accent-cyan to-accent-orange hover:from-accent-cyan/80 hover:to-accent-orange/80 rounded-full font-semibold text-white transition-all glow-cyan text-lg"
>
Explore Albums
</button>
<div className="paper-card-dark p-8 md:p-12 cardboard-texture">
<h1 className="text-5xl md:text-7xl font-bold text-paper-light mb-6 tracking-tight">
Progressive Rock
<br />
Reimagined
</h1>
<p className="text-xl md:text-2xl text-paper-sand mb-8">
Explore intricate compositions and sonic landscapes
</p>
<button
onClick={() => {
const element = document.getElementById('albums');
element?.scrollIntoView({ behavior: 'smooth' });
}}
className="px-8 py-4 bg-paper-sand border-2 border-paper-dark hover:bg-paper-gray font-semibold text-paper-dark transition-all shadow-paper hover:shadow-paper-lg text-lg"
>
Explore Albums
</button>
</div>
</div>
</section>
@@ -110,12 +106,12 @@ export default function Home() {
/>
{/* Footer */}
<footer className="py-12 px-4 md:px-8 border-t border-white/10 mt-20">
<footer className="py-12 px-4 md:px-8 border-t-2 border-paper-brown mt-20">
<div className="max-w-7xl mx-auto text-center">
<p className="text-gray-400">
<p className="text-paper-dark font-medium">
&copy; {new Date().getFullYear()} Parsa. All rights reserved.
</p>
<p className="text-sm text-gray-500 mt-2">
<p className="text-sm text-paper-gray mt-2">
Progressive Rock Composer & Producer
</p>
</div>