Merge version_2 into main #5
@@ -1,59 +1,20 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Public_Sans } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { Inter } from "next/font/google";
|
||||
import "@/styles/globals.css";
|
||||
|
||||
const publicSans = Public_Sans({
|
||||
variable: "--font-public-sans",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
const inter = Inter({ subsets: ["latin"] });
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "ViralClip - Transform YouTube to Viral Shorts",
|
||||
description: "Convert long-form YouTube videos into optimized short-form content. Auto-publish to TikTok, Instagram Reels, YouTube Shorts, and more with AI-powered repurposing.",
|
||||
keywords: "viral shorts, video repurposing, TikTok, Instagram Reels, YouTube Shorts, content automation, AI video editing",
|
||||
metadataBase: new URL("https://viralclip.io"),
|
||||
alternates: {
|
||||
canonical: "https://viralclip.io",
|
||||
},
|
||||
openGraph: {
|
||||
title: "ViralClip - Transform YouTube to Viral Shorts",
|
||||
description: "Convert long-form YouTube videos into optimized short-form content. Auto-publish to TikTok, Instagram Reels, YouTube Shorts, and more with AI-powered repurposing.",
|
||||
url: "https://viralclip.io",
|
||||
siteName: "ViralClip",
|
||||
type: "website",
|
||||
images: [
|
||||
{
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-sleek-content-transformation-dashboard-1772595523388-7fff66c8.png",
|
||||
alt: "ViralClip Dashboard",
|
||||
},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "ViralClip - Transform YouTube to Viral Shorts",
|
||||
description: "Convert long-form YouTube videos into optimized short-form content. Auto-publish to TikTok, Instagram Reels, YouTube Shorts, and more.",
|
||||
images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASRJAdsy3BRXYgBOrMCX9aK0hK/a-sleek-content-transformation-dashboard-1772595523388-7fff66c8.png"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "ViralClip - Transform Videos into Viral Shorts", description: "AI-powered platform to convert long-form YouTube videos into optimized short-form content for TikTok, Instagram Reels, YouTube Shorts, and more."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${publicSans.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body className={inter.className}>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1421,7 +1382,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -37,14 +37,15 @@ export default function Home() {
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Start Free Trial", href: "#contact"}}
|
||||
text: "Start Free Trial", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Transform YouTube Videos Into Viral Shorts"
|
||||
description="Instantly convert your long-form YouTube content into optimized short-form videos. Automatically publish to TikTok, Instagram Reels, YouTube Shorts, and more. Grow your audience across all platforms with AI-powered content repurposing."
|
||||
description="Save 10+ hours weekly on video editing while reaching 5x more viewers across all platforms. Instantly convert long-form content into optimized short-form videos with AI-powered repurposing and auto-publish to TikTok, Instagram Reels, YouTube Shorts, and more."
|
||||
tag="AI-Powered Platform"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
@@ -59,11 +60,14 @@ export default function Home() {
|
||||
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"
|
||||
/>
|
||||
@@ -74,16 +78,20 @@ export default function Home() {
|
||||
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: Sparkles,
|
||||
buttonHref: "#"},
|
||||
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: ArrowRight,
|
||||
buttonHref: "#"},
|
||||
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: Sparkles,
|
||||
buttonHref: "#"},
|
||||
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?_wi=1", imageAlt: "Analytics Dashboard", buttonIcon: Zap,
|
||||
buttonHref: "#"},
|
||||
buttonHref: "#"
|
||||
},
|
||||
]}
|
||||
title="Powerful Features for Content Creators"
|
||||
description="Everything you need to repurpose and distribute your content at scale"
|
||||
@@ -122,18 +130,21 @@ export default function Home() {
|
||||
{
|
||||
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"],
|
||||
"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"],
|
||||
"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"],
|
||||
"Everything in Professional", "Dedicated account manager", "API access", "White-label options", "Custom integrations"
|
||||
],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -152,13 +163,16 @@ export default function Home() {
|
||||
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"},
|
||||
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"},
|
||||
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"},
|
||||
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" },
|
||||
@@ -179,17 +193,23 @@ export default function Home() {
|
||||
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"
|
||||
@@ -201,19 +221,24 @@ export default function Home() {
|
||||
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"}}
|
||||
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: "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: "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: "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."},
|
||||
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>
|
||||
@@ -255,4 +280,4 @@ export default function Home() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user