bender/eea364b4-4ed6-4d6d-a311-efb3d5cf2698
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 6 commits from version_2 into main 2026-04-08 16:08:20 +00:00
Conversation 0 Commits 6 Files Changed 6 +190 -62
6 changed files with 190 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,36 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Users, Award, Zap } from "lucide-react";
export default function AboutPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="EditFlow"
navItems={[
{ name: "Features", id: "/features" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
]}
button={{ text: "Open Editor", href: "#contact" }}
/>
<AboutMetric
title="Our Story: Revolutionizing Edits"
metrics={[
{ icon: Users, label: "Global Team", value: "50+" },
{ icon: Award, label: "Industry Awards", value: "25+" },
{ icon: Zap, label: "Years of Innovation", value: "5+" }
]}
metricsAnimation="slide-up"
/>
<FooterBase logoText="EditFlow" columns={[]} />
</ReactLenis>
</ThemeProvider>
);
}

30
src/app/account/page.tsx Normal file
View File

@@ -0,0 +1,30 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import ReactLenis from "lenis/react";
export default function AccountPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="EditFlow"
navItems={[
{ name: "Home", id: "/" },
{ name: "Features", id: "/#features" },
{ name: "Pricing", id: "/#pricing" },
{ name: "Account", id: "/account" },
{ name: "Settings", id: "/settings" },
]}
/>
<main className="container mx-auto py-24 min-h-screen">
<h1 className="text-4xl font-bold mb-8">My Account</h1>
<div className="bg-card p-8 rounded-xl shadow-lg border">
<p>Profile details and subscription management go here.</p>
</div>
</main>
</ReactLenis>
</ThemeProvider>
);
}

35
src/app/features/page.tsx Normal file
View File

@@ -0,0 +1,35 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import FooterBase from "@/components/sections/footer/FooterBase";
export default function FeaturesPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="EditFlow"
navItems={[
{ name: "Features", id: "/features" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
]}
button={{ text: "Open Editor", href: "#contact" }}
/>
<FeatureCardSix
title="Advanced AI Feature Suite"
description="Powerful tools engineered to streamline professional creative output."
textboxLayout="default"
features={[
{ title: "AI Color Grading", description: "Cinematic look matching with one click." },
{ title: "Object Removal", description: "Generative removal of unwanted subjects." }
]}
/>
<FooterBase logoText="EditFlow" columns={[]} />
</ReactLenis>
</ThemeProvider>
);
}

85
src/app/page.tsx
View File

@@ -6,14 +6,12 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TeamCardFive from "@/components/sections/team/TeamCardFive";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import { Sparkles, Film, Wand2, Scissors, Zap, Layers, Cpu, Award, Users, Bot, Palette, Clock, CheckCircle } from "lucide-react";
import { Sparkles, Wand2, Zap, Layers, Users, Bot, Palette, Film, Scissors } from "lucide-react";
export default function EditorPlatformPage() {
return (
@@ -33,10 +31,11 @@ export default function EditorPlatformPage() {
<NavbarLayoutFloatingOverlay
brandName="EditFlow"
navItems={[
{ name: "Home", id: "/" },
{ name: "Features", id: "features" },
{ name: "Tools", id: "tools" },
{ name: "Pricing", id: "pricing" },
{ name: "Support", id: "support" },
{ name: "Account", id: "/account" },
{ name: "Settings", id: "/settings" },
]}
button={{ text: "Open Editor", href: "#contact" }}
/>
@@ -56,14 +55,10 @@ export default function EditorPlatformPage() {
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg", imageAlt: "Video timeline interface" },
{ imageSrc: "http://img.b2bpic.net/free-photo/photographer-with-headphones-adjusting-white-balance-mockup-screen_482257-121831.jpg", imageAlt: "Color grading adjustment" },
{ imageSrc: "http://img.b2bpic.net/free-psd/artificial-intelligence-template-design_23-2151651495.jpg", imageAlt: "AI effects workspace" },
{ imageSrc: "http://img.b2bpic.net/free-photo/forest-website-layout-blank-banner_53876-132285.jpg", imageAlt: "Smart trimming tool" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/organized-creative-workspace-graphic-designers-photographers_482257-126938.jpg", imageAlt: "Photo retouching dashboard" },
{ imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-chromatography-art-white-paper-set_53876-126504.jpg", imageAlt: "Object removal filter" },
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-repairing-photo-camera_23-2149893855.jpg", imageAlt: "Portrait enhancement" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-smartphone_23-2149636262.jpg", imageAlt: "Creative composition editor" },
]}
carouselItemClassName="!aspect-[4/5]"
/>
@@ -76,72 +71,44 @@ export default function EditorPlatformPage() {
buttons={[{ text: "See Features", href: "#features" }]}
buttonAnimation="slide-up"
features={[
{
title: "AI Color Grading", description: "Instantly match color profiles and achieve professional cinematic looks with one click.", bentoComponent: "reveal-icon", icon: Wand2,
},
{
title: "Precision Trimming", description: "Frame-perfect cutting tools that make complex edits feel effortless and fast.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/video-editor-polishing-raw-footage-chroma-key-pc-closeup_482257-122541.jpg", imageAlt: "Trimming interface" },
{ imageSrc: "http://img.b2bpic.net/free-photo/letter-mail-invitation-envelope-express-concept_53876-15876.jpg", imageAlt: "Precision cut preview" },
{ imageSrc: "http://img.b2bpic.net/free-photo/camera-capture-snap-shot-graphic_53876-121027.jpg", imageAlt: "Timeline flow" },
],
},
{
title: "Magic Removal", description: "Remove unwanted objects or backgrounds from your photos and videos automatically.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/adult-male-woman-divorcing-each-other_23-2148548619.jpg", imageAlt: "Before removal" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-abstract-innovation-arrangement_23-2148909069.jpg", imageAlt: "During process" },
{ imageSrc: "http://img.b2bpic.net/free-photo/pretty-photographer-woman-beach-vacation-lifestyle-concept_53876-23025.jpg", imageAlt: "Final result" },
],
},
{ title: "AI Color Grading", description: "Instantly match color profiles and achieve professional cinematic looks with one click.", bentoComponent: "reveal-icon", icon: Wand2 },
{ title: "Precision Trimming", description: "Frame-perfect cutting tools that make complex edits feel effortless and fast.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/video-editor-polishing-raw-footage-chroma-key-pc-closeup_482257-122541.jpg", imageAlt: "Trimming interface" }] },
{ title: "Magic Removal", description: "Remove unwanted objects or backgrounds from your photos and videos automatically.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/adult-male-woman-divorcing-each-other_23-2148548619.jpg", imageAlt: "Before removal" }] },
]}
/>
<FeatureCardTwentySix
title="Professional Creative Suite"
description="A robust toolkit for editors of all levels, from social media creators to professional filmmakers."
description="A robust toolkit for editors of all levels."
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Explore All Tools", href: "#tools" }]}
buttonAnimation="slide-up"
cardClassName="!h-auto aspect-video"
features={[
{
title: "Video Suite", description: "Multi-track editing and motion graphics integration.", imageSrc: "http://img.b2bpic.net/free-photo/video-creator-woman-editing-music-video-dual-monitors-loft-studio_482257-121062.jpg", imageAlt: "Video editing screen", buttonIcon: Film,
buttonHref: "#"
},
{
title: "Photo Retouch", description: "Advanced layers and masking tools for perfection.", imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-couple_23-2148870754.jpg", imageAlt: "Photo retouching workspace", buttonIcon: Palette,
buttonHref: "#"
},
{
title: "AI Effects", description: "Apply stylized filters and generative art assets.", imageSrc: "http://img.b2bpic.net/free-photo/bubbles-rainbow-background_23-2148227302.jpg", imageAlt: "AI effects panel", buttonIcon: Bot,
buttonHref: "#"
},
{
title: "Audio Sync", description: "Seamlessly align audio tracks to video frames.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-headphones_23-2149199981.jpg", imageAlt: "Audio wave visualization", buttonIcon: Scissors,
buttonHref: "#"
}
{ title: "Video Suite", description: "Multi-track editing.", imageSrc: "http://img.b2bpic.net/free-photo/video-creator-woman-editing-music-video-dual-monitors-loft-studio_482257-121062.jpg", buttonIcon: Film },
{ title: "Photo Retouch", description: "Advanced layers.", imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-couple_23-2148870754.jpg", buttonIcon: Palette },
{ title: "AI Effects", description: "Stylized filters.", imageSrc: "http://img.b2bpic.net/free-photo/bubbles-rainbow-background_23-2148227302.jpg", buttonIcon: Bot },
{ title: "Audio Sync", description: "Perfect alignment.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-headphones_23-2149199981.jpg", buttonIcon: Scissors }
]}
/>
<TestimonialCardFifteen
testimonial="EditFlow reduced my production time by 80%. The AI tools are incredibly accurate and professional, saving me hours of manual editing per day."
testimonial="EditFlow reduced my production time by 80%."
rating={5}
author="— Alex Rivera, Motion Graphics Designer"
avatars={[{ src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg", alt: "User" }]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
/>
<MetricCardOne
title="Creative Statistics"
description="Powering creators worldwide to bring their vision to life."
description="Powering creators worldwide."
textboxLayout="default"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
metrics={[
{ id: "m1", value: "50M+", title: "Assets Processed", description: "High quality exports daily", icon: Zap },
{ id: "m2", value: "98%", title: "Creator Retention", description: "Satisfied users creating daily", icon: Users },
{ id: "m3", value: "150+", title: "Global Tools", description: "Versatile filters and effects", icon: Layers },
{ id: "m1", value: "50M+", title: "Assets Processed", description: "Daily usage", icon: Zap },
{ id: "m2", value: "98%", title: "Creator Retention", description: "Satisfied users", icon: Users },
{ id: "m3", value: "150+", title: "Global Tools", description: "Versatile filters", icon: Layers },
]}
/>
<FaqBase
@@ -151,30 +118,24 @@ export default function EditorPlatformPage() {
useInvertedBackground={false}
faqsAnimation="slide-up"
faqs={[
{ id: "f1", title: "Do I need experience?", content: "Not at all. EditFlow is built for beginners and pros alike with an intuitive AI-first design." },
{ id: "f2", title: "Is the trial free?", content: "Yes, get started with full access to our core tools for 14 days without a credit card." },
{ id: "f3", title: "What formats are supported?", content: "We support all major industry formats including MP4, ProRes, RAW, PNG, and TIFF." },
{ id: "f1", title: "Do I need experience?", content: "Not at all." },
{ id: "f2", title: "Is the trial free?", content: "Yes, 14 days." },
]}
/>
<ContactCTA
tag="Start Today"
title="Ready to Master Your Creative Workflow?"
description="Join thousands of creators using the most powerful editor on the web."
description="Join thousands of creators."
background={{ variant: "rotated-rays-animated" }}
buttons={[
{ text: "Get Started Free", href: "#contact" },
{ text: "View Pricing", href: "#pricing" },
]}
buttons={[{ text: "Get Started Free", href: "#contact" }]}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
<FooterBase
logoText="EditFlow"
copyrightText="© 2026 | EditFlow Creative"
columns={[
{ title: "Product", items: [{ label: "Video Editor", href: "#" }, { label: "Photo Editor", href: "#" }, { label: "AI Tools", href: "#" }] },
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Tutorials", href: "#" }, { label: "Community", href: "#" }] },
{ title: "Support", items: [{ label: "Contact", href: "#" }, { label: "Help Center", href: "#" }, { label: "Status", href: "#" }] },
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
{ title: "Account", items: [{ label: "My Account", href: "/account" }, { label: "Settings", href: "/settings" }] },
]}
/>
</ReactLenis>

36
src/app/pricing/page.tsx Normal file
View File

@@ -0,0 +1,36 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
import FooterBase from "@/components/sections/footer/FooterBase";
export default function PricingPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="EditFlow"
navItems={[
{ name: "Features", id: "/features" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
]}
button={{ text: "Open Editor", href: "#contact" }}
/>
<PricingCardFive
title="Simple, Transparent Pricing"
description="Choose the plan that fits your creative needs."
animationType="slide-up"
textboxLayout="default"
plans={[
{ id: "p1", tag: "Starter", price: "$19", period: "/mo", description: "For independent creators.", button: { text: "Select", href: "#" }, featuresTitle: "Features", features: ["Core AI Tools", "10 Exports"] },
{ id: "p2", tag: "Pro", price: "$49", period: "/mo", description: "For professional studios.", button: { text: "Select", href: "#" }, featuresTitle: "Features", features: ["Advanced AI Tools", "Unlimited Exports", "Priority Support"] }
]}
/>
<FooterBase logoText="EditFlow" columns={[]} />
</ReactLenis>
</ThemeProvider>
);
}

30
src/app/settings/page.tsx Normal file
View File

@@ -0,0 +1,30 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import ReactLenis from "lenis/react";
export default function SettingsPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="EditFlow"
navItems={[
{ name: "Home", id: "/" },
{ name: "Features", id: "/#features" },
{ name: "Pricing", id: "/#pricing" },
{ name: "Account", id: "/account" },
{ name: "Settings", id: "/settings" },
]}
/>
<main className="container mx-auto py-24 min-h-screen">
<h1 className="text-4xl font-bold mb-8">Settings</h1>
<div className="bg-card p-8 rounded-xl shadow-lg border">
<p>Application preferences and security settings go here.</p>
</div>
</main>
</ReactLenis>
</ThemeProvider>
);
}