Update src/app/layout.tsx

Merge version_9 into main

src/app/contact/page.tsx

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

src/app/layout.tsx

@@ -1,61 +1,25 @@
 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";
 
-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"],
+const poppins = Poppins({
+  variable: "--font-poppins",  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });
 
 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 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={`${halant.variable} ${inter.variable} ${publicSans.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+      <body className={`${poppins.variable}`}>
+        {children}
+      
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1423,7 +1387,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -7,7 +7,6 @@ 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";
@@ -18,7 +17,6 @@ import {
   Zap,
   BarChart3,
   Trophy,
-  MessageSquare,
   HelpCircle,
   Eye,
   Users,
@@ -122,15 +120,15 @@ export default function LandingPage() {
           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" }],
+              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.",              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"
+              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."
             },
             {
               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"
+              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."
             },
           ]}
         />
@@ -203,39 +201,6 @@ export default function LandingPage() {
         />
       </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"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          testimonials={[
-            {
-              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: "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: "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"
-            },
-          ]}
-          animationType="slide-up"
-        />
-      </div>
-
       <div id="faq" data-section="faq">
         <FaqBase
           title="Frequently Asked Questions"
@@ -250,13 +215,13 @@ export default function LandingPage() {
               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: "2",              title: "How does the 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: "3",              title: "How quickly can I Start?",              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: "4",              title: "What types of creators and businesses do you work with?",              content: "I work with podcasters, streamers,  influencers, TV shows, brands, product launches, apps, startups, and content entrepreneurs seeking personalized team management. Essentially, if you have longform or short-form 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."
@@ -278,7 +243,7 @@ export default function LandingPage() {
 
       <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 Clips 👇 "
           animationType="entrance-slide"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
@@ -303,7 +268,6 @@ export default function LandingPage() {
             {
               items: [
                 { label: "About", href: "#about" },
-                { label: "Testimonials", href: "#testimonials" },
                 { label: "FAQ", href: "#faq" },
               ],
             },

src/app/styles/base.css

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