41 Commits

Author SHA1 Message Date
5eddb8c3e7 Update src/app/page.tsx 2026-03-09 10:55:43 +00:00
9b3903afa9 Update src/app/page.tsx 2026-03-07 22:03:35 +00:00
be22251d05 Update src/app/page.tsx 2026-03-07 22:02:49 +00:00
3231da3b19 Update src/app/layout.tsx 2026-03-07 22:02:49 +00:00
efd2ec196c Update src/app/contact/page.tsx 2026-03-07 22:02:48 +00:00
8de0bb4dff Update src/app/page.tsx 2026-03-07 22:01:42 +00:00
bde0f158b7 Update src/app/contact/page.tsx 2026-03-07 22:01:42 +00:00
ce9b59d89e Merge version_13 into main
Merge version_13 into main
2026-03-07 22:01:03 +00:00
e514e19c19 Update src/app/page.tsx 2026-03-07 22:00:59 +00:00
d8be2f8682 Update src/app/contact/page.tsx 2026-03-07 22:00:59 +00:00
0cf233b958 Merge version_12 into main
Merge version_12 into main
2026-03-07 21:56:15 +00:00
dff270fdb1 Update src/app/layout.tsx 2026-03-07 21:56:11 +00:00
d7eb119b7c Merge version_12 into main
Merge version_12 into main
2026-03-07 21:55:22 +00:00
7c0e0b0739 Update src/app/layout.tsx 2026-03-07 21:55:18 +00:00
2efb6353e4 Add src/app/contact/page.tsx 2026-03-07 21:55:18 +00:00
9cf7933531 Merge version_9 into main
Merge version_9 into main
2026-03-07 21:46:34 +00:00
b45ee0cf9a Update theme fonts 2026-03-07 21:46:30 +00:00
dd113962c9 Update theme fonts 2026-03-07 21:46:30 +00:00
954425be5e Merge version_9 into main
Merge version_9 into main
2026-03-07 21:44:58 +00:00
5e6b536c02 Update src/app/page.tsx 2026-03-07 21:44:54 +00:00
da3df162a6 Merge version_9 into main
Merge version_9 into main
2026-03-07 21:40:02 +00:00
c00cfa963c Update src/app/page.tsx 2026-03-07 21:39:58 +00:00
21f7cd59df Merge version_9 into main
Merge version_9 into main
2026-03-07 21:39:50 +00:00
c4fe62a30b Update src/app/page.tsx 2026-03-07 21:39:46 +00:00
8fa6c99b08 Merge version_9 into main
Merge version_9 into main
2026-03-07 21:39:06 +00:00
4b40aedfac Update src/app/page.tsx 2026-03-07 21:39:02 +00:00
3d1b4e1a2b Merge version_9 into main
Merge version_9 into main
2026-03-07 21:37:46 +00:00
2a91d4618a Update src/app/page.tsx 2026-03-07 21:37:42 +00:00
f062914364 Switch to version 9: modified src/app/page.tsx 2026-03-07 21:35:51 +00:00
6a86b95467 Switch to version 10: modified src/app/page.tsx 2026-03-07 21:35:44 +00:00
70d8f1d750 Switch to version 10: modified src/app/layout.tsx 2026-03-07 21:35:43 +00:00
7bfcb6b92f Merge version_11 into main
Merge version_11 into main
2026-03-07 21:32:58 +00:00
2fca410b38 Update src/app/page.tsx 2026-03-07 21:32:54 +00:00
e9752f2626 Update src/app/layout.tsx 2026-03-07 21:32:53 +00:00
1d59abc72a Merge version_10 into main
Merge version_10 into main
2026-03-07 21:25:43 +00:00
20304845ed Update src/app/page.tsx 2026-03-07 21:25:39 +00:00
2e575dc78d Merge version_9 into main
Merge version_9 into main
2026-03-07 21:19:19 +00:00
2cdcd68abd Update src/app/page.tsx 2026-03-07 21:19:15 +00:00
46af796237 Merge version_8 into main
Merge version_8 into main
2026-03-07 21:11:49 +00:00
c68a66a4b3 Merge version_8 into main
Merge version_8 into main
2026-03-07 15:01:11 +00:00
1c03eef185 Merge version_8 into main
Merge version_8 into main
2026-03-07 14:59:49 +00:00
4 changed files with 240 additions and 319 deletions

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

@@ -0,0 +1,108 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import ContactText from "@/components/sections/contact/ContactText";
import FooterCard from "@/components/sections/footer/FooterCard";
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSmall"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "/contact" },
]}
brandName="billiclipd"
/>
</div>
<div id="contact-hero" data-section="contact-hero" className="py-20">
<ContactText
text="Get in touch with our team. We'd love to hear about your content and discuss how we can help you go viral."
animationType="entrance-slide"
buttons={[
{ text: "Schedule a Call", onClick: () => window.open("https://calendly.com/billiclipd", "_blank") },
{ text: "Back to Home", href: "/" },
]}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="contact-form" data-section="contact-form" className="py-20">
<div className="flex flex-col items-center justify-center">
<div className="w-full max-w-2xl rounded-theme bg-card p-10">
<h2 className="mb-2 text-4xl font-bold text-foreground">Let's Connect</h2>
<p className="mb-8 text-lg text-foreground/75">
Fill out the form below or reach out directly. We typically respond within 24 hours.
</p>
<form className="space-y-6">
<div>
<label className="block text-sm font-medium text-foreground mb-2">
Full Name
</label>
<input
type="text"
className="w-full px-4 py-3 rounded-theme border border-accent/20 bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary-cta"
placeholder="Your name"
/>
</div>
<div>
<label className="block text-sm font-medium text-foreground mb-2">
Email
</label>
<input
type="email"
className="w-full px-4 py-3 rounded-theme border border-accent/20 bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary-cta"
placeholder="your@email.com"
/>
</div>
<div>
<label className="block text-sm font-medium text-foreground mb-2">
Message
</label>
<textarea
rows={5}
className="w-full px-4 py-3 rounded-theme border border-accent/20 bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary-cta"
placeholder="Tell us about your project..."
/>
</div>
<button
type="submit"
className="w-full px-6 py-3 rounded-theme bg-primary-cta text-primary-cta-text font-semibold hover:opacity-90 transition-opacity"
>
Send Message
</button>
</form>
<p className="mt-8 text-center text-sm text-foreground/75">
Or schedule a call directly: billing@billiclipd.com
</p>
</div>
</div>
</div>
<footer>
<FooterCard
logoText="billiclipd"
copyrightText="© 2025 | billiclipd. All rights reserved."
/>
</footer>
</ThemeProvider>
);
}

View File

@@ -1,61 +1,17 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Public_Sans } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const publicSans = Public_Sans({
variable: "--font-public-sans", subsets: ["latin"],
});
import "./styles/globals.css";
export const metadata: Metadata = {
title: "Private Clipping Services & Team Management | billiclipd", description: "Transform your longform content into viral shortform clips with personalized team management. 10B+ views generated. TikTok, Reels, Shorts optimization with direct collaboration.", keywords: "private clipping services, TikTok clips, viral growth, content repurposing, Instagram Reels, YouTube Shorts, dedicated team", metadataBase: new URL("https://billiclipd.com"),
alternates: {
canonical: "https://billiclipd.com"
},
openGraph: {
title: "Private Clipping & Team Management | billiclipd", description: "I transform your best podcast, stream, and video moments into high-retention shortform content with personalized team management.", url: "https://billiclipd.com", siteName: "billiclipd", type: "website", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-vibrant-tiktok-style-vertical-video-fr-1772847774345-4bf0afdb.png", alt: "billiclipd private clipping service"
},
],
},
twitter: {
card: "summary_large_image", title: "Private Clipping & Team Management", description: "10B+ views generated. Transform your content with personalized team collaboration.", images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-vibrant-tiktok-style-vertical-video-fr-1772847774345-4bf0afdb.png"
],
},
robots: {
index: true,
follow: true,
},
};
title: "billiclipd - Viral Clip Specialist", description: "Turn Longform Content Into Viral Clips. Expert clipping services that transform your YouTube videos, podcasts, and streams into shareable short-form content."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${publicSans.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1423,7 +1379,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
}

View File

@@ -1,322 +1,180 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import FaqBase from "@/components/sections/faq/FaqBase";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import {
Sparkles,
TrendingUp,
Zap,
BarChart3,
Trophy,
MessageSquare,
HelpCircle,
Eye,
Users,
Award,
} from "lucide-react";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Sparkles, CheckCircle, MessageCircle, Zap } from "lucide-react";
export default function LandingPage() {
export default function Home() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles"
background="noise"
cardStyle="soft-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
headingFontWeight="light"
sizing="largeSmall"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="billiclipd"
<NavbarStyleApple
navItems={[
{ name: "Case Studies", id: "case-studies" },
{ name: "Home", id: "/" },
{ name: "About", id: "about" },
{ name: "Process", id: "process" },
{ name: "Contact", id: "contact" },
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "/contact" },
]}
button={{
text: "Book A Call", href: "https://calendly.com"
}}
brandName="billiscales 📈"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
title="Turn LongForm Into Viral Clips"
description="I transform your best podcast, stream, and video moments into high-retention shortform content optimized for TikTok, Instagram Reels, and YouTube Shorts. More views, more followers, more growth—no ad spend required."
tag="Shortform Specialist"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "glowing-orb" }}
leftCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/uploaded-1772881146961-mr1xedhd.jpg?_wi=1", imageAlt: "TikTok viral clip example"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/uploaded-1772881146961-h65hjshx.jpg?_wi=1", imageAlt: "Professional editing dashboard"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/uploaded-1772881146961-1pjxjkc4.jpg?_wi=1", imageAlt: "Instagram Reels clip"
},
]}
rightCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/uploaded-1772881750051-0ym5nbmx.jpg?_wi=1", imageAlt: "YouTube Shorts content"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/uploaded-1772881146961-mr1xedhd.jpg?_wi=2", imageAlt: "Trending clips montage"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/uploaded-1772881146961-h65hjshx.jpg?_wi=2", imageAlt: "Editing interface"
},
]}
carouselPosition="right"
<HeroBillboardCarousel
background={{ variant: "sparkles-gradient" }}
title="Turn Longform Content Into Viral Clips"
description="Expert clipping services that transform your YouTube videos, podcasts, and streams into shareable short-form content. 10M+ views generated."
tag="Viral Clip Specialist"
buttons={[
{ text: "See My Work", href: "#case-studies" },
{ text: "Book A Call", href: "https://calendly.com" },
{ text: "Get Started", href: "/contact" },
{ text: "View Portfolio", href: "features" },
]}
buttonAnimation="slide-up"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Top Creators and Brands"
description="Over 10M+ views generated. I've powered viral content for artists, influencers, TV shows, and products reaching hundreds of millions of followers."
tag="10M+ Views Generated"
tagIcon={TrendingUp}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
names={[
"Brandon Clark 600K Followers", "Sexyishaan 60K Followers", "Ericcouu 300K Followers", "Brandon Clark 600K Followers", "Sexyishaan 60K Followers", "Ericcouu 300K Followers", "Brandon Clark 600K Followers", "Sexyishaan 60K Followers"
mediaItems={[
{ imageSrc: "/placeholders/placeholder1.webp?_wi=1", imageAlt: "Viral clip example 1" },
{ imageSrc: "/placeholders/placeholder1.webp?_wi=2", imageAlt: "Viral clip example 2" },
{ imageSrc: "/placeholders/placeholder1.webp?_wi=3", imageAlt: "Viral clip example 3" },
{ imageSrc: "/placeholders/placeholder1.webp?_wi=4", imageAlt: "Viral clip example 4" },
{ imageSrc: "/placeholders/placeholder1.webp?_wi=5", imageAlt: "Viral clip example 5" },
]}
speed={40}
showCard={true}
/>
</div>
<div id="process" data-section="process">
<FeatureCardSix
title="The Process"
description="Launching your private clipping project has never been easier. Say goodbye to slow agencies—with my personalized clipping methodology, you launch, scale, and analyze viral content in record time with direct team access."
tag="Proven Workflow"
tagIcon={Zap}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Step #1", description: "Book an Intro Call. We start with a quick intro call to understand your goals, target audience, and creative direction. From there, my team builds a custom private clipping project designed to maximize reach and engagement — whether you're a brand, artist, creator, or product.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/an-illustration-showing-a-consultation-v-1772847774769-61fe5500.png", imageAlt: "Consultation call strategy planning", buttons: [{ text: "Start Your Project", href: "https://calendly.com" }],
},
{
id: 2,
title: "Our Team Starts Posting", description: "Once we align on strategy, personalized content gets distributed across TikTok, Instagram Reels, YouTube Shorts, and more—simultaneously—with my proven optimization techniques. Direct team management ensures every clip reflects your brand's vision.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/an-illustration-showing-multiple-clipper-1772847774950-e137f1c3.png", imageAlt: "Content distribution across platforms"
},
{
id: 3,
title: "Track Real-Time Results", description: "Watch your clips climb trending charts in real-time. Full transparency with detailed analytics showing views, engagement, growth metrics, and ROI. Optimize on the fly based on what's working with direct collaboration and personalized guidance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/an-analytics-dashboard-showing-real-time-1772847775477-be40e150.png", imageAlt: "Analytics dashboard real-time metrics"
},
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
title="Measurable Results That Speak"
description="Track the impact of your private clipping projects with clear, actionable metrics from our dedicated team."
tag="Performance Metrics"
tagIcon={BarChart3}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1", value: "10M ", title: "Views Generated", description: "Average Views per private project", icon: Eye,
},
{
id: "2", value: "1000 ", title: "Expert Team", description: "Dedicated clipping specialists for your projects", icon: Users,
},
{
id: "3", value: "💯 ", title: "Organic Growth", description: "Zero ad spend required—pure algorithmic reach", icon: TrendingUp,
},
{
id: "4", value: "3-5x", title: "Avg ROI", description: "Return on investment vs traditional marketing", icon: Award,
},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
/>
</div>
<div id="case-studies" data-section="case-studies">
<ProductCardFour
title="Client Success Stories"
description="From independent creators to global brands—here's the impact of our personalized clipping and team management approach."
tag="Proven Results"
tagIcon={Trophy}
textboxLayout="default"
useInvertedBackground={false}
products={[
{
id: "bbno", name: "Ericcouu - Influencer", price: "", variant: "Viral Growth", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/uploaded-1772881146961-h65hjshx.jpg", imageAlt: "Ericcouu success story"
},
{
id: "dhar-mann", name: "Brandon Clark - Gym Coach", price: "", variant: "Followers | Trending Content", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/uploaded-1772881146961-mr1xedhd.jpg", imageAlt: "Brandon Clark success story"
},
{
id: "paul-american", name: "PB Investing - Trader", price: "", variant: "Followers | Trading Content", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/uploaded-1772881750051-0ym5nbmx.jpg?_wi=2", imageAlt: "PB Investing success story"
},
{
id: "tate-mccrae", name: "Sexyishaan - Influencer", price: "", variant: "Entertainment", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/uploaded-1772881146961-1pjxjkc4.jpg", imageAlt: "Sexyishaan success story"
},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
title="Why you need Clipping"
description={[
"I started private clipping work because I saw creators and brands struggling to repurpose their best content. They were sitting on goldmines—podcasts, streams, videos—but lacked the time, skills, or network to turn them into viral clips.", "Now, with a dedicated team of expert clippers and a proven personalized methodology, I've helped launch private projects that generated over 10 Million views. No agencies. No gatekeeping. Just direct collaboration and results.", "Every client I work with gets direct access to a team obsessed with viral growth, algorithmic optimization, and transparent metrics. Your success is my success, and my team is committed to your project's unique vision."
<InlineImageSplitTextAbout
heading={[
{ type: "text", content: "Transform Your Content Into" },
{ type: "image", src: "/placeholders/placeholder1.webp", alt: "billiclipd logo" },
{ type: "text", content: "Viral Moments" },
]}
useInvertedBackground={false}
showBorder={false}
buttons={[{ text: "Schedule Consultation", href: "https://calendly.com" }]}
buttons={[
{ text: "Learn More", href: "/contact" },
{ text: "See Examples", href: "features" },
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
title="What Clients Say"
description="Real feedback from creators and brands who've experienced the impact of our personalized clipping services and dedicated team management."
tag="Client Testimonials"
tagIcon={MessageSquare}
tagAnimation="slide-up"
<div id="features" data-section="features">
<FeatureCardTwentyFive
title="Our Clipping Services"
description="Professional video editing and content repurposing for maximum reach"
tag="What We Do"
tagIcon={Zap}
features={[
{
title: "TikTok Optimization", description: "Perfectly formatted and edited clips for TikTok's viral algorithm", icon: CheckCircle,
mediaItems: [
{ imageSrc: "/placeholders/placeholder1.webp?_wi=6", imageAlt: "TikTok example 1" },
{ imageSrc: "/placeholders/placeholder1.webp?_wi=7", imageAlt: "TikTok example 2" },
],
},
{
title: "Instagram Reels", description: "Eye-catching vertical videos designed for Instagram engagement", icon: MessageCircle,
mediaItems: [
{ imageSrc: "/placeholders/placeholder1.webp?_wi=8", imageAlt: "Instagram example 1" },
{ imageSrc: "/placeholders/placeholder1.webp?_wi=9", imageAlt: "Instagram example 2" },
],
},
{
title: "YouTube Shorts", description: "High-quality short-form content for YouTube's growing platform", icon: Sparkles,
mediaItems: [
{ imageSrc: "/placeholders/placeholder1.webp?_wi=10", imageAlt: "YouTube example 1" },
{ imageSrc: "/placeholders/placeholder1.webp?_wi=11", imageAlt: "YouTube example 2" },
],
},
{
title: "Multi-Platform Distribution", description: "Strategic repurposing of content across all major social platforms", icon: Zap,
mediaItems: [
{ imageSrc: "/placeholders/placeholder1.webp?_wi=12", imageAlt: "Multi-platform 1" },
{ imageSrc: "/placeholders/placeholder1.webp?_wi=13", imageAlt: "Multi-platform 2" },
],
},
]}
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
buttons={[
{ text: "View Our Work", href: "/contact" },
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
title="Simple, Transparent Pricing"
description="Choose the plan that fits your content needs"
tag="Pricing"
tagIcon={Sparkles}
plans={[
{
id: "1", name: "Alex Rivera", role: "Podcast Host", testimonial: "Within 2 weeks of launching my private clipping project, my podcast downloads tripled. The dedicated team handling my clips on TikTok and Instagram are driving real listeners to my full episodes. Best investment I've made.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-professional-headshot-of-a-successful--1772847773799-11aec6b8.png?_wi=1", imageAlt: "Alex Rivera podcast host"
id: "1", price: "$499", name: "Starter", buttons: [
{ text: "Get Started", href: "/contact" },
{ text: "Chat to Sales", href: "/contact" },
],
features: [
"Up to 5 viral clips per month", "TikTok & Instagram optimization", "Basic editing and effects", "Email support"],
},
{
id: "2", name: "Jordan Chen", role: "Brand Marketing Director", testimonial: "We tried traditional agencies for months with minimal results. The personalized clipping team delivered 25M views in the first month—all organic, zero ad spend. The transparency and direct collaboration are unmatched.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-professional-headshot-of-a-brand-marke-1772847774096-d4ca7a22.png", imageAlt: "Jordan Chen brand director"
id: "2", badge: "Most Popular", badgeIcon: Sparkles,
price: "$999", name: "Professional", buttons: [
{ text: "Get Started", href: "/contact" },
{ text: "Chat to Sales", href: "/contact" },
],
features: [
"Up to 15 viral clips per month", "All platforms included", "Advanced editing & custom effects", "Priority support", "Performance analytics"],
},
{
id: "3", name: "Sam Thompson", role: "Content Creator", testimonial: "I was drowning in content repurposing. Having a dedicated team handle my clipping project freed me up to focus on creating. My personalized clips are now my #1 lead source for brand deals.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-professional-headshot-of-a-social-medi-1772847774170-c3d5b803.png", imageAlt: "Sam Thompson content creator"
},
{
id: "4", name: "Maya Patel", role: "Music Producer", testimonial: "The personalized clipping process was simple and collaborative. My music got in front of millions of new listeners through optimized short-form content managed directly by the team. Highly recommend for any artist looking to scale.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-professional-headshot-of-a-different-c-1772847773694-573d36da.png", imageAlt: "Maya Patel music producer"
},
{
id: "5", name: "David Lee", role: "Startup CEO", testimonial: "Our product launch videos became trending clips within days through direct team collaboration. The organic reach we got from the personalized clipping project was worth 10x the investment in traditional advertising.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-professional-headshot-of-a-brand-repre-1772847774538-779f0ff6.png", imageAlt: "David Lee startup CEO"
},
{
id: "6", name: "Emma Watson", role: "Influencer", testimonial: "Clear metrics, real-time updates, and personalized clips that actually trend. Working with a dedicated team instead of agencies is how modern content distribution should work. No fluff, just results.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-professional-headshot-of-a-successful--1772847773799-11aec6b8.png?_wi=2", imageAlt: "Emma Watson influencer"
id: "3", price: "$1,999", name: "Agency", buttons: [
{ text: "Get Started", href: "/contact" },
{ text: "Chat to Sales", href: "/contact" },
],
features: [
"Unlimited viral clips", "All platforms + emerging platforms", "White-label solutions", "Dedicated account manager", "Custom strategy & analytics", "24/7 priority support"],
},
]}
animationType="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
title="Frequently Asked Questions"
description="Everything you need to know before starting your private clipping project with our dedicated team."
tag="Help & Support"
tagIcon={HelpCircle}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1", title: "Whats Clipping ?", content: "Clipping is the process of turning long-form content such as podcasts, livestreams, and YouTube videos into short, high-impact clips designed for platforms like TikTok, Instagram Reels, and YouTube Shorts.Through private clipping collaboration, you work directly with my dedicated team to identify the most engaging moments from your content. We then transform those moments into high-retention short-form videos with optimized hooks, captions, and formatting designed to perform well in social media algorithms. "
},
{
id: "2", title: "How does the personalized clipping process work?", content: "Step 1: Book an intro call where we discuss your goals, content strategy, and vision. Step 2: Your content gets assigned to our dedicated team who create and optimize clips for each platform while maintaining direct communication with you. Step 3: Clips launch simultaneously across social platforms and we track real-time performance together with detailed analytics and regular updates."
},
{
id: "3", title: "How quickly can I launch my private project?", content: "Most private clipping projects launch within 2-5 business days after the initial strategy call. Your content goes through our personalized optimization process, and begins gaining traction immediately. Real-time results start appearing within hours, with our team providing direct updates on performance."
},
{
id: "4", title: "What types of creators and businesses do you work with?", content: "I work with podcasters, streamers, musicians, influencers, TV shows, brands, product launches, apps, startups, and content entrepreneurs seeking personalized team management. Essentially, if you have longform content and want to maximize viral reach through direct collaboration with expert clippers, we're a fit."
},
{
id: "5", title: "Is there a cost to start? What's the pricing model?", content: "Pricing varies based on your project scope, content volume, and dedicated team support level. I offer custom packages tailored to your specific goals and vision. Contact me for a consultation and I'll provide transparent pricing with no hidden fees."
},
{
id: "6", title: "How is this different from hiring a video editor?", content: "I'm not just editing videos—I'm providing personalized team management and optimization for viral growth across platforms. My private clipping collaboration includes audience research, platform algorithms, trend analysis, optimal timing, direct communication with your dedicated team, and distribution through my network. It's a complete organic growth system with direct collaboration, not just editing."
},
{
id: "7", title: "Do I retain ownership of my clips?", content: "100%. You retain full ownership of all clips created through our private collaboration. My team handles creation, optimization, and distribution, but the content is yours. We simply amplify it through our network to drive maximum views and engagement."
},
{
id: "8", title: "What kind of results should I expect?", content: "Results vary based on content quality, audience size, and platform fit. My private collaboration clients typically see 3-5x ROI within the first month. Many experience viral clips (100K-500K+ views), new followers, lead generation, and increased business opportunities from the exposure managed by our dedicated team."
},
]}
faqsAnimation="slide-up"
animationType="smooth"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Ready to launch your private clipping project with a dedicated team? Let's discuss your unique vision and explore how direct collaboration can help you reach millions of engaged viewers—no ad spend required."
text="Ready to turn your content into viral sensations? Book a call with our team to discuss your clipping strategy."
animationType="entrance-slide"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
buttons={[
{ text: "Book A Call", href: "https://calendly.com" },
{ text: "See Case Studies", href: "#case-studies" },
{ text: "Book a Call", href: "/contact" },
{ text: "View Portfolio", href: "features" },
]}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
<footer>
<FooterCard
logoText="billiclipd"
columns={[
{
items: [
{ label: "Home", href: "/" },
{ label: "Case Studies", href: "#case-studies" },
{ label: "Process", href: "#process" },
],
},
{
items: [
{ label: "About", href: "#about" },
{ label: "Testimonials", href: "#testimonials" },
{ label: "FAQ", href: "#faq" },
],
},
{
items: [
{ label: "Contact", href: "#contact" },
{ label: "Book A Call", href: "https://calendly.com" },
{ label: "Privacy Policy", href: "#" },
],
},
]}
copyrightText="© 2025 | billiclipd. All rights reserved."
/>
</div>
</footer>
</ThemeProvider>
);
}
}

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-public-sans), sans-serif;
font-family: var(--font-inter-tight), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-public-sans), sans-serif;
font-family: var(--font-inter-tight), sans-serif;
}