Files
e65ffcd9-2d38-4e65-b66b-d7b…/src/app/page.tsx
2026-04-03 09:38:44 +00:00

215 lines
8.9 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { BarChart2, ShieldCheck, Zap } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="compact"
sizing="mediumLargeSizeMediumTitles"
background="aurora"
cardStyle="glass-depth"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About", id: "#about"},
{
name: "Features", id: "#features"},
{
name: "Results", id: "#results"},
{
name: "Launch", id: "#contact"},
]}
brandName="Rizi Partnerships"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Rizi Partnerships"
description="We connect AI and tech companies with creators who genuinely engage your audience. Strategic partnerships, managed relationships, measurable results—all handled so you can scale."
buttons={[
{
text: "Launch Your Partnership", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/geometric-bokeh_1017-3221.jpg"
buttonAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Partnerships Built for Innovation"
description="In the fast-paced AI and tech sectors, influence is about credibility. We curate authentic creators who communicate your value, not just your features."
bulletPoints={[
{
title: "AI-First Curation", description: "We identify creators who actually understand your technology."},
{
title: "Transparent Analytics", description: "Real-time visibility into campaign ROI and creator engagement."},
{
title: "Workflow Efficiency", description: "Streamlined management from outreach to conversion tracking."},
]}
imageSrc="http://img.b2bpic.net/free-photo/engineers-using-laptop-data-center-managing-server-virtualization_482257-120991.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Automated CRM", description: "Track thousands of partner touchpoints without manual spreadsheets.", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg", imageAlt: "Feature 1"},
{
imageSrc: "http://img.b2bpic.net/free-vector/smartphone-screen_53876-26853.jpg", imageAlt: "Feature 2"},
],
},
{
title: "ROI Reporting", description: "Deep-dive attribution models for every influencer channel.", icon: BarChart2,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg", imageAlt: "Feature 3"},
{
imageSrc: "http://img.b2bpic.net/free-vector/smartphone-screen_53876-26853.jpg", imageAlt: "Feature 4"},
],
},
{
title: "Creator Vetting", description: "Audit creator audiences for engagement quality and technical niche overlap.", icon: ShieldCheck,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg", imageAlt: "Feature 5"},
{
imageSrc: "http://img.b2bpic.net/free-vector/smartphone-screen_53876-26853.jpg", imageAlt: "Feature 6"},
],
},
]}
title="Campaign Management, Elevated"
description="Our platform removes the friction of scale, letting you focus on the growth metrics that matter most."
/>
</div>
<div id="results" data-section="results">
<MetricCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1", title: "Campaign Growth", subtitle: "Year-over-year", category: "ROI", value: "240%"},
{
id: "m2", title: "Influencer Reach", subtitle: "Monthly", category: "Scale", value: "12M+"},
{
id: "m3", title: "Cost Efficiency", subtitle: "Per Acquisition", category: "Optimization", value: "35%"},
{
id: "m4", title: "Partnership Count", subtitle: "Managed", category: "Volume", value: "500+"},
{
id: "m5", title: "Lead Conversion", subtitle: "Avg. Lift", category: "Growth", value: "42%"},
]}
title="Measurable Impact"
description="We don't just facilitate introductions; we deliver business outcomes."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="Rizi transformed our influencer strategy. Their ability to find creators who understand our complex AI model was unmatched. We saw a 3x increase in qualified leads in three months."
rating={5}
author="Marcus Thorne, Head of Marketing, SynthFlow AI"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg", alt: "Marcus Thorne"},
{
src: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg", alt: "Sarah Chen"},
{
src: "http://img.b2bpic.net/free-photo/male-cool-it-expert-hosting-live-convention-with-hands-free-microphone_482257-127134.jpg", alt: "David Okafor"},
{
src: "http://img.b2bpic.net/free-photo/happy-senior-speaker-with-flipchart-diagram_1262-1858.jpg", alt: "Elena Rossi"},
{
src: "http://img.b2bpic.net/free-photo/portrait-person-with-rainbow-colors-symbolizing-thoughts-adhd-brain_23-2151475616.jpg", alt: "Alex Rivers"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "animated-grid"}}
tag="Get Started"
title="Scale Your Tech Brand"
description="Ready to launch your first measurable influencer partnership? Let's discuss your goals."
imageSrc="http://img.b2bpic.net/free-photo/engineers-using-laptop-data-center-managing-server-virtualization_482257-120991.jpg"
mediaPosition="left"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Company", items: [
{
label: "About", href: "#about"},
{
label: "Careers", href: "#"},
{
label: "Blog", href: "#"},
],
},
{
title: "Services", items: [
{
label: "Campaign Mgmt", href: "#features"},
{
label: "Influencer Curation", href: "#features"},
{
label: "ROI Analytics", href: "#results"},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
},
]}
copyrightText="© 2024 Rizi Partnerships. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}