Update src/app/features/page.tsx
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user