Update src/app/page.tsx
This commit is contained in:
199
src/app/page.tsx
199
src/app/page.tsx
@@ -2,7 +2,6 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
@@ -28,52 +27,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Stories",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Insights",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "Stories", id: "features" },
|
||||
{ name: "Collections", id: "products" },
|
||||
{ name: "Insights", id: "testimonials" },
|
||||
]}
|
||||
brandName="EDITORIAL"
|
||||
button={{ text: "Subscribe", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="CULTURE IN FLUX"
|
||||
description="An uncompromising investigation of contemporary style, subversive aesthetics, and the new vanguard of global fashion."
|
||||
tag="ISSUE 01"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/striped-hat_1385-2682.jpg?_wi=1",
|
||||
imageAlt: "Avant-garde editorial fashion",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/striped-hat_1385-2682.jpg", imageAlt: "Avant-garde editorial fashion"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-blond-young-woman-model-with-bright-makeup-with-red-lips-with-perfect-clean-skin-black-cloth_158538-9622.jpg",
|
||||
imageAlt: "Experimental style composition",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-young-lady-leaning-wall-tunnel_114579-92564.jpg?_wi=1",
|
||||
imageAlt: "Editorial street style",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-with-black-jersey_23-2147724848.jpg?_wi=1",
|
||||
imageAlt: "Urban landscape portrait",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2703.jpg?_wi=1",
|
||||
imageAlt: "Studio minimalist luxury",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-blond-young-woman-model-with-bright-makeup-with-red-lips-with-perfect-clean-skin-black-cloth_158538-9622.jpg", imageAlt: "Experimental style composition"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -88,38 +61,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "The Raw Edge",
|
||||
author: "J. Thorne",
|
||||
description: "Analyzing the brutalist influence on modern tailoring.",
|
||||
tags: [
|
||||
"Tailoring",
|
||||
"Raw",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-young-lady-leaning-wall-tunnel_114579-92564.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "The Raw Edge", author: "J. Thorne", description: "Analyzing the brutalist influence on modern tailoring.", tags: ["Tailoring", "Raw"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-young-lady-leaning-wall-tunnel_114579-92564.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Digital Skin",
|
||||
author: "M. Sato",
|
||||
description: "Virtual garments changing the reality of high couture.",
|
||||
tags: [
|
||||
"Digital",
|
||||
"Couture",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-with-black-jersey_23-2147724848.jpg?_wi=2",
|
||||
},
|
||||
id: "f2", title: "Digital Skin", author: "M. Sato", description: "Virtual garments changing the reality of high couture.", tags: ["Digital", "Couture"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-with-black-jersey_23-2147724848.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Neo-Nostalgia",
|
||||
author: "L. Vance",
|
||||
description: "How 90s subcultures are informing 2025 street aesthetics.",
|
||||
tags: [
|
||||
"Street",
|
||||
"Subculture",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2703.jpg?_wi=2",
|
||||
},
|
||||
id: "f3", title: "Neo-Nostalgia", author: "L. Vance", description: "How 90s subcultures are informing 2025 street aesthetics.", tags: ["Street", "Subculture"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2703.jpg"},
|
||||
]}
|
||||
title="VANGUARD STORIES"
|
||||
description="Uncovering the narratives behind the most provocative collections of the season."
|
||||
@@ -134,47 +83,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Void Jacket",
|
||||
price: "€1,200",
|
||||
variant: "Ed. 01",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg",
|
||||
},
|
||||
id: "p1", name: "Void Jacket", price: "€1,200", variant: "Ed. 01", imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Flux Trousers",
|
||||
price: "€850",
|
||||
variant: "Ed. 01",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-covid-party-with-masks_23-2149299867.jpg",
|
||||
},
|
||||
id: "p2", name: "Flux Trousers", price: "€850", variant: "Ed. 01", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-covid-party-with-masks_23-2149299867.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Noir Boot",
|
||||
price: "€600",
|
||||
variant: "Ed. 02",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-sparks-glitter_23-2149224056.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Silica Shirt",
|
||||
price: "€450",
|
||||
variant: "Ed. 03",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020777.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Onyx Bag",
|
||||
price: "€900",
|
||||
variant: "Ed. 01",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317770.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Grid Knit",
|
||||
price: "€720",
|
||||
variant: "Ed. 04",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-suitcase-with-casual-clothes_23-2148610428.jpg",
|
||||
},
|
||||
id: "p3", name: "Noir Boot", price: "€600", variant: "Ed. 02", imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-sparks-glitter_23-2149224056.jpg"},
|
||||
]}
|
||||
title="CURATED ARCHIVE"
|
||||
description="Selected pieces from the latest runway movements."
|
||||
@@ -187,94 +100,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Essential",
|
||||
quote: "The only publication that captures the reality of current trends.",
|
||||
name: "A. Rossi",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-studio_23-2150104881.jpg",
|
||||
},
|
||||
id: "t1", title: "Essential", quote: "The only publication that captures the reality of current trends.", name: "A. Rossi", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-studio_23-2150104881.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Provocative",
|
||||
quote: "Editorial excellence in every frame. Unmatched perspective.",
|
||||
name: "B. Chen",
|
||||
role: "Editor-in-Chief",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-black-white_23-2149411413.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Insightful",
|
||||
quote: "Shaping the discourse of the next fashion decade.",
|
||||
name: "C. Dubois",
|
||||
role: "Fashion Critic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-non-binary-person_23-2148760579.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Visionary",
|
||||
quote: "The aesthetic standards here are simply beyond reach.",
|
||||
name: "D. Miller",
|
||||
role: "Runway Producer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-blue-jacket-with-paint-brush-stroke_23-2149020772.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Unrivaled",
|
||||
quote: "EDITORIAL is the definitive voice of the global avant-garde.",
|
||||
name: "E. Vance",
|
||||
role: "Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sensitive-man-posing_23-2149518275.jpg",
|
||||
},
|
||||
id: "t2", title: "Provocative", quote: "Editorial excellence in every frame. Unmatched perspective.", name: "B. Chen", role: "Editor-in-Chief", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-black-white_23-2149411413.jpg"},
|
||||
]}
|
||||
title="CRITICAL VOICES"
|
||||
description="What the industry leaders are reading."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="JOURNAL"
|
||||
description="Explorations into the intersection of technology, sociology, and garment construction."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Essays",
|
||||
title: "The Brutalist Return",
|
||||
excerpt: "Why concrete textures are dominating current runway designs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/striped-hat_1385-2682.jpg?_wi=2",
|
||||
authorName: "Elena Vance",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/side-view-sensitive-man-posing_23-2149518275.jpg",
|
||||
date: "Oct 12, 2024",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Tech",
|
||||
title: "Fabric of the Future",
|
||||
excerpt: "Synthetic biology meets haute couture in the latest laboratory experiments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-with-black-jersey_23-2147724848.jpg?_wi=3",
|
||||
authorName: "Marc Sato",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-black-white_23-2149411413.jpg",
|
||||
date: "Nov 02, 2024",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="EDITORIAL"
|
||||
leftLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Archive",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Archive", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user