bender/04a2a8fa-a0ec-493b-bfcd-d8e8c4760813
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 07:03:15 +00:00
parent 430b239c6e
commit 8f044e8bc2
1 changed files with 18 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/app/page.tsx
View File

@@ -90,7 +90,7 @@ export default function LandingPage() {
data-section="countdown"
className="relative w-full py-20 px-6 overflow-hidden"
style={{
background: "radial-gradient(circle at 50% 50%, rgba(255, 107, 107, 0.1) 0%, transparent 70%)"}}
background: "radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 70%)"}}
>
<div className="max-w-4xl mx-auto">
<div className="flex items-center justify-center gap-4 mb-12">
@@ -109,10 +109,13 @@ export default function LandingPage() {
className="relative group backdrop-blur-xl bg-gradient-to-b from-white/20 to-white/5 border border-white/30 rounded-2xl p-4 md:p-6 text-center"
style={{
boxShadow:
"0 8px 32px rgba(255, 107, 107, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.2)"}}
"0 8px 32px rgba(255, 255, 255, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.2)"}}
>
<div className="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300" style={{
background: "radial-gradient(circle at 50% 0%, rgba(255, 107, 107, 0.3) 0%, transparent 70%)"}} />
<div
className="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"
style={{
background: "radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.3) 0%, transparent 70%)"}}
/>
<div className="relative">
<div className="text-4xl md:text-5xl font-bold text-accent mb-2">
{String(unit.value).padStart(2, "0")}
@@ -129,13 +132,13 @@ export default function LandingPage() {
<div id="email-capture" data-section="email-capture" className="relative w-full py-20 px-6">
<div className="max-w-2xl mx-auto">
<div className="backdrop-blur-xl bg-gradient-to-b from-white/20 to-white/5 border border-white/30 rounded-3xl p-8 md:p-12"
<div
className="backdrop-blur-xl bg-gradient-to-b from-white/20 to-white/5 border border-white/30 rounded-3xl p-8 md:p-12"
style={{
boxShadow:
"0 8px 32px rgba(255, 107, 107, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.2)"}}>
<h2 className="text-3xl md:text-4xl font-bold text-foreground mb-4 text-center">
GET EXCLUSIVE ACCESS
</h2>
"0 8px 32px rgba(255, 255, 255, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.2)"}}
>
<h2 className="text-3xl md:text-4xl font-bold text-foreground mb-4 text-center">GET EXCLUSIVE ACCESS</h2>
<p className="text-base md:text-lg text-foreground/70 text-center mb-8">
Join our waitlist and be among the first to experience UNBRKABLE
</p>
@@ -159,9 +162,7 @@ export default function LandingPage() {
JOIN WAITLIST
</button>
</form>
<p className="text-xs text-foreground/50 text-center">
✓ We respect your privacy. Unsubscribe at any time.
</p>
<p className="text-xs text-foreground/50 text-center">✓ We respect your privacy. Unsubscribe at any time.</p>
</div>
</div>
</div>
@@ -169,17 +170,17 @@ export default function LandingPage() {
<div id="video-teaser" data-section="video-teaser" className="relative w-full py-20 px-6">
<div className="max-w-4xl mx-auto">
<div className="text-center mb-12">
<h2 className="text-3xl md:text-4xl font-bold text-foreground mb-4">
UNBREAKABLE RESILIENCE
</h2>
<h2 className="text-3xl md:text-4xl font-bold text-foreground mb-4">UNBREAKABLE RESILIENCE</h2>
<p className="text-base md:text-lg text-foreground/70">
Designed for those who never back down. Premium streetwear built to last through anything.
</p>
</div>
<div className="backdrop-blur-xl bg-gradient-to-b from-white/10 to-white/5 border border-white/30 rounded-3xl overflow-hidden"
<div
className="backdrop-blur-xl bg-gradient-to-b from-white/10 to-white/5 border border-white/30 rounded-3xl overflow-hidden"
style={{
boxShadow:
"0 8px 32px rgba(255, 107, 107, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.2)"}}>
"0 8px 32px rgba(255, 255, 255, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.2)"}}
>
<div className="aspect-video bg-gradient-to-b from-black/40 to-black/60 flex items-center justify-center">
<div className="text-center text-white">
<svg className="w-20 h-20 mx-auto mb-4 opacity-80" fill="currentColor" viewBox="0 0 20 20">