Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -3,34 +3,38 @@
|
||||
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 MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Users, Award, Zap } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="metallic" secondaryButtonStyle="glass" headingFontWeight="medium">
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="EditFlow"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "/features" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "About", id: "/about" },
|
||||
]}
|
||||
button={{ text: "Open Editor", href: "#contact" }}
|
||||
/>
|
||||
<AboutMetric
|
||||
title="Our Story: Revolutionizing Edits"
|
||||
<MetricSplitMediaAbout
|
||||
title="Our Story"
|
||||
description="Revolutionizing edits through AI."
|
||||
metrics={[
|
||||
{ icon: Users, label: "Global Team", value: "50+" },
|
||||
{ icon: Award, label: "Industry Awards", value: "25+" },
|
||||
{ icon: Zap, label: "Years of Innovation", value: "5+" }
|
||||
{ title: "Global Team", value: "50+" },
|
||||
{ title: "Industry Awards", value: "25+" },
|
||||
{ title: "Years of Innovation", value: "5+" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
metricsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
<FooterBase logoText="EditFlow" columns={[]} />
|
||||
<FooterBaseReveal logoText="EditFlow" columns={[]} />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -6,14 +6,14 @@ import ReactLenis from "lenis/react";
|
||||
|
||||
export default function AccountPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="metallic" secondaryButtonStyle="glass" headingFontWeight="medium">
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="EditFlow"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "/#features" },
|
||||
{ name: "Pricing", id: "/#pricing" },
|
||||
{ name: "Features", id: "/features" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Account", id: "/account" },
|
||||
{ name: "Settings", id: "/settings" },
|
||||
]}
|
||||
|
||||
@@ -3,33 +3,36 @@
|
||||
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";
|
||||
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
|
||||
export default function FeaturesPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="metallic" secondaryButtonStyle="glass" headingFontWeight="medium">
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="EditFlow"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "/features" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "About", id: "/about" },
|
||||
]}
|
||||
button={{ text: "Open Editor", href: "#contact" }}
|
||||
/>
|
||||
<FeatureCardSix
|
||||
<FeatureCardSeven
|
||||
title="Advanced AI Feature Suite"
|
||||
description="Powerful tools engineered to streamline professional creative output."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
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={[]} />
|
||||
<FooterBaseReveal logoText="EditFlow" columns={[]} />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
119
src/app/page.tsx
119
src/app/page.tsx
@@ -3,15 +3,7 @@
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
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, Wand2, Zap, Layers, Users, Bot, Palette, Film, Scissors } from "lucide-react";
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function EditorPlatformPage() {
|
||||
return (
|
||||
@@ -32,113 +24,18 @@ export default function EditorPlatformPage() {
|
||||
brandName="EditFlow"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Features", id: "/features" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Account", id: "/account" },
|
||||
{ name: "Settings", id: "/settings" },
|
||||
]}
|
||||
button={{ text: "Open Editor", href: "#contact" }}
|
||||
/>
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Create Professional Content in Seconds"
|
||||
description="The all-in-one AI-powered editor for video and photo mastery. Simplify your creative workflow with professional-grade tools at your fingertips."
|
||||
tag="AI Creative Suite"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
buttons={[
|
||||
{ text: "Start Editing", href: "#contact" },
|
||||
{ text: "Explore Tools", href: "#tools" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
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" },
|
||||
]}
|
||||
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" },
|
||||
]}
|
||||
carouselItemClassName="!aspect-[4/5]"
|
||||
/>
|
||||
<FeatureBento
|
||||
title="Smart Editing Powerhouse"
|
||||
description="Elevate your visuals with advanced AI features designed for speed and quality."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
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" }] },
|
||||
{ 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."
|
||||
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.", 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%."
|
||||
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" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<MetricCardOne
|
||||
title="Creative Statistics"
|
||||
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: "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
|
||||
title="Common Questions"
|
||||
description="Learn more about how to get the most out of our editor."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ 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."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
buttons={[{ text: "Get Started Free", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FooterBase
|
||||
logoText="EditFlow"
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Account", items: [{ label: "My Account", href: "/account" }, { label: "Settings", href: "/settings" }] },
|
||||
]}
|
||||
/>
|
||||
<main className="py-24">
|
||||
<h1 className="text-center">Welcome to EditFlow</h1>
|
||||
</main>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -3,34 +3,36 @@
|
||||
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";
|
||||
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
|
||||
export default function PricingPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="metallic" secondaryButtonStyle="glass" headingFontWeight="medium">
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="EditFlow"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "/features" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "About", id: "/about" },
|
||||
]}
|
||||
button={{ text: "Open Editor", href: "#contact" }}
|
||||
/>
|
||||
<PricingCardFive
|
||||
<PricingCardTwo
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the plan that fits your creative needs."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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"] }
|
||||
{ id: "p1", badge: "Starter", price: "$19", subtitle: "/mo", buttons: [{ text: "Select", href: "#" }], features: ["Core AI Tools", "10 Exports"] },
|
||||
{ id: "p2", badge: "Pro", price: "$49", subtitle: "/mo", buttons: [{ text: "Select", href: "#" }], features: ["Advanced AI Tools", "Unlimited Exports", "Priority Support"] }
|
||||
]}
|
||||
/>
|
||||
<FooterBase logoText="EditFlow" columns={[]} />
|
||||
<FooterBaseReveal logoText="EditFlow" columns={[]} />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -6,14 +6,14 @@ import ReactLenis from "lenis/react";
|
||||
|
||||
export default function SettingsPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="metallic" secondaryButtonStyle="glass" headingFontWeight="medium">
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="EditFlow"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "/#features" },
|
||||
{ name: "Pricing", id: "/#pricing" },
|
||||
{ name: "Features", id: "/features" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Account", id: "/account" },
|
||||
{ name: "Settings", id: "/settings" },
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user