diff --git a/src/app/page.tsx b/src/app/page.tsx index 9135d20..ef910e8 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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" /> @@ -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" /> @@ -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" />