Update src/app/features/page.tsx

This commit is contained in:
2026-03-07 23:48:02 +00:00
parent 008bc5e67d
commit a8254b1c15

View File

@@ -3,10 +3,21 @@
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Zap, Target, Globe, Users, DollarSign, Gift, Sparkles, Crown } from "lucide-react";
import {
Zap,
TrendingUp,
Palette,
Monitor,
Upload,
Lock,
DollarSign,
Gift,
Sparkles,
Crown,
} from "lucide-react";
export default function FeaturesPage() {
const navItems = [
@@ -39,33 +50,41 @@ export default function FeaturesPage() {
/>
</div>
<div id="about" data-section="about">
<SplitAbout
title="Why Syncora?"
description="We built Syncora because content creators deserve better tools. No complicated interfaces. No expensive software. Just AI that works."
tag="Our Mission"
tagIcon={Zap}
<div id="features" data-section="features">
<FeatureHoverPattern
title="Powerful AI-Driven Tools"
description="Everything creators need to produce professional content at scale"
tag="Platform Features"
tagIcon={Sparkles}
textboxLayout="default"
useInvertedBackground={false}
imagePosition="right"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdN0gwMXJN4o9AEjWIWDR10e3G/modern-software-dashboard-for-content-cr-1772927099490-052886ae.png"
imageAlt="Modern software dashboard for content creation showing video editing interface, script generator, an"
mediaAnimation="slide-up"
bulletPoints={[
features={[
{
icon: Zap,
title: "Time-Saving AI", description: "Generate scripts and designs in seconds, not hours. Spend time creating, not planning."},
title: "AI Script Generator", description:
"Generate engaging video scripts tailored to your niche. Choose from fitness, tech reviews, lifestyle, and more."},
{
icon: Target,
title: "Niche-Specific Content", description: "Whether you're in fitness, tech, lifestyle, or any other niche, we've got you covered."},
icon: TrendingUp,
title: "Trending Ideas", description:
"Get real-time trending video concepts optimized for each platform with platform-specific ratios."},
{
icon: Globe,
title: "Platform Optimized", description: "Every video is optimized for its platform with correct aspect ratios and trending formats."},
icon: Palette,
title: "Thumbnail Animations", description:
"Customizable animated thumbnails with AI design suggestions. Upload your images and enhance them instantly."},
{
icon: Users,
title: "Creator Community", description: "Join thousands of creators using Syncora daily. Share ideas, learn, and grow together."},
icon: Monitor,
title: "Multi-Platform Support", description:
"YouTube (16:9), TikTok (9:16), Instagram Reels (9:16), Facebook (16:9 or 1:1). All in one place."},
{
icon: Upload,
title: "Image Integration", description:
"Upload your own images and integrate them seamlessly with AI designs for unique thumbnails."},
{
icon: Lock,
title: "Secure Storage", description:
"Your content is saved to your account. Access it anytime, anywhere. Never lose your ideas."},
]}
buttons={[{ text: "See Pricing", href: "/pricing" }]}
animationType="slide-up"
/>
</div>
@@ -81,28 +100,19 @@ export default function FeaturesPage() {
plans={[
{
id: "free", badge: "Free Trial", badgeIcon: Gift,
price: "$0", subtitle: "Perfect for getting started", buttons: [
{
text: "Get Started", href: "/signup"},
],
price: "$0", subtitle: "Perfect for getting started", buttons: [{ text: "Get Started", href: "/signup" }],
features: [
"1 AI-generated script per day", "1 animated thumbnail per day", "Access to trending ideas", "Basic image upload (up to 5MB)", "YouTube, TikTok, Instagram, Facebook support", "Mobile app access", "Community support"],
},
{
id: "monthly", badge: "Most Popular", badgeIcon: Sparkles,
price: "$10", subtitle: "Billed monthly. Great for consistent creators.", buttons: [
{
text: "Subscribe Now", href: "/checkout?plan=monthly"},
],
price: "$10", subtitle: "Billed monthly. Great for consistent creators.", buttons: [{ text: "Subscribe Now", href: "/checkout?plan=monthly" }],
features: [
"Unlimited AI-generated scripts", "Unlimited animated thumbnails", "Advanced customization options", "Unlimited image uploads", "All platform formats supported", "Priority email support", "Download in HD quality", "Monthly content calendar", "Early access to new features"],
},
{
id: "lifetime", badge: "Best Value", badgeIcon: Crown,
price: "$50", subtitle: "One-time payment. Unlimited access forever.", buttons: [
{
text: "Buy Lifetime", href: "/checkout?plan=lifetime"},
],
price: "$50", subtitle: "One-time payment. Unlimited access forever.", buttons: [{ text: "Buy Lifetime", href: "/checkout?plan=lifetime" }],
features: [
"Unlimited everything forever", "All current and future features", "Lifetime updates included", "Priority support 24/7", "Team collaboration (up to 5 users)", "Advanced analytics dashboard", "Custom branding options", "API access for integrations", "No subscription. Ever."],
},
@@ -113,10 +123,10 @@ export default function FeaturesPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Syncora"
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
rightLink={{ text: "Terms of Service", href: "/terms" }}
leftLink={{ text: "Privacy Policy", href: "#privacy" }}
rightLink={{ text: "Terms of Service", href: "#terms" }}
/>
</div>
</ThemeProvider>
);
}
}