Update src/app/features/page.tsx
This commit is contained in:
@@ -1,10 +1,10 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import Link from "next/link";
|
||||
import { Zap, Type, Globe, Palette, Music, Image as ImageIcon, Sparkles } from "lucide-react";
|
||||
|
||||
@@ -16,7 +16,7 @@ export default function FeaturesPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -27,14 +27,12 @@ export default function FeaturesPage() {
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "How It Works", id: "how-it-works" },
|
||||
{ name: "How It Works", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
button={{
|
||||
text: "Start Free Trial",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Start Free Trial", href: "contact"}}
|
||||
brandName="ViralAI Studio"
|
||||
/>
|
||||
</div>
|
||||
@@ -44,34 +42,22 @@ export default function FeaturesPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Long Video to Viral Shorts",
|
||||
description: "Upload MP4/MOV files and automatically detect highlights. AI generates optimized 9:16, 16:9, and 1:1 formats with auto-zoom and transitions.",
|
||||
},
|
||||
title: "Long Video to Viral Shorts", description: "Upload MP4/MOV files and automatically detect highlights. AI generates optimized 9:16, 16:9, and 1:1 formats with auto-zoom and transitions."},
|
||||
{
|
||||
icon: Type,
|
||||
title: "AI Auto Caption Generator",
|
||||
description: "Speech-to-text transcription with animated TikTok-style captions. Multi-language subtitle support and customizable caption styles.",
|
||||
},
|
||||
title: "AI Auto Caption Generator", description: "Speech-to-text transcription with animated TikTok-style captions. Multi-language subtitle support and customizable caption styles."},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Video Translation & Dubbing",
|
||||
description: "Translate videos into any language with AI voice cloning and lip-sync support. Reach global audiences effortlessly.",
|
||||
},
|
||||
title: "Video Translation & Dubbing", description: "Translate videos into any language with AI voice cloning and lip-sync support. Reach global audiences effortlessly."},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Cartoon & Animation Generator",
|
||||
description: "Convert real video into 3D, Anime, or Sketch animation styles. Add AI avatar presenters for personalized content.",
|
||||
},
|
||||
title: "Cartoon & Animation Generator", description: "Convert real video into 3D, Anime, or Sketch animation styles. Add AI avatar presenters for personalized content."},
|
||||
{
|
||||
icon: Music,
|
||||
title: "Beat Sync Editing",
|
||||
description: "Upload music and auto-cut videos to beat drops. Add transitions synchronized perfectly to music tempo.",
|
||||
},
|
||||
title: "Beat Sync Editing", description: "Upload music and auto-cut videos to beat drops. Add transitions synchronized perfectly to music tempo."},
|
||||
{
|
||||
icon: ImageIcon,
|
||||
title: "Auto Thumbnail Generator",
|
||||
description: "AI face detection, viral YouTube templates, and bold text overlays. Generate thumbnails that maximize click-through rates.",
|
||||
},
|
||||
title: "Auto Thumbnail Generator", description: "AI face detection, viral YouTube templates, and bold text overlays. Generate thumbnails that maximize click-through rates."},
|
||||
]}
|
||||
title="Powerful AI-Driven Features"
|
||||
description="Everything creators need to produce viral content at scale. From intelligent video analysis to automated editing, ViralAI Studio handles the heavy lifting."
|
||||
@@ -83,30 +69,15 @@ export default function FeaturesPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Smart Highlight Detection",
|
||||
price: "AI-Powered",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/visual-representation-of-video-conversio-1772497231109-892372a4.png?_wi=2",
|
||||
imageAlt: "Video conversion to shorts",
|
||||
},
|
||||
id: "1", name: "Smart Highlight Detection", price: "AI-Powered", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/visual-representation-of-video-conversio-1772497231109-892372a4.png", imageAlt: "Video conversion to shorts"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Animated Captions",
|
||||
price: "Multi-Language",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/modern-video-frame-showing-ai-generated--1772497231199-6a63da07.png?_wi=2",
|
||||
imageAlt: "AI-generated animated captions",
|
||||
},
|
||||
id: "2", name: "Animated Captions", price: "Multi-Language", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/modern-video-frame-showing-ai-generated--1772497231199-6a63da07.png", imageAlt: "AI-generated animated captions"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Animation Styles",
|
||||
price: "Multiple Formats",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/showcase-multiple-animation-style-conver-1772497231229-b973d03e.png?_wi=2",
|
||||
imageAlt: "Animation style conversions",
|
||||
},
|
||||
id: "3", name: "Animation Styles", price: "Multiple Formats", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/showcase-multiple-animation-style-conver-1772497231229-b973d03e.png", imageAlt: "Animation style conversions"},
|
||||
]}
|
||||
title="Key Video Processing Features"
|
||||
description="Comprehensive toolkit for modern content creators. Each feature is optimized for viral content generation and multi-platform publishing."
|
||||
@@ -150,17 +121,15 @@ export default function FeaturesPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{ label: "Features", href: "/features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "features" },
|
||||
{ label: "Pricing", href: "pricing" },
|
||||
{ label: "API Docs", href: "https://docs.viralaistudio.com" },
|
||||
{ label: "Roadmap", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Blog", href: "https://blog.viralaistudio.com" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -168,10 +137,9 @@ export default function FeaturesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Help Center", href: "#faq" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "faq" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Community", href: "#" },
|
||||
{ label: "Status Page", href: "#" },
|
||||
],
|
||||
|
||||
Reference in New Issue
Block a user