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

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_4
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

6 Commits
version_2 ... version_4

Author SHA1 Message Date
bender
42485fc2cf Update src/app/styles/variables.css 2026-03-03 07:03:16 +00:00
bender
8f044e8bc2 Update src/app/page.tsx 2026-03-03 07:03:15 +00:00
bender
430b239c6e Update src/app/layout.tsx 2026-03-03 07:03:15 +00:00
bender
2f20d938ed Merge version_3 into main 
Merge version_3 into main
 2026-03-03 06:58:27 +00:00
bender
9e29cbaa8c Update src/app/page.tsx 2026-03-03 06:58:23 +00:00
bender
40d895e222 Merge version_2 into main 
Merge version_2 into main
 2026-03-03 06:53:30 +00:00
3 changed files with 26 additions and 27 deletions
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}

37
src/app/page.tsx
View File

@@ -76,7 +76,7 @@ export default function LandingPage() {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7wU63U5Z6xUyQgGM5ThlIUPo/uploaded-1772520151997-tdn3qcwt.png", imageAlt: "UNBRKABLE Logo"},
]}
buttonAnimation="slide-up"
buttons={[{ text: "BE THE FIRST TO KNOW", href: "#email-capture" }]}
buttons={[{ text: "JOIN WAITLIST NOW", href: "#email-capture" }]}
className="min-h-screen flex items-center justify-center"
containerClassName="max-w-6xl mx-auto px-6"
titleClassName="text-6xl md:text-8xl font-bold tracking-wider mb-8 drop-shadow-2xl"
@@ -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);