Update src/app/page.tsx

Merge version_12 into main
2026-04-05 07:44:35 +00:00 · 2026-04-05 07:41:12 +00:00 · 2026-04-05 07:41:09 +00:00 · 2026-04-05 07:40:44 +00:00 · 2026-04-05 07:40:38 +00:00 · 2026-04-05 07:27:42 +00:00
4 changed files with 52 additions and 100 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 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";
@@ -20,13 +22,11 @@ export const metadata: Metadata = {
  },
 };
-const dmSans = DM_Sans({
+
-  variable: "--font-dm-sans",
+
-  subsets: ["latin"],
+const unbounded = Unbounded({
-});
+  variable: "--font-unbounded",  subsets: ["latin"],
-const inter = Inter({
+  weight: ["900"],
  variable: "--font-inter",
  subsets: ["latin"],
 });
 export default function RootLayout({
@@ -37,7 +37,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${dmSans.variable} ${inter.variable} antialiased`}>
+        <body className={`${unbounded.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,128 +2,80 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import LegalSection from '@/components/legal/LegalSection';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TextAbout from '@/components/sections/about/TextAbout';
 export default function LandingPage() {
  return (
    <ThemeProvider
-        defaultButtonVariant="expand-hover"
+        defaultButtonVariant="hover-magnetic"
-        defaultTextAnimation="entrance-slide"
+        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+        borderRadius="soft"
-        contentWidth="small"
+        contentWidth="mediumSmall"
-        sizing="largeSmallSizeMediumTitles"
+        sizing="largeSizeMediumTitles"
-        background="none"
+        background="noise"
        cardStyle="outline"
        primaryButtonStyle="flat"
-        secondaryButtonStyle="solid"
+        secondaryButtonStyle="glass"
-        headingFontWeight="semibold"
+        headingFontWeight="bold"
    >
      <ReactLenis root>
-        <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav" className="py-10">
          <NavbarStyleCentered
            navItems={[
-              { name: "The Estate", id: "archive" },
+              { name: "ARCHIVE", id: "archive" },
-              { name: "The Manifesto", id: "manifesto" },
+              { name: "SYSTEM", id: "faq" },
            ]}
            brandName="ESTATE"
            className="tracking-[0.2em] uppercase"
          />
        </div>
-        <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero" className="py-10">
          <HeroBillboardRotatedCarousel
            background={{ variant: "plain" }}
-            title="THE WINDOW TO EUROPE"
+            title="ESTATE: THE NEW STANDARD."
-            description="Request Access to the authorized selection. ESTATE is the preservation of rock and couture."
+            description="Curated rock-vision. Architectural silhouettes. A new archival approach to fashion."
            buttons={[{ text: "EXPLORE THE COLLECTION", href: "#archive" }]}
            carouselItems={[
-              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-lifestyle-fashion-shoot_53876-24683.jpg", imageAlt: "Architectural detail" },
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-lifestyle-fashion-shoot_53876-24683.jpg?_wi=1", imageAlt: "Fashion portrait" },
-              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495261.jpg?_wi=1", imageAlt: "Grainy Grisha" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/rough-concrete-wall-surface_23-2148413267.jpg?_wi=1", imageAlt: "Architectural detail" },
-              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-punk-model-posing-studio_23-2149267474.jpg", 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: "Portrait" },
-              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-camera_23-2150315163.jpg", imageAlt: "Architectural detail" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/woman-lifestyle-fashion-shoot_53876-24683.jpg?_wi=2", imageAlt: "Fashion portrait" },
-              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-old-mirror_23-2149640689.jpg", imageAlt: "Grainy Grisha" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/rough-concrete-wall-surface_23-2148413267.jpg?_wi=2", imageAlt: "Architectural detail" },
-              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/rough-concrete-wall-surface_23-2148413267.jpg", 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: "Portrait" },
            ]}
            titleClassName="font-bold tracking-[-0.02em] uppercase text-[clamp(3rem,8vw,8rem)] leading-[0.9]"
            carouselClassName="opacity-80"
          />
        </div>
-        <div id="manifesto" data-section="manifesto">
+        <div id="archive" data-section="archive" className="py-20">
-          <TextAbout
+          <ProductCardThree
            useInvertedBackground={false}
            tag="MANIFESTO"
            title="THE VISION OF THE GRISHA"
          />
        </div>
        <div id="archive" data-section="archive">
          <ProductCardOne
            textboxLayout="split-description"
-            gridVariant="three-columns-all-equal-width"
+            gridVariant="four-items-2x2-equal-grid"
            animationType="blur-reveal"
            useInvertedBackground={false}
            products={[
-              { id: "001", name: "ITEM #001", price: "THE ESTATE", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-with-vintage-backpack_23-2148752408.jpg" },
+              { id: "p1", name: "ARCHIVE-01", price: "00.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-with-vintage-backpack_23-2148752408.jpg" },
-              { id: "002", name: "ITEM #002", price: "THE ESTATE", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-heels_23-2149741919.jpg" },
+              { id: "p2", name: "ARCHIVE-02", price: "00.00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-heels_23-2149741919.jpg" },
-              { id: "003", name: "ITEM #003", price: "THE ESTATE", imageSrc: "http://img.b2bpic.net/free-photo/button-warm-blue-shirt-macro-shot_169016-23219.jpg" },
+              { id: "p3", name: "ARCHIVE-03", price: "00.00", imageSrc: "http://img.b2bpic.net/free-photo/button-warm-blue-shirt-macro-shot_169016-23219.jpg" },
              { id: "p4", name: "ARCHIVE-04", price: "00.00", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495261.jpg" },
            ]}
-            title="THE EVIDENCE"
+            title="ARCHIVAL GALLERY"
-            description="Pieces from the private archive."
+            description="High-fashion portraits meet structural forms in grain-filmed detail."
          />
        </div>
-        <div id="faq" data-section="faq">
+        <div id="footer" data-section="footer" className="py-20">
          <FaqSplitMedia
            textboxLayout="split-actions"
            useInvertedBackground={false}
            title="INQUIRIES"
            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"
            mediaAnimation="blur-reveal"
            faqsAnimation="blur-reveal"
            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." },
              { id: "q3", title: "Do you ship internationally?", content: "Shipping is available only to select European hubs." },
              { id: "q4", title: "Are these pieces limited?", content: "Yes, every item in our archive is produced in strictly limited runs." },
              { id: "q5", title: "Can I visit the boutique?", content: "Boutique appointments are handled via private request." },
            ]}
          />
        </div>
        <div id="legal" data-section="legal" style={{ backgroundColor: '#2B231F', color: '#EAE7E1', border: '1px solid #8C5638' }}>
          <LegalSection
            layout="section"
            title="TERMS OF EXCLUSIVITY"
            sections={[
              { heading: "Privacy Policy", content: [{ type: "paragraph", text: "Your data is handled with the same reverence as our craft." }] },
              { heading: "Membership Terms", content: [{ type: "paragraph", text: "No sharing of credentials; strict adherence to the Grisha conduct." }] },
            ]}
          />
        </div>
        <div id="footer" data-section="footer" style={{ backgroundColor: '#2B231F', color: '#EAE7E1', borderTop: '1px solid #8C5638' }}>
          <FooterBaseCard
-            logoText="ESTATE"
+            logoText="ESTATE FASHION HOUSE. 2026. FOUNDED BY THE GRISHA."
            copyrightText="© 2025 ESTATE. All rights reserved. ESTATE is a registered trademark. Unauthorized duplication or distribution of any materials from this site is strictly prohibited and protected by international copyright laws."
            columns={[
-              {
+                { title: "NAVIGATE", items: [{ label: "LINKTREE", href: "https://linktr.ee/estate.fashion.house" }] }
                title: "THE ESTATE",                items: [
                  { label: "Instagram", href: "https://instagram.com" },
                  { label: "Vimeo", href: "#" },
                ],
              },
              {
                title: "IDENTITY",                items: [
                  { label: "Founded by THE GRISHA", href: "#" },
                  { label: "Philosophy", href: "#" },
                ],
              },
            ]}
            className="tracking-[0.1em] text-center uppercase"
          />
        </div>
      </ReactLenis>
--- 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: undefined;
+  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: undefined;
+  font-family: var(--font-unbounded), serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */
-  --background: #2B231F;
+  --background: #1F1A17;
  --card: #2B231F;
  --foreground: #EAE7E1;
-  --primary-cta: #8C5638;
+  --primary-cta: #8c5638;
  --primary-cta-text: #EAE7E1;
  --secondary-cta: #EAE7E1;
  --secondary-cta-text: #2B231F;
-  --accent: #8C5638;
+  --accent: #8c5638;
-  --background-accent: #3B332F;
+  --background-accent: #2B231F;
  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	2e168f939f	Update src/app/page.tsx	2026-04-05 07:44:35 +00:00
bender	87ff64bc35	Merge version_12 into main Merge version_12 into main	2026-04-05 07:41:12 +00:00
bender	e02f80c91b	Update src/app/page.tsx	2026-04-05 07:41:09 +00:00
bender	ecb355445f	Merge version_12 into main Merge version_12 into main	2026-04-05 07:40:44 +00:00
bender	b990be741c	Update src/app/page.tsx	2026-04-05 07:40:38 +00:00
bender	b739cc160a	Merge version_11 into main Merge version_11 into main	2026-04-05 07:27:42 +00:00
bender	15dfcbc215	Update theme colors	2026-04-05 07:27:36 +00:00
bender	35281024b5	Merge version_11 into main Merge version_11 into main	2026-04-05 07:22:54 +00:00
bender	fef1dd042a	Update src/app/page.tsx	2026-04-05 07:22:51 +00:00
bender	6c534bf5cf	Merge version_11 into main Merge version_11 into main	2026-04-05 07:22:30 +00:00
bender	137264cee8	Update src/app/page.tsx	2026-04-05 07:22:24 +00:00
bender	c1c8d403b3	Merge version_11 into main Merge version_11 into main	2026-04-05 07:13:15 +00:00
bender	a269cf0f6c	Update src/app/page.tsx	2026-04-05 07:13:12 +00:00
bender	9c46bbf2e4	Merge version_11 into main Merge version_11 into main	2026-04-05 07:12:43 +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
bender	6eb559bb0f	Update src/app/styles/variables.css	2026-04-05 05:36:38 +00:00
bender	92fb2a8008	Update src/app/page.tsx	2026-04-05 05:36:37 +00:00
bender	0b3bf8aa21	Merge version_8 into main Merge version_8 into main	2026-04-05 05:27:01 +00:00
bender	09023d5756	Update src/app/page.tsx	2026-04-05 05:26:58 +00:00
bender	43abb8e791	Merge version_8 into main Merge version_8 into main	2026-04-05 05:26:29 +00:00
bender	dec8e97fb6	Update src/app/styles/base.css	2026-04-05 05:26:26 +00:00
bender	bb4614f460	Update src/app/page.tsx	2026-04-05 05:26:26 +00:00
bender	081247407c	Merge version_7 into main Merge version_7 into main	2026-04-05 05:17:11 +00:00
bender	2267eff784	Update src/app/page.tsx	2026-04-05 05:17:05 +00:00
bender	555578c127	Merge version_6 into main Merge version_6 into main	2026-04-05 05:11:47 +00:00
bender	45e14c3f46	Update src/app/styles/base.css	2026-04-05 05:11:44 +00:00
bender	935006000b	Update src/app/page.tsx	2026-04-05 05:11:43 +00:00
bender	5435f49fbb	Update src/app/layout.tsx	2026-04-05 05:11:43 +00:00
bender	37d3b5ac45	Merge version_5 into main Merge version_5 into main	2026-04-05 04:30:04 +00:00