Merge version_1 into main #3
@@ -2,17 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import {
|
||||
Zap,
|
||||
Handshake,
|
||||
Play,
|
||||
Send,
|
||||
Settings,
|
||||
TrendingUp,
|
||||
} from "lucide-react";
|
||||
import { Sparkles, Play, Send, Settings, TrendingUp, ArrowRight } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function HowItWorksPage() {
|
||||
@@ -23,101 +17,87 @@ export default function HowItWorksPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="ViralClip"
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "How It Works", id: "/how-it-works" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Start Free Trial",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Start Free Trial", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="workflow" data-section="workflow">
|
||||
<FeatureCardTwentySix
|
||||
title="Our Content Transformation Process"
|
||||
description="Follow these simple steps to repurpose your videos and grow across all platforms"
|
||||
tag="How It Works"
|
||||
tagIcon={Zap}
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="How ViralClip Works"
|
||||
description="Transform your long-form content into viral shorts in three simple steps. Our AI-powered platform automates the entire process, from identifying the best moments to publishing across all major platforms."
|
||||
tag="Step-by-Step Guide"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "View Pricing", href: "/pricing" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-sleek-content-transformation-dashboard-1772595523388-7fff66c8.png"
|
||||
imageAlt="ViralClip Dashboard Interface"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
features={[
|
||||
{
|
||||
title: "Upload Your Video",
|
||||
description:
|
||||
"Upload your long-form YouTube video or any video file up to 120 minutes",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-sleek-content-transformation-dashboard-1772595523388-7fff66c8.png?_wi=2",
|
||||
imageAlt: "Upload",
|
||||
buttonIcon: Play,
|
||||
buttonHref: "#",
|
||||
},
|
||||
title: "Upload Your Video", description: "Simply upload your long-form YouTube video, podcast, or any video content to ViralClip. Our platform supports files up to 4GB in size.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/an-illustration-showcasing-ai-powered-vi-1772595523168-75e6de51.png", imageAlt: "Upload Video", buttonIcon: Play,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "AI Analysis",
|
||||
description:
|
||||
"Our AI engine analyzes your video to identify the most engaging moments and optimal cuts",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/an-illustration-showcasing-ai-powered-vi-1772595523168-75e6de51.png?_wi=2",
|
||||
imageAlt: "Analysis",
|
||||
buttonIcon: Settings,
|
||||
buttonHref: "#",
|
||||
},
|
||||
title: "AI Analyzes & Creates", description: "Our advanced AI analyzes your video to identify the most engaging moments, automatically creates optimized clips, and adds captions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/an-illustration-showcasing-ai-powered-vi-1772595523168-75e6de51.png", imageAlt: "AI Processing", buttonIcon: Sparkles,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Format & Optimize",
|
||||
description:
|
||||
"Automatically adjust aspect ratios, add captions, and optimize for each platform",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-modern-video-editing-interface-with-ai-1772595522883-f73cf7be.png?_wi=2",
|
||||
imageAlt: "Optimize",
|
||||
buttonIcon: Zap,
|
||||
buttonHref: "#",
|
||||
},
|
||||
title: "Review & Customize", description: "Preview your generated shorts, make any manual edits, adjust captions, and customize the content before publishing.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-modern-video-editing-interface-with-ai-1772595522883-f73cf7be.png", imageAlt: "Video Editing", buttonIcon: Settings,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Publish Everywhere",
|
||||
description:
|
||||
"Publish to all your platforms simultaneously with automatic scheduling recommendations",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-visual-representation-of-multi-platfor-1772595523453-50e09705.png?_wi=2",
|
||||
imageAlt: "Publish",
|
||||
buttonIcon: Send,
|
||||
buttonHref: "#",
|
||||
},
|
||||
title: "Publish Everywhere", description: "Automatically publish to TikTok, Instagram Reels, YouTube Shorts, and other platforms with one click. Schedule posts for optimal times.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-visual-representation-of-multi-platfor-1772595523453-50e09705.png", imageAlt: "Multi-Platform Publishing", buttonIcon: Send,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Track Performance", description: "Monitor your shorts' performance across all platforms with detailed analytics. See which content resonates most with your audience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-comprehensive-analytics-dashboard-show-1772595523535-0eded8be.png", imageAlt: "Analytics Dashboard", buttonIcon: TrendingUp,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Optimize & Repeat", description: "Use insights from your analytics to improve future content. Our AI learns from your successful shorts to provide better suggestions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-comprehensive-analytics-dashboard-show-1772595523535-0eded8be.png", imageAlt: "Optimization", buttonIcon: ArrowRight,
|
||||
buttonHref: "#"},
|
||||
]}
|
||||
title="The ViralClip Process"
|
||||
description="Six steps to grow your audience across all platforms"
|
||||
tag="Simple & Efficient"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Get Started Now", href: "/contact" }]}
|
||||
buttons={[{ text: "Start Free Trial", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="integrations" data-section="integrations">
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Integrate with Your Favorite Tools"
|
||||
description="Connect ViralClip with your existing workflow and platforms"
|
||||
tag="Integrations"
|
||||
tagIcon={Handshake}
|
||||
title="Trusted by Content Creators Worldwide"
|
||||
description="Join thousands of creators who are already using ViralClip to grow their audience"
|
||||
tag="Success Stories"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/collection-social-network-logos_23-2147612326.jpg",
|
||||
"http://img.b2bpic.net/free-vector/tiktok-music-logo-design_23-2151270112.jpg",
|
||||
"http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148092198.jpg",
|
||||
"http://img.b2bpic.net/free-vector/twitter-buttons_23-2147536976.jpg",
|
||||
"http://img.b2bpic.net/free-vector/facebook-like-background_23-2147853295.jpg",
|
||||
"http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148089831.jpg",
|
||||
"http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148084334.jpg",
|
||||
]}
|
||||
names={["YouTube Creators", "TikTok Stars", "Instagram Influencers", "Podcast Hosts", "Content Agencies", "Media Companies", "Digital Creators"]
|
||||
}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
|
||||
260
src/app/page.tsx
260
src/app/page.tsx
@@ -8,22 +8,12 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import {
|
||||
Sparkles,
|
||||
Zap,
|
||||
Handshake,
|
||||
DollarSign,
|
||||
Star,
|
||||
HelpCircle,
|
||||
Play,
|
||||
Send,
|
||||
Settings,
|
||||
TrendingUp,
|
||||
} from "lucide-react";
|
||||
import { Sparkles, Zap, Handshake, DollarSign, Star, HelpCircle, ArrowRight } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function HomePage() {
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
@@ -31,10 +21,10 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
@@ -44,13 +34,10 @@ export default function HomePage() {
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "How It Works", id: "/how-it-works" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Start Free Trial",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Start Free Trial", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,28 +48,22 @@ export default function HomePage() {
|
||||
tag="AI-Powered Platform"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "floatingGradient" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Start Free Trial", href: "/contact" },
|
||||
{ text: "Start Free Trial", href: "#contact" },
|
||||
{ text: "Watch Demo", href: "#features" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-sleek-content-transformation-dashboard-1772595523388-7fff66c8.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-sleek-content-transformation-dashboard-1772595523388-7fff66c8.png"
|
||||
imageAlt="ViralClip Dashboard Interface"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-professional-portrait-of-a-young-conte-1772595522096-6511eb59.png",
|
||||
alt: "Creator 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-professional-portrait-of-a-young-conte-1772595522096-6511eb59.png", alt: "Creator 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-professional-portrait-of-a-diverse-con-1772595522738-0a3d8f59.png",
|
||||
alt: "Creator 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-professional-portrait-of-a-diverse-con-1772595522738-0a3d8f59.png", alt: "Creator 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-professional-portrait-of-a-talented-vi-1772595522550-b35039f8.png",
|
||||
alt: "Creator 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-professional-portrait-of-a-talented-vi-1772595522550-b35039f8.png", alt: "Creator 3"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ content creators"
|
||||
/>
|
||||
@@ -90,53 +71,25 @@ export default function HomePage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
features={[
|
||||
{
|
||||
title: "AI Video Processing", description: "Intelligent video analysis and auto-cutting to identify the most viral moments", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/an-illustration-showcasing-ai-powered-vi-1772595523168-75e6de51.png", imageAlt: "AI Processing", buttonIcon: Sparkles,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Multi-Platform Publishing", description: "Publish to TikTok, Instagram Reels, YouTube Shorts, Snapchat, and Twitter simultaneously", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-visual-representation-of-multi-platfor-1772595523453-50e09705.png", imageAlt: "Multi-Platform Distribution", buttonIcon: ArrowRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Auto-Optimization", description: "Automatic aspect ratio adjustment, caption generation, and format optimization per platform", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-modern-video-editing-interface-with-ai-1772595522883-f73cf7be.png", imageAlt: "Video Editing", buttonIcon: Sparkles,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Analytics & Insights", description: "Track performance metrics across all platforms with detailed engagement analytics", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-comprehensive-analytics-dashboard-show-1772595523535-0eded8be.png", imageAlt: "Analytics Dashboard", buttonIcon: Zap,
|
||||
buttonHref: "#"},
|
||||
]}
|
||||
title="Powerful Features for Content Creators"
|
||||
description="Everything you need to repurpose and distribute your content at scale"
|
||||
tag="Core Features"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "AI Video Processing",
|
||||
description:
|
||||
"Intelligent video analysis and auto-cutting to identify the most viral moments",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/an-illustration-showcasing-ai-powered-vi-1772595523168-75e6de51.png?_wi=1",
|
||||
imageAlt: "AI Processing",
|
||||
buttonIcon: Play,
|
||||
buttonHref: "#",
|
||||
},
|
||||
{
|
||||
title: "Multi-Platform Publishing",
|
||||
description:
|
||||
"Publish to TikTok, Instagram Reels, YouTube Shorts, Snapchat, and Twitter simultaneously",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-visual-representation-of-multi-platfor-1772595523453-50e09705.png?_wi=1",
|
||||
imageAlt: "Multi-Platform Distribution",
|
||||
buttonIcon: Send,
|
||||
buttonHref: "#",
|
||||
},
|
||||
{
|
||||
title: "Auto-Optimization",
|
||||
description:
|
||||
"Automatic aspect ratio adjustment, caption generation, and format optimization per platform",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-modern-video-editing-interface-with-ai-1772595522883-f73cf7be.png?_wi=1",
|
||||
imageAlt: "Video Editing",
|
||||
buttonIcon: Settings,
|
||||
buttonHref: "#",
|
||||
},
|
||||
{
|
||||
title: "Analytics & Insights",
|
||||
description:
|
||||
"Track performance metrics across all platforms with detailed engagement analytics",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-comprehensive-analytics-dashboard-show-1772595523535-0eded8be.png",
|
||||
imageAlt: "Analytics Dashboard",
|
||||
buttonIcon: TrendingUp,
|
||||
buttonHref: "#",
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Explore All Features", href: "#" }]}
|
||||
@@ -151,20 +104,43 @@ export default function HomePage() {
|
||||
tagIcon={Handshake}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/collection-social-network-logos_23-2147612326.jpg",
|
||||
"http://img.b2bpic.net/free-vector/tiktok-music-logo-design_23-2151270112.jpg",
|
||||
"http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148092198.jpg",
|
||||
"http://img.b2bpic.net/free-vector/twitter-buttons_23-2147536976.jpg",
|
||||
"http://img.b2bpic.net/free-vector/facebook-like-background_23-2147853295.jpg",
|
||||
"http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148089831.jpg",
|
||||
"http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148084334.jpg",
|
||||
]}
|
||||
names={["YouTube", "TikTok", "Instagram", "Twitter", "Facebook", "Snapchat", "LinkedIn"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the perfect plan for your content creation needs"
|
||||
tag="Pricing"
|
||||
tagIcon={DollarSign}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter", price: "$29/mo", name: "Starter", buttons: [{ text: "Get Started", href: "#contact" }],
|
||||
features: [
|
||||
"Up to 10 video conversions/month", "Auto-publish to 3 platforms", "Basic analytics", "Email support"],
|
||||
},
|
||||
{
|
||||
id: "professional", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "$79/mo", name: "Professional", buttons: [{ text: "Start Free Trial", href: "#contact" }],
|
||||
features: [
|
||||
"Unlimited video conversions", "Auto-publish to all platforms", "Advanced analytics & insights", "Priority support", "Custom branding"],
|
||||
},
|
||||
{
|
||||
id: "enterprise", price: "Custom", name: "Enterprise", buttons: [{ text: "Contact Sales", href: "#contact" }],
|
||||
features: [
|
||||
"Everything in Professional", "Dedicated account manager", "API access", "White-label options", "Custom integrations"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
title="Loved by Content Creators Worldwide"
|
||||
@@ -175,59 +151,14 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivera",
|
||||
role: "YouTube Creator",
|
||||
company: "Rivera Studios",
|
||||
rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-professional-portrait-of-a-young-conte-1772595522096-6511eb59.png",
|
||||
},
|
||||
id: "1", name: "Alex Rivera", role: "YouTube Creator", company: "Rivera Studios", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-professional-portrait-of-a-young-conte-1772595522096-6511eb59.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
role: "Content Strategist",
|
||||
company: "Digital Growth Co",
|
||||
rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-professional-portrait-of-a-diverse-con-1772595522738-0a3d8f59.png",
|
||||
},
|
||||
id: "2", name: "Sarah Chen", role: "Content Strategist", company: "Digital Growth Co", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-professional-portrait-of-a-diverse-con-1772595522738-0a3d8f59.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Johnson",
|
||||
role: "Video Producer",
|
||||
company: "Creative House Media",
|
||||
rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-professional-portrait-of-a-talented-vi-1772595522550-b35039f8.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma Wilson",
|
||||
role: "Brand Manager",
|
||||
company: "Viral Content Agency",
|
||||
rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-professional-portrait-of-a-digital-con-1772595522213-43f7de29.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Kim",
|
||||
role: "Social Media Manager",
|
||||
company: "Influencer Network",
|
||||
rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-professional-portrait-of-a-successful--1772595522077-89be8c5c.png",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Jessica Lopez",
|
||||
role: "Emerging Creator",
|
||||
company: "Independent",
|
||||
rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-professional-portrait-of-an-emerging-c-1772595522198-e083ca5b.png",
|
||||
},
|
||||
id: "3", name: "Marcus Johnson", role: "Video Producer", company: "Creative House Media", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-professional-portrait-of-a-talented-vi-1772595522550-b35039f8.png"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "250K+", label: "Videos Generated" },
|
||||
@@ -248,48 +179,45 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does ViralClip identify the best moments in my videos?",
|
||||
content:
|
||||
"Our AI analyzes engagement patterns, scene transitions, and audio cues to identify the most compelling moments. It looks for high-energy segments, dramatic pauses, and moments that typically drive engagement on short-form platforms.",
|
||||
},
|
||||
id: "1", title: "How does ViralClip identify the best moments in my videos?", content: "Our AI analyzes engagement patterns, scene transitions, and audio cues to identify the most compelling moments. It looks for high-energy segments, dramatic pauses, and moments that typically drive engagement on short-form platforms."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I manually edit the generated shorts?",
|
||||
content:
|
||||
"Absolutely! After AI processing, you have full control to manually trim, add effects, adjust captions, and make any modifications before publishing. Our editor supports all common editing tools and effects.",
|
||||
},
|
||||
id: "2", title: "Can I manually edit the generated shorts?", content: "Absolutely! After AI processing, you have full control to manually trim, add effects, adjust captions, and make any modifications before publishing. Our editor supports all common editing tools and effects."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Which social media platforms are supported?",
|
||||
content:
|
||||
"ViralClip currently supports TikTok, Instagram Reels, YouTube Shorts, Snapchat, Twitter/X, and Facebook. We're constantly adding new platforms. Each video is automatically formatted for the platform's optimal specifications.",
|
||||
},
|
||||
id: "3", title: "Which social media platforms are supported?", content: "ViralClip currently supports TikTok, Instagram Reels, YouTube Shorts, Snapchat, Twitter/X, and Facebook. We're constantly adding new platforms. Each video is automatically formatted for the platform's optimal specifications."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How long does it take to convert a video?",
|
||||
content:
|
||||
"Most videos are processed within 2-5 minutes depending on length and complexity. Longer videos (30+ minutes) may take up to 15 minutes. Processing happens in the background so you can continue working.",
|
||||
},
|
||||
id: "4", title: "How long does it take to convert a video?", content: "Most videos are processed within 2-5 minutes depending on length and complexity. Longer videos (30+ minutes) may take up to 15 minutes. Processing happens in the background so you can continue working."},
|
||||
{
|
||||
id: "5",
|
||||
title:
|
||||
"Do I need to schedule posts or does it publish immediately?",
|
||||
content:
|
||||
"You have complete control! Publish immediately to all platforms or schedule posts for optimal times. Our analytics help recommend the best posting times based on your audience engagement patterns.",
|
||||
},
|
||||
id: "5", title: "Do I need to schedule posts or does it publish immediately?", content: "You have complete control! Publish immediately to all platforms or schedule posts for optimal times. Our analytics help recommend the best posting times based on your audience engagement patterns."},
|
||||
{
|
||||
id: "6",
|
||||
title: "What happens to my original video?",
|
||||
content:
|
||||
"Your original video is always preserved and stored safely in your account. We only create optimized copies for short-form platforms. You can always regenerate or re-edit content from the original source.",
|
||||
},
|
||||
id: "6", title: "What happens to my original video?", content: "Your original video is always preserved and stored safely in your account. We only create optimized copies for short-form platforms. You can always regenerate or re-edit content from the original source."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Ready to Go Viral?"
|
||||
ctaDescription="Start your free trial today and transform your content strategy. No credit card required."
|
||||
ctaButton={{
|
||||
text: "Start Free Trial", href: "https://app.viralclip.io/signup"}}
|
||||
ctaIcon={ArrowRight}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Is there a free trial?", content: "Yes! We offer a 14-day free trial with full access to all Professional plan features. No credit card required to get started."},
|
||||
{
|
||||
id: "2", title: "Can I cancel anytime?", content: "Absolutely. Cancel your subscription anytime with no penalties or hidden fees. Your data remains accessible for 30 days after cancellation."},
|
||||
{
|
||||
id: "3", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, Mastercard, American Express), PayPal, and wire transfers for Enterprise plans."},
|
||||
{
|
||||
id: "4", title: "Do you offer refunds?", content: "We offer a 30-day money-back guarantee. If you're not satisfied, we'll refund your payment in full, no questions asked."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="ViralClip"
|
||||
|
||||
Reference in New Issue
Block a user