development/da465011-0817-43a4-9b3d-1ac90e263cde
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Nikolay Pecheniev
2026-01-22 21:51:44 +02:00
commit c4bf041160
300 changed files with 58178 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,154 @@
"use client";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { TrendingUp, CheckCircle, Zap, Users, HelpCircle } from 'lucide-react';
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeMediumTitles"
background="floatingGradient"
cardStyle="gradient-radial"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="PitchDrive"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" }
]}
button={{ text: "Get Started", href: "/contact" }}
/>
</div>
<div id="about" data-section="about">
<MediaSplitTabsAbout
title="Our Story & Mission"
description="Building the future of sales enablement through intelligent technology"
tabs={[
{
id: "story",
label: "Our Story",
description: "PitchDrive was founded by a team of sales leaders and AI engineers who experienced firsthand the challenges of modern sales processes. We saw teams struggling with inconsistent pitch quality, lengthy sales cycles, and lack of data-driven insights. Our mission became clear: democratize access to world-class sales tools."
},
{
id: "vision",
label: "Our Vision",
description: "We envision a world where every sales professional has access to intelligent coaching and deal insights. Our platform combines cutting-edge AI with proven sales methodologies to help teams perform at their peak, close deals faster, and build lasting customer relationships."
},
{
id: "values",
label: "Core Values",
description: "Innovation drives everything we do. We believe in transparency, continuous learning, and putting our customers' success first. Our team is committed to building tools that not just work, but truly transform how sales teams operate and succeed in competitive markets."
}
]}
imageSrc="https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg"
imageAlt="PitchDrive team collaboration"
imagePosition="right"
useInvertedBackground="noInvert"
/>
</div>
<div id="company-metrics" data-section="company-metrics">
<MetricCardOne
title="Company Milestones"
description="Key achievements that define our journey and impact"
metrics={[
{
id: "1",
value: "2020",
title: "founded",
description: "Started with a vision to transform sales",
icon: TrendingUp
},
{
id: "2",
value: "50+",
title: "team members",
description: "Experienced professionals across sales and tech",
icon: Users
},
{
id: "3",
value: "100+",
title: "enterprise clients",
description: "Trusted by leading companies worldwide",
icon: CheckCircle
},
{
id: "4",
value: "$50M",
title: "funding raised",
description: "Backed by top-tier venture capital firms",
icon: Zap
}
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="invertDefault"
/>
</div>
<div id="about-faq" data-section="about-faq">
<FaqDouble
title="About Our Company"
description="Learn more about PitchDrive's history, culture, and approach"
tag="Company Info"
tagIcon={HelpCircle}
textboxLayout="default"
useInvertedBackground="noInvert"
animationType="smooth"
faqs={[
{
id: "1",
title: "What makes PitchDrive different from other sales tools?",
content: "PitchDrive uniquely combines AI-powered coaching with collaborative features and deal intelligence. Unlike traditional CRMs or simple pitch tools, we provide real-time feedback, predictive insights, and team learning capabilities all in one integrated platform."
},
{
id: "2",
title: "Who are the founders and leadership team?",
content: "Our founding team includes former sales VPs from Fortune 500 companies and AI researchers from leading tech firms. Our CEO has 15+ years in enterprise sales, while our CTO previously led AI initiatives at major software companies."
},
{
id: "3",
title: "What is PitchDrive's company culture like?",
content: "We foster a culture of continuous learning, customer obsession, and innovation. Our team values transparency, collaboration, and results. We're a remote-first company with team members across multiple time zones, united by our mission to transform sales."
},
{
id: "4",
title: "How does PitchDrive give back to the community?",
content: "We offer free access to startups and small businesses through our community program. We also sponsor sales training programs at universities and provide mentorship to emerging sales professionals through industry partnerships."
},
{
id: "5",
title: "What are PitchDrive's future plans and roadmap?",
content: "We're continuously expanding our AI capabilities, building new integrations, and developing advanced analytics features. Our roadmap includes enhanced mobile experiences, deeper CRM integrations, and expanded international market support."
},
{
id: "6",
title: "How can I join the PitchDrive team?",
content: "We're always looking for talented individuals who share our passion for sales and technology. Check our careers page for current openings in engineering, sales, marketing, and customer success. We offer competitive compensation and equity packages."
}
]}
/>
</div>
<FooterLogoReveal logoText="PitchDrive" />
</ThemeProvider>
);
}

136
src/app/blog/page.tsx Normal file
View File

@@ -0,0 +1,136 @@
"use client";
import { useEffect, useState } from "react";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
type BlogPost = {
id: string;
category: string;
title: string;
excerpt: string;
imageSrc: string;
imageAlt?: string;
authorName: string;
authorAvatar: string;
date: string;
onBlogClick?: () => void;
};
const defaultPosts: BlogPost[] = [
{
id: "1", category: "Design", title: "UX review presentations", excerpt: "How do you create compelling presentations that wow your colleagues and impress your managers?", imageSrc: "/placeholders/placeholder3.avif", imageAlt: "Abstract design with purple and silver tones", authorName: "Olivia Rhye", authorAvatar: "/placeholders/placeholder3.avif", date: "20 Jan 2025", onBlogClick: () => console.log("Blog 1 clicked"),
},
{
id: "2", category: "Development", title: "Building scalable applications", excerpt: "Learn the best practices for building applications that can handle millions of users.", imageSrc: "/placeholders/placeholder4.webp", imageAlt: "Development workspace", authorName: "John Smith", authorAvatar: "/placeholders/placeholder4.webp", date: "18 Jan 2025", onBlogClick: () => console.log("Blog 2 clicked"),
},
{
id: "3", category: "Marketing", title: "Content strategy essentials", excerpt: "Discover how to create a content strategy that drives engagement and conversions.", imageSrc: "/placeholders/placeholder3.avif", imageAlt: "Marketing strategy board", authorName: "Sarah Johnson", authorAvatar: "/placeholders/placeholder3.avif", date: "15 Jan 2025", onBlogClick: () => console.log("Blog 3 clicked"),
},
{
id: "4", category: "Product", title: "Product management 101", excerpt: "Everything you need to know to become an effective product manager in 2025.", imageSrc: "/placeholders/placeholder4.webp", imageAlt: "Product planning session", authorName: "Mike Davis", authorAvatar: "/placeholders/placeholder4.webp", date: "12 Jan 2025", onBlogClick: () => console.log("Blog 4 clicked"),
},
];
export default function BlogPage() {
const [posts, setPosts] = useState<BlogPost[]>(defaultPosts);
const [isLoading, setIsLoading] = useState(true);
useEffect(() => {
const fetchPosts = async () => {
try {
const apiUrl = process.env.NEXT_PUBLIC_API_URL;
const projectId = process.env.NEXT_PUBLIC_PROJECT_ID;
if (!apiUrl || !projectId) {
console.warn("NEXT_PUBLIC_API_URL or NEXT_PUBLIC_PROJECT_ID not configured, using default posts");
setIsLoading(false);
return;
}
const url = `${apiUrl}/posts/${projectId}?status=published`;
const response = await fetch(url, {
method: "GET", headers: {
"Content-Type": "application/json"},
});
if (response.ok) {
const resp = await response.json();
const data = resp.data;
if (Array.isArray(data) && data.length > 0) {
const mappedPosts = data.map((post: any) => ({
id: post.id || String(Math.random()),
category: post.category || "General", title: post.title || "Untitled", excerpt: post.excerpt || post.content.slice(0, 30) || "", imageSrc: post.imageUrl || "/placeholders/placeholder3.avif", imageAlt: post.imageAlt || post.title || "", authorName: post.author?.name || "Anonymous", authorAvatar: post.author?.avatar || "/placeholders/placeholder3.avif", date: post.date || post.createdAt || new Date().toLocaleDateString("en-GB", { day: "numeric", month: "short", year: "numeric" }),
onBlogClick: () => console.log(`Blog ${post.id} clicked`),
}));
setPosts(mappedPosts);
}
} else {
console.warn(`API request failed with status ${response.status}, using default posts`);
}
} catch (error) {
console.error("Error fetching posts:", error);
} finally {
setIsLoading(false);
}
};
fetchPosts();
}, []);
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeMediumTitles"
background="floatingGradient"
cardStyle="gradient-radial"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="light"
>
<ReactLenis root>
<div className="min-h-screen bg-background">
<NavbarStyleCentered
brandName="PitchDrive"
navItems={[
{ name: "Home", id: "/home" },
{ name: "Home", id: "home" },
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Get Started", href: "contact" }}
/>
{isLoading ? (
<div className="w-content-width mx-auto py-20 text-center">
<p className="text-foreground">Loading posts...</p>
</div>
) : (
<BlogCardThree
blogs={posts}
title="Featured Articles"
description="Discover our latest insights and innovations that shape the future"
tag="Blog"
textboxLayout="default"
useInvertedBackground="noInvert"
animationType="slide-up"
carouselMode="buttons"
/>
)}
<FooterLogoReveal
logoText="PitchDrive"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

150
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,150 @@
"use client";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { HelpCircle, Clock, Users, MessageSquare, Phone } from 'lucide-react';
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeMediumTitles"
background="floatingGradient"
cardStyle="gradient-radial"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="PitchDrive"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" }
]}
button={{ text: "Get Started", href: "/contact" }}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Let's Talk About Your Pitch"
description="Have questions about PitchDrive? Our team is ready to help. Get in touch and discover how we can help you close more deals."
inputs={[
{ name: "name", type: "text", placeholder: "Your name", required: true },
{ name: "email", type: "email", placeholder: "your@email.com", required: true },
{ name: "company", type: "text", placeholder: "Company name", required: false },
{ name: "phone", type: "tel", placeholder: "Phone number", required: false }
]}
textarea={{
name: "message",
placeholder: "Tell us about your sales challenges...",
rows: 5,
required: true
}}
buttonText="Send Message"
useInvertedBackground="noInvert"
imageSrc="https://img.b2bpic.net/free-photo/black-female-entrepreneur-presenting-business-growth-chart-meeting-office_637285-9857.jpg"
imageAlt="PitchDrive contact and support"
mediaPosition="right"
/>
</div>
<div id="support-metrics" data-section="support-metrics">
<MetricCardOne
title="Our Support Promise"
description="We're here to help you succeed every step of the way"
metrics={[
{
id: "1",
value: "<2h",
title: "response time",
description: "Average first response time for support tickets",
icon: Clock
},
{
id: "2",
value: "24/7",
title: "availability",
description: "Enterprise customers get round-the-clock support",
icon: Phone
},
{
id: "3",
value: "98%",
title: "satisfaction",
description: "Customer satisfaction rating for our support team",
icon: Users
},
{
id: "4",
value: "500+",
title: "tickets solved",
description: "Issues resolved monthly with high quality",
icon: MessageSquare
}
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="invertDefault"
/>
</div>
<div id="contact-faq" data-section="contact-faq">
<FaqDouble
title="Common Questions"
description="Quick answers to help you get started with PitchDrive"
tag="Support"
tagIcon={HelpCircle}
textboxLayout="default"
useInvertedBackground="noInvert"
animationType="smooth"
faqs={[
{
id: "1",
title: "How quickly can I get started with PitchDrive?",
content: "You can start using PitchDrive immediately after signing up. The onboarding process takes just 5 minutes, and you'll have access to all core features right away. Professional and Enterprise customers receive guided onboarding support."
},
{
id: "2",
title: "What kind of training and onboarding do you provide?",
content: "All plans include access to our comprehensive knowledge base and video tutorials. Professional plans include live onboarding sessions, while Enterprise customers get dedicated training programs and a customer success manager."
},
{
id: "3",
title: "Can you help with custom integrations?",
content: "Yes! Enterprise customers have access to our API and custom integration services. Our technical team works with you to integrate PitchDrive seamlessly into your existing sales stack and workflows."
},
{
id: "4",
title: "Do you offer implementation consulting?",
content: "Enterprise customers receive dedicated implementation consulting to ensure successful rollout. This includes strategy sessions, change management support, and ongoing optimization recommendations."
},
{
id: "5",
title: "What's your typical response time for technical issues?",
content: "Starter plan customers receive email support with 24-hour response times. Professional customers get priority support with 4-hour response, while Enterprise customers have dedicated support with 1-hour response times."
},
{
id: "6",
title: "Can I schedule a demo before purchasing?",
content: "Absolutely! We offer personalized demos for all potential customers. Our sales team will walk you through the platform, answer your questions, and help you understand how PitchDrive can benefit your specific use case."
}
]}
/>
</div>
<FooterLogoReveal logoText="PitchDrive" />
</ThemeProvider>
);
}

BIN
src/app/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

595
src/app/globals.css Normal file
View File

@@ -0,0 +1,595 @@
@import "tailwindcss";
:root {
/* Base units */
/* --vw is set by ThemeProvider */
/* --background: #f5f5f5;;
--card: #ffffff;;
--foreground: #1c1c1c;;
--primary-cta: #341f51;;
--secondary-cta: #ffffff;;
--accent: #6139e6;;
--background-accent: #b3a8e8;; */
--background: #f5f5f5;;
--card: #ffffff;;
--foreground: #1c1c1c;;
--primary-cta: #341f51;;
--secondary-cta: #ffffff;;
--accent: #6139e6;;
--background-accent: #b3a8e8;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
--text-xs: clamp(0.54rem, 0.72vw, 0.72rem);
--text-sm: clamp(0.615rem, 0.82vw, 0.82rem);
--text-base: clamp(0.69rem, 0.92vw, 0.92rem);
--text-lg: clamp(0.75rem, 1vw, 1rem);
--text-xl: clamp(0.825rem, 1.1vw, 1.1rem);
--text-2xl: clamp(0.975rem, 1.3vw, 1.3rem);
--text-3xl: clamp(1.2rem, 1.6vw, 1.6rem);
--text-4xl: clamp(1.5rem, 2vw, 2rem);
--text-5xl: clamp(2.025rem, 2.75vw, 2.75rem);
--text-6xl: clamp(2.475rem, 3.3vw, 3.3rem);
--text-7xl: clamp(3rem, 4vw, 4rem);
--text-8xl: clamp(3.5rem, 4.5vw, 4.5rem);
--text-9xl: clamp(5.25rem, 7vw, 7rem); */
/* Base spacing units */
--vw-0_25: calc(var(--vw) * 0.25);
--vw-0_5: calc(var(--vw) * 0.5);
--vw-0_625: calc(var(--vw) * 0.625);
--vw-0_75: calc(var(--vw) * 0.75);
--vw-1: calc(var(--vw) * 1);
--vw-1_25: calc(var(--vw) * 1.25);
--vw-1_5: calc(var(--vw) * 1.5);
--vw-1_75: calc(var(--vw) * 1.75);
--vw-2: calc(var(--vw) * 2);
--vw-2_25: calc(var(--vw) * 2.25);
--vw-2_5: calc(var(--vw) * 2.5);
--vw-2_75: calc(var(--vw) * 2.75);
--vw-3: calc(var(--vw) * 3);
/* width */
--width-5: clamp(4rem, 5vw, 6rem);
--width-7_5: clamp(5.625rem, 7.5vw, 7.5rem);
--width-10: clamp(7.5rem, 10vw, 10rem);
--width-12_5: clamp(9.375rem, 12.5vw, 12.5rem);
--width-15: clamp(11.25rem, 15vw, 15rem);
--width-17: clamp(12.75rem, 17vw, 17rem);
--width-17_5: clamp(13.125rem, 17.5vw, 17.5rem);
--width-20: clamp(15rem, 20vw, 20rem);
--width-21: clamp(15.75rem, 21vw, 21rem);
--width-22_5: clamp(16.875rem, 22.5vw, 22.5rem);
--width-25: clamp(18.75rem, 25vw, 25rem);
--width-26: clamp(19.5rem, 26vw, 26rem);
--width-27_5: clamp(20.625rem, 27.5vw, 27.5rem);
--width-30: clamp(22.5rem, 30vw, 30rem);
--width-32_5: clamp(24.375rem, 32.5vw, 32.5rem);
--width-35: clamp(26.25rem, 35vw, 35rem);
--width-37_5: clamp(28.125rem, 37.5vw, 37.5rem);
--width-40: clamp(30rem, 40vw, 40rem);
--width-42_5: clamp(31.875rem, 42.5vw, 42.5rem);
--width-45: clamp(33.75rem, 45vw, 45rem);
--width-47_5: clamp(35.625rem, 47.5vw, 47.5rem);
--width-50: clamp(37.5rem, 50vw, 50rem);
--width-52_5: clamp(39.375rem, 52.5vw, 52.5rem);
--width-55: clamp(41.25rem, 55vw, 55rem);
--width-57_5: clamp(43.125rem, 57.5vw, 57.5rem);
--width-60: clamp(45rem, 60vw, 60rem);
--width-62_5: clamp(46.875rem, 62.5vw, 62.5rem);
--width-65: clamp(48.75rem, 65vw, 65rem);
--width-67_5: clamp(50.625rem, 67.5vw, 67.5rem);
--width-70: clamp(52.5rem, 70vw, 70rem);
--width-72_5: clamp(54.375rem, 72.5vw, 72.5rem);
--width-75: clamp(56.25rem, 75vw, 75rem);
--width-77_5: clamp(58.125rem, 77.5vw, 77.5rem);
--width-80: clamp(60rem, 80vw, 80rem);
--width-82_5: clamp(61.875rem, 82.5vw, 82.5rem);
--width-85: clamp(63.75rem, 85vw, 85rem);
--width-87_5: clamp(65.625rem, 87.5vw, 87.5rem);
--width-90: clamp(67.5rem, 90vw, 90rem);
--width-92_5: clamp(69.375rem, 92.5vw, 92.5rem);
--width-95: clamp(71.25rem, 95vw, 95rem);
--width-97_5: clamp(73.125rem, 97.5vw, 97.5rem);
--width-100: clamp(75rem, 100vw, 100rem);
/* --width-content-width and --width-content-width-expanded are set by ThemeProvider */
--width-carousel-padding: calc((100vw - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
--width-carousel-padding-controls: calc((100vw - var(--width-content-width)) / 2 + 1px);
--width-carousel-padding-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
--width-carousel-padding-controls-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px);
--width-carousel-item-3: calc(var(--width-content-width) / 3 - var(--vw-1_5) / 3 * 2);
--width-carousel-item-4: calc(var(--width-content-width) / 4 - var(--vw-1_5) / 4 * 3);
--width-x-padding-mask-fade: clamp(1.5rem, 4vw, 4rem);
--height-4: 1rem;
--height-5: 1.25rem;
--height-6: 1.5rem;
--height-7: 1.75rem;
--height-8: 2rem;
--height-9: 2.25rem;
--height-10: 2.5rem;
--height-11: 2.75rem;
--height-12: 3rem;
--height-30: 7.5rem;
--height-90: 22.5rem;
--height-100: 25rem;
--height-110: 27.5rem;
--height-120: 30rem;
--height-130: 32.5rem;
--height-140: 35rem;
--height-150: 37.5rem;
/* hero page padding */
--padding-hero-page-padding-half: calc((var(--height-10) + var(--vw-1_5) + var(--vw-1_5) + var(--height-10)) / 2);
--padding-hero-page-padding: calc(var(--height-10) + var(--vw-1_5) + var(--vw-1_5) + var(--height-10));
--padding-hero-page-padding-1_5: calc(1.5 * (var(--height-10) + var(--vw-1_5) + var(--vw-1_5) + var(--height-10)));
--padding-hero-page-padding-double: calc(2 * (var(--height-10) + var(--vw-1_5) + var(--vw-1_5) + var(--height-10)));
}
@media (max-width: 767px) {
:root {
/* --vw and text sizing are set by ThemeProvider */
/* --vw: 3vw;
--text-2xs: 2.5vw;
--text-xs: 2.75vw;
--text-sm: 3vw;
--text-base: 3.25vw;
--text-lg: 3.5vw;
--text-xl: 4.25vw;
--text-2xl: 5vw;
--text-3xl: 6vw;
--text-4xl: 7vw;
--text-5xl: 7.5vw;
--text-6xl: 8.5vw;
--text-7xl: 10vw;
--text-8xl: 12vw;
--text-9xl: 14vw; */
--width-5: 5vw;
--width-7_5: 7.5vw;
--width-10: 10vw;
--width-12_5: 12.5vw;
--width-15: 15vw;
--width-17_5: 17.5vw;
--width-20: 20vw;
--width-22_5: 22.5vw;
--width-25: 25vw;
--width-27_5: 27.5vw;
--width-30: 30vw;
--width-32_5: 32.5vw;
--width-35: 35vw;
--width-37_5: 37.5vw;
--width-40: 40vw;
--width-42_5: 42.5vw;
--width-45: 45vw;
--width-47_5: 47.5vw;
--width-50: 50vw;
--width-52_5: 52.5vw;
--width-55: 55vw;
--width-57_5: 57.5vw;
--width-60: 60vw;
--width-62_5: 62.5vw;
--width-65: 65vw;
--width-67_5: 67.5vw;
--width-70: 70vw;
--width-72_5: 72.5vw;
--width-75: 75vw;
--width-77_5: 77.5vw;
--width-80: 80vw;
--width-82_5: 82.5vw;
--width-85: 85vw;
--width-87_5: 87.5vw;
--width-90: 90vw;
--width-92_5: 92.5vw;
--width-95: 95vw;
--width-97_5: 97.5vw;
--width-100: 100vw;
/* --width-content-width and --width-content-width-expanded are set by ThemeProvider */
--width-carousel-padding: calc((100vw - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
--width-carousel-padding-controls: calc((100vw - var(--width-content-width)) / 2 + 1px);
--width-carousel-padding-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
--width-carousel-padding-controls-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px);
--width-carousel-item-3: var(--width-content-width);
--width-carousel-item-4: var(--width-content-width);
--width-x-padding-mask-fade: 10vw;
--height-4: 3.5vw;
--height-5: 4.5vw;
--height-6: 5.5vw;
--height-7: 6.5vw;
--height-8: 7.5vw;
--height-9: 8.5vw;
--height-10: 9vw;
--height-11: 10vw;
--height-12: 11vw;
--height-30: 25vw;
--height-90: 81vw;
--height-100: 90vw;
--height-110: 99vw;
--height-120: 108vw;
--height-130: 117vw;
--height-140: 126vw;
--height-150: 135vw;
}
}
@theme inline {
--color-background: var(--background);
--color-card: var(--card);
--color-foreground: var(--foreground);
--color-primary-cta: var(--primary-cta);
--color-secondary-cta: var(--secondary-cta);
--color-accent: var(--accent);
--color-background-accent: var(--background-accent);
/* theme border radius */
--radius-theme: var(--theme-border-radius);
--radius-theme-capped: var(--theme-border-radius-capped);
/* text */
--text-2xs: var(--text-2xs);
--text-xs: var(--text-xs);
--text-sm: var(--text-sm);
--text-base: var(--text-base);
--text-lg: var(--text-lg);
--text-xl: var(--text-xl);
--text-2xl: var(--text-2xl);
--text-3xl: var(--text-3xl);
--text-4xl: var(--text-4xl);
--text-5xl: var(--text-5xl);
--text-6xl: var(--text-6xl);
--text-7xl: var(--text-7xl);
--text-8xl: var(--text-8xl);
--text-9xl: var(--text-9xl);
/* height */
--height-4: var(--height-4);
--height-5: var(--height-5);
--height-6: var(--height-6);
--height-7: var(--height-7);
--height-8: var(--height-8);
--height-9: var(--height-9);
--height-11: var(--height-11);
--height-12: var(--height-12);
--height-10: var(--height-10);
--height-30: var(--height-30);
--height-90: var(--height-90);
--height-100: var(--height-100);
--height-110: var(--height-110);
--height-120: var(--height-120);
--height-130: var(--height-130);
--height-140: var(--height-140);
--height-150: var(--height-150);
--height-page-padding: calc(2.25rem+var(--vw-1_5)+var(--vw-1_5));
/* width */
--width-5: var(--width-5);
--width-7_5: var(--width-7_5);
--width-10: var(--width-10);
--width-12_5: var(--width-12_5);
--width-15: var(--width-15);
--width-17: var(--width-17);
--width-17_5: var(--width-17_5);
--width-20: var(--width-20);
--width-21: var(--width-21);
--width-22_5: var(--width-22_5);
--width-25: var(--width-25);
--width-26: var(--width-26);
--width-27_5: var(--width-27_5);
--width-30: var(--width-30);
--width-32_5: var(--width-32_5);
--width-35: var(--width-35);
--width-37_5: var(--width-37_5);
--width-40: var(--width-40);
--width-42_5: var(--width-42_5);
--width-45: var(--width-45);
--width-47_5: var(--width-47_5);
--width-50: var(--width-50);
--width-52_5: var(--width-52_5);
--width-55: var(--width-55);
--width-57_5: var(--width-57_5);
--width-60: var(--width-60);
--width-62_5: var(--width-62_5);
--width-65: var(--width-65);
--width-67_5: var(--width-67_5);
--width-70: var(--width-70);
--width-72_5: var(--width-72_5);
--width-75: var(--width-75);
--width-77_5: var(--width-77_5);
--width-80: var(--width-80);
--width-82_5: var(--width-82_5);
--width-85: var(--width-85);
--width-87_5: var(--width-87_5);
--width-90: var(--width-90);
--width-92_5: var(--width-92_5);
--width-95: var(--width-95);
--width-97_5: var(--width-97_5);
--width-100: var(--width-100);
--width-content-width: var(--width-content-width);
--width-carousel-padding: var(--width-carousel-padding);
--width-carousel-padding-controls: var(--width-carousel-padding-controls);
--width-carousel-padding-expanded: var(--width-carousel-padding-expanded);
--width-carousel-padding-controls-expanded: var(--width-carousel-padding-controls-expanded);
--width-carousel-item-3: var(--width-carousel-item-3);
--width-carousel-item-4: var(--width-carousel-item-4);
--width-x-padding-mask-fade: var(--width-x-padding-mask-fade);
--width-content-width-expanded: var(--width-content-width-expanded);
/* gap */
--spacing-1: var(--vw-0_25);
--spacing-2: var(--vw-0_5);
--spacing-3: var(--vw-0_75);
--spacing-4: var(--vw-1);
--spacing-5: var(--vw-1_25);
--spacing-6: var(--vw-1_5);
--spacing-7: var(--vw-1_75);
--spacing-8: var(--vw-2);
--spacing-x-1: var(--vw-0_25);
--spacing-x-2: var(--vw-0_5);
--spacing-x-3: var(--vw-0_75);
--spacing-x-4: var(--vw-1);
--spacing-x-5: var(--vw-1_25);
--spacing-x-6: var(--vw-1_5);
/* border radius */
--radius-none: 0;
--radius-sm: var(--vw-0_5);
--radius: var(--vw-0_75);
--radius-md: var(--vw-1);
--radius-lg: var(--vw-1_25);
--radius-xl: var(--vw-1_75);
--radius-full: 999px;
/* padding */
--padding-1: var(--vw-0_25);
--padding-2: var(--vw-0_5);
--padding-2.5: var(--vw-0_625);
--padding-3: var(--vw-0_75);
--padding-4: var(--vw-1);
--padding-5: var(--vw-1_25);
--padding-6: var(--vw-1_5);
--padding-7: var(--vw-1_75);
--padding-8: var(--vw-2);
--padding-x-1: var(--vw-0_25);
--padding-x-2: var(--vw-0_5);
--padding-x-3: var(--vw-0_75);
--padding-x-4: var(--vw-1);
--padding-x-5: var(--vw-1_25);
--padding-x-6: var(--vw-1_5);
--padding-x-7: var(--vw-1_75);
--padding-x-8: var(--vw-2);
--padding-hero-page-padding-half: var(--padding-hero-page-padding-half);
--padding-hero-page-padding: var(--padding-hero-page-padding);
--padding-hero-page-padding-1_5: var(--padding-hero-page-padding-1_5);
--padding-hero-page-padding-double: var(--padding-hero-page-padding-double);
/* margin */
--margin-1: var(--vw-0_25);
--margin-2: var(--vw-0_5);
--margin-3: var(--vw-0_75);
--margin-4: var(--vw-1);
--margin-5: var(--vw-1_25);
--margin-6: var(--vw-1_5);
--margin-7: var(--vw-1_75);
--margin-8: var(--vw-2);
--margin-x-1: var(--vw-0_25);
--margin-x-2: var(--vw-0_5);
--margin-x-3: var(--vw-0_75);
--margin-x-4: var(--vw-1);
--margin-x-5: var(--vw-1_25);
--margin-x-6: var(--vw-1_5);
--margin-x-7: var(--vw-1_75);
--margin-x-8: var(--vw-2);
}
@layer components {}
@layer utilities {
/* Card, primary-button, and secondary-button styles are now dynamically injected via ThemeProvider */
/* .card {
@apply backdrop-blur-sm bg-gradient-to-br from-card/80 to-card/40 shadow-sm border border-card;
}
.primary-button {
@apply bg-gradient-to-b from-primary-cta/83 to-primary-cta;
box-shadow:
color-mix(in srgb, var(--color-background) 25%, transparent) 0px 1px 1px 0px inset,
color-mix(in srgb, var(--color-primary-cta) 15%, transparent) 3px 3px 3px 0px;
}
.secondary-button {
@apply backdrop-blur-sm bg-gradient-to-br from-secondary-cta/80 to-secondary-cta shadow-sm border border-secondary-cta;
} */
.tag-card {
@apply backdrop-blur-sm bg-gradient-to-br from-card/80 to-card/40 shadow-sm border border-card;
}
.mask-padding-x {
-webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--width-x-padding-mask-fade), black calc(100% - var(--width-x-padding-mask-fade)), transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, black var(--width-x-padding-mask-fade), black calc(100% - var(--width-x-padding-mask-fade)), transparent 100%);
}
.mask-fade-bottom {
-webkit-mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 100%);
mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 100%);
}
.mask-fade-y {
mask-image: linear-gradient(to bottom,
transparent 0%,
black var(--vw-1_5),
black calc(100% - var(--vw-1_5)),
transparent 100%);
}
.mask-fade-bottom-large {
-webkit-mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 75%, transparent 100%);
mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 75%, transparent 100%);
}
.mask-fade-bottom-long {
-webkit-mask-image: linear-gradient(to bottom, black 0%, black 5%, transparent 100%);
mask-image: linear-gradient(to bottom, black 0%, black 5%, transparent 100%);
}
.mask-fade-top-long {
-webkit-mask-image: linear-gradient(to top, black 0%, black 5%, transparent 100%);
mask-image: linear-gradient(to top, black 0%, black 5%, transparent 100%);
}
.mask-fade-xy {
-webkit-mask-image:
linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%),
linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
mask-image:
linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%),
linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
-webkit-mask-composite: source-in;
mask-composite: intersect;
}
/* ANIMATION */
.animation-container {
animation:
fadeInOpacity 0.8s ease-in-out forwards,
fadeInTranslate 0.6s forwards;
}
.animation-container-fade {
animation: fadeInOpacity 0.8s ease-in-out forwards;
}
@keyframes fadeInOpacity {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeInTranslate {
from {
transform: translateY(0.75vh);
}
to {
transform: translateY(0vh);
}
}
@keyframes aurora {
from {
background-position: 50% 50%, 50% 50%;
}
to {
background-position: 350% 50%, 350% 50%;
}
}
@keyframes spin-slow {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes spin-reverse {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
}
.animate-spin-slow {
animation: spin-slow 15s linear infinite;
}
.animate-spin-reverse {
animation: spin-reverse 10s linear infinite;
}
@keyframes marquee-vertical {
from {
transform: translateY(0);
}
to {
transform: translateY(-50%);
}
}
.animate-marquee-vertical {
animation: marquee-vertical 20s linear infinite;
}
@keyframes orbit {
from {
transform: rotate(var(--initial-position, 0deg)) translateX(var(--translate-position, 120px)) rotate(calc(-1 * var(--initial-position, 0deg)));
}
to {
transform: rotate(calc(var(--initial-position, 0deg) + 360deg)) translateX(var(--translate-position, 120px)) rotate(calc(-1 * (var(--initial-position, 0deg) + 360deg)));
}
}
@keyframes map-dot-pulse {
0%, 100% {
transform: scale(0.4);
opacity: 0.6;
}
50% {
transform: scale(1.4);
opacity: 1;
}
}
}
* {
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 0);
}
html {
overscroll-behavior: none;
overscroll-behavior-y: none;
}
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-work-sans), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
overscroll-behavior-y: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-work-sans), sans-serif;
}

1272
src/app/layout.tsx Normal file
View File

File diff suppressed because it is too large Load Diff

222
src/app/page.tsx Normal file
View File

@@ -0,0 +1,222 @@
"use client";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { TrendingUp, CheckCircle, Zap, Users, Sparkles, Star, Award, Heart, CreditCard } from 'lucide-react';
import Link from 'next/link';
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeMediumTitles"
background="floatingGradient"
cardStyle="gradient-radial"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="PitchDrive"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" }
]}
button={{ text: "Get Started", href: "/contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
title="Pitch Perfect. Drive Results."
description="PitchDrive empowers businesses to craft compelling pitches, close deals faster, and drive measurable growth. Transform your sales process with intelligent insights and powerful tools."
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "3x", label: "Faster Deal Closure" },
{ value: "95%", label: "Client Success Rate" },
{ value: "500+", label: "Active Users" }
]}
enableKpiAnimation={true}
tag="Launch Your Pitch"
tagIcon={Zap}
imageSrc="https://img.b2bpic.net/free-photo/team-diverse-startup-company-colleague-entrepreneur-meeting-professional-workplace-broadroom_482257-5082.jpg"
imageAlt="PitchDrive business presentation platform"
imagePosition="right"
buttons={[
{ text: "Start Free Trial", href: "/pricing" },
{ text: "Watch Demo", href: "#" }
]}
/>
</div>
<div id="about" data-section="about">
<MediaSplitTabsAbout
title="Why Choose PitchDrive"
description="We're revolutionizing how businesses pitch and win deals"
tabs={[
{
id: "mission",
label: "Our Mission",
description: "We believe every business deserves access to world-class pitch and sales enablement tools. Our mission is to democratize success by providing intelligent, easy-to-use solutions that help teams close deals and drive growth."
},
{
id: "approach",
label: "Our Approach",
description: "We combine cutting-edge AI technology with deep industry expertise. Our platform analyzes winning pitch patterns, provides real-time coaching, and delivers actionable insights to help your sales team perform at their best."
},
{
id: "impact",
label: "Our Impact",
description: "Since launch, PitchDrive has helped thousands of sales professionals close $2B+ in deals. Our clients report 3x faster deal closure, higher conversion rates, and improved customer satisfaction across the board."
}
]}
imageSrc="https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg"
imageAlt="PitchDrive team collaboration"
imagePosition="right"
useInvertedBackground="invertDefault"
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
title="Powerful Features"
description="Everything you need to master the pitch and win more deals"
tag="Capabilities"
tagIcon={Sparkles}
features={[
{
id: 1,
title: "AI-Powered Pitch Coach",
description: "Get real-time feedback on your pitch delivery with our advanced AI coach. Improve confidence, clarity, and persuasion with personalized suggestions and performance metrics.",
phoneOne: { imageSrc: "https://img.b2bpic.net/free-vector/task-management-app-interface_23-2148647718.jpg" },
phoneTwo: { imageSrc: "https://img.b2bpic.net/free-vector/task-management-app_23-2148639059.jpg" }
},
{
id: 2,
title: "Deal Intelligence Dashboard",
description: "Track every deal in real-time with visual pipeline management. Get predictive insights on deal probability, recommended next steps, and personalized strategies to close faster.",
phoneOne: { imageSrc: "https://img.b2bpic.net/free-vector/task-management-app-interface_23-2148647718.jpg" },
phoneTwo: { imageSrc: "https://img.b2bpic.net/free-vector/task-management-app_23-2148639059.jpg" }
},
{
id: 3,
title: "Collaborative Pitch Library",
description: "Build and share winning pitch decks with your entire team. Access proven templates, track performance, and continuously improve based on data-driven insights from successful closes.",
phoneOne: { imageSrc: "https://img.b2bpic.net/free-vector/task-management-app-interface_23-2148647718.jpg" },
phoneTwo: { imageSrc: "https://img.b2bpic.net/free-vector/task-management-app_23-2148639059.jpg" }
}
]}
showStepNumbers={true}
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
title="Proven Results"
description="See the impact PitchDrive has on businesses worldwide"
metrics={[
{
id: "1",
value: "2B",
title: "in deals closed",
description: "Total value of deals closed with PitchDrive",
icon: TrendingUp
},
{
id: "2",
value: "95%",
title: "success rate",
description: "Clients reporting improved win rates",
icon: CheckCircle
},
{
id: "3",
value: "3x",
title: "faster closure",
description: "Average reduction in sales cycle",
icon: Zap
},
{
id: "4",
value: "500+",
title: "active users",
description: "Growing community of successful sales teams",
icon: Users
}
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="invertDefault"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Trusted by Sales Leaders"
description="See how PitchDrive transforms sales teams across industries"
tag="Customer Success"
tagIcon={Heart}
textboxLayout="default"
useInvertedBackground="noInvert"
testimonials={[
{
id: "1",
title: "Transformed Our Sales Process",
quote: "PitchDrive completely changed how we approach pitches. The AI coach is incredibly helpful, and our team's win rate has increased dramatically. It's like having a world-class sales consultant in every meeting.",
name: "Sarah Chen",
role: "VP of Sales",
imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
imageAlt: "Sarah Chen"
},
{
id: "2",
title: "Accelerated Our Growth",
quote: "We've been able to close deals 3x faster since implementing PitchDrive. The deal intelligence dashboard gives us the insights we need to make smart decisions and close faster.",
name: "Michael Rodriguez",
role: "Sales Director",
imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",
imageAlt: "Michael Rodriguez"
},
{
id: "3",
title: "Game Changer for Our Team",
quote: "The collaboration features and pitch library have made onboarding new sales reps so much faster. Everyone learns from the best practices, and our team's overall performance has improved significantly.",
name: "Emily Watson",
role: "Sales Manager",
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-bearded-man-white-shirt-jacket-posing-camera-with-broad-smile-isolated-gray_171337-629.jpg",
imageAlt: "Emily Watson"
},
{
id: "4",
title: "Essential for Modern Sales",
quote: "In today's competitive market, PitchDrive is essential. Our sales team now has the tools and insights to compete with anyone. Couldn't imagine going back to our old process.",
name: "David Park",
role: "Head of Revenue",
imageSrc: "https://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg",
imageAlt: "David Park"
}
]}
/>
</div>
<FooterLogoReveal logoText="PitchDrive" />
</ThemeProvider>
);
}

180
src/app/pricing/page.tsx Normal file
View File

@@ -0,0 +1,180 @@
"use client";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Sparkles, Star, Award, HelpCircle, Heart } from 'lucide-react';
export default function PricingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeMediumTitles"
background="floatingGradient"
cardStyle="gradient-radial"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="PitchDrive"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" }
]}
button={{ text: "Get Started", href: "/contact" }}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
title="Simple, Transparent Pricing"
description="Choose the perfect plan for your sales team's success"
tag="Pricing Plans"
tagIcon={Sparkles}
plans={[
{
id: "starter",
badge: "For Individuals",
badgeIcon: Sparkles,
price: "$49",
subtitle: "per month",
buttons: [{ text: "Get Started", href: "/signup?plan=starter" }],
features: [
"Pitch Coach AI feedback",
"Up to 10 pitch analyses per month",
"Personal dashboard",
"Email support",
"Basic templates library"
]
},
{
id: "professional",
badge: "Most Popular",
badgeIcon: Star,
price: "$149",
subtitle: "per month",
buttons: [{ text: "Get Started", href: "/signup?plan=professional" }],
features: [
"Unlimited pitch analyses",
"Team collaboration tools",
"Advanced deal intelligence",
"Priority support",
"Custom pitch templates",
"Performance analytics",
"CRM integrations"
]
},
{
id: "enterprise",
badge: "For Large Teams",
badgeIcon: Award,
price: "Custom",
subtitle: "contact us",
buttons: [{ text: "Schedule Demo", href: "/contact" }],
features: [
"Everything in Professional",
"Dedicated account manager",
"Custom integrations",
"API access",
"Advanced security",
"On-premise options",
"Training & onboarding",
"24/7 phone support"
]
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="pricing-faq" data-section="pricing-faq">
<FaqDouble
title="Pricing Questions"
description="Everything you need to know about our plans and pricing"
tag="FAQ"
tagIcon={HelpCircle}
textboxLayout="default"
useInvertedBackground="invertDefault"
animationType="smooth"
faqs={[
{
id: "1",
title: "Can I switch between plans anytime?",
content: "Yes, you can upgrade or downgrade your plan at any time. Changes take effect immediately, and we'll prorate any billing adjustments. There are no penalties for changing plans."
},
{
id: "2",
title: "Do you offer annual billing discounts?",
content: "Yes! Save 20% when you pay annually. Annual subscribers also get priority customer support and early access to new features. Contact our sales team for enterprise annual pricing."
},
{
id: "3",
title: "What payment methods do you accept?",
content: "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and bank transfers for enterprise accounts. All payments are processed securely through industry-standard encryption."
},
{
id: "4",
title: "Is there a free trial available?",
content: "Yes, we offer a 14-day free trial on all plans with full feature access. No credit card required to start. You can experience the full power of PitchDrive before making any commitment."
},
{
id: "5",
title: "What happens if I exceed my plan limits?",
content: "For the Starter plan, you'll receive notifications when approaching limits. You can upgrade anytime or purchase additional analyses. Professional and Enterprise plans include unlimited core features."
},
{
id: "6",
title: "Do you offer refunds?",
content: "We offer a 30-day money-back guarantee for all new subscriptions. If you're not satisfied with PitchDrive for any reason, contact support for a full refund within the first 30 days."
}
]}
/>
</div>
<div id="pricing-testimonials" data-section="pricing-testimonials">
<TestimonialCardTen
title="What Our Customers Say"
description="See why teams choose PitchDrive for their sales success"
tag="Success Stories"
tagIcon={Heart}
textboxLayout="default"
useInvertedBackground="noInvert"
testimonials={[
{
id: "1",
title: "Outstanding ROI on Professional Plan",
quote: "The Professional plan paid for itself within the first month. Our close rate improved by 40% and our sales cycle shortened by weeks. The collaboration features alone are worth the investment.",
name: "Jennifer Martinez",
role: "Sales Operations Manager",
imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
imageAlt: "Jennifer Martinez"
},
{
id: "2",
title: "Enterprise Features Transformed Our Process",
quote: "The Enterprise plan's custom integrations and dedicated support have been game-changing. Our team of 50+ sales reps now operates with unprecedented efficiency and consistency.",
name: "Robert Chen",
role: "VP of Sales",
imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",
imageAlt: "Robert Chen"
}
]}
/>
</div>
<FooterLogoReveal logoText="PitchDrive" />
</ThemeProvider>
);
}