diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx
index 9f2a019..53934ab 100644
--- a/src/app/auth/page.tsx
+++ b/src/app/auth/page.tsx
@@ -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() {
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 952b3d4..0c1c1f9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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() {
@@ -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"},
]}
/>
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f214190..ef2c34b 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -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(function SvgTextLogo({
- logoText,
- adjustHeightFactor,
- verticalAlign = "top",
- className = "",
-}) {
- const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
-
+export const SvgTextLogo: React.FC = ({
+ text,
+ fontSize = 32,
+ fontFamily = 'system-ui, -apple-system, sans-serif',
+ fontWeight = 'bold',
+ fill = '#ffffff',
+}) => {
return (
);
-});
+};
-SvgTextLogo.displayName = "SvgTextLogo";
-
-export default SvgTextLogo;
+export default SvgTextLogo;
\ No newline at end of file