Merge version_1 into main #2
@@ -41,18 +41,18 @@ export default function LandingPage() {
|
||||
description="Raw design. No decoration. Every element earns its place through structure and function alone."
|
||||
background={{ variant: "plain" }}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/wall-with-holes-gangway_23-2148742463.jpg?_wi=1", imageAlt: "minimal black white typography design" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/wall-with-holes-gangway_23-2148742463.jpg?_wi=2", imageAlt: "minimal black white typography design" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/wall-with-holes-gangway_23-2148742463.jpg?_wi=3", imageAlt: "minimal black white typography design" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/wall-with-holes-gangway_23-2148742463.jpg?_wi=4", imageAlt: "minimal black white typography design" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/wall-with-holes-gangway_23-2148742463.jpg?_wi=5", imageAlt: "minimal black white typography design" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/wall-with-holes-gangway_23-2148742463.jpg?_wi=6", imageAlt: "minimal black white typography design" }
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/wall-with-holes-gangway_23-2148742463.jpg", imageAlt: "minimal black white typography design" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/wall-with-holes-gangway_23-2148742463.jpg", imageAlt: "minimal black white typography design" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/wall-with-holes-gangway_23-2148742463.jpg", imageAlt: "minimal black white typography design" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/wall-with-holes-gangway_23-2148742463.jpg", imageAlt: "minimal black white typography design" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/wall-with-holes-gangway_23-2148742463.jpg", imageAlt: "minimal black white typography design" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/wall-with-holes-gangway_23-2148742463.jpg", imageAlt: "minimal black white typography design" }
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
titleClassName="text-9xl md:text-screen font-black tracking-tighter leading-none uppercase border-t-4 border-b-4 border-foreground py-8"
|
||||
descriptionClassName="text-base md:text-lg font-mono tracking-wider uppercase mt-8 text-foreground/80 max-w-2xl"
|
||||
containerClassName="min-h-screen flex flex-col items-center justify-center px-4 md:px-8"
|
||||
descriptionClassName="text-base md:text-lg font-mono tracking-wider uppercase mt-8 text-foreground/80 max-w-2xl"
|
||||
titleClassName="text-9xl md:text-screen font-black tracking-tighter leading-none uppercase border-t-4 border-b-4 border-foreground py-8"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -73,22 +73,22 @@ export default function LandingPage() {
|
||||
{
|
||||
title: "01 — PROJECT ALPHA", description: "Structural research into typography systems and grid mathematics.", icon: Square,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091328.jpg?_wi=1", imageAlt: "clean minimal project showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091328.jpg?_wi=2", imageAlt: "clean minimal project showcase" }
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091328.jpg", imageAlt: "clean minimal project showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091328.jpg", imageAlt: "clean minimal project showcase" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "02 — PROJECT BETA", description: "Brutalist interface design. All function. Zero decoration.", icon: Square,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-typeface-named-wide_1284-43748.jpg?_wi=1", imageAlt: "brutal typography design project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-typeface-named-wide_1284-43748.jpg?_wi=2", imageAlt: "brutal typography design project" }
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-typeface-named-wide_1284-43748.jpg", imageAlt: "brutal typography design project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-typeface-named-wide_1284-43748.jpg", imageAlt: "brutal typography design project" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "03 — PROJECT GAMMA", description: "Experimental layout systems pushing constraint-based creativity.", icon: Square,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-stationery-concept_23-2147800640.jpg?_wi=1", imageAlt: "minimalist portfolio piece showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-stationery-concept_23-2147800640.jpg?_wi=2", imageAlt: "minimalist portfolio piece showcase" }
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-stationery-concept_23-2147800640.jpg", imageAlt: "minimalist portfolio piece showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-stationery-concept_23-2147800640.jpg", imageAlt: "minimalist portfolio piece showcase" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -96,11 +96,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
containerClassName="py-20 md:py-32 border-t-4 border-foreground"
|
||||
titleClassName="text-6xl md:text-7xl font-black uppercase tracking-tighter leading-tight"
|
||||
descriptionClassName="text-base font-mono tracking-wide uppercase"
|
||||
cardClassName="border-t-4 border-foreground pt-8 hover:bg-foreground hover:text-background transition-colors duration-75"
|
||||
cardTitleClassName="text-3xl md:text-4xl font-black uppercase tracking-tighter mb-2"
|
||||
cardDescriptionClassName="text-sm font-mono tracking-wide text-foreground/70 uppercase"
|
||||
titleClassName="text-6xl md:text-7xl font-black uppercase tracking-tighter leading-tight"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -112,22 +112,22 @@ export default function LandingPage() {
|
||||
{
|
||||
title: "FRONTEND", description: "[REACT] [TYPESCRIPT] [TAILWIND] [NEXT.JS]", icon: Code,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091328.jpg?_wi=3", imageAlt: "clean minimal project showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091328.jpg?_wi=4", imageAlt: "clean minimal project showcase" }
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091328.jpg", imageAlt: "clean minimal project showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091328.jpg", imageAlt: "clean minimal project showcase" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "BACKEND", description: "[NODE.JS] [PYTHON] [DATABASE] [API]", icon: Database,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-typeface-named-wide_1284-43748.jpg?_wi=3", imageAlt: "brutal typography design project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-typeface-named-wide_1284-43748.jpg?_wi=4", imageAlt: "brutal typography design project" }
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-typeface-named-wide_1284-43748.jpg", imageAlt: "brutal typography design project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-typeface-named-wide_1284-43748.jpg", imageAlt: "brutal typography design project" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "DESIGN", description: "[FIGMA] [PRINCIPLE] [GSAP] [BLENDER]", icon: Palette,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-stationery-concept_23-2147800640.jpg?_wi=3", imageAlt: "minimalist portfolio piece showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-stationery-concept_23-2147800640.jpg?_wi=4", imageAlt: "minimalist portfolio piece showcase" }
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-stationery-concept_23-2147800640.jpg", imageAlt: "minimalist portfolio piece showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-stationery-concept_23-2147800640.jpg", imageAlt: "minimalist portfolio piece showcase" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -135,11 +135,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
containerClassName="py-20 md:py-32 border-t-4 border-foreground"
|
||||
titleClassName="text-6xl md:text-7xl font-black uppercase tracking-tighter leading-tight"
|
||||
descriptionClassName="text-base font-mono tracking-wide uppercase"
|
||||
cardClassName="border-t-4 border-foreground pt-8 hover:bg-foreground hover:text-background transition-colors duration-75"
|
||||
cardTitleClassName="text-2xl md:text-3xl font-black uppercase tracking-tighter mb-2"
|
||||
cardDescriptionClassName="text-xs font-mono tracking-widest text-foreground/70 uppercase leading-relaxed"
|
||||
titleClassName="text-6xl md:text-7xl font-black uppercase tracking-tighter leading-tight"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user