bender/14e3a903-af16-4e0c-93ac-7ffc4bd7a6c7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

7 Commits
version_1 ... main

Author SHA1 Message Date
bender
76e1bb4fa5 Merge version_2 into main 
Merge version_2 into main
 2026-03-04 03:58:45 +00:00
bender
47dbf64252 Update src/app/page.tsx 2026-03-04 03:58:40 +00:00
bender
b6f07aebe3 Update src/app/layout.tsx 2026-03-04 03:58:39 +00:00
bender
53b7896b40 Merge version_1 into main 
Merge version_1 into main
 2026-03-04 03:43:05 +00:00
bender
e6dce2959d Merge version_1 into main 
Merge version_1 into main
 2026-03-04 03:42:20 +00:00
bender
4bd1220b4a Merge version_1 into main 
Merge version_1 into main
 2026-03-04 03:40:44 +00:00
bender
b28c160df3 Merge version_1 into main 
Merge version_1 into main
 2026-03-04 03:39:49 +00:00
2 changed files with 61 additions and 76 deletions
Expand all files Collapse all files

58
src/app/layout.tsx
View File

@@ -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>
);
}
}

79
src/app/page.tsx
View File

@@ -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>
);
}
}