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

Merge version_13 into main #33

Merged
bender merged 2 commits from version_13 into main 2026-03-07 22:06:46 +00:00
Conversation 0 Commits 2 Files Changed 2 +59 -47
2 changed files with 59 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/app/contact/page.tsx
View File

@@ -1,6 +1,6 @@
"use client";
import { ThemeProvider } from "@/components/theme/ThemeProvider";
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";
@@ -20,17 +20,19 @@ export default function ContactPage() {
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<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 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">
@@ -43,6 +45,7 @@ export default function ContactPage() {
buttonText="Send Message"
termsText="We'll get back to you within 24 hours."
centered={true}
useInvertedBackground={false}
onSubmit={(email) => console.log("Email:", email)}
/>
</div>
@@ -54,10 +57,12 @@ export default function ContactPage() {
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com/billiclipd", ariaLabel: "Twitter"},
href: "https://twitter.com/billiclipd", ariaLabel: "Twitter"
},
{
icon: Linkedin,
href: "https://linkedin.com/company/billiclipd", ariaLabel: "LinkedIn"},
href: "https://linkedin.com/company/billiclipd", ariaLabel: "LinkedIn"
},
]}
/>
</ThemeProvider>

73
src/app/page.tsx
View File

@@ -1,6 +1,6 @@
"use client";
import { ThemeProvider } from "@/components/theme/ThemeProvider";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
@@ -23,17 +23,19 @@ export default function Home() {
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<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 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 id="hero" data-section="hero">
<HeroBillboardDashboard
@@ -60,13 +62,16 @@ export default function Home() {
stats: [
{
title: "Clips Created", values: [1240, 1856, 2130],
description: "Total viral clips."},
description: "Total viral clips."
},
{
title: "Total Views", values: [10240000, 12500000, 13450000],
valuePrefix: "", valueSuffix: "M+", description: "Across all platforms."},
valuePrefix: "", valueSuffix: "M+", description: "Across all platforms."
},
{
title: "Engagement Rate", values: [8.5, 12.3, 15.7],
valueSuffix: "%", description: "Average engagement."},
valueSuffix: "%", description: "Average engagement."
},
],
chartTitle: "Views Over Time", chartData: [
{ value: 50 },
@@ -78,13 +83,16 @@ export default function Home() {
listTitle: "Recent Clips", listItems: [
{
icon: CircleDollarSign,
title: "5-Sec Motivational", status: "Published"},
title: "5-Sec Motivational", status: "Published"
},
{
icon: ArrowLeftRight,
title: "3-Min Podcast Clip", status: "Processing"},
title: "3-Min Podcast Clip", status: "Processing"
},
{
icon: Send,
title: "Highlight Reel", status: "Published"},
title: "Highlight Reel", status: "Published"
},
],
}}
/>
@@ -95,24 +103,20 @@ export default function Home() {
features={[
{
id: 1,
title: "Content Analysis", description:
"We analyze your longform content to identify the most viral moments and trending hooks.", imageSrc:
"https://images.unsplash.com/photo-1611532736597-de2d4265fba3?w=500&h=300&fit=crop"},
title: "Content Analysis", description: "We analyze your longform content to identify the most viral moments and trending hooks.", imageSrc: "https://images.unsplash.com/photo-1611532736597-de2d4265fba3?w=500&h=300&fit=crop"
},
{
id: 2,
title: "Professional Editing", description:
"Our expert editors craft high-quality clips optimized for each platform's unique algorithm.", imageSrc:
"https://images.unsplash.com/photo-1598899134739-24c46f58b8c0?w=500&h=300&fit=crop"},
title: "Professional Editing", description: "Our expert editors craft high-quality clips optimized for each platform's unique algorithm.", imageSrc: "https://images.unsplash.com/photo-1598899134739-24c46f58b8c0?w=500&h=300&fit=crop"
},
{
id: 3,
title: "Multi-Platform Optimization", description:
"Each clip is tailored for TikTok, Instagram Reels, and YouTube Shorts with proper formatting.", imageSrc:
"https://images.unsplash.com/photo-1611339555312-e607c90352fd?w=500&h=300&fit=crop"},
title: "Multi-Platform Optimization", description: "Each clip is tailored for TikTok, Instagram Reels, and YouTube Shorts with proper formatting.", imageSrc: "https://images.unsplash.com/photo-1611339555312-e607c90352fd?w=500&h=300&fit=crop"
},
{
id: 4,
title: "Performance Analytics", description:
"Track engagement metrics, reach, and performance across all platforms in real-time.", imageSrc:
"https://images.unsplash.com/photo-1460925895917-aeb19be489c7?w=500&h=300&fit=crop"},
title: "Performance Analytics", description: "Track engagement metrics, reach, and performance across all platforms in real-time.", imageSrc: "https://images.unsplash.com/photo-1460925895917-aeb19be489c7?w=500&h=300&fit=crop"
},
]}
title="Our Process"
description="How we transform your content into viral sensations"
@@ -126,7 +130,8 @@ export default function Home() {
<TextSplitAbout
title="Why Choose billiclipd?"
description={[
"With over 10 million views generated across TikTok, Instagram Reels, and YouTube Shorts, we know what makes content go viral. Our team combines data-driven insights with creative excellence to transform your longform content into short-form sensations.", "We don't just edit clips—we create content strategies that maximize your reach and engagement on every platform."]}
"With over 10 million views generated across TikTok, Instagram Reels, and YouTube Shorts, we know what makes content go viral. Our team combines data-driven insights with creative excellence to transform your longform content into short-form sensations.", "We don't just edit clips—we create content strategies that maximize your reach and engagement on every platform."
]}
buttons={[
{ text: "Book a Call", href: "/contact" },
{ text: "Learn More", href: "#features" },
@@ -153,10 +158,12 @@ export default function Home() {
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com/billiclipd", ariaLabel: "Twitter"},
href: "https://twitter.com/billiclipd", ariaLabel: "Twitter"
},
{
icon: Linkedin,
href: "https://linkedin.com/company/billiclipd", ariaLabel: "LinkedIn"},
href: "https://linkedin.com/company/billiclipd", ariaLabel: "LinkedIn"
},
]}
/>
</ThemeProvider>