Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
539
src/app/page.tsx
539
src/app/page.tsx
@@ -2,390 +2,199 @@
|
||||
|
||||
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 FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="floatingGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="floatingGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Stories",
|
||||
id: "/stories",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
button={{
|
||||
text: "Work With Us",
|
||||
href: "/services",
|
||||
}}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/pack-african-logo-templates_23-2148735830.jpg"
|
||||
logoAlt="DYSRVPT Logo"
|
||||
brandName="DYSRVPT"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Stories", id: "/stories" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Work With Us", href: "/services"
|
||||
}}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/pack-african-logo-templates_23-2148735830.jpg"
|
||||
logoAlt="DYSRVPT Logo"
|
||||
brandName="DYSRVPT"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/party-girl-with-lights_23-2147640523.jpg"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/man-with-dreads-representing-rastafari-movement_23-2151532034.jpg"
|
||||
imageAlt="Dynamic African cultural footage still"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-outdoors_23-2150150750.jpg",
|
||||
alt: "Portrait of a vibrant African woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thoughtful-african-man-looking-serious-guy-formal-wear-posing-dark_197531-22074.jpg",
|
||||
alt: "Handsome African man in a hat",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-guy-summer-park_1157-14973.jpg",
|
||||
alt: "African man outdoors",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-woman-taking-selfie-with-her-smartphone_23-2149093245.jpg",
|
||||
alt: "African woman taking a selfie",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-dreads-representing-rastafari-movement_23-2151532095.jpg",
|
||||
alt: "Man with dreads representing Rastafari movement",
|
||||
},
|
||||
]}
|
||||
avatarText="Join the movement."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Culture First",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-senior-holding-music-records_23-2148362836.jpg",
|
||||
alt: "Senior person djing at the club",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Documenting Authenticity",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/people-dancing-surrounded-by-bright-neon-lights-party-with-virtual-reality-headset_23-2151419767.jpg",
|
||||
alt: "Energetic dancers at a party",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Stay DYSRVPTIVE",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/people-dancefloor-moving-rhythm_482257-75074.jpg",
|
||||
alt: "Crowd dancing at a vibrant event",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "canvas-reveal"
|
||||
}}
|
||||
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" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/party-girl-with-lights_23-2147640523.jpg"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/man-with-dreads-representing-rastafari-movement_23-2151532034.jpg"
|
||||
imageAlt="Dynamic African cultural footage still"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-outdoors_23-2150150750.jpg", alt: "Portrait of a vibrant African woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/thoughtful-african-man-looking-serious-guy-formal-wear-posing-dark_197531-22074.jpg", alt: "Handsome African man in a hat" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-guy-summer-park_1157-14973.jpg", alt: "African man outdoors" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/african-american-woman-taking-selfie-with-her-smartphone_23-2149093245.jpg", alt: "African woman taking a selfie" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-with-dreads-representing-rastafari-movement_23-2151532095.jpg", alt: "Man with dreads representing Rastafari movement" }
|
||||
]}
|
||||
avatarText="Join the movement."
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Culture First" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-senior-holding-music-records_23-2148362836.jpg", alt: "Senior person djing at the club" },
|
||||
{ type: "text", text: "Documenting Authenticity" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/people-dancing-surrounded-by-bright-neon-lights-party-with-virtual-reality-headset_23-2151419767.jpg", alt: "Energetic dancers at a party" },
|
||||
{ type: "text", text: "Stay DYSRVPTIVE" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/people-dancefloor-moving-rhythm_482257-75074.jpg", alt: "People dancing surrounded by bright neon lights at a party with virtual reality headset" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-dysrvpt" data-section="about-dysrvpt">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "THE CULTURE DOESN'T WAIT.",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "NEITHER DO WE.",
|
||||
},
|
||||
]}
|
||||
description="DYSRVPT documents Nigerian and African creativity in motion. Through editorial storytelling, media coverage, and culture reporting, we spotlight the people, spaces, and ideas shaping what comes next. Our mission is to build a living archive, ensuring the authentic narratives of the continent's cultural evolution are preserved and amplified for global reach."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grunge-brown-wooden-textured-background_53876-123112.jpg"
|
||||
imageAlt="Abstract representation of African creativity and culture"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-dysrvpt" data-section="about-dysrvpt">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "THE CULTURE DOESN'T WAIT." },
|
||||
{ type: "text", content: "NEITHER DO WE." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/grunge-brown-wooden-textured-background_53876-123112.jpg", alt: "Abstract representation of African creativity and culture" }
|
||||
]}
|
||||
/>
|
||||
<p className="mt-4 text-center text-lg text-muted-foreground max-w-2xl mx-auto">
|
||||
DYSRVPT documents Nigerian and African creativity in motion. Through editorial storytelling, media coverage, and culture reporting, we spotlight the people, spaces, and ideas shaping what comes next. Our mission is to build a living archive, ensuring the authentic narratives of the continent's cultural evolution are preserved and amplified for global reach.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="what-we-do" data-section="what-we-do">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographers-exploring-abandoned-location_23-2150974362.jpg",
|
||||
imageAlt: "Media coverage at an African cultural event",
|
||||
},
|
||||
{
|
||||
title: "Mobile-First Content Creation",
|
||||
description: "Fast, raw, social-first visuals designed for immediate impact.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-working-mobile_53876-40952.jpg",
|
||||
imageAlt: "Hands holding smartphones capturing cultural scenes",
|
||||
},
|
||||
{
|
||||
title: "Culture Storytelling",
|
||||
description: "Long-form articles, interviews, and features documenting the stories behind the movement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-playing-sudoku-game_23-2149072719.jpg",
|
||||
imageAlt: "Notebook with cultural artifacts",
|
||||
},
|
||||
{
|
||||
title: "Creative Talent Amplification",
|
||||
description: "Positioning artists, DJs, and disruptors at the centre of cultural conversations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-guitar-local-event_23-2149188101.jpg",
|
||||
imageAlt: "Spotlight on an African DJ",
|
||||
},
|
||||
]}
|
||||
title="WHAT WE DO"
|
||||
description="Discover how DYSRVPT captures and amplifies the vibrant pulse of contemporary African culture."
|
||||
/>
|
||||
</div>
|
||||
<div id="what-we-do" data-section="what-we-do">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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.", imageSrc: "http://img.b2bpic.net/free-photo/photographers-exploring-abandoned-location_23-2150974362.jpg", imageAlt: "Media coverage at an African cultural event" },
|
||||
{ title: "Mobile-First Content Creation", description: "Fast, raw, social-first visuals designed for immediate impact.", imageSrc: "http://img.b2bpic.net/free-photo/hands-working-mobile_53876-40952.jpg", imageAlt: "Hands holding smartphones capturing cultural scenes" },
|
||||
{ title: "Culture Storytelling", description: "Long-form articles, interviews, and features documenting the stories behind the movement.", imageSrc: "http://img.b2bpic.net/free-photo/person-playing-sudoku-game_23-2149072719.jpg", imageAlt: "Notebook with cultural artifacts" },
|
||||
{ title: "Creative Talent Amplification", description: "Positioning artists, DJs, and disruptors at the centre of cultural conversations.", imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-guitar-local-event_23-2149188101.jpg", imageAlt: "Spotlight on an African DJ" }
|
||||
]}
|
||||
title="WHAT WE DO"
|
||||
description="Discover how DYSRVPT captures and amplifies the vibrant pulse of contemporary African culture."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="whats-new" data-section="whats-new">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="WHAT'S NEW?"
|
||||
description="Explore our latest stories, event coverage, and insights into the people and places shaping the culture."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Nightlife",
|
||||
title: "Where To Be This Weekend: Vibe Arkitech Collab",
|
||||
excerpt: "Your essential guide to the hottest cultural events and nightlife experiences across the city.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-friends-having-fun-outside-city_23-2149295761.jpg",
|
||||
imageAlt: "Vibrant African nightlife scene",
|
||||
authorName: "DYSRVPT Team",
|
||||
authorAvatar: "asset://avatar-1",
|
||||
date: "July 26, 2024",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
category: "Events",
|
||||
title: "Event Spotlight: Behind the Scenes at 'The Gathering'",
|
||||
excerpt: "Exclusive visual interviews and unfiltered coverage from the most talked-about cultural gathering.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tailor-helping-customer_482257-79003.jpg",
|
||||
imageAlt: "Behind the scenes at a cultural event",
|
||||
authorName: "Aisha Bello",
|
||||
authorAvatar: "asset://avatar-2",
|
||||
date: "July 24, 2024",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
category: "Creatives",
|
||||
title: "Creative Spotlight: DJ Nova's Disruptive Sound",
|
||||
excerpt: "Meet the artists, DJs, and culture disruptors who are redefining the sound and energy of Africa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rastafari-movement-with-individual-wearing-dreads_23-2151712026.jpg",
|
||||
imageAlt: "Portrait of an African DJ",
|
||||
authorName: "Emeka Okoro",
|
||||
authorAvatar: "asset://avatar-3",
|
||||
date: "July 22, 2024",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
category: "Insights",
|
||||
title: "Short Reads: The Rise of Afro-Futurism in Art",
|
||||
excerpt: "Fast, digestible commentary on emerging trends and cultural shifts shaping the continent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/translucent-blurred-portrait-man_23-2149705699.jpg",
|
||||
imageAlt: "Abstract art representing Afro-futurism",
|
||||
authorName: "Nia Imani",
|
||||
authorAvatar: "asset://avatar-4",
|
||||
date: "July 20, 2024",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
category: "Features",
|
||||
title: "Long Reads: Archiving the Spirit of Lagos Street Culture",
|
||||
excerpt: "Research-driven editorial features and in-depth reporting on critical cultural movements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-inspirational-mood-board_23-2150975965.jpg",
|
||||
imageAlt: "Lagos street culture archival image",
|
||||
authorName: "Chidi Eko",
|
||||
authorAvatar: "asset://avatar-5",
|
||||
date: "July 18, 2024",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
category: "Voices",
|
||||
title: "DYSRVPTive Voices: The Power of Community-Led Initiatives",
|
||||
excerpt: "Exploring the impact of grassroots efforts in shaping and sustaining cultural movements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-holding-camera_23-2149029326.jpg",
|
||||
imageAlt: "Diverse African youth in discussion",
|
||||
authorName: "Zara Adeniyi",
|
||||
authorAvatar: "asset://avatar-6",
|
||||
date: "July 16, 2024",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="whats-new" data-section="whats-new">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="WHAT'S NEW?"
|
||||
description="Explore our latest stories, event coverage, and insights into the people and places shaping the culture."
|
||||
blogs={[
|
||||
{ id: "1", category: "Nightlife", title: "Where To Be This Weekend: Vibe Arkitech Collab", excerpt: "Your essential guide to the hottest cultural events and nightlife experiences across the city.", imageSrc: "http://img.b2bpic.net/free-photo/two-friends-having-fun-outside-city_23-2149295761.jpg", imageAlt: "Vibrant African nightlife scene", authorName: "DYSRVPT Team", authorAvatar: "http://img.b2bpic.net/free-photo/vertical-shot-sexy-african-female-looking-camera_181624-36568.jpg", date: "July 26, 2024" },
|
||||
{ id: "2", category: "Events", title: "Event Spotlight: Behind the Scenes at 'The Gathering'", excerpt: "Exclusive visual interviews and unfiltered coverage from the most talked-about cultural gathering.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tailor-helping-customer_482257-79003.jpg", imageAlt: "Behind the scenes at a cultural event", authorName: "Aisha Bello", authorAvatar: "http://img.b2bpic.net/free-photo/photorealistic-portrait-person-managing-owning-their-business_23-2151456934.jpg", date: "July 24, 2024" },
|
||||
{ id: "3", category: "Creatives", title: "Creative Spotlight: DJ Nova's Disruptive Sound", excerpt: "Meet the artists, DJs, and culture disruptors who are redefining the sound and energy of Africa.", imageSrc: "http://img.b2bpic.net/free-photo/rastafari-movement-with-individual-wearing-dreads_23-2151712026.jpg", imageAlt: "Portrait of an African DJ", authorName: "Emeka Okoro", authorAvatar: "http://img.b2bpic.net/free-photo/man-with-dreads-representing-rastafari-movement_23-2151532067.jpg", date: "July 22, 2024" },
|
||||
{ id: "4", category: "Insights", title: "Short Reads: The Rise of Afro-Futurism in Art", excerpt: "Fast, digestible commentary on emerging trends and cultural shifts shaping the continent.", imageSrc: "http://img.b2bpic.net/free-photo/translucent-blurred-portrait-man_23-2149705699.jpg", imageAlt: "Abstract art representing Afro-futurism", authorName: "Nia Imani", authorAvatar: "http://img.b2bpic.net/free-photo/african-american-woman-taking-selfie-with-her-smartphone_23-2149093258.jpg", date: "July 20, 2024" },
|
||||
{ id: "5", category: "Features", title: "Long Reads: Archiving the Spirit of Lagos Street Culture", excerpt: "Research-driven editorial features and in-depth reporting on critical cultural movements.", imageSrc: "http://img.b2bpic.net/free-photo/rendering-inspirational-mood-board_23-2150975965.jpg", imageAlt: "Lagos street culture archival image", authorName: "Chidi Eko", authorAvatar: "http://img.b2bpic.net/free-photo/unrecognizable-african-man-holding-yellow-pencil-pointing-it-blank-screen-smart-phone-his-hand_273609-9436.jpg", date: "July 18, 2024" },
|
||||
{ id: "6", category: "Voices", title: "DYSRVPTive Voices: The Power of Community-Led Initiatives", excerpt: "Exploring the impact of grassroots efforts in shaping and sustaining cultural movements.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-holding-camera_23-2149029326.jpg", imageAlt: "Diverse African youth in discussion", authorName: "Zara Adeniyi", authorAvatar: "http://img.b2bpic.net/free-photo/woman-taking-photos-her-business_23-2149060870.jpg", date: "July 16, 2024" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="statistics" data-section="statistics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="OUR IMPACT"
|
||||
tag="CULTURE'S PULSE"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "60+",
|
||||
description: "Events Covered",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100+",
|
||||
description: "Creatives Spotlighted",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "50+",
|
||||
description: "Articles Published",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "1 Mission",
|
||||
description: "Document The Culture",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="statistics" data-section="statistics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="OUR IMPACT"
|
||||
tag="CULTURE'S PULSE"
|
||||
metrics={[
|
||||
{ id: "1", value: "60+", description: "Events Covered" },
|
||||
{ id: "2", value: "100+", description: "Creatives Spotlighted" },
|
||||
{ id: "3", value: "50+", description: "Articles Published" },
|
||||
{ id: "4", value: "1 Mission", description: "Document The Culture" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-dysrvpt-home" data-section="why-dysrvpt-home">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Real Stories",
|
||||
description: "Authentic narratives from the people shaping culture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-african-man-wearing-hat_23-2149351995.jpg",
|
||||
imageAlt: "African storyteller portrait",
|
||||
},
|
||||
{
|
||||
title: "Real Access",
|
||||
description: "On-the-ground reporting and embedded coverage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businesswoman-desk-reviews-analytics-her-laptop-surrounded-by-graphs-planning_482257-136477.jpg",
|
||||
imageAlt: "Journalist embedded in an African street scene",
|
||||
},
|
||||
{
|
||||
title: "Real Community",
|
||||
description: "Built alongside the communities we document.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-with-instruments-floor_23-2149130764.jpg",
|
||||
imageAlt: "Diverse African youth creating art collaboratively",
|
||||
},
|
||||
]}
|
||||
title="WE DON'T CHASE CULTURE. WE DOCUMENT IT."
|
||||
description="Our unique approach is rooted in authenticity, access, and community."
|
||||
/>
|
||||
</div>
|
||||
<div id="why-dysrvpt-home" data-section="why-dysrvpt-home">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Real Stories", description: "Authentic narratives from the people shaping culture.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-african-man-wearing-hat_23-2149351995.jpg", imageAlt: "African storyteller portrait" },
|
||||
{ title: "Real Access", description: "On-the-ground reporting and embedded coverage.", imageSrc: "http://img.b2bpic.net/free-photo/black-businesswoman-desk-reviews-analytics-her-laptop-surrounded-by-graphs-planning_482257-136477.jpg", imageAlt: "Journalist embedded in an African street scene" },
|
||||
{ title: "Real Community", description: "Built alongside the communities we document.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-with-instruments-floor_23-2149130764.jpg", imageAlt: "Diverse African youth creating art collaboratively" }
|
||||
]}
|
||||
title="WE DON'T CHASE CULTURE. WE DOCUMENT IT."
|
||||
description="Our unique approach is rooted in authenticity, access, and community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<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="OUR COLLABORATORS"
|
||||
description="Proudly partnering with key players in African culture and beyond."
|
||||
speed={50}
|
||||
showCard={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<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="OUR COLLABORATORS"
|
||||
description="Proudly partnering with key players in African culture and beyond."
|
||||
speed={50}
|
||||
showCard={false}
|
||||
/>
|
||||
</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."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dried-floral-background-natural-design-space_53876-103987.jpg"
|
||||
imageAlt="Abstract background with organic textures for newsletter"
|
||||
mediaPosition="left"
|
||||
buttonText="STAY DYSRVPTIVE"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</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."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dried-floral-background-natural-design-space_53876-103987.jpg"
|
||||
imageAlt="Abstract background with organic textures for newsletter"
|
||||
mediaPosition="left"
|
||||
buttonText="STAY DYSRVPTIVE"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoSrc="http://img.b2bpic.net/free-vector/pack-african-logo-templates_23-2148735830.jpg"
|
||||
logoAlt="DYSRVPT Logo"
|
||||
logoText="DYSRVPT"
|
||||
leftLink={{
|
||||
text: "DO IT LIKE YOU.",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "STAY DYSRVPTIVE.",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoSrc="http://img.b2bpic.net/free-vector/pack-african-logo-templates_23-2148735830.jpg"
|
||||
logoAlt="DYSRVPT Logo"
|
||||
logoText="DYSRVPT"
|
||||
leftLink={{ text: "DO IT LIKE YOU.", href: "#" }}
|
||||
rightLink={{ text: "STAY DYSRVPTIVE.", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user