Update src/app/page.tsx
This commit is contained in:
143
src/app/page.tsx
143
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Works",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Works", id: "portfolio"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Nadide"
|
||||
/>
|
||||
@@ -52,37 +44,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Nadide"
|
||||
description="Visual designer crafting surreal narratives through graphic form."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Works",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Works", href: "#portfolio"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15859.jpg",
|
||||
imageAlt: "surreal velvet texture dark red",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15859.jpg", imageAlt: "surreal velvet texture dark red"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-grunge-style-interior-with-smoke-effect_1048-18119.jpg",
|
||||
imageAlt: "dark red abstract film still",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-grunge-style-interior-with-smoke-effect_1048-18119.jpg", imageAlt: "dark red abstract film still"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terrifying-adult-silhouette-studio_23-2150711078.jpg",
|
||||
imageAlt: "surreal shadow play abstract",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15872.jpg",
|
||||
imageAlt: "surreal velvet texture dark red",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-surrealistic-abstract-background_23-2151896390.jpg",
|
||||
imageAlt: "dark red abstract film still",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terrifying-adult-silhouette-studio_23-2150711078.jpg", imageAlt: "surreal shadow play abstract"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -92,44 +67,21 @@ export default function LandingPage() {
|
||||
<ProductCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Lynchian Shadows",
|
||||
price: "Concept",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/escalators-subway-station-night_181624-1589.jpg",
|
||||
},
|
||||
id: "1", name: "Lynchian Shadows", price: "Concept", imageSrc: "http://img.b2bpic.net/free-photo/escalators-subway-station-night_181624-1589.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Velvet Curtains",
|
||||
price: "Print",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-volcano-batur-bali-indonesia_72229-1010.jpg",
|
||||
},
|
||||
id: "2", name: "Velvet Curtains", price: "Print", imageSrc: "http://img.b2bpic.net/free-photo/landscape-volcano-batur-bali-indonesia_72229-1010.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dream Logic",
|
||||
price: "Identity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-man-shoes_1304-3784.jpg",
|
||||
},
|
||||
id: "3", name: "Dream Logic", price: "Identity", imageSrc: "http://img.b2bpic.net/free-photo/isolated-man-shoes_1304-3784.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Silent Motion",
|
||||
price: "Motion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13536.jpg",
|
||||
},
|
||||
id: "4", name: "Silent Motion", price: "Motion", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13536.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Neon Static",
|
||||
price: "Digital",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lava-with-sparkling-water-drops_23-2148227197.jpg",
|
||||
},
|
||||
id: "5", name: "Neon Static", price: "Digital", imageSrc: "http://img.b2bpic.net/free-photo/lava-with-sparkling-water-drops_23-2148227197.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Red Room",
|
||||
price: "Poster",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-315197.jpg",
|
||||
},
|
||||
id: "6", name: "Red Room", price: "Poster", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-315197.jpg"},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="A collection of design inquiries into the surreal."
|
||||
@@ -141,10 +93,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Designer"
|
||||
description={[
|
||||
"Nadide is a graphic designer obsessed with the fringe of perception.",
|
||||
"Inspired by the dream-like qualities of film and the unspoken language of surrealism, every project is a descent into deeper visual meaning.",
|
||||
"Crafting experiences that linger in the psyche long after the screen turns off.",
|
||||
]}
|
||||
"Nadide is a graphic designer obsessed with the fringe of perception.", "Inspired by the dream-like qualities of film and the unspoken language of surrealism, every project is a descent into deeper visual meaning.", "Crafting experiences that linger in the psyche long after the screen turns off."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -155,30 +104,15 @@ export default function LandingPage() {
|
||||
tag="Facts"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12+",
|
||||
description: "Award-winning projects",
|
||||
},
|
||||
id: "m1", value: "12+", description: "Award-winning projects"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "8",
|
||||
description: "Unique brand identities",
|
||||
},
|
||||
id: "m2", value: "8", description: "Unique brand identities"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24",
|
||||
description: "Films analyzed",
|
||||
},
|
||||
id: "m3", value: "24", description: "Films analyzed"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "100%",
|
||||
description: "Surrealist focus",
|
||||
},
|
||||
id: "m4", value: "100%", description: "Surrealist focus"},
|
||||
{
|
||||
id: "m5",
|
||||
value: "∞",
|
||||
description: "Visual curiosity",
|
||||
},
|
||||
id: "m5", value: "∞", description: "Visual curiosity"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -188,8 +122,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Inquiry"
|
||||
title="Contact"
|
||||
description="Open for collaborations that explore the unconventional."
|
||||
@@ -203,37 +136,23 @@ export default function LandingPage() {
|
||||
logoText="Nadide"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Works",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Works", href: "#portfolio"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Elsewhere",
|
||||
items: [
|
||||
title: "Elsewhere", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Behance",
|
||||
href: "#",
|
||||
},
|
||||
label: "Behance", href: "#"},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:hello@nadide.com",
|
||||
},
|
||||
label: "Email", href: "mailto:hello@nadide.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user