bender/e3a0b47f-824f-4a2c-8f2c-3b7a0718eb6a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-03-12 12:46:46 +00:00
Conversation 0 Commits 4 Files Changed 4 +70 -181
4 changed files with 70 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/auth/page.tsx
View File

@@ -17,8 +17,7 @@ export default function AuthPage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Roadmap", href: "#" },
@@ -26,8 +25,7 @@ export default function AuthPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About", href: "#about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -35,8 +33,7 @@ export default function AuthPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Community", href: "#" },
@@ -52,7 +49,7 @@ export default function AuthPage() {
borderRadius="soft"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
@@ -66,7 +63,7 @@ export default function AuthPage() {
<HeroBillboard
title="Join AI Video Studio Today"
description="Create a free account to start generating professional videos in minutes. No credit card required."
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "sparkles-gradient" }}
tag="Get Started"
tagIcon={Sparkles}
tagAnimation="slide-up"

31
src/app/dashboard/page.tsx
View File

@@ -18,8 +18,7 @@ export default function DashboardPage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Roadmap", href: "#" },
@@ -27,8 +26,7 @@ export default function DashboardPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About", href: "#about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -36,8 +34,7 @@ export default function DashboardPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Community", href: "#" },
@@ -53,7 +50,7 @@ export default function DashboardPage() {
borderRadius="soft"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
@@ -67,7 +64,7 @@ export default function DashboardPage() {
<HeroBillboard
title="Your Video Creation Dashboard"
description="Access all your videos, projects, and AI generation tools in one powerful dashboard. Create, edit, and optimize your content with ease."
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "sparkles-gradient" }}
tag="Dashboard"
tagIcon={Sparkles}
tagAnimation="slide-up"
@@ -91,23 +88,11 @@ export default function DashboardPage() {
useInvertedBackground={false}
features={[
{
title: "Video Library",
description: "Access all your created videos, organize by project, and download in multiple formats.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/abstract-illustration-of-video-generatio-1773319489414-803dc728.png?_wi=2",
imageAlt: "Video library management",
},
title: "Video Library", description: "Access all your created videos, organize by project, and download in multiple formats.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/abstract-illustration-of-video-generatio-1773319489414-803dc728.png", imageAlt: "Video library management"},
{
title: "Project Management",
description: "Organize your videos into projects, collaborate with team members, and track progress.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/illustration-showing-youtube-integration-1773319489517-fda1adb1.png?_wi=2",
imageAlt: "Project management tools",
},
title: "Project Management", description: "Organize your videos into projects, collaborate with team members, and track progress.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/illustration-showing-youtube-integration-1773319489517-fda1adb1.png", imageAlt: "Project management tools"},
{
title: "Analytics & Insights",
description: "Track video performance, engagement metrics, and get AI-powered optimization recommendations.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/representation-of-ai-powered-technology--1773319489607-1efd03ca.png?_wi=2",
imageAlt: "Analytics dashboard",
},
title: "Analytics & Insights", description: "Track video performance, engagement metrics, and get AI-powered optimization recommendations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/representation-of-ai-powered-technology--1773319489607-1efd03ca.png", imageAlt: "Analytics dashboard"},
]}
gridVariant="uniform-all-items-equal"
/>

141
src/app/page.tsx
View File

@@ -20,8 +20,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Roadmap", href: "#" },
@@ -29,8 +28,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About", href: "#about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -38,8 +36,7 @@ export default function HomePage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Community", href: "#" },
@@ -55,7 +52,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
@@ -69,7 +66,7 @@ export default function HomePage() {
<HeroBillboard
title="AI Video Studio for Creators"
description="Transform your ideas into stunning videos in seconds. Generate promo videos, YouTube content, and engaging reels with the power of artificial intelligence."
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "sparkles-gradient" }}
tag="AI-Powered Creation"
tagIcon={Sparkles}
tagAnimation="slide-up"
@@ -96,23 +93,11 @@ export default function HomePage() {
useInvertedBackground={false}
features={[
{
title: "Smart Video Generation",
description: "Generate complete videos from text prompts using advanced AI algorithms.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/abstract-illustration-of-video-generatio-1773319489414-803dc728.png?_wi=1",
imageAlt: "Video generation technology",
},
title: "Smart Video Generation", description: "Generate complete videos from text prompts using advanced AI algorithms.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/abstract-illustration-of-video-generatio-1773319489414-803dc728.png", imageAlt: "Video generation technology"},
{
title: "YouTube Optimization",
description: "Automatically optimize videos for YouTube with AI-powered recommendations.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/illustration-showing-youtube-integration-1773319489517-fda1adb1.png?_wi=1",
imageAlt: "YouTube optimization features",
},
title: "YouTube Optimization", description: "Automatically optimize videos for YouTube with AI-powered recommendations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/illustration-showing-youtube-integration-1773319489517-fda1adb1.png", imageAlt: "YouTube optimization features"},
{
title: "AI-Powered Editing",
description: "Intelligent editing suggestions and automated video enhancement.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/representation-of-ai-powered-technology--1773319489607-1efd03ca.png?_wi=1",
imageAlt: "AI-powered editing tools",
},
title: "AI-Powered Editing", description: "Intelligent editing suggestions and automated video enhancement.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/representation-of-ai-powered-technology--1773319489607-1efd03ca.png", imageAlt: "AI-powered editing tools"},
]}
gridVariant="uniform-all-items-equal"
/>
@@ -130,63 +115,31 @@ export default function HomePage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Starter Plan",
badgeIcon: Zap,
price: "$29/mo",
subtitle: "Perfect for content creators getting started",
buttons: [
id: "basic", badge: "Starter Plan", badgeIcon: Zap,
price: "$29/mo", subtitle: "Perfect for content creators getting started", buttons: [
{ text: "Get Started", href: "/auth" },
{ text: "Learn More", href: "#" },
],
features: [
"Up to 10 videos per month",
"Basic video templates",
"AI-powered editing",
"Standard resolution (1080p)",
"Email support",
],
"Up to 10 videos per month", "Basic video templates", "AI-powered editing", "Standard resolution (1080p)", "Email support"],
},
{
id: "pro",
badge: "Pro Plan",
badgeIcon: Sparkles,
price: "$79/mo",
subtitle: "For professional creators and studios",
buttons: [
id: "pro", badge: "Pro Plan", badgeIcon: Sparkles,
price: "$79/mo", subtitle: "For professional creators and studios", buttons: [
{ text: "Get Started", href: "/auth" },
{ text: "Learn More", href: "#" },
],
features: [
"Unlimited videos per month",
"Advanced templates and customization",
"Priority AI rendering",
"4K video resolution",
"YouTube optimization tools",
"Priority support",
"Brand kit management",
],
"Unlimited videos per month", "Advanced templates and customization", "Priority AI rendering", "4K video resolution", "YouTube optimization tools", "Priority support", "Brand kit management"],
},
{
id: "enterprise",
badge: "Enterprise Plan",
badgeIcon: Crown,
price: "Custom",
subtitle: "For teams and large-scale operations",
buttons: [
id: "enterprise", badge: "Enterprise Plan", badgeIcon: Crown,
price: "Custom", subtitle: "For teams and large-scale operations", buttons: [
{ text: "Contact Sales", href: "#" },
{ text: "Schedule Demo", href: "#" },
],
features: [
"Unlimited everything",
"Custom AI model training",
"Dedicated account manager",
"API access",
"White-label options",
"Advanced analytics",
"SLA guarantee",
"On-premise deployment",
],
"Unlimited everything", "Custom AI model training", "Dedicated account manager", "API access", "White-label options", "Advanced analytics", "SLA guarantee", "On-premise deployment"],
},
]}
/>
@@ -205,59 +158,23 @@ export default function HomePage() {
showRating={true}
testimonials={[
{
id: "1",
name: "Sarah Chen",
handle: "@sarahcreates",
testimonial: "AI Video Studio has completely transformed my content creation workflow. I'm now producing 5x more videos in half the time. The quality is incredible!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/professional-headshot-of-a-content-creat-1773319488918-374f3246.png",
imageAlt: "Sarah Chen",
},
id: "1", name: "Sarah Chen", handle: "@sarahcreates", testimonial: "AI Video Studio has completely transformed my content creation workflow. I'm now producing 5x more videos in half the time. The quality is incredible!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/professional-headshot-of-a-content-creat-1773319488918-374f3246.png", imageAlt: "Sarah Chen"},
{
id: "2",
name: "Marcus Johnson",
handle: "@marcusfilms",
testimonial: "The AI-powered editing suggestions are mind-blowing. It understands exactly what my audience wants. My engagement rates have tripled since switching.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/professional-headshot-of-a-different-con-1773319490635-57b37925.png",
imageAlt: "Marcus Johnson",
},
id: "2", name: "Marcus Johnson", handle: "@marcusfilms", testimonial: "The AI-powered editing suggestions are mind-blowing. It understands exactly what my audience wants. My engagement rates have tripled since switching.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/professional-headshot-of-a-different-con-1773319490635-57b37925.png", imageAlt: "Marcus Johnson"},
{
id: "3",
name: "Emma Rodriguez",
handle: "@emmavideos",
testimonial: "Finally, a tool that lets me focus on creativity instead of technical details. AI Video Studio handles the heavy lifting while I direct the vision.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/professional-headshot-of-another-content-1773319488898-986aea92.png",
imageAlt: "Emma Rodriguez",
},
id: "3", name: "Emma Rodriguez", handle: "@emmavideos", testimonial: "Finally, a tool that lets me focus on creativity instead of technical details. AI Video Studio handles the heavy lifting while I direct the vision.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/professional-headshot-of-another-content-1773319488898-986aea92.png", imageAlt: "Emma Rodriguez"},
{
id: "4",
name: "David Park",
handle: "@davidcontent",
testimonial: "Our YouTube channel growth accelerated dramatically after using AI Video Studio. The optimization features are incredibly smart and actually work.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/professional-headshot-of-a-content-creat-1773319489126-65d3a2c3.png",
imageAlt: "David Park",
},
id: "4", name: "David Park", handle: "@davidcontent", testimonial: "Our YouTube channel growth accelerated dramatically after using AI Video Studio. The optimization features are incredibly smart and actually work.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/professional-headshot-of-a-content-creat-1773319489126-65d3a2c3.png", imageAlt: "David Park"},
{
id: "5",
name: "Jessica Mills",
handle: "@jessicabrands",
testimonial: "As a marketing director, this tool has saved us thousands in production costs while maintaining professional quality. Absolutely essential for our team.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/professional-headshot-of-a-brand-profess-1773319488737-eb07e3dd.png",
imageAlt: "Jessica Mills",
},
id: "5", name: "Jessica Mills", handle: "@jessicabrands", testimonial: "As a marketing director, this tool has saved us thousands in production costs while maintaining professional quality. Absolutely essential for our team.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/professional-headshot-of-a-brand-profess-1773319488737-eb07e3dd.png", imageAlt: "Jessica Mills"},
{
id: "6",
name: "Alex Kumar",
handle: "@alexcreator",
testimonial: "The customer support is exceptional, and the platform is so intuitive. I was creating videos on my first day. Highly recommend!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/professional-headshot-of-an-additional-c-1773319489569-7ec26de3.png",
imageAlt: "Alex Kumar",
},
id: "6", name: "Alex Kumar", handle: "@alexcreator", testimonial: "The customer support is exceptional, and the platform is so intuitive. I was creating videos on my first day. Highly recommend!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqSO6OmngJF22mpm5fF3Xm4sWG/professional-headshot-of-an-additional-c-1773319489569-7ec26de3.png", imageAlt: "Alex Kumar"},
]}
/>
</div>

66
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,41 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from 'react';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
className?: string;
text: string;
fontSize?: number;
fontFamily?: string;
fontWeight?: string | number;
fill?: string;
config?: COBEOptions;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
fontSize = 32,
fontFamily = 'system-ui, -apple-system, sans-serif',
fontWeight = 'bold',
fill = '#ffffff',
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox="0 0 200 60"
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="xMidYMid meet"
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="central"
fontSize={fontSize}
fontFamily={fontFamily}
fontWeight={fontWeight}
fill={fill}
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;