Skip to content

Commit ce848e7

Browse files
vishnu-madhavan-gitvishnu-madhavan-git
committed
fix: make 9ruby footer fully black
1 parent 6377f3d commit ce848e7

5 files changed

Lines changed: 41 additions & 17 deletions

File tree

‎src/app/globals.css‎

Lines changed: 29 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -208,6 +208,28 @@ main footer[style*="#000"] > * {
208208
z-index: 1;
209209
}
210210

211+
.site-footer-black {
212+
background: #000 !important;
213+
background-color: #000 !important;
214+
background-image: none !important;
215+
color: #fff;
216+
position: relative;
217+
isolation: isolate;
218+
}
219+
220+
.site-footer-black::before,
221+
.site-footer-black::after {
222+
content: none !important;
223+
display: none !important;
224+
background: none !important;
225+
background-image: none !important;
226+
}
227+
228+
.site-footer-black > * {
229+
position: relative;
230+
z-index: 1;
231+
}
232+
211233
.living-hero-stage::before {
212234
display: none !important;
213235
}
@@ -444,7 +466,7 @@ a:focus-visible, button:focus-visible {
444466
overflow: hidden;
445467
padding: clamp(24px, 3.5vw, 48px) clamp(16px, 3vw, 40px);
446468
background: #1d1d1d;
447-
border-top: 0.8px solid rgba(255,255,255,0.08);
469+
border-top: 0;
448470
}
449471

450472
.home-mid-section::before {
@@ -501,7 +523,7 @@ a:focus-visible, button:focus-visible {
501523
z-index: 10;
502524
isolation: isolate;
503525
padding: clamp(24px, 3.5vw, 48px) clamp(16px, 3vw, 40px);
504-
border-top: 0.8px solid rgba(255,255,255,0.08);
526+
border-top: 0;
505527
background: var(--ruby-bg);
506528
}
507529

@@ -2507,12 +2529,16 @@ a:focus-visible, button:focus-visible {
25072529
/* Home featured templates */
25082530
.home-template-showcase {
25092531
padding-block: 46px;
2532+
padding-inline: clamp(16px, 3vw, 40px);
25102533
}
25112534

25122535
.home-template-showcase__grid {
2536+
box-sizing: border-box;
2537+
width: min(100%, 1280px);
2538+
margin-inline: auto;
25132539
display: grid;
25142540
grid-template-columns: minmax(260px, 0.34fr) minmax(0, 0.66fr);
2515-
gap: 40px;
2541+
gap: clamp(28px, 4vw, 56px);
25162542
align-items: center;
25172543
}
25182544

‎src/app/page.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -110,7 +110,7 @@ export default function Home() {
110110

111111
<section
112112
className="home-mid-section relative z-10 px-6 md:px-12 py-14 md:py-20"
113-
style={{ background: "#1d1d1d", borderTop: BORDER, borderBottom: BORDER }}
113+
style={{ background: "#1d1d1d" }}
114114
data-living-rail-section="start"
115115
>
116116
<div className="home-canonical-wrap">
@@ -158,7 +158,7 @@ export default function Home() {
158158
{/* ── WORK PROCESS ── */}
159159
<section
160160
className="home-process-section home-mid-section"
161-
style={{ background: "#1d1d1d", borderTop: BORDER }}
161+
style={{ background: "#1d1d1d" }}
162162
data-living-section-id="process"
163163
data-living-rail-section="process"
164164
>
@@ -197,11 +197,11 @@ export default function Home() {
197197
{/* ── FEATURED TEMPLATES ── */}
198198
<section
199199
className="home-template-showcase home-mid-section"
200-
style={{ background: "#1d1d1d", borderTop: BORDER }}
200+
style={{ background: "#1d1d1d" }}
201201
data-living-section-id="templates"
202202
data-living-rail-section="templates"
203203
>
204-
<div className="home-mid-box home-template-showcase__grid">
204+
<div className="home-template-showcase__grid">
205205
<div>
206206
<p style={KICKER} className="arabic-row">* Templates <ArabicAccent>قوالب رقمية</ArabicAccent></p>
207207
<h2 className="home-template-showcase__title">FAST STARTS<br />FOR REAL SITES</h2>
@@ -220,7 +220,7 @@ export default function Home() {
220220
</section>
221221

222222
{/* ── TESTIMONIALS ── */}
223-
<section className="home-mid-section" style={{ background: "#1d1d1d", borderTop: BORDER }}>
223+
<section className="home-mid-section" style={{ background: "#1d1d1d" }}>
224224
<div className="home-mid-box grid lg:grid-cols-[0.34fr_1fr] gap-8 lg:gap-14">
225225
<div>
226226
<p style={KICKER} className="arabic-row">* Client proof <ArabicAccent>ثقة العملاء</ArabicAccent></p>

‎src/components/Footer.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,12 @@ const NV = "var(--font-brand), var(--font-geist-sans), system-ui, sans-serif"
88

99
export default function Footer() {
1010
return (
11-
<footer className="border-t border-[rgba(255,255,255,0.10)] bg-[#080808]">
11+
<footer className="site-footer-black border-t border-black bg-black" style={{ backgroundColor: "#000", backgroundImage: "none" }}>
1212
<div className="max-w-[1200px] mx-auto px-6 md:px-12 pt-16 pb-10">
1313
{/* Big wordmark */}
1414
<div
1515
className="select-none mb-12"
16-
style={{ fontFamily: NV, fontWeight: 950, fontSize: "clamp(3rem, 10vw, 8rem)", color: "rgba(255,255,255,0.09)", lineHeight: 1, letterSpacing: "-0.075em", textTransform: "uppercase" }}
16+
style={{ fontFamily: NV, fontWeight: 950, fontSize: "clamp(3rem, 10vw, 8rem)", color: "rgba(255,255,255,0.12)", lineHeight: 1, letterSpacing: "-0.075em", textTransform: "uppercase" }}
1717
>
1818
9RUBY
1919
</div>

‎src/components/HomeFAQ.tsx‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,6 @@ import { Button } from "@/components/ui/button"
66
import ArabicAccent from "@/components/ArabicAccent"
77

88
const NV = "var(--font-brand), var(--font-geist-sans), system-ui, sans-serif"
9-
const BORDER = "0.8px solid rgba(255,255,255,0.12)"
109

1110
const faqs = [
1211
{
@@ -53,7 +52,7 @@ const faqs = [
5352

5453
export default function HomeFAQ() {
5554
return (
56-
<section className="home-mid-section" style={{ background: "#1d1d1d", borderTop: BORDER }}>
55+
<section className="home-mid-section" style={{ background: "#1d1d1d" }}>
5756
<div className="home-mid-box home-mid-box--compact">
5857
<div className="grid md:grid-cols-[280px_1fr] gap-10 md:gap-14 items-start">
5958
<div>

‎src/components/home/LivingHome.tsx‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,6 @@ import {
4343
} from "@/lib/living-home"
4444

4545
const NV = "var(--font-brand), var(--font-geist-sans), system-ui, sans-serif"
46-
const BORDER = "0.8px solid rgba(255,255,255,0.12)"
4746
const SESSION_KEY = "9ruby:living-home:v1"
4847
const AMBIENT_INTENTS: readonly HomeIntent[] = ["ai-agents", "websites", "automation", "tools"]
4948
const ACTIONABLE_TOP_SCORE = 1.2
@@ -714,7 +713,7 @@ export function LivingResponsePanel() {
714713
return (
715714
<section
716715
className="living-response-section relative z-10 px-6 md:px-12 py-12 md:py-16"
717-
style={{ background: "#080808", borderTop: BORDER }}
716+
style={{ background: "#080808" }}
718717
data-living-section-intent={activeIntent}
719718
data-living-section-id="response"
720719
data-living-rail-section="response"
@@ -956,7 +955,7 @@ export function LivingProjectsSection() {
956955
return (
957956
<section
958957
className="home-mid-section"
959-
style={{ background: "#1d1d1d", borderTop: BORDER }}
958+
style={{ background: "#1d1d1d" }}
960959
data-living-section-intents="voice,ai-agents,automation,websites,templates,seo,tools"
961960
data-living-section-id="work"
962961
data-living-rail-section="work"
@@ -1031,7 +1030,7 @@ export function LivingServiceTagline() {
10311030
return (
10321031
<section
10331032
className="home-mid-section text-center"
1034-
style={{ background: "#1d1d1d", borderTop: BORDER }}
1033+
style={{ background: "#1d1d1d" }}
10351034
data-living-section-intent={activeIntent}
10361035
data-living-section-id="service-tagline"
10371036
>
@@ -1063,7 +1062,7 @@ export function LivingFinalCta() {
10631062

10641063
return (
10651064
<section
1066-
style={{ background: "#080808", borderTop: BORDER }}
1065+
style={{ background: "#080808" }}
10671066
data-living-section-intent={activeIntent}
10681067
data-living-section-id="final-cta"
10691068
data-living-rail-section="cta"

0 commit comments

Comments
 (0)