bender/c0e935c3-7743-4fb5-89e7-de42973e18e9
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Merge version_12 into main

Browse Source 
Merge version_12 into main
This commit was merged in pull request #26.
This commit is contained in:
bender
2026-03-07 21:55:22 +00:00
parent 9cf7933531 7c0e0b0739
commit d7eb119b7c
2 changed files with 113 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -0,0 +1,98 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { useEffect } from "react";
export default function ContactPage() {
useEffect(() => {
const script = document.createElement("script");
script.src = "https://assets.calendly.com/assets/external/widget.js";
script.async = true;
document.body.appendChild(script);
return () => {
document.body.removeChild(script);
};
}, []);
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles"
background="noise"
cardStyle="soft-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="billiclipd"
navItems={[
{ name: "Case Studies", id: "case-studies" },
{ name: "About", id: "about" },
{ name: "Process", id: "process" },
{ name: "Contact", id: "/contact" },
]}
button={{
text: "Book A Call", href: "https://calendly.com"
}}
/>
</div>
<div className="min-h-screen pt-20 pb-20">
<div className="flex flex-col items-center justify-center">
<div className="w-full max-w-4xl px-4 sm:px-6 lg:px-8">
<div className="text-center mb-12">
<h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold mb-4">
Schedule a Call With Me
</h1>
<p className="text-lg sm:text-xl text-foreground/70">
Book a time that works for you. Let's discuss your project and how I can help you turn your content into viral clips.
</p>
</div>
<div className="w-full bg-card rounded-2xl p-4 sm:p-6 lg:p-8 shadow-lg">
<div
className="calendly-inline-widget w-full h-screen min-h-[800px] sm:min-h-[900px] lg:min-h-[1000px]"
data-url="https://calendly.com/ibbiyousuf420/30min"
></div>
</div>
</div>
</div>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="billiclipd"
columns={[
{
items: [
{ label: "Home", href: "/" },
{ label: "Case Studies", href: "#case-studies" },
{ label: "Process", href: "#process" },
],
},
{
items: [
{ label: "About", href: "#about" },
{ label: "FAQ", href: "#faq" },
],
},
{
items: [
{ label: "Contact", href: "/contact" },
{ label: "Book A Call", href: "https://calendly.com" },
{ label: "Privacy Policy", href: "#" },
],
},
]}
/>
</div>
</ThemeProvider>
);
}

57
src/app/layout.tsx
View File

@@ -1,56 +1,30 @@
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 { Poppins } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { Inter_Tight } from "next/font/google";
import { ServiceWrapper } from "@/providers/serviceWrapper/ServiceWrapper";
import { Tag } from "@/components/tag/Tag";
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,
},
};
const interTight = Inter_Tight({
variable: "--font-inter-tight",
subsets: ["latin"],
const poppins = Poppins({
variable: "--font-poppins", subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
export const metadata: Metadata = {
title: "billiclipd | Viral Clip Specialist", description: "Turn longform content into viral clips for TikTok, Instagram Reels, and YouTube Shorts. Expert clipping services with 10M+ views generated."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${interTight.variable} antialiased`}>
<body className={`${poppins.variable}`}>
<ServiceWrapper>
<Tag />
{children}
</ServiceWrapper>
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1418,7 +1392,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
}