263 lines
8.9 KiB
TypeScript
263 lines
8.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import { Check, Feather, Globe, Mic, Smartphone } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "Stories",
|
|
id: "/stories",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "/services",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "/about",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "/contact",
|
|
},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m7mhs2"
|
|
logoAlt="DYSRVPT Logo"
|
|
brandName="DYSRVPT"
|
|
/>
|
|
</div>
|
|
|
|
<div id="our-services" data-section="our-services">
|
|
<PricingCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "service-1",
|
|
tag: "Featured",
|
|
tagIcon: Check,
|
|
price: "Bespoke",
|
|
period: "/ project",
|
|
description: "Comprehensive documentation of events, artists, and cultural moments with a premium touch.",
|
|
button: {
|
|
text: "Inquire Now",
|
|
href: "/contact",
|
|
},
|
|
featuresTitle: "Includes:",
|
|
features: [
|
|
"On-Ground Photo/Video Teams",
|
|
"Exclusive Interviews",
|
|
"High-Quality Event Recaps",
|
|
"Pre- and Post-Event Coverage",
|
|
],
|
|
},
|
|
{
|
|
id: "service-2",
|
|
tag: "Standard",
|
|
tagIcon: Check,
|
|
price: "Custom",
|
|
period: "/ campaign",
|
|
description: "Engaging and dynamic content tailored for social media, designed for viral impact.",
|
|
button: {
|
|
text: "Inquire Now",
|
|
href: "/contact",
|
|
},
|
|
featuresTitle: "Includes:",
|
|
features: [
|
|
"Short-Form Video Production",
|
|
"Social-First Visuals",
|
|
"Platform Optimization",
|
|
"Rapid Content Turnaround",
|
|
],
|
|
},
|
|
{
|
|
id: "service-3",
|
|
tag: "Premium",
|
|
tagIcon: Check,
|
|
price: "Tailored",
|
|
period: "/ project",
|
|
description: "In-depth editorial pieces, from artist profiles to cultural analyses, delivered with journalistic integrity.",
|
|
button: {
|
|
text: "Inquire Now",
|
|
href: "/contact",
|
|
},
|
|
featuresTitle: "Includes:",
|
|
features: [
|
|
"Long-Form Articles & Essays",
|
|
"Artist & Industry Interviews",
|
|
"Culture Reports & Trends",
|
|
"Research-Backed Narratives",
|
|
],
|
|
},
|
|
]}
|
|
title="OUR SERVICES"
|
|
description="We offer a range of bespoke services to amplify your brand and cultural initiatives."
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-details" data-section="service-details">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Media Coverage",
|
|
description: "Capturing the raw energy of events and personalities, ensuring every moment that matters is documented.",
|
|
icon: Globe,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-camera-crew-filming-interview_23-2149037848.jpg",
|
|
imageAlt: "Professional videographer at an African event",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-singing-outdoors_23-2149223611.jpg",
|
|
imageAlt: "Camera crew filming a documentary",
|
|
},
|
|
],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m7mhs2&_wi=3",
|
|
imageAlt: "professional videographer african event",
|
|
},
|
|
{
|
|
title: "Mobile Content Creation",
|
|
description: "Crafting engaging, shareable content optimized for today's fast-paced digital platforms.",
|
|
icon: Smartphone,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-influencer_23-2151414177.jpg",
|
|
imageAlt: "Mobile content creator filming with a phone",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/law-enforcement-agents-sitting-flooor-investigating-crime-together-african-american-man-woman-detective-partners-analyzing-case-files-drinking-coffee-night-time_482257-59774.jpg",
|
|
imageAlt: "African creative creating social media content",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-dancing-techno-party_23-2150639046.jpg?_wi=4",
|
|
imageAlt: "professional videographer african event",
|
|
},
|
|
{
|
|
title: "Editorial Storytelling",
|
|
description: "Developing compelling narratives that explore the depth and nuances of African creativity.",
|
|
icon: Feather,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-typing-laptop_24972-2961.jpg",
|
|
imageAlt: "Writer typing on a laptop for an editorial",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-reading-coffee-shop_23-2150183723.jpg",
|
|
imageAlt: "African woman reading a magazine",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-spanish-man-posing-red-wall-background-sunny-day_181624-54408.jpg?_wi=4",
|
|
imageAlt: "professional videographer african event",
|
|
},
|
|
{
|
|
title: "Talent Amplification",
|
|
description: "Elevating artists, DJs, and cultural disruptors through strategic media positioning and exposure.",
|
|
icon: Mic,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fun-party-with-dj_23-2151108167.jpg",
|
|
imageAlt: "African DJ performing on stage",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-with-dreads-representing-rastafari-movement_23-2151532088.jpg",
|
|
imageAlt: "Artist spotlight promotion in Africa",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-people-having-fun-together_329181-16456.jpg?_wi=4",
|
|
imageAlt: "professional videographer african event",
|
|
},
|
|
]}
|
|
title="DELIVERING IMPACT THROUGH CULTURAL EXPERTISE"
|
|
description="Our integrated approach ensures your message resonates deeply within the target audience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "Home",
|
|
href: "/",
|
|
},
|
|
{
|
|
label: "Stories",
|
|
href: "/stories",
|
|
},
|
|
{
|
|
label: "Services",
|
|
href: "/services",
|
|
},
|
|
{
|
|
label: "About",
|
|
href: "/about",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect",
|
|
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",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="DYSRVPT. Documenting African Culture In Motion."
|
|
bottomRightText="DO IT LIKE YOU. STAY DYSRVPTIVE."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|