109 lines
3.9 KiB
TypeScript
109 lines
3.9 KiB
TypeScript
"use client";
|
|
|
|
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 SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import {
|
|
Zap,
|
|
Target,
|
|
Globe,
|
|
Users,
|
|
CheckCircle,
|
|
Heart,
|
|
} from "lucide-react";
|
|
|
|
export default function AboutPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Features", id: "#features" },
|
|
{ name: "Pricing", id: "#pricing" },
|
|
{ name: "About", id: "#about" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={navItems}
|
|
brandName="Syncora"
|
|
bottomLeftText="AI-Powered Content Creation"
|
|
bottomRightText="hello@syncora.app"
|
|
/>
|
|
</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={Heart}
|
|
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?_wi=2"
|
|
imageAlt="Syncora Platform Interface"
|
|
mediaAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
icon: Zap,
|
|
title: "Time-Saving AI", description: "Generate scripts and designs in seconds, not hours. Spend time creating, not planning."
|
|
},
|
|
{
|
|
icon: Target,
|
|
title: "Niche-Specific Content", description: "Whether you're in fitness, tech, lifestyle, or any other niche, we've got you covered."
|
|
},
|
|
{
|
|
icon: Globe,
|
|
title: "Platform Optimized", description: "Every video is optimized for its platform with correct aspect ratios and trending formats."
|
|
},
|
|
{
|
|
icon: Users,
|
|
title: "Creator Community", description: "Join thousands of creators using Syncora daily. Share ideas, learn, and grow together."
|
|
},
|
|
]}
|
|
buttons={[{ text: "See All Features", href: "#features" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Creators Worldwide"
|
|
description="Compare Syncora to free tools and see why creators are making the switch"
|
|
tag="Why We're Different"
|
|
tagIcon={CheckCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"YouTube", "TikTok", "Instagram", "Facebook", "Creator Tools", "Content Studio", "Video Hub"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
buttons={[{ text: "Join 5,000+ Creators", href: "/signup" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Syncora"
|
|
leftLink={{ text: "Privacy Policy", href: "#privacy" }}
|
|
rightLink={{ text: "Terms of Service", href: "#terms" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|