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

Merge version_4 into main

Browse Source 
Merge version_4 into main
This commit was merged in pull request #7.
This commit is contained in:
bender
2026-03-03 07:03:21 +00:00
parent 2f20d938ed 42485fc2cf
commit 820d7dc829
3 changed files with 25 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/layout.tsx
View File

@@ -35,9 +35,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${dmSans.variable} ${inter.variable} antialiased`}
>
<body className={`${dmSans.variable} ${inter.variable} antialiased`}>
<Tag />
{children}

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">

12
src/app/styles/variables.css
View File

@@ -5,20 +5,20 @@
/* --background: #000000;;
--card: #0c0c0c;;
--foreground: #ffffff;;
--primary-cta: #ff6b6b;;
--primary-cta: #ffffff;;
--secondary-cta: #000000;;
--accent: #ff6b6b;;
--background-accent: #ff6b6b;; */
--accent: #ffffff;;
--background-accent: #ffffff;; */
--background: #000000;;
--card: #0c0c0c;;
--foreground: #ffffff;;
--primary-cta: #ff6b6b;;
--primary-cta: #ffffff;;
--primary-cta-text: #f5f4ef;;
--secondary-cta: #000000;;
--secondary-cta-text: #2a2928;;
--accent: #ff6b6b;;
--background-accent: #ff6b6b;;
--accent: #ffffff;;
--background-accent: #ffffff;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);