bender/bfcf767b-cfe4-4cc0-8861-c1b6a3de3825
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-04-28 18:13:49 +00:00
Conversation 0 Commits 2 Files Changed 2 +44 -244
2 changed files with 44 additions and 244 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/layout.tsx
View File

@@ -11,8 +11,8 @@ import { Manrope } from "next/font/google";
export const metadata: Metadata = {
title: 'Creator AI Hub | AI Tools for YouTube & Reels',
description: 'Generate thumbnails, scripts, and reels in seconds. Join 5000+ creators scaling their influence.',
title: 'Creator AI Hub',
description: 'Unlock the power of AI to transform your ideas into viral YouTube Shorts, Instagram Reels, and professional thumbnails.',
openGraph: {
"title": "Creator AI Hub",
"description": "AI-powered platform for creators.",

284
src/app/page.tsx
View File

@@ -32,73 +32,32 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Tools",
id: "tools",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "FAQ",
id: "faq",
},
{ name: "Home", id: "hero" },
{ name: "Tools", id: "tools" },
{ name: "Pricing", id: "pricing" },
{ name: "FAQ", id: "faq" }
]}
button={{
text: "Upgrade Premium",
href: "#pricing",
}}
button={{ text: "Upgrade Premium", href: "#pricing" }}
brandName="Creator AI Hub"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Create Stunning Content in Seconds with AI"
description="Unlock the power of AI to transform your ideas into viral YouTube Shorts, Instagram Reels, and professional thumbnails. Join 5000+ creators scaling their influence."
buttons={[
{
text: "Start Creating Free",
href: "#",
},
{
text: "Upgrade Premium",
href: "#pricing",
},
{ text: "Start Creating Free", href: "#" },
{ text: "Upgrade Premium", href: "#pricing" }
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-software-production_1268-21626.jpg?_wi=1",
imageAlt: "AI Content Interface",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-close-up-man-cleaning-hands-with-sanitizer-antiseptic-spray-workplace-home-working-laptop_285396-9234.jpg",
imageAlt: "AI Content Interface",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg",
imageAlt: "AI Content Interface",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645652.jpg",
imageAlt: "AI Content Interface",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-unrecognizable-man-taking-picture-work-plan-phone_1098-18712.jpg",
imageAlt: "AI Content Interface",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-technology-infographic_23-2148468845.jpg",
imageAlt: "AI Content Interface",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-software-production_1268-21626.jpg", imageAlt: "AI Content Interface" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-close-up-man-cleaning-hands-with-sanitizer-antiseptic-spray-workplace-home-working-laptop_285396-9234.jpg", imageAlt: "AI Content Interface" },
{ imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg", imageAlt: "AI Content Interface" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645652.jpg", imageAlt: "AI Content Interface" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mid-section-unrecognizable-man-taking-picture-work-plan-phone_1098-18712.jpg", imageAlt: "AI Content Interface" },
{ imageSrc: "http://img.b2bpic.net/free-vector/futuristic-technology-infographic_23-2148468845.jpg", imageAlt: "AI Content Interface" }
]}
/>
</div>
@@ -109,30 +68,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Thumbnail Maker",
description: "Generate high-CTR thumbnails instantly.",
bentoComponent: "reveal-icon",
icon: Wand2,
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252521.jpg",
imageAlt: "Futurism perspective of digital nomads lifestyle",
},
{
title: "AI Short Video",
description: "Convert long-form ideas to viral Reels.",
bentoComponent: "reveal-icon",
icon: Video,
imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-software-production_1268-21626.jpg?_wi=2",
imageAlt: "Futurism perspective of digital nomads lifestyle",
},
{
title: "Script Writer",
description: "Never run out of content ideas.",
bentoComponent: "reveal-icon",
icon: PenTool,
imageSrc: "http://img.b2bpic.net/free-photo/spinning-retro-cd-blue-tech-surface_58702-17236.jpg?_wi=1",
imageAlt: "Futurism perspective of digital nomads lifestyle",
},
{ title: "Thumbnail Maker", description: "Generate high-CTR thumbnails instantly.", bentoComponent: "reveal-icon", icon: Wand2 },
{ title: "AI Short Video", description: "Convert long-form ideas to viral Reels.", bentoComponent: "reveal-icon", icon: Video },
{ title: "Script Writer", description: "Never run out of content ideas.", bentoComponent: "reveal-icon", icon: PenTool }
]}
title="Powerful Tools for Viral Growth"
description="Everything you need to automate your content strategy and spend less time editing."
@@ -141,34 +79,15 @@ export default function LandingPage() {
<div id="tools" data-section="tools">
<ProductCardThree
animationType="scale-rotate"
textboxLayout="split-description"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Image Enhancer",
price: "AI-Powered",
imageSrc: "http://img.b2bpic.net/free-photo/spinning-retro-cd-blue-tech-surface_58702-17236.jpg?_wi=2",
},
{
id: "2",
name: "Background Remover",
price: "1-Click",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-person-arranging-stationery-table-near-camera-succulent-plant-studio_23-2148038966.jpg",
},
{
id: "3",
name: "Caption Generator",
price: "Instant",
imageSrc: "http://img.b2bpic.net/free-photo/graphic-tablet-with-pen-illustrators-designers-isolated-white-background_93675-131030.jpg",
},
{
id: "4",
name: "Script Generator",
price: "Unlimited",
imageSrc: "http://img.b2bpic.net/free-photo/type-c-connector-sharp-focus-purple-fast-usb_169016-71491.jpg",
},
{ id: "1", name: "Image Enhancer", price: "AI-Powered", imageSrc: "http://img.b2bpic.net/free-photo/spinning-retro-cd-blue-tech-surface_58702-17236.jpg" },
{ id: "2", name: "Background Remover", price: "1-Click", imageSrc: "http://img.b2bpic.net/free-photo/top-view-person-arranging-stationery-table-near-camera-succulent-plant-studio_23-2148038966.jpg" },
{ id: "3", name: "Caption Generator", price: "Instant", imageSrc: "http://img.b2bpic.net/free-photo/graphic-tablet-with-pen-illustrators-designers-isolated-white-background_93675-131030.jpg" },
{ id: "4", name: "Script Generator", price: "Unlimited", imageSrc: "http://img.b2bpic.net/free-photo/type-c-connector-sharp-focus-purple-fast-usb_169016-71491.jpg" }
]}
title="Our Content Suite"
description="Professional grade tools for everyday creators."
@@ -182,38 +101,13 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "free",
name: "Free Plan",
price: "₹0",
features: [
"3 images/day",
"1 video/day",
"Watermark on output",
],
buttons: [
{
text: "Get Started",
href: "#",
},
],
id: "free", name: "Free Plan", price: "₹0", features: ["3 images/day", "1 video/day", "Watermark on output"],
buttons: [{ text: "Get Started", href: "#" }]
},
{
id: "pro",
name: "Premium Plan",
price: "₹99/mo",
features: [
"Unlimited images",
"5 videos/day",
"No watermark",
"Fast processing",
],
buttons: [
{
text: "Upgrade to Premium ⚡",
href: "#",
},
],
},
id: "pro", name: "Premium Plan", price: "₹99/mo", features: ["Unlimited images", "5 videos/day", "No watermark", "Fast processing"],
buttons: [{ text: "Upgrade to Premium ⚡", href: "#" }]
}
]}
title="Choose Your Path"
description="Unlock full power with our affordable premium plans."
@@ -226,27 +120,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "5000+",
title: "Active Creators",
description: "Joining us daily.",
imageSrc: "http://img.b2bpic.net/free-vector/magic-icons-set-sparkle-magic-lights-mystery-miracle_1416-620.jpg",
},
{
id: "m2",
value: "1M+",
title: "Contents Generated",
description: "High performance assets.",
imageSrc: "http://img.b2bpic.net/free-photo/bookmark-button-right-side-white-background_187299-40259.jpg",
},
{
id: "m3",
value: "95%",
title: "Satisfaction Rate",
description: "Creators love us.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-drawing-doodle-elements-notebook_53876-96342.jpg",
},
{ id: "m1", value: "5000+", title: "Active Creators", description: "Joining us daily.", imageSrc: "http://img.b2bpic.net/free-vector/magic-icons-set-sparkle-magic-lights-mystery-miracle_1416-620.jpg" },
{ id: "m2", value: "1M+", title: "Contents Generated", description: "High performance assets.", imageSrc: "http://img.b2bpic.net/free-photo/bookmark-button-right-side-white-background_187299-40259.jpg" },
{ id: "m3", value: "95%", title: "Satisfaction Rate", description: "Creators love us.", imageSrc: "http://img.b2bpic.net/free-photo/woman-drawing-doodle-elements-notebook_53876-96342.jpg" }
]}
title="Scale Your Influence"
description="Numbers speak for our community."
@@ -258,46 +134,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Changed My Life",
quote: "Creator AI Hub made editing reels a breeze.",
name: "Sarah J.",
role: "Influencer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-content-creator_23-2151912380.jpg",
},
{
id: "2",
title: "Game Changer",
quote: "Thumbnail generation has never been faster.",
name: "Mark D.",
role: "YouTuber",
imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-female-blogger-thinks-about-new-content-smiles-pleasantly-writes-down-information-notebook-folds-laundry-uses-smartphone-webcam-isolated-pink_273609-52596.jpg",
},
{
id: "3",
title: "Absolute Gem",
quote: "The script generator is just perfect.",
name: "Emily R.",
role: "Freelancer",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
},
{
id: "4",
title: "Worth Every Rupee",
quote: "The premium plan is such a steal.",
name: "John K.",
role: "Entrepreneur",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hispanic-woman-wearing-casual-sweater-happy-face-smiling-with-crossed-arms-looking-camera-positive-person_839833-7483.jpg",
},
{
id: "5",
title: "High Quality",
quote: "The quality of images is top-notch.",
name: "Chloe L.",
role: "Influencer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-young-woman-posing-office_23-2148452665.jpg",
},
{ id: "1", title: "Changed My Life", quote: "Creator AI Hub made editing reels a breeze.", name: "Sarah J.", role: "Influencer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-content-creator_23-2151912380.jpg" },
{ id: "2", title: "Game Changer", quote: "Thumbnail generation has never been faster.", name: "Mark D.", role: "YouTuber", imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-female-blogger-thinks-about-new-content-smiles-pleasantly-writes-down-information-notebook-folds-laundry-uses-smartphone-webcam-isolated-pink_273609-52596.jpg" },
{ id: "3", title: "Absolute Gem", quote: "The script generator is just perfect.", name: "Emily R.", role: "Freelancer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg" },
{ id: "4", title: "Worth Every Rupee", quote: "The premium plan is such a steal.", name: "John K.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hispanic-woman-wearing-casual-sweater-happy-face-smiling-with-crossed-arms-looking-camera-positive-person_839833-7483.jpg" },
{ id: "5", title: "High Quality", quote: "The quality of images is top-notch.", name: "Chloe L.", role: "Influencer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-young-woman-posing-office_23-2148452665.jpg" }
]}
title="Creator Love"
description="Hear what our amazing creators say."
@@ -309,21 +150,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How does free plan work?",
content: "You get 3 images and 1 video daily.",
},
{
id: "f2",
title: "Can I cancel premium?",
content: "Yes, anytime from your dashboard.",
},
{
id: "f3",
title: "Is my data safe?",
content: "Absolutely, we value creator privacy.",
},
{ id: "f1", title: "How does free plan work?", content: "You get 3 images and 1 video daily." },
{ id: "f2", title: "Can I cancel premium?", content: "Yes, anytime from your dashboard." },
{ id: "f3", title: "Is my data safe?", content: "Absolutely, we value creator privacy." }
]}
title="Common Questions"
description="Everything you need to know about us."
@@ -334,48 +163,19 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "glowing-orb",
}}
background={{ variant: "glowing-orb" }}
tag="Get Started"
title="Ready to go viral?"
description="Join thousands of creators today."
buttons={[
{
text: "Get Started Free",
href: "#",
},
]}
buttons={[{ text: "Get Started Free", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Tools",
href: "#tools",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ items: [{ label: "Tools", href: "#tools" }, { label: "Pricing", href: "#pricing" }] },
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
]}
logoText="Creator AI Hub"
/>