Merge version_2 into main #2
107
src/app/page.tsx
107
src/app/page.tsx
@@ -3,7 +3,7 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
@@ -29,13 +29,9 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "COLLECTION",
|
||||
id: "collection",
|
||||
},
|
||||
name: "COLLECTION", id: "collection"},
|
||||
{
|
||||
name: "ARCHIVE",
|
||||
id: "archive",
|
||||
},
|
||||
name: "ARCHIVE", id: "archive"},
|
||||
]}
|
||||
brandName="ESTATE"
|
||||
/>
|
||||
@@ -45,14 +41,12 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="THE WINDOW TO EUROPE"
|
||||
description="THE GRISHA COLLECTION 2026. AUTHENTIC LUXURY ARCHIVE."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-young-woman-model-with-bright-makeup-with-perfect-clean-skin-casual-cloth-hat_158538-9336.jpg"
|
||||
imageAlt="High-fashion editorial monochrome"
|
||||
showDimOverlay={false}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/gothic-portrait-grisha-noir.jpg?_wi=1"
|
||||
imageAlt="Deconstructed high-grain black and white portrait of The Grisha"
|
||||
showDimOverlay={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "EXPLORE ARCHIVE",
|
||||
href: "#collection",
|
||||
},
|
||||
text: "EXPLORE ARCHIVE", href: "#collection"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -62,29 +56,14 @@ export default function LandingPage() {
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "SILK DRAPE",
|
||||
price: "1400",
|
||||
variant: "SS26",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149411389.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "SILK DRAPE", price: "1400", variant: "SS26", imageSrc: "https://img.b2bpic.net/free-photo/grainy-b-w-fashion-1.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "WOOL SHELL",
|
||||
price: "2800",
|
||||
variant: "SS26",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17715.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "WOOL SHELL", price: "2800", variant: "SS26", imageSrc: "https://img.b2bpic.net/free-photo/grainy-b-w-fashion-2.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
name: "LEATHER MASK",
|
||||
price: "900",
|
||||
variant: "FW26",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greyscale-ballerina-looking-away_23-2148229696.jpg",
|
||||
},
|
||||
id: "3", name: "LEATHER MASK", price: "900", variant: "FW26", imageSrc: "https://img.b2bpic.net/free-photo/grainy-b-w-fashion-3.jpg?_wi=1"},
|
||||
]}
|
||||
title="ARCHIVE"
|
||||
description="CURATED SELECTIONS."
|
||||
@@ -93,12 +72,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "THE PHILOSOPHY OF SILENCE",
|
||||
},
|
||||
type: "text", content: "THE PHILOSOPHY OF SILENCE"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,30 +84,12 @@ export default function LandingPage() {
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
title="THE GRISHA JOURNAL"
|
||||
description="Observations on modern tailoring and form."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "EDITORIAL",
|
||||
title: "MONOCHROME ESSENTIALS",
|
||||
excerpt: "A study on how shadow and light define the silhouette of the 2026 season.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149411389.jpg?_wi=2",
|
||||
authorName: "Creative Dept",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149411389.jpg",
|
||||
date: "JAN 2026",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "DESIGN",
|
||||
title: "BRUTALIST ARCHITECTURE",
|
||||
excerpt: "Drawing inspiration from structural integrity and minimalist design cues.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17715.jpg?_wi=2",
|
||||
authorName: "Archive Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17715.jpg",
|
||||
date: "FEB 2026",
|
||||
},
|
||||
id: "b1", category: "EDITORIAL", title: "MONOCHROME ESSENTIALS", excerpt: "A study on how shadow and light define the silhouette of the 2026 season.", imageSrc: "https://img.b2bpic.net/free-photo/grainy-b-w-fashion-4.jpg?_wi=2", authorName: "Creative Dept", authorAvatar: "https://img.b2bpic.net/free-photo/grainy-b-w-fashion-4.jpg", date: "JAN 2026"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,46 +97,30 @@ export default function LandingPage() {
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
title="ESTEEMED NETWORK"
|
||||
description="Collaborators in luxury and craft."
|
||||
names={[
|
||||
"VOGUE",
|
||||
"ARCHIVE PARIS",
|
||||
"LONDON DESIGN",
|
||||
"TOKYO TAILOR",
|
||||
"MILAN STUDIO",
|
||||
]}
|
||||
"VOGUE", "ARCHIVE PARIS", "LONDON DESIGN"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="ESTATE"
|
||||
<FooterSimple
|
||||
bottomLeftText="© 2026 ESTATE"
|
||||
bottomRightText="THE GRISHA ARCHIVES"
|
||||
columns={[
|
||||
{
|
||||
title: "ACCESS",
|
||||
items: [
|
||||
{
|
||||
label: "REQUEST ACCESS",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "NETWORK",
|
||||
items: [
|
||||
{
|
||||
label: "LINKTREE",
|
||||
href: "https://linktr.ee",
|
||||
},
|
||||
title: "OFFICIAL", items: [
|
||||
{ label: "REQUEST ACCESS", href: "#" },
|
||||
{ label: "LINKTREE", href: "https://linktr.ee" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="ESTATE HIGH-FASHION CLOTHES © 2026. THE GRISHA."
|
||||
className="font-montserrat tracking-widest uppercase text-xs"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #120F0D;
|
||||
--card: #120F0D;
|
||||
--background: #1A1412;
|
||||
--card: #1A1412;
|
||||
--foreground: #EAE7E1;
|
||||
--primary-cta: #EAE7E1;
|
||||
--primary-cta-text: #120F0D;
|
||||
--secondary-cta: #120F0D;
|
||||
--secondary-cta: #1A1412;
|
||||
--secondary-cta-text: #EAE7E1;
|
||||
--accent: #EAE7E1;
|
||||
--background-accent: #120F0D;
|
||||
--background-accent: #1A1412;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user