239 lines
16 KiB
TypeScript
239 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Stories", id: "/stories"},
|
|
{
|
|
name: "Services", id: "/services"},
|
|
{
|
|
name: "About", id: "/about"},
|
|
{
|
|
name: "Contact", id: "/contact"},
|
|
]}
|
|
brandName="DYSRVPT"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
background={{
|
|
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: "Work With Us", href: "/services"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvpCYHIuYIdLG4poP8YIY2OFJV/uploaded-1781072969273-jqlwhyag.mp4", 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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvpCYHIuYIdLG4poP8YIY2OFJV/uploaded-1781073273659-wclplpra.mp4", 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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvpCYHIuYIdLG4poP8YIY2OFJV/uploaded-1781073386146-2a08u9i0.mp4", 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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvpCYHIuYIdLG4poP8YIY2OFJV/uploaded-1781073483176-mqgzg4co.mp4", 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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvpCYHIuYIdLG4poP8YIY2OFJV/uploaded-1781073620910-cl74kyld.mp4", 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"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="THE CULTURE DOESN'T WAIT. NEITHER DO WE."
|
|
description="DYSRVPT documents Nigerian and African creativity in motion, capturing what's really happening—from raves and underground scenes to the creatives, DJs, artists, and disruptors shaping the sound, energy, and economy of now. We exist to capture the raw behind-the-scenes and unfiltered stories the culture actually cares about in real time. We don't chase culture. We document it."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvpCYHIuYIdLG4poP8YIY2OFJV/uploaded-1781071374107-vhbbhv8l.jpg"
|
|
imageAlt="Team collaborating on media content in Africa"
|
|
/>
|
|
</div>
|
|
|
|
<div id="what-we-do" data-section="what-we-do">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvpCYHIuYIdLG4poP8YIY2OFJV/uploaded-1781071698931-z8xpchdw.jpg", imageAlt: "Phone displaying live event coverage"},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvpCYHIuYIdLG4poP8YIY2OFJV/uploaded-1781071745708-zr8b74qm.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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvpCYHIuYIdLG4poP8YIY2OFJV/uploaded-1781071716160-dqkf1hjs.jpg", imageAlt: "Phone showing mobile-first video content"},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvpCYHIuYIdLG4poP8YIY2OFJV/uploaded-1781071780069-wl49m1fz.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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvpCYHIuYIdLG4poP8YIY2OFJV/uploaded-1781072474511-z8ys6qwi.jpg", imageAlt: "Phone displaying a long-form article"},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvpCYHIuYIdLG4poP8YIY2OFJV/uploaded-1781072546980-3zibsmhf.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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvpCYHIuYIdLG4poP8YIY2OFJV/uploaded-1781072361159-jyphjdxu.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"}
|
|
},
|
|
]}
|
|
showStepNumbers={false}
|
|
title="WHAT WE DO"
|
|
description="Our unique approach ensures that cultural narratives are captured authentically and amplified effectively."
|
|
/>
|
|
</div>
|
|
|
|
<div id="whats-new" data-section="whats-new">
|
|
<BlogCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="WHAT'S NEW?"
|
|
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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvpCYHIuYIdLG4poP8YIY2OFJV/uploaded-1781072184769-fe0teatm.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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvpCYHIuYIdLG4poP8YIY2OFJV/uploaded-1781072286275-u62zv7r6.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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvpCYHIuYIdLG4poP8YIY2OFJV/uploaded-1781072320278-8m8ewelx.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: "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"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="stats" data-section="stats">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
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: "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: "10+", 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"},
|
|
]}
|
|
title="OUR IMPACT IN NUMBERS"
|
|
description="Quantifying our commitment to documenting and amplifying African creativity."
|
|
/>
|
|
</div>
|
|
|
|
<div id="partners" data-section="partners">
|
|
<SocialProofOne
|
|
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"]}
|
|
title="COLLABORATORS & PARTNERS"
|
|
description="We are proud to work alongside leading cultural entities, brands, and communities."
|
|
/>
|
|
</div>
|
|
|
|
<div id="newsletter" data-section="newsletter">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
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."
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-people-nighttime_23-2149104428.jpg"
|
|
imageAlt="Vibrant African cityscape at night"
|
|
mediaAnimation="opacity"
|
|
buttonText="STAY DYSRVPTIVE"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="DYSRVPT"
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{
|
|
label: "Home", href: "/"},
|
|
{
|
|
label: "Stories", href: "/stories"},
|
|
{
|
|
label: "Services", href: "/services"},
|
|
{
|
|
label: "About", href: "/about"},
|
|
{
|
|
label: "Contact", href: "/contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Socials", items: [
|
|
{
|
|
label: "Instagram", href: "https://instagram.com/dysrvpt"},
|
|
{
|
|
label: "TikTok", href: "https://tiktok.com/@dysrvpt"},
|
|
{
|
|
label: "X", href: "https://x.com/dysrvpt"},
|
|
{
|
|
label: "YouTube", href: "https://youtube.com/@dysrvpt"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="DYSRVPT | Documenting African Culture In Motion. DO IT LIKE YOU. STAY DYSRVPTIVE."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|