88 Commits

Author SHA1 Message Date
4217fe6c4f Update src/app/layout.tsx 2026-03-08 10:21:38 +00:00
7a74399c13 Update src/app/page.tsx 2026-03-08 10:20:44 +00:00
abc9268d7d Update src/app/layout.tsx 2026-03-08 10:20:44 +00:00
e3cb211f29 Merge version_15 into main
Merge version_15 into main
2026-03-07 22:24:38 +00:00
af78da8440 Update src/app/page.tsx 2026-03-07 22:24:35 +00:00
64090746a2 Update src/app/layout.tsx 2026-03-07 22:24:34 +00:00
f292e63f1c Merge version_15 into main
Merge version_15 into main
2026-03-07 22:23:47 +00:00
5d5983cb07 Update src/app/page.tsx 2026-03-07 22:23:43 +00:00
b48e9fae2a Merge version_13 into main
Merge version_13 into main
2026-03-07 22:06:46 +00:00
80ae29fc63 Update src/app/page.tsx 2026-03-07 22:06:42 +00:00
a45777ed99 Update src/app/contact/page.tsx 2026-03-07 22:06:41 +00:00
9a3963e7be Merge version_13 into main
Merge version_13 into main
2026-03-07 22:05:37 +00:00
7abf4fa168 Update src/app/page.tsx 2026-03-07 22:05:09 +00:00
99fdba0372 Update src/app/contact/page.tsx 2026-03-07 22:05:09 +00:00
58de43db81 Update src/app/page.tsx 2026-03-07 22:04:03 +00:00
b7520db884 Update src/app/contact/page.tsx 2026-03-07 22:04:02 +00:00
b5016b084f Switch to version 12: modified src/app/page.tsx 2026-03-07 22:03:33 +00:00
81ebd9ba22 Switch to version 12: modified src/app/layout.tsx 2026-03-07 22:03:32 +00:00
a804a049ba Switch to version 12: modified src/app/contact/page.tsx 2026-03-07 22:03:32 +00:00
aedd678d11 Merge version_14 into main
Merge version_14 into main
2026-03-07 22:02:53 +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
443926b7fa Update src/app/page.tsx 2026-03-07 22:01:58 +00:00
cf0f694014 Update src/app/layout.tsx 2026-03-07 22:01:57 +00:00
f9348cadab Update src/app/contact/page.tsx 2026-03-07 22:01:57 +00:00
a7ba662e66 Merge version_14 into main
Merge version_14 into main
2026-03-07 22:01:46 +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
3c03182d84 Update src/app/page.tsx 2026-03-07 21:11:45 +00:00
c68a66a4b3 Merge version_8 into main
Merge version_8 into main
2026-03-07 15:01:11 +00:00
271b1b45ee Update src/app/page.tsx 2026-03-07 15:01:07 +00:00
1c03eef185 Merge version_8 into main
Merge version_8 into main
2026-03-07 14:59:49 +00:00
862defbac8 Update src/app/page.tsx 2026-03-07 14:59:44 +00:00
ea4dc9a742 Update src/app/layout.tsx 2026-03-07 14:59:44 +00:00
8ae23d6662 Merge version_7 into main
Merge version_7 into main
2026-03-07 11:44:15 +00:00
c292dc6dda Update src/app/page.tsx 2026-03-07 11:44:09 +00:00
7f2cc23495 Merge version_7 into main
Merge version_7 into main
2026-03-07 11:36:47 +00:00
85f9e69507 Update src/app/page.tsx 2026-03-07 11:36:42 +00:00
d0f59d10a9 Merge version_7 into main
Merge version_7 into main
2026-03-07 11:31:29 +00:00
e0566e2592 Update src/app/page.tsx 2026-03-07 11:31:25 +00:00
b6d8da8951 Merge version_7 into main
Merge version_7 into main
2026-03-07 11:22:49 +00:00
af2d4f7b85 Update src/app/page.tsx 2026-03-07 11:22:45 +00:00
4a7fe129a3 Merge version_6 into main
Merge version_6 into main
2026-03-07 11:16:40 +00:00
d47644ffb5 Update src/app/page.tsx 2026-03-07 11:16:35 +00:00
f42d1a9944 Merge version_5 into main
Merge version_5 into main
2026-03-07 11:15:08 +00:00
0412b76dfc Update src/app/page.tsx 2026-03-07 11:15:04 +00:00
8207ecb73f Merge version_5 into main
Merge version_5 into main
2026-03-07 11:09:36 +00:00
d7463d8691 Update src/app/page.tsx 2026-03-07 11:09:31 +00:00
9aed77f8bb Merge version_5 into main
Merge version_5 into main
2026-03-07 11:05:58 +00:00
7374e2d3cd Update src/app/page.tsx 2026-03-07 11:05:54 +00:00
457d112d1f Merge version_4 into main
Merge version_4 into main
2026-03-07 11:01:11 +00:00
7bbc68237f Update src/app/page.tsx 2026-03-07 11:01:07 +00:00
5ce2f73720 Merge version_4 into main
Merge version_4 into main
2026-03-07 11:00:10 +00:00
698e0618d5 Update src/app/page.tsx 2026-03-07 11:00:06 +00:00
ee28b58719 Merge version_3 into main
Merge version_3 into main
2026-03-07 10:18:31 +00:00
4 changed files with 188 additions and 328 deletions

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

@@ -0,0 +1,70 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import ContactForm from "@/components/form/ContactForm";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Mail, Twitter, Linkedin } from "lucide-react";
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="solid"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Features", id: "#features" },
{ name: "About", id: "#about" },
{ name: "Contact", id: "/contact" },
]}
brandName="billiclipd"
bottomLeftText="Global Community"
bottomRightText="hello@example.com"
/>
</div>
<div className="flex items-center justify-center min-h-screen py-20">
<div className="w-full">
<ContactForm
title="Get in Touch"
description="Ready to turn your content into viral clips? Reach out to our team and let's discuss your project."
tag="Contact Us"
tagIcon={Mail}
inputPlaceholder="your@email.com"
buttonText="Send Message"
termsText="We'll get back to you within 24 hours."
centered={true}
useInvertedBackground={false}
onSubmit={(email) => console.log("Email:", email)}
/>
</div>
</div>
<FooterCard
logoText="billiclipd"
copyrightText="© 2025 | billiclipd. All rights reserved."
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com/billiclipd", ariaLabel: "Twitter"
},
{
icon: Linkedin,
href: "https://linkedin.com/company/billiclipd", ariaLabel: "LinkedIn"
},
]}
/>
</ThemeProvider>
);
}

View File

@@ -1,61 +1,38 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import "./styles/globals.css";
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"],
});
export const metadata: Metadata = {
title: "Shortform Content Clipping & Viral Growth | Clipping Culture", description: "Transform your longform content into viral shortform clips. 10B+ views generated. TikTok, Reels, Shorts optimization. Proven methodology for organic creator growth.", keywords: "shortform content clipping, TikTok clips, viral growth, content repurposing, Instagram Reels, YouTube Shorts", metadataBase: new URL("https://clippingculture.com"),
alternates: {
canonical: "https://clippingculture.com"
},
openGraph: {
title: "Turn Longform Into Viral Clips | Clipping Culture", description: "I transform your best podcast, stream, and video moments into high-retention shortform content optimized for TikTok, Instagram Reels, and YouTube Shorts.", url: "https://clippingculture.com", siteName: "Clipping Culture", 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: "Clipping Culture viral shortform content"
},
],
},
twitter: {
card: "summary_large_image", title: "Turn Longform Into Viral Clips", description: "10B+ views generated. Transform your content into trending shortform clips.", 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 Editing Services", description: "Transform your long-form content into viral clips. Expert editing for TikTok, Instagram Reels, and YouTube Shorts. 10M+ views generated."
};
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}
<body className={inter.variable}>
{children}
<script
dangerouslySetInnerHTML={{
__html: `
try {
if (localStorage.getItem('theme') === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark')
} else {
document.documentElement.classList.remove('dark')
}
} catch (e) {}
`,
}}
/>
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1423,7 +1400,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
}

View File

@@ -2,327 +2,141 @@
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 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 HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import SplitAbout from "@/components/sections/about/SplitAbout";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Phone, Users } from "lucide-react";
export default function LandingPage() {
export default function Page() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles"
background="noise"
cardStyle="soft-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
headingFontWeight="light"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="solid"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Clipping Culture"
navItems={[
{ name: "Case Studies", id: "case-studies" },
{ name: "About", id: "about" },
{ name: "Process", id: "process" },
{ name: "Contact", id: "contact" },
{ name: "Home", id: "/" },
{ name: "About", id: "#about" },
{ name: "Contact", id: "#contact" }
]}
brandName="billiclipd"
button={{
text: "Book A Call", href: "https://calendly.com"
text: "Book a Call", href: "https://calendly.com/ibbiyousuf420/30min"
}}
/>
</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"
<HeroSplitKpi
title="Turn Longform Content Into Viral Clips"
description="Expert clip editing services that transform your YouTube videos, podcasts, and streams into viral TikToks, Instagram Reels, and YouTube Shorts. We've generated 10M+ views for creators."
background={{ variant: "glowing-orb" }}
leftCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-vibrant-tiktok-style-vertical-video-fr-1772847774345-4bf0afdb.png?_wi=1", imageAlt: "TikTok viral clip example"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-professional-shortform-content-editing-1772847775290-e59e3951.png?_wi=1", imageAlt: "Professional editing dashboard"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/an-instagram-reels-frame-showing-a-profe-1772847775330-4952935d.png?_wi=1", imageAlt: "Instagram Reels clip"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-youtube-shorts-vertical-video-frame-sh-1772847774790-1b515168.png", imageAlt: "YouTube Shorts content"
},
tag="Trusted by 500+ Creators"
tagIcon={Users}
tagAnimation="slide-up"
kpis={[
{ value: "10M+", label: "Views Generated" },
{ value: "99.8%", label: "Client Satisfaction" },
{ value: "3-5 Days", label: "Turnaround Time" }
]}
rightCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-dynamic-montage-of-multiple-trending-t-1772847775452-15beec39.png", imageAlt: "Trending clips montage"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-professional-shortform-content-editing-1772847775290-e59e3951.png?_wi=2", imageAlt: "Editing interface"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-vibrant-tiktok-style-vertical-video-fr-1772847774345-4bf0afdb.png?_wi=2", imageAlt: "Viral content creation"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/an-instagram-reels-frame-showing-a-profe-1772847775330-4952935d.png?_wi=2", imageAlt: "Social media optimization"
},
]}
carouselPosition="right"
enableKpiAnimation={true}
buttons={[
{ text: "See My Work", href: "#case-studies" },
{ text: "Book A Call", href: "https://calendly.com" },
{
text: "Book a Call", href: "https://calendly.com/ibbiyousuf420/30min"
}
]}
buttonAnimation="slide-up"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Top Creators and Brands"
description="Over 10B+ views generated. I've powered viral campaigns for artists, influencers, TV shows, and products reaching hundreds of millions of followers."
tag="10B+ Views Generated"
tagIcon={TrendingUp}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
names={[
"Brandon Clark - 600K Followers", "Sexyishaan - 60K Followers", "Ericcouu - 300K Followers", "Dhar Mann - 136M Followers", "Paul American - 140M Followers", "Tate McCrae - 57.6M Listeners", "Hostage Tape - 150K Customers", "The Rolling Stones - 27M Listeners"
]}
speed={40}
showCard={true}
/>
</div>
<div id="process" data-section="process">
<FeatureCardSix
title="The Process"
description="Launching a campaign has never been easier. Say goodbye to slow agencies—with my clipping methodology, you launch, scale, and analyze viral campaigns in record time."
tag="Proven Workflow"
tagIcon={Zap}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Book an Intro Call", description: "We start with a quick intro call to understand your goals, target audience, and creative direction. I build a custom clipping strategy 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 Campaign", href: "https://calendly.com" }],
},
{
id: 2,
title: "Clippers Start Posting", description: "Once your campaign is locked in, our network springs into action. Content gets distributed across TikTok, Instagram Reels, YouTube Shorts, and more—simultaneously—with my proven optimization techniques.", 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.", 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 clipping campaigns with clear, actionable metrics."
tag="Performance Metrics"
tagIcon={BarChart3}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1", value: "10B", title: "Views Generated", description: "Cumulative views across all client campaigns", icon: Eye,
},
{
id: "2", value: "40K", title: "Clipper Network", description: "Expert creators in the distribution network", icon: Users,
},
{
id: "3", value: "100%", 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 optimized clipping campaigns."
tag="Proven Results"
tagIcon={Trophy}
textboxLayout="default"
useInvertedBackground={false}
products={[
{
id: "bbno", name: "BBNO$ - Music Artist", price: "16.5M", variant: "Listeners | Viral Growth", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-professional-case-study-showcase-for-a-1772847776081-4759a6fa.png?_wi=1", imageAlt: "BBNO$ campaign case study"
},
{
id: "dhar-mann", name: "Dhar Mann - Influencer", price: "136M", variant: "Followers | Trending Content", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-professional-influencer-case-study-sho-1772847776930-7a6e87b3.png", imageAlt: "Dhar Mann case study"
},
{
id: "paul-american", name: "Paul American - TV Show", price: "140M", variant: "Followers | Entertainment Clips", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-television-show-case-study-with-140m-f-1772847781498-064f7d24.png", imageAlt: "Paul American case study"
},
{
id: "tate-mccrae", name: "Tate McCrae - Artist", price: "57.6M", variant: "Listeners | Music Clips", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-professional-case-study-showcase-for-a-1772847776081-4759a6fa.png?_wi=2", imageAlt: "Tate McCrae campaign"
},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
imageSrc="/hero-image.jpg"
imageAlt="Viral clips showcase"
mediaAnimation="slide-up"
imagePosition="right"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
title="Why I Do This"
description={[
"I started clipping 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 network of 40,000+ expert clippers and a proven methodology, I've helped launch campaigns that generated over 10 billion views. No agencies. No gatekeeping. Just 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."
]}
useInvertedBackground={false}
showBorder={false}
buttons={[{ text: "Schedule Consultation", href: "https://calendly.com" }]}
/>
</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 optimized shortform campaigns."
tag="Client Testimonials"
tagIcon={MessageSquare}
tagAnimation="slide-up"
<SplitAbout
title="About Our Clipping Service"
description="We specialize in transforming long-form content into short, shareable clips optimized for viral growth across all platforms."
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
bulletPoints={[
{
id: "1", name: "Alex Rivera", role: "Podcast Host", testimonial: "Within 2 weeks of launching my clipping campaign, my podcast downloads tripled. The viral 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"
title: "Expert Editing", description: "Our team uses advanced editing techniques to create engaging, fast-paced clips that capture attention."
},
{
id: "2", name: "Jordan Chen", role: "Brand Marketing Director", testimonial: "We tried traditional agencies for months with minimal results. Clipping Culture delivered 25M views in the first month—all organic, zero ad spend. The transparency and speed 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"
title: "Multi-Platform Optimization", description: "Every clip is tailored for TikTok, Instagram Reels, YouTube Shorts, and more with the right aspect ratios and formats."
},
{
id: "3", name: "Sam Thompson", role: "Content Creator", testimonial: "I was drowning in content repurposing. Having a team of clippers handle it freed me up to focus on creating. My viral 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 clipping process was simple and collaborative. My music got in front of millions of new listeners through optimized short-form content. 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. The organic reach we got from Clipping Culture's network 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 clips that actually trend. This 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"
},
title: "Quick Turnaround", description: "Get your clips back in 3-5 business days, ready to boost your growth immediately."
}
]}
animationType="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
title="Frequently Asked Questions"
description="Everything you need to know before getting started with your clipping campaign."
tag="Help & Support"
tagIcon={HelpCircle}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
faqs={[
imageSrc="/about-image.jpg"
imageAlt="Clipping service in action"
mediaAnimation="slide-up"
imagePosition="right"
buttons={[
{
id: "1", title: "What exactly is Clipping Culture?", content: "Clipping Culture is a shortform content clipping and distribution service. I transform your longform content (podcasts, streams, videos) into high-retention clips optimized for TikTok, Instagram Reels, and YouTube Shorts. I use a network of 40,000+ expert clippers to distribute your content across platforms, driving organic reach and viral growth."
},
{
id: "2", title: "How does the clipping process work?", content: "Step 1: Book an intro call where we discuss your goals and content strategy. Step 2: Your content gets assigned to our network of clippers who create and optimize clips for each platform. Step 3: Clips launch simultaneously across social platforms and we track real-time performance with detailed analytics."
},
{
id: "3", title: "How quickly can I launch a campaign?", content: "Most campaigns launch within 2-5 business days after the initial strategy call. Your content goes through our optimization process, gets distributed to the clipper network, and begins gaining traction immediately. Real-time results start appearing within hours."
},
{
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, casinos, and content entrepreneurs. Essentially, if you have longform content and want to maximize viral reach through shortform clips, we're a fit."
},
{
id: "5", title: "Is there a cost to start? What's the pricing model?", content: "Pricing varies based on your campaign scope, content volume, and distribution network size. I offer custom packages tailored to your goals. 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 optimizing them for viral growth across platforms. My clipping methodology includes audience research, platform algorithms, trend analysis, optimal timing, and distribution through a massive creator network. It's a complete organic growth system, not just editing."
},
{
id: "7", title: "Do I retain ownership of my clips?", content: "100%. You retain full ownership of all clips created. I handle distribution and optimization, but the content is yours. We simply amplify it through my 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 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."
},
text: "Book a Call", href: "https://calendly.com/ibbiyousuf420/30min"
}
]}
faqsAnimation="slide-up"
animationType="smooth"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Ready to turn your longform content into viral shortform campaigns? Let's discuss your strategy and explore how I can help you reach millions of engaged viewers—no ad spend required."
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" },
<ContactFaq
faqs={[
{
id: "1", title: "What's your turnaround time?", content: "We typically deliver clips within 3-5 business days. Rush orders available upon request."
},
{
id: "2", title: "How many clips do you produce per project?", content: "We create multiple clips from your source material, ensuring you get maximum content to distribute across platforms."
},
{
id: "3", title: "Do you handle different video formats?", content: "Yes! We work with YouTube videos, podcasts, streams, and any long-form content. We optimize for all major platforms."
},
{
id: "4", title: "What's your pricing?", content: "Pricing varies based on video length and clip quantity. Book a call to discuss your specific needs and get a custom quote."
}
]}
ctaTitle="Ready to Go Viral?"
ctaDescription="Let's discuss how we can help you maximize your content's reach."
ctaButton={{
text: "Book a Free Call", href: "https://calendly.com/ibbiyousuf420/30min"
}}
ctaIcon={Phone}
useInvertedBackground={false}
animationType="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Clipping Culture"
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: "#" },
],
},
]}
/>
</div>
<FooterBase
columns={[
{
title: "Product", items: [
{ label: "Clip Editing", href: "#hero" },
{ label: "About Us", href: "#about" },
{ label: "Contact", href: "#contact" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
]}
logoText="billiclipd"
copyrightText="© 2025 | billiclipd"
/>
</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;
}