Update theme colors

Update src/app/page.tsx
2026-04-05 07:27:36 +00:00 · 2026-04-05 07:22:51 +00:00 · 2026-04-05 07:22:24 +00:00 · 2026-04-05 07:13:12 +00:00 · 2026-04-05 07:12:40 +00:00 · 2026-04-05 07:12:40 +00:00
4 changed files with 32 additions and 33 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -8,6 +8,7 @@ import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { DM_Sans } from "next/font/google";
 import { Cormorant_Garamond, Montserrat } from "next/font/google";
 import { Unbounded } from "next/font/google";
@@ -22,13 +23,10 @@ export const metadata: Metadata = {
 };
-const cormorantGaramond = Cormorant_Garamond({
+
-  variable: "--font-cormorant",  subsets: ["latin"],
+const unbounded = Unbounded({
-  weight: ["700"],
+  variable: "--font-unbounded",  subsets: ["latin"],
-});
+  weight: ["900"],
 const montserrat = Montserrat({
  variable: "--font-montserrat",  subsets: ["latin"],
  weight: ["500"],
 });
 export default function RootLayout({
@@ -39,7 +37,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${cormorantGaramond.variable} ${montserrat.variable} antialiased`}>
+        <body className={`${unbounded.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,7 +18,7 @@ export default function LandingPage() {
        borderRadius="rounded"
        contentWidth="small"
        sizing="largeSmallSizeMediumTitles"
-        background="none"
+        background="noiseDiagonalGradient"
        cardStyle="outline"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
@@ -28,8 +28,9 @@ export default function LandingPage() {
        <div id="nav" data-section="nav" className="py-10">
          <NavbarStyleCentered
            navItems={[
-              { name: "AUTHORIZED ARCHIVES", id: "archive" },
+              { name: "VERSION 1.0", id: "hero" },
-              { name: "ROCK VISION & ARCHITECTURE", id: "manifesto" },
+              { name: "THE SHELL", id: "archive" },
              { name: "SYSTEM STATUS: ACTIVE", id: "faq" },
            ]}
            brandName="ESTATE"
            className="tracking-[0.05em] uppercase font-montserrat"
@@ -38,19 +39,20 @@ export default function LandingPage() {
        <div id="hero" data-section="hero" className="py-10">
          <HeroBillboardRotatedCarousel
-            background={{ variant: "plain" }}
+            background={{ variant: "radial-gradient" }}
-            title="THE WINDOW TO EUROPE"
+            title="YOUR OLD LIFE IS DEAD."
-            description="Request Access to the authorized selection. ESTATE is the preservation of rock and couture."
+            description="We don't sell clothing. We sell The Shell of Godhood. Your first step into authorized existence."
            buttons={[{ text: "BECOME. (ENTER VAULT)", href: "#" }]}
            carouselItems={[
-              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-lifestyle-fashion-shoot_53876-24683.jpg?q=80&w=800&blur=10&filter=sepia", imageAlt: "Gothic portrait of THE GRISHA" },
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/rough-concrete-wall-surface_23-2148413267.jpg?_wi=1", imageAlt: "Brutalist concrete" },
-              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495261.jpg?_wi=1&q=80&w=800&blur=10&filter=grayscale", imageAlt: "Grainy Grisha" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/woman-lifestyle-fashion-shoot_53876-24683.jpg?_wi=1", imageAlt: "Dark silhouette" },
-              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-punk-model-posing-studio_23-2149267474.jpg?q=80&w=800&blur=10&filter=sepia", imageAlt: "Sepia archive" },
+              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495261.jpg?_wi=1", imageAlt: "Motion portrait" },
-              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-camera_23-2150315163.jpg?q=80&w=800&blur=10&filter=grayscale", imageAlt: "Architectural detail" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/rough-concrete-wall-surface_23-2148413267.jpg?_wi=2", imageAlt: "Brutalist concrete" },
-              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-old-mirror_23-2149640689.jpg?q=80&w=800&blur=10&filter=sepia", imageAlt: "Grainy Grisha" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/woman-lifestyle-fashion-shoot_53876-24683.jpg?_wi=2", imageAlt: "Dark silhouette" },
-              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/rough-concrete-wall-surface_23-2148413267.jpg?q=80&w=800&blur=10&filter=grayscale", imageAlt: "Sepia architectural" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495261.jpg?_wi=2", imageAlt: "Motion portrait" },
            ]}
-            titleClassName="tracking-[0.05em] font-montserrat"
+            titleClassName="tracking-[-0.04em] font-black uppercase text-[clamp(4rem,10vw,12rem)] leading-[0.9]"
-            carouselClassName="grayscale contrast-125"
+            carouselClassName="grayscale contrast-[2] brightness-50"
          />
        </div>
@@ -86,13 +88,12 @@ export default function LandingPage() {
          <FaqSplitMedia
            textboxLayout="split-actions"
            useInvertedBackground={false}
-            title="INQUIRIES"
+            title="SYSTEM STATUS: ACTIVE"
            description="Standard protocol for new members."
            imageSrc="http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495261.jpg?_wi=2&blur=10&filter=sepia"
            mediaAnimation="blur-reveal"
            faqsAnimation="blur-reveal"
-            buttons={[{ text: "Request Access", href: "/apply" }]
+            buttons={[{ text: "Request Access", href: "/apply" }]}
            }
            faqs={[
              { id: "q1", title: "How do I access the vault?", content: "Access is currently restricted to invite-only members." },
              { id: "q2", title: "Is the leather ethically sourced?", content: "Every hide is vetted for quality and environmental standards." },
@@ -103,7 +104,7 @@ export default function LandingPage() {
          />
        </div>
-        <div id="legal" data-section="legal" className="py-20" style={{ backgroundColor: '#2B231F', color: '#EAE7E1' }}>
+        <div id="legal" data-section="legal" className="py-20" style={{ backgroundColor: '#1A1412', color: '#EAE7E1' }}>
          <LegalSection
            layout="section"
            title="TERMS OF EXCLUSIVITY"
@@ -115,7 +116,7 @@ export default function LandingPage() {
          />
        </div>
-        <div id="footer" data-section="footer" className="py-20" style={{ backgroundColor: '#2B231F', color: '#EAE7E1' }}>
+        <div id="footer" data-section="footer" className="py-20" style={{ backgroundColor: '#1A1412', color: '#EAE7E1' }}>
          <FooterBaseCard
            logoText="ESTATE"
            copyrightText="© 2025 ESTATE. All rights reserved."
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-archivo), sans-serif;
+  font-family: var(--font-unbounded), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-archivo), serif;
+  font-family: var(--font-unbounded), serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,14 +10,14 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */
-  --background: #1A1412;
+  --background: #1F1A17;
-  --card: #1A1412;
+  --card: #2B231F;
  --foreground: #EAE7E1;
-  --primary-cta: #D4AF37;
+  --primary-cta: #8c5638;
  --primary-cta-text: #EAE7E1;
  --secondary-cta: #EAE7E1;
  --secondary-cta-text: #2B231F;
-  --accent: #D4AF37;
+  --accent: #8c5638;
  --background-accent: #2B231F;
  /* text sizing - set by ThemeProvider */
Author	SHA1	Message	Date
bender	15dfcbc215	Update theme colors	2026-04-05 07:27:36 +00:00
bender	fef1dd042a	Update src/app/page.tsx	2026-04-05 07:22:51 +00:00
bender	137264cee8	Update src/app/page.tsx	2026-04-05 07:22:24 +00:00
bender	a269cf0f6c	Update src/app/page.tsx	2026-04-05 07:13:12 +00:00
bender	d5c8973abd	Update src/app/styles/base.css	2026-04-05 07:12:40 +00:00
bender	de29fcc90d	Update src/app/page.tsx	2026-04-05 07:12:40 +00:00
bender	15ca6a404f	Update src/app/layout.tsx	2026-04-05 07:12:39 +00:00
bender	5c1dd3b329	Merge version_10 into main Merge version_10 into main	2026-04-05 05:39:36 +00:00
bender	3766bd3563	Update src/app/page.tsx	2026-04-05 05:39:30 +00:00
bender	b9d857647b	Merge version_10 into main Merge version_10 into main	2026-04-05 05:39:02 +00:00
bender	0b234675d8	Update src/app/styles/variables.css	2026-04-05 05:38:59 +00:00
bender	0e00ae7c2d	Update src/app/page.tsx	2026-04-05 05:38:59 +00:00
bender	f9f71eec41	Merge version_9 into main Merge version_9 into main	2026-04-05 05:36:41 +00:00