bender/71d37991-040f-40ce-b90b-af6f17452145
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 05:57:13 +00:00
parent 0b8542bffa
commit bcdcf3c6a1
1 changed files with 51 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

283
src/app/page.tsx
View File

@@ -31,25 +31,15 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Stories",
id: "/stories",
},
name: "Stories", id: "/stories"},
{
name: "Services",
id: "/services",
},
name: "Services", id: "/services"},
{
name: "About",
id: "/about",
},
name: "About", id: "/about"},
{
name: "Contact",
id: "/contact",
},
name: "Contact", id: "/contact"},
]}
brandName="DYSRVPT"
/>
@@ -58,51 +48,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "plain",
}}
variant: "plain"}}
title="DOCUMENTING THE CULTURE AS IT HAPPENS."
description="From underground raves to the creatives shaping Africa's future, DYSRVPT tells the stories behind the movement."
buttons={[
{
text: "Explore Stories",
href: "/stories",
},
text: "Explore Stories", href: "/stories"},
{
text: "Work With Us",
href: "/services",
},
text: "Work With Us", href: "/services"},
]}
mediaItems={[
{
videoSrc: "http://img.b2bpic.net/free-photo/mardi-gras-celebration-new-orleans_23-2151083404.jpg?_wi=1",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-happy-woman_23-2148778274.jpg?_wi=1",
imageAlt: "Dynamic rave footage",
videoAriaLabel: "Video of a dynamic rave in Africa",
},
videoSrc: "http://img.b2bpic.net/free-photo/mardi-gras-celebration-new-orleans_23-2151083404.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-happy-woman_23-2148778274.jpg", imageAlt: "Dynamic rave footage", videoAriaLabel: "Video of a dynamic rave in Africa"},
{
videoSrc: "http://img.b2bpic.net/free-photo/close-up-men-playing-drums_23-2149029454.jpg?_wi=1",
imageSrc: "http://img.b2bpic.net/free-photo/excited-woman-sunglasses-getting-her-hair-done_107420-12126.jpg?_wi=1",
imageAlt: "Creative portraits and cultural scenes",
videoAriaLabel: "Video of creative portraits and cultural scenes",
},
videoSrc: "http://img.b2bpic.net/free-photo/close-up-men-playing-drums_23-2149029454.jpg", imageSrc: "http://img.b2bpic.net/free-photo/excited-woman-sunglasses-getting-her-hair-done_107420-12126.jpg", imageAlt: "Creative portraits and cultural scenes", videoAriaLabel: "Video of creative portraits and cultural scenes"},
{
videoSrc: "http://img.b2bpic.net/free-photo/full-shot-underground-hip-hop-musicians_23-2150932925.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/photo-fashionable-woman-with-beautiful-brown-hair-smiling_291650-514.jpg",
imageAlt: "DJs performing and behind-the-scenes moments",
videoAriaLabel: "Video of DJs performing and behind-the-scenes",
},
videoSrc: "http://img.b2bpic.net/free-photo/full-shot-underground-hip-hop-musicians_23-2150932925.jpg", imageSrc: "http://img.b2bpic.net/free-photo/photo-fashionable-woman-with-beautiful-brown-hair-smiling_291650-514.jpg", imageAlt: "DJs performing and behind-the-scenes moments", videoAriaLabel: "Video of DJs performing and behind-the-scenes"},
{
videoSrc: "http://img.b2bpic.net/free-photo/female-painter-takes-notes-teaches-art-painting-atelier_482257-122893.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-house-interior-design_23-2151051010.jpg",
imageAlt: "Crowds dancing and energetic moments",
videoAriaLabel: "Video of crowds dancing at an event",
},
videoSrc: "http://img.b2bpic.net/free-photo/female-painter-takes-notes-teaches-art-painting-atelier_482257-122893.jpg", imageSrc: "http://img.b2bpic.net/free-photo/traditional-house-interior-design_23-2151051010.jpg", imageAlt: "Crowds dancing and energetic moments", videoAriaLabel: "Video of crowds dancing at an event"},
{
videoSrc: "http://img.b2bpic.net/free-photo/medium-shot-rebellious-granny-playing-drums_23-2151310021.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/unfocused-entry-disco-colors_1208-247.jpg",
imageAlt: "Behind-the-scenes event coverage",
videoAriaLabel: "Video of behind-the-scenes event moments",
},
videoSrc: "http://img.b2bpic.net/free-photo/medium-shot-rebellious-granny-playing-drums_23-2151310021.jpg", imageSrc: "http://img.b2bpic.net/free-photo/unfocused-entry-disco-colors_1208-247.jpg", imageAlt: "Behind-the-scenes event coverage", videoAriaLabel: "Video of behind-the-scenes event moments"},
]}
mediaAnimation="opacity"
/>
@@ -125,60 +90,28 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "On-Ground Media Coverage",
description: "We show up where it's happening—capturing the energy, people, and moments shaping culture in real time.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-photographs-night-city-smartphone_169016-22190.jpg",
imageAlt: "Phone displaying live event coverage",
},
title: "On-Ground Media Coverage", description: "We show up where it's happening—capturing the energy, people, and moments shaping culture in real time.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-photographs-night-city-smartphone_169016-22190.jpg", imageAlt: "Phone displaying live event coverage"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/joyous-man-chuckling-after-hearing-amusing-jokes-from-best-friend-call_482257-97597.jpg",
imageAlt: "Phone displaying behind-the-scenes content",
},
imageSrc: "http://img.b2bpic.net/free-photo/mardi-gras-celebration-new-orleans_23-2151083404.jpg?_wi=2",
imageAlt: "mobile phone showing rave footage",
imageSrc: "http://img.b2bpic.net/free-photo/joyous-man-chuckling-after-hearing-amusing-jokes-from-best-friend-call_482257-97597.jpg", imageAlt: "Phone displaying behind-the-scenes content"}
},
{
title: "Mobile-First Content Creation",
description: "Fast, raw, social-first visuals designed for immediate impact and maximum reach.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/student-holding-smartphone-against-open-copybook_1163-2518.jpg",
imageAlt: "Phone showing mobile-first video content",
},
title: "Mobile-First Content Creation", description: "Fast, raw, social-first visuals designed for immediate impact and maximum reach.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/student-holding-smartphone-against-open-copybook_1163-2518.jpg", imageAlt: "Phone showing mobile-first video content"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-psd/party-entertainment-instagram-posts_23-2150388700.jpg",
imageAlt: "Phone showing social media content creation",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-happy-woman_23-2148778274.jpg?_wi=2",
imageAlt: "mobile phone showing rave footage",
imageSrc: "http://img.b2bpic.net/free-psd/party-entertainment-instagram-posts_23-2150388700.jpg", imageAlt: "Phone showing social media content creation"}
},
{
title: "Culture Storytelling",
description: "Long-form articles, in-depth interviews, and editorial features documenting the stories behind the movement.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/hands-elderly-woman-holding-mobile-phone_169016-26731.jpg",
imageAlt: "Phone displaying a long-form article",
},
title: "Culture Storytelling", description: "Long-form articles, in-depth interviews, and editorial features documenting the stories behind the movement.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/hands-elderly-woman-holding-mobile-phone_169016-26731.jpg", imageAlt: "Phone displaying a long-form article"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-analyzing-blank-mockup-display-smartphone_482257-87225.jpg",
imageAlt: "Phone showing an interview",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-playing-drums_23-2149029454.jpg?_wi=2",
imageAlt: "mobile phone showing rave footage",
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-analyzing-blank-mockup-display-smartphone_482257-87225.jpg", imageAlt: "Phone showing an interview"}
},
{
title: "Creative Talent Amplification",
description: "Positioning artists, DJs, and disruptors at the centre of cultural conversations and global platforms.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rendering-dating-app-concept_23-2149316418.jpg",
imageAlt: "Phone displaying artist profile",
},
title: "Creative Talent Amplification", description: "Positioning artists, DJs, and disruptors at the centre of cultural conversations and global platforms.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rendering-dating-app-concept_23-2149316418.jpg", imageAlt: "Phone displaying artist profile"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-touching-curtain_23-2151693765.jpg",
imageAlt: "Phone showing talent promotion",
},
imageSrc: "http://img.b2bpic.net/free-photo/excited-woman-sunglasses-getting-her-hair-done_107420-12126.jpg?_wi=2",
imageAlt: "mobile phone showing rave footage",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-touching-curtain_23-2151693765.jpg", imageAlt: "Phone showing talent promotion"}
},
]}
showStepNumbers={false}
@@ -196,71 +129,17 @@ export default function LandingPage() {
description="Explore the latest stories, events, and creative spotlights from across the African cultural landscape."
blogs={[
{
id: "1",
category: "Weekend Guide",
title: "Where To Be This Weekend",
excerpt: "Our weekly nightlife guide, curated in collaboration with Vibe Arkitech, keeping you on top of the best cultural events.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377344.jpg",
imageAlt: "Crowd at a vibrant nightlife event in Lagos",
authorName: "DYSRVPT Team",
authorAvatar: "http://img.b2bpic.net/free-photo/young-african-american-woman-posing-against-white-background_185193-161740.jpg",
date: "May 10, 2024",
},
id: "1", category: "Weekend Guide", title: "Where To Be This Weekend", excerpt: "Our weekly nightlife guide, curated in collaboration with Vibe Arkitech, keeping you on top of the best cultural events.", imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377344.jpg", imageAlt: "Crowd at a vibrant nightlife event in Lagos", authorName: "DYSRVPT Team", authorAvatar: "http://img.b2bpic.net/free-photo/young-african-american-woman-posing-against-white-background_185193-161740.jpg", date: "May 10, 2024"},
{
id: "2",
category: "Event Spotlight",
title: "Event Spotlight: Behind the Rave",
excerpt: "Visual interviews and exclusive behind-the-scenes event coverage from the hottest cultural gatherings.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-going-out-night_23-2148140763.jpg",
imageAlt: "DJ performing at an underground rave",
authorName: "Aisha Yusuf",
authorAvatar: "http://img.b2bpic.net/free-photo/remote-worker-home-office-stretching-neck-after-sitting-desk-too-long_482257-119053.jpg",
date: "May 8, 2024",
},
id: "2", category: "Event Spotlight", title: "Event Spotlight: Behind the Rave", excerpt: "Visual interviews and exclusive behind-the-scenes event coverage from the hottest cultural gatherings.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-going-out-night_23-2148140763.jpg", imageAlt: "DJ performing at an underground rave", authorName: "Aisha Yusuf", authorAvatar: "http://img.b2bpic.net/free-photo/remote-worker-home-office-stretching-neck-after-sitting-desk-too-long_482257-119053.jpg", date: "May 8, 2024"},
{
id: "3",
category: "Creative Spotlight",
title: "Meet The Sound Architect: DJ Kweku",
excerpt: "Features on groundbreaking DJs, visionary artists, and the culture disruptors shaping the African creative economy.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-dots_23-2149445871.jpg",
imageAlt: "Portrait of an African DJ in a studio",
authorName: "Chidi Okoro",
authorAvatar: "http://img.b2bpic.net/free-photo/audio-engineer-filming-headphones-video_482257-110056.jpg",
date: "May 5, 2024",
},
id: "3", category: "Creative Spotlight", title: "Meet The Sound Architect: DJ Kweku", excerpt: "Features on groundbreaking DJs, visionary artists, and the culture disruptors shaping the African creative economy.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-dots_23-2149445871.jpg", imageAlt: "Portrait of an African DJ in a studio", authorName: "Chidi Okoro", authorAvatar: "http://img.b2bpic.net/free-photo/audio-engineer-filming-headphones-video_482257-110056.jpg", date: "May 5, 2024"},
{
id: "4",
category: "Short Reads",
title: "The Rise of Afro-Fusion Fashion",
excerpt: "Fast, digestible culture commentary and quick takes on emerging trends and movements.",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-examining-graphs-digital-tablet-while-planning-with-coworkers-desk-office_662251-126.jpg",
imageAlt: "African models showcasing fusion fashion",
authorName: "Nia Davis",
authorAvatar: "http://img.b2bpic.net/free-photo/two-businesswomen-talking-while-drinking-champagne-office-party_637285-9787.jpg",
date: "May 3, 2024",
},
id: "4", category: "Short Reads", title: "The Rise of Afro-Fusion Fashion", excerpt: "Fast, digestible culture commentary and quick takes on emerging trends and movements.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-examining-graphs-digital-tablet-while-planning-with-coworkers-desk-office_662251-126.jpg", imageAlt: "African models showcasing fusion fashion", authorName: "Nia Davis", authorAvatar: "http://img.b2bpic.net/free-photo/two-businesswomen-talking-while-drinking-champagne-office-party_637285-9787.jpg", date: "May 3, 2024"},
{
id: "5",
category: "Long Reads",
title: "Archiving the Underground: A Deep Dive",
excerpt: "Research-driven editorial features and in-depth reporting on critical cultural phenomena.",
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-reading-while-using-magnifying-glass_23-2150414401.jpg",
imageAlt: "Historical archives and documents",
authorName: "Adeyemi Bankole",
authorAvatar: "http://img.b2bpic.net/free-photo/glad-african-office-worker-with-light-brown-skin-showing-okay-sign-after-conference-with-foreign-partners-portrait-female-black-freelancer-enjoying-successful-project_197531-3864.jpg",
date: "April 29, 2024",
},
id: "5", category: "Long Reads", title: "Archiving the Underground: A Deep Dive", excerpt: "Research-driven editorial features and in-depth reporting on critical cultural phenomena.", imageSrc: "http://img.b2bpic.net/free-photo/older-woman-reading-while-using-magnifying-glass_23-2150414401.jpg", imageAlt: "Historical archives and documents", authorName: "Adeyemi Bankole", authorAvatar: "http://img.b2bpic.net/free-photo/glad-african-office-worker-with-light-brown-skin-showing-okay-sign-after-conference-with-foreign-partners-portrait-female-black-freelancer-enjoying-successful-project_197531-3864.jpg", date: "April 29, 2024"},
{
id: "6",
category: "Creative Spotlight",
title: "Beyond the Canvas: The Digital Art Movement",
excerpt: "Exploring how digital artists are redefining African visual storytelling and challenging traditional boundaries.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-developing-photos-darkroom_23-2149893824.jpg",
imageAlt: "Digital artist creating on a tablet",
authorName: "Zara Ahmed",
authorAvatar: "http://img.b2bpic.net/free-photo/black-woman-with-radiant-smile-poses-red-cape-blue-shirt-exuding-joy-strength_482257-134676.jpg",
date: "April 25, 2024",
},
id: "6", category: "Creative Spotlight", title: "Beyond the Canvas: The Digital Art Movement", excerpt: "Exploring how digital artists are redefining African visual storytelling and challenging traditional boundaries.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-developing-photos-darkroom_23-2149893824.jpg", imageAlt: "Digital artist creating on a tablet", authorName: "Zara Ahmed", authorAvatar: "http://img.b2bpic.net/free-photo/black-woman-with-radiant-smile-poses-red-cape-blue-shirt-exuding-joy-strength_482257-134676.jpg", date: "April 25, 2024"},
]}
/>
</div>
@@ -272,37 +151,13 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "1",
value: "60+",
title: "Events Covered",
description: "On-the-ground documentation, capturing every beat and moment.",
imageSrc: "http://img.b2bpic.net/free-photo/friends-watching-magic-night_23-2148281577.jpg",
imageAlt: "Energetic crowd at a music event",
},
id: "1", value: "60+", title: "Events Covered", description: "On-the-ground documentation, capturing every beat and moment.", imageSrc: "http://img.b2bpic.net/free-photo/friends-watching-magic-night_23-2148281577.jpg", imageAlt: "Energetic crowd at a music event"},
{
id: "2",
value: "100+",
title: "Creatives Spotlighted",
description: "Amplifying the voices and visions of Africa's cultural disruptors.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-makes-pottery-workshop_1157-24726.jpg",
imageAlt: "African artist working on a painting",
},
id: "2", value: "100+", title: "Creatives Spotlighted", description: "Amplifying the voices and visions of Africa's cultural disruptors.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-makes-pottery-workshop_1157-24726.jpg", imageAlt: "African artist working on a painting"},
{
id: "3",
value: "50+",
title: "Articles Published",
description: "In-depth features and commentary shaping cultural discourse.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-sitting-cafe_273609-14783.jpg",
imageAlt: "Stack of magazines and articles",
},
id: "3", value: "50+", title: "Articles Published", description: "In-depth features and commentary shaping cultural discourse.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-sitting-cafe_273609-14783.jpg", imageAlt: "Stack of magazines and articles"},
{
id: "4",
value: "1 Mission",
title: "Document The Culture",
description: "Our singular focus: to be the living archive of African creativity.",
imageSrc: "http://img.b2bpic.net/free-photo/planet-hands-person-created-with-help-generative-ai-technology_185193-161893.jpg",
imageAlt: "Hand holding a compass over a map of Africa",
},
id: "4", value: "1 Mission", title: "Document The Culture", description: "Our singular focus: to be the living archive of African creativity.", imageSrc: "http://img.b2bpic.net/free-photo/planet-hands-person-created-with-help-generative-ai-technology_185193-161893.jpg", imageAlt: "Hand holding a compass over a map of Africa"},
]}
title="OUR IMPACT IN NUMBERS"
description="Quantifying our commitment to documenting and amplifying African creativity."
@@ -314,17 +169,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Sunday Service",
"Our House NG",
"Headslicer",
"Fearless NG",
"Open House Accra",
"KVLT",
"Smirnoff",
"Pulse Fiesta",
"Afro House In Lagos",
"Day Breeze",
]}
"Sunday Service", "Our House NG", "Headslicer", "Fearless NG", "Open House Accra", "KVLT", "Smirnoff", "Pulse Fiesta", "Afro House In Lagos", "Day Breeze"]}
title="COLLABORATORS & PARTNERS"
description="We are proud to work alongside leading cultural entities, brands, and communities."
/>
@@ -334,8 +179,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Stay Connected"
title="DON'T MISS THE NEXT WAVE."
description="Get weekly updates on events, stories, interviews, and the culture shaping Africa right now. Stay in the loop with DYSRVPT."
@@ -351,62 +195,37 @@ export default function LandingPage() {
logoText="DYSRVPT"
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Home",
href: "/",
},
label: "Home", href: "/"},
{
label: "Stories",
href: "/stories",
},
label: "Stories", href: "/stories"},
{
label: "Services",
href: "/services",
},
label: "Services", href: "/services"},
{
label: "About",
href: "/about",
},
label: "About", href: "/about"},
{
label: "Contact",
href: "/contact",
},
label: "Contact", href: "/contact"},
],
},
{
title: "Socials",
items: [
title: "Socials", items: [
{
label: "Instagram",
href: "https://instagram.com/dysrvpt",
},
label: "Instagram", href: "https://instagram.com/dysrvpt"},
{
label: "TikTok",
href: "https://tiktok.com/@dysrvpt",
},
label: "TikTok", href: "https://tiktok.com/@dysrvpt"},
{
label: "X",
href: "https://x.com/dysrvpt",
},
label: "X", href: "https://x.com/dysrvpt"},
{
label: "YouTube",
href: "https://youtube.com/@dysrvpt",
},
label: "YouTube", href: "https://youtube.com/@dysrvpt"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}