Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-06-03 17:20:04 +00:00
2 changed files with 101 additions and 309 deletions

View File

@@ -27,33 +27,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Features",
id: "/#features",
},
name: "Features", id: "/#features"},
{
name: "Pricing",
id: "/pricing",
},
name: "Pricing", id: "/pricing"},
{
name: "Dashboard",
id: "/dashboard",
},
name: "Dashboard", id: "/dashboard"},
{
name: "Create Video",
id: "/create",
},
name: "Create Video", id: "/create"},
]}
logoSrc="http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979697.jpg"
logoAlt="Facely Logo"
brandName="facely"
button={{
text: "Sign Up",
href: "/signup",
}}
text: "Sign Up", href: "/signup"}}
/>
</div>
@@ -64,17 +52,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "videos-created",
icon: Video,
title: "Videos Created",
value: "127",
},
id: "videos-created", icon: Video,
title: "Videos Created", value: "127"},
{
id: "credits-remaining",
icon: Wallet,
title: "Credits Remaining",
value: "73%",
},
id: "credits-remaining", icon: Wallet,
title: "Credits Remaining", value: "73%"},
]}
title="Your Creative Hub"
description="Monitor your video generation progress and manage your account resources efficiently."
@@ -88,72 +70,40 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Mysterious Forest",
description: "Scary Stories (30s)",
icon: Cloud,
title: "Mysterious Forest", description: "Scary Stories (30s)", icon: Cloud,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/digital-painting-horrible-creatures-with-genetic-mutations-ruined-laboratory_456031-97.jpg",
imageAlt: "Mysterious Forest Video",
},
imageSrc: "http://img.b2bpic.net/free-photo/digital-painting-horrible-creatures-with-genetic-mutations-ruined-laboratory_456031-97.jpg", imageAlt: "Mysterious Forest Video"},
{
imageSrc: "http://img.b2bpic.net/free-photo/dystopian-landscape-with-futuristic-motorcycle-monster_23-2149369694.jpg",
imageAlt: "Historical Event",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979697.jpg?_wi=2",
imageAlt: "ai generated video thumbnail scary",
imageSrc: "http://img.b2bpic.net/free-photo/dystopian-landscape-with-futuristic-motorcycle-monster_23-2149369694.jpg", imageAlt: "Historical Event"},
]
},
{
title: "Ancient Rome",
description: "History (60s)",
icon: FileText,
title: "Ancient Rome", description: "History (60s)", icon: FileText,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/school-elements-assortment-view_23-2149001165.jpg",
imageAlt: "Historical Event",
},
imageSrc: "http://img.b2bpic.net/free-photo/school-elements-assortment-view_23-2149001165.jpg", imageAlt: "Historical Event"},
{
imageSrc: "http://img.b2bpic.net/free-photo/positivity-mindset-thinking-wellness-concept_53876-167091.jpg",
imageAlt: "Motivational Speech",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941514.jpg?_wi=3",
imageAlt: "ai generated video thumbnail scary",
imageSrc: "http://img.b2bpic.net/free-photo/positivity-mindset-thinking-wellness-concept_53876-167091.jpg", imageAlt: "Motivational Speech"},
]
},
{
title: "Rise & Shine",
description: "Motivation (3min)",
icon: Sparkles,
title: "Rise & Shine", description: "Motivation (3min)", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/home-decor-design-renovation-style_53876-125047.jpg",
imageAlt: "Motivational Speech",
},
imageSrc: "http://img.b2bpic.net/free-photo/home-decor-design-renovation-style_53876-125047.jpg", imageAlt: "Motivational Speech"},
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377352.jpg",
imageAlt: "Funny Character",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719641.jpg?_wi=2",
imageAlt: "ai generated video thumbnail scary",
imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377352.jpg", imageAlt: "Funny Character"},
]
},
{
title: "The Talking Dog",
description: "Funny Characters (30s)",
icon: Heart,
title: "The Talking Dog", description: "Funny Characters (30s)", icon: Heart,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-showcasing-their-home_23-2151624940.jpg",
imageAlt: "Funny Character",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-showcasing-their-home_23-2151624940.jpg", imageAlt: "Funny Character"},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-frankenstein-wearing-vr-glasses_23-2149636453.jpg",
imageAlt: "Mysterious Forest Video",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/mature-developer-coding-cloud-computing-with-ai-chatbot-pc_482257-119990.jpg?_wi=2",
imageAlt: "ai generated video thumbnail scary",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-frankenstein-wearing-vr-glasses_23-2149636453.jpg", imageAlt: "Mysterious Forest Video"},
]
},
]}
title="Recent Video Generations"
@@ -168,54 +118,33 @@ export default function LandingPage() {
logoText="facely"
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Features",
href: "/#features",
},
label: "Features", href: "/#features"},
{
label: "Pricing",
href: "/pricing",
},
label: "Pricing", href: "/pricing"},
{
label: "Dashboard",
href: "/dashboard",
},
label: "Dashboard", href: "/dashboard"},
{
label: "Create Video",
href: "/create",
},
label: "Create Video", href: "/create"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Contact",
href: "#",
},
label: "Contact", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}

View File

@@ -30,33 +30,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Features",
id: "/#features",
},
name: "Features", id: "/#features"},
{
name: "Pricing",
id: "/pricing",
},
name: "Pricing", id: "/pricing"},
{
name: "Dashboard",
id: "/dashboard",
},
name: "Dashboard", id: "/dashboard"},
{
name: "Create Video",
id: "/create",
},
name: "Create Video", id: "/create"},
]}
logoSrc="http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979697.jpg"
logoAlt="Facely Logo"
brandName="facely"
button={{
text: "Sign Up",
href: "/signup",
}}
text: "Sign Up", href: "/signup"}}
/>
</div>
@@ -66,38 +54,24 @@ export default function LandingPage() {
description="Transform your ideas into captivating videos with our intuitive AI platform. From scripts to final cuts, Facely simplifies content creation for everyone."
buttons={[
{
text: "Get Started",
href: "/signup",
},
text: "Get Started", href: "/signup"},
{
text: "View Features",
href: "/#features",
},
text: "View Features", href: "/#features"},
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941514.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941514.jpg"
imageAlt="Facely AI Dashboard Interface"
showBlur={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-businessman-drinking-coffee-with-laptop-desk_23-2147955289.jpg",
alt: "Happy businessman drinking coffee",
},
src: "http://img.b2bpic.net/free-photo/happy-businessman-drinking-coffee-with-laptop-desk_23-2147955289.jpg", alt: "Happy businessman drinking coffee"},
{
src: "http://img.b2bpic.net/free-photo/smiling-mid-adult-businessman-using-computer-while-working-office-desk_637285-6746.jpg",
alt: "Smiling businessman at desk",
},
src: "http://img.b2bpic.net/free-photo/smiling-mid-adult-businessman-using-computer-while-working-office-desk_637285-6746.jpg", alt: "Smiling businessman at desk"},
{
src: "http://img.b2bpic.net/free-photo/laughing-businessman-talking-phone-while-working-his-office-businessperson-professional-environment_482257-32743.jpg",
alt: "Businessman talking on phone",
},
src: "http://img.b2bpic.net/free-photo/laughing-businessman-talking-phone-while-working-his-office-businessperson-professional-environment_482257-32743.jpg", alt: "Businessman talking on phone"},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",
alt: "Businessman sitting on sofa",
},
src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", alt: "Businessman sitting on sofa"},
{
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",
alt: "Black businessman happy expression",
},
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg", alt: "Black businessman happy expression"},
]}
avatarText="Join 10,000+ happy creators"
/>
@@ -110,72 +84,40 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "AI Script-to-Video",
description: "Automatically convert your text into engaging video scripts and then into full videos.",
icon: Lightbulb,
title: "AI Script-to-Video", description: "Automatically convert your text into engaging video scripts and then into full videos.", icon: Lightbulb,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719641.jpg?_wi=1",
imageAlt: "AI Brain",
},
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719641.jpg", imageAlt: "AI Brain"},
{
imageSrc: "http://img.b2bpic.net/free-photo/mature-developer-coding-cloud-computing-with-ai-chatbot-pc_482257-119990.jpg?_wi=1",
imageAlt: "Video Timeline",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979697.jpg?_wi=1",
imageAlt: "ai neural network purple",
imageSrc: "http://img.b2bpic.net/free-photo/mature-developer-coding-cloud-computing-with-ai-chatbot-pc_482257-119990.jpg", imageAlt: "Video Timeline"},
]
},
{
title: "Customizable Voice Styles",
description: "Choose from a diverse range of AI voice styles, languages, and emotional tones to match your content.",
icon: Headphones,
title: "Customizable Voice Styles", description: "Choose from a diverse range of AI voice styles, languages, and emotional tones to match your content.", icon: Headphones,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
imageAlt: "Video Timeline",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", imageAlt: "Video Timeline"},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-round-movie-reel_23-2151016099.jpg",
imageAlt: "Video Export",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941514.jpg?_wi=2",
imageAlt: "ai neural network purple",
imageSrc: "http://img.b2bpic.net/free-photo/3d-round-movie-reel_23-2151016099.jpg", imageAlt: "Video Export"},
]
},
{
title: "Scene & Asset Generation",
description: "AI generates relevant visuals, background music, and sound effects for each scene based on your script.",
icon: Palette,
title: "Scene & Asset Generation", description: "AI generates relevant visuals, background music, and sound effects for each scene based on your script.", icon: Palette,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/green-truck-delivering-christmas-presents_23-2149547645.jpg",
imageAlt: "Video Export",
},
imageSrc: "http://img.b2bpic.net/free-photo/green-truck-delivering-christmas-presents_23-2149547645.jpg", imageAlt: "Video Export"},
{
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-enabling-computers-replicate-human-brain-functioning-machine-learning-algorithms-used-computational-operations-based-data-pattern-recognition-3d-render-animation_482257-66074.jpg",
imageAlt: "AI Brain",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-using-laptop-restaurant_23-2147956341.jpg?_wi=1",
imageAlt: "ai neural network purple",
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-enabling-computers-replicate-human-brain-functioning-machine-learning-algorithms-used-computational-operations-based-data-pattern-recognition-3d-render-animation_482257-66074.jpg", imageAlt: "AI Brain"},
]
},
{
title: "Multi-Platform Export",
description: "Easily export your finished videos in various formats optimized for social media, websites, and presentations.",
icon: Download,
title: "Multi-Platform Export", description: "Easily export your finished videos in various formats optimized for social media, websites, and presentations.", icon: Download,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/black-man-photo-editor-well-organized-workspace-editing-images_482257-121382.jpg",
imageAlt: "Video Timeline",
},
imageSrc: "http://img.b2bpic.net/free-photo/black-man-photo-editor-well-organized-workspace-editing-images_482257-121382.jpg", imageAlt: "Video Timeline"},
{
imageSrc: "http://img.b2bpic.net/free-photo/depiction-human-brain-intellect_23-2150936715.jpg",
imageAlt: "AI Brain",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg?_wi=1",
imageAlt: "ai neural network purple",
imageSrc: "http://img.b2bpic.net/free-photo/depiction-human-brain-intellect_23-2150936715.jpg", imageAlt: "AI Brain"},
]
},
]}
title="Powerful Features Designed for Creativity"
@@ -185,66 +127,34 @@ export default function LandingPage() {
<div id="landing-pricing" data-section="landing-pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "starter-landing",
badge: "Starter",
price: "$19/month",
subtitle: "Ideal for casual creators",
buttons: [
id: "starter-landing", badge: "Starter", price: "$19/month", subtitle: "Ideal for casual creators", buttons: [
{
text: "Choose Starter",
href: "/signup",
},
text: "Choose Starter", href: "/signup"},
],
features: [
"5 AI videos/month",
"Standard voice library",
"Basic asset generation",
"720p HD export",
],
"5 AI videos/month", "Standard voice library", "Basic asset generation", "720p HD export"],
},
{
id: "pro-landing",
badge: "Pro",
badgeIcon: Sparkles,
price: "$29/month",
subtitle: "For growing content creators",
buttons: [
id: "pro-landing", badge: "Pro", badgeIcon: Sparkles,
price: "$29/month", subtitle: "For growing content creators", buttons: [
{
text: "Choose Pro",
href: "/signup",
},
text: "Choose Pro", href: "/signup"},
],
features: [
"20 AI videos/month",
"Premium voice library",
"Advanced asset generation",
"1080p Full HD export",
"Priority support",
],
"20 AI videos/month", "Premium voice library", "Advanced asset generation", "1080p Full HD export", "Priority support"],
},
{
id: "business-landing",
badge: "Business",
price: "$59/month",
subtitle: "Solutions for agencies & teams",
buttons: [
id: "business-landing", badge: "Business", price: "$59/month", subtitle: "Solutions for agencies & teams", buttons: [
{
text: "Choose Business",
href: "/signup",
},
text: "Choose Business", href: "/signup"},
],
features: [
"Unlimited AI videos/month",
"Enterprise voice library",
"Custom asset generation",
"4K UHD export",
"Dedicated account manager",
"Team collaboration",
],
"Unlimited AI videos/month", "Enterprise voice library", "Custom asset generation", "4K UHD export", "Dedicated account manager", "Team collaboration"],
},
]}
title="Find the Perfect Plan for Your Content Needs"
@@ -259,45 +169,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "@sarah_creates",
testimonial: "Facely has revolutionized my content workflow. I can now produce high-quality videos in a fraction of the time. Truly amazing!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-using-laptop-restaurant_23-2147956341.jpg?_wi=2",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", handle: "@sarah_creates", testimonial: "Facely has revolutionized my content workflow. I can now produce high-quality videos in a fraction of the time. Truly amazing!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-using-laptop-restaurant_23-2147956341.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
handle: "@michael_vids",
testimonial: "The voice styles and AI generation are incredibly natural. My audience loves the new content, and I love how easy it is.",
imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg?_wi=2",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", handle: "@michael_vids", testimonial: "The voice styles and AI generation are incredibly natural. My audience loves the new content, and I love how easy it is.", imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
handle: "@emily_media",
testimonial: "As a small business owner, Facely allows me to create engaging marketing videos without a huge budget or technical skills. A game-changer!",
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419524.jpg",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", handle: "@emily_media", testimonial: "As a small business owner, Facely allows me to create engaging marketing videos without a huge budget or technical skills. A game-changer!", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419524.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
handle: "@dave_aigen",
testimonial: "I've tried many AI video tools, but Facely's ease of use and quality of output are unmatched. It's my go-to for all projects.",
imageSrc: "http://img.b2bpic.net/free-photo/employee-using-laptop-device-analyze-datasets_482257-124671.jpg",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", handle: "@dave_aigen", testimonial: "I've tried many AI video tools, but Facely's ease of use and quality of output are unmatched. It's my go-to for all projects.", imageSrc: "http://img.b2bpic.net/free-photo/employee-using-laptop-device-analyze-datasets_482257-124671.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Jessica Lee",
handle: "@jess_prod",
testimonial: "From script to screen, Facely handles it all. It saves me countless hours and the creative control is still immense.",
imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-woman-with-ringlets-wears-glasses-blue-jacket-poses-pink_291650-1102.jpg",
imageAlt: "Jessica Lee",
},
id: "5", name: "Jessica Lee", handle: "@jess_prod", testimonial: "From script to screen, Facely handles it all. It saves me countless hours and the creative control is still immense.", imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-woman-with-ringlets-wears-glasses-blue-jacket-poses-pink_291650-1102.jpg", imageAlt: "Jessica Lee"},
]}
title="What Our Creators Are Saying"
description="Hear from the growing community of content creators who are achieving more with Facely."
@@ -305,7 +185,11 @@ export default function LandingPage() {
</div>
<div id="ecommerce" data-section="ecommerce">
<ProductCartItem />
<ProductCartItem
item={{
id: "placeholder-item", name: "Placeholder Product", price: "0.00", quantity: 1,
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979697.jpg",
imageAlt: "Placeholder Product Image"}}/>
</div>
<div id="footer" data-section="footer">
@@ -315,54 +199,33 @@ export default function LandingPage() {
logoText="facely"
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Features",
href: "/#features",
},
label: "Features", href: "/#features"},
{
label: "Pricing",
href: "/pricing",
},
label: "Pricing", href: "/pricing"},
{
label: "Dashboard",
href: "/dashboard",
},
label: "Dashboard", href: "/dashboard"},
{
label: "Create Video",
href: "/create",
},
label: "Create Video", href: "/create"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Contact",
href: "#",
},
label: "Contact", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}