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

4 Commits
version_3 ... 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
3 changed files with 25 additions and 26 deletions
Expand all files Collapse all files

4
src/app/layout.tsx
View File

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

35
src/app/page.tsx
View File

@@ -90,7 +90,7 @@ export default function LandingPage() {
data-section="countdown" data-section="countdown"
className="relative w-full py-20 px-6 overflow-hidden" className="relative w-full py-20 px-6 overflow-hidden"
style={{ 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="max-w-4xl mx-auto">
<div className="flex items-center justify-center gap-4 mb-12"> <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" 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={{ style={{
boxShadow: 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={{ <div
background: "radial-gradient(circle at 50% 0%, rgba(255, 107, 107, 0.3) 0%, transparent 70%)"}} /> 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="relative">
<div className="text-4xl md:text-5xl font-bold text-accent mb-2"> <div className="text-4xl md:text-5xl font-bold text-accent mb-2">
{String(unit.value).padStart(2, "0")} {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 id="email-capture" data-section="email-capture" className="relative w-full py-20 px-6">
<div className="max-w-2xl mx-auto"> <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={{ style={{
boxShadow: 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)"}}
<h2 className="text-3xl md:text-4xl font-bold text-foreground mb-4 text-center"> >
GET EXCLUSIVE ACCESS <h2 className="text-3xl md:text-4xl font-bold text-foreground mb-4 text-center">GET EXCLUSIVE ACCESS</h2>
</h2>
<p className="text-base md:text-lg text-foreground/70 text-center mb-8"> <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 Join our waitlist and be among the first to experience UNBRKABLE
</p> </p>
@@ -159,9 +162,7 @@ export default function LandingPage() {
JOIN WAITLIST JOIN WAITLIST
</button> </button>
</form> </form>
<p className="text-xs text-foreground/50 text-center"> <p className="text-xs text-foreground/50 text-center">✓ We respect your privacy. Unsubscribe at any time.</p>
✓ We respect your privacy. Unsubscribe at any time.
</p>
</div> </div>
</div> </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 id="video-teaser" data-section="video-teaser" className="relative w-full py-20 px-6">
<div className="max-w-4xl mx-auto"> <div className="max-w-4xl mx-auto">
<div className="text-center mb-12"> <div className="text-center mb-12">
<h2 className="text-3xl md:text-4xl font-bold text-foreground mb-4"> <h2 className="text-3xl md:text-4xl font-bold text-foreground mb-4">UNBREAKABLE RESILIENCE</h2>
UNBREAKABLE RESILIENCE
</h2>
<p className="text-base md:text-lg text-foreground/70"> <p className="text-base md:text-lg text-foreground/70">
Designed for those who never back down. Premium streetwear built to last through anything. Designed for those who never back down. Premium streetwear built to last through anything.
</p> </p>
</div> </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={{ style={{
boxShadow: 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="aspect-video bg-gradient-to-b from-black/40 to-black/60 flex items-center justify-center">
<div className="text-center text-white"> <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"> <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;; /* --background: #000000;;
--card: #0c0c0c;; --card: #0c0c0c;;
--foreground: #ffffff;; --foreground: #ffffff;;
--primary-cta: #ff6b6b;; --primary-cta: #ffffff;;
--secondary-cta: #000000;; --secondary-cta: #000000;;
--accent: #ff6b6b;; --accent: #ffffff;;
--background-accent: #ff6b6b;; */ --background-accent: #ffffff;; */
--background: #000000;; --background: #000000;;
--card: #0c0c0c;; --card: #0c0c0c;;
--foreground: #ffffff;; --foreground: #ffffff;;
--primary-cta: #ff6b6b;; --primary-cta: #ffffff;;
--primary-cta-text: #f5f4ef;; --primary-cta-text: #f5f4ef;;
--secondary-cta: #000000;; --secondary-cta: #000000;;
--secondary-cta-text: #2a2928;; --secondary-cta-text: #2a2928;;
--accent: #ff6b6b;; --accent: #ffffff;;
--background-accent: #ff6b6b;; --background-accent: #ffffff;;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);