Merge version_1 into main #1
235
src/app/page.tsx
235
src/app/page.tsx
@@ -32,18 +32,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="EditFlow"
|
||||
/>
|
||||
@@ -51,17 +42,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Edit Videos Like a Pro"
|
||||
description="Unlock advanced video editing capabilities with EditFlow. Get professional-grade tools for just $10/month."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Creating",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Creating", href: "#pricing" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-modern-devices-office_23-2148339330.jpg"
|
||||
imageAlt="video editing interface professional"
|
||||
/>
|
||||
@@ -73,21 +57,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Ultra-Fast Rendering",
|
||||
description: "Engineered for speed, so you spend more time creating.",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Seamless Collaboration",
|
||||
description: "Work with your team in real-time, anywhere in the world.",
|
||||
},
|
||||
{
|
||||
icon: Cloud,
|
||||
title: "Secure Cloud Storage",
|
||||
description: "Your media is always safe and accessible when you need it.",
|
||||
},
|
||||
{ icon: Zap, title: "Ultra-Fast Rendering", description: "Engineered for speed, so you spend more time creating." },
|
||||
{ icon: Users, title: "Seamless Collaboration", description: "Work with your team in real-time, anywhere in the world." },
|
||||
{ icon: Cloud, title: "Secure Cloud Storage", description: "Your media is always safe and accessible when you need it." },
|
||||
]}
|
||||
title="Everything You Need"
|
||||
description="Powerful features designed to streamline your workflow and boost creativity."
|
||||
@@ -96,64 +68,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Module",
|
||||
name: "Timeline Editor",
|
||||
price: "Included",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Module",
|
||||
name: "Color Grading",
|
||||
price: "Included",
|
||||
rating: 5,
|
||||
reviewCount: "980",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-stationery-desk-concept_23-2148319715.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Module",
|
||||
name: "Format Export",
|
||||
price: "Included",
|
||||
rating: 5,
|
||||
reviewCount: "2.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage-concept_23-2149595839.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Module",
|
||||
name: "AI Captions",
|
||||
price: "Included",
|
||||
rating: 5,
|
||||
reviewCount: "1.5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-robotic-operations-tablet_1387-649.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Module",
|
||||
name: "Audio Cleanup",
|
||||
price: "Included",
|
||||
rating: 5,
|
||||
reviewCount: "890",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/animation-fast-electrocardiogram-reading-display-heartbeats-are-getting-more-intense_482257-26906.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Module",
|
||||
name: "Asset Library",
|
||||
price: "Included",
|
||||
rating: 5,
|
||||
reviewCount: "3.4k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062975.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Module", name: "Timeline Editor", price: "Included", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg" },
|
||||
{ id: "2", brand: "Module", name: "Color Grading", price: "Included", rating: 5, reviewCount: "980", imageSrc: "http://img.b2bpic.net/free-photo/office-stationery-desk-concept_23-2148319715.jpg" },
|
||||
{ id: "3", brand: "Module", name: "Format Export", price: "Included", rating: 5, reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage-concept_23-2149595839.jpg" },
|
||||
{ id: "4", brand: "Module", name: "AI Captions", price: "Included", rating: 5, reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/ai-robotic-operations-tablet_1387-649.jpg" },
|
||||
{ id: "5", brand: "Module", name: "Audio Cleanup", price: "Included", rating: 5, reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/animation-fast-electrocardiogram-reading-display-heartbeats-are-getting-more-intense_482257-26906.jpg" },
|
||||
{ id: "6", brand: "Module", name: "Asset Library", price: "Included", rating: 5, reviewCount: "3.4k", imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062975.jpg" },
|
||||
]}
|
||||
title="Powerful Toolset"
|
||||
description="Access our suite of professional editing modules included in your subscription."
|
||||
@@ -167,23 +92,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "monthly",
|
||||
badge: "Pro Plan",
|
||||
price: "$10/mo",
|
||||
subtitle: "Everything you need to create.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"All editing modules",
|
||||
"Cloud storage included",
|
||||
"Team collaboration",
|
||||
"Priority export",
|
||||
"100GB space",
|
||||
],
|
||||
id: "monthly", badge: "Pro Plan", price: "$10/mo", subtitle: "Everything you need to create.", buttons: [{ text: "Get Started", href: "#" }],
|
||||
features: ["All editing modules", "Cloud storage included", "Team collaboration", "Priority export", "100GB space"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -197,27 +107,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
title: "Videos Rendered",
|
||||
description: "High-quality output every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Always there when you need to edit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expert-secures-high-tech-establishment_482257-102858.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
title: "Satisfaction",
|
||||
description: "Loved by creative professionals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-emotions_23-2148860285.jpg",
|
||||
},
|
||||
{ id: "m1", value: "1M+", title: "Videos Rendered", description: "High-quality output every time.", imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg" },
|
||||
{ id: "m2", value: "99.9%", title: "Uptime", description: "Always there when you need to edit.", imageSrc: "http://img.b2bpic.net/free-photo/expert-secures-high-tech-establishment_482257-102858.jpg" },
|
||||
{ id: "m3", value: "4.9/5", title: "Satisfaction", description: "Loved by creative professionals.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-emotions_23-2148860285.jpg" },
|
||||
]}
|
||||
title="Trusted by Creators"
|
||||
description="Join thousands of satisfied editors worldwide."
|
||||
@@ -228,31 +120,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-creative-designer-using-laptop-sitting-floor-surrounded-by-textile-samples-fashion-illustrations-sharing-her-work-online_197531-30706.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915105.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julia M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-woman-smiling-confident-drawing-notebook-art-studio_839833-12141.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kevin L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-yellow-scene-with-lemon-slices-front-eyes_23-2148184702.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg" },
|
||||
{ id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-creative-designer-using-laptop-sitting-floor-surrounded-by-textile-samples-fashion-illustrations-sharing-her-work-online_197531-30706.jpg" },
|
||||
{ id: "3", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915105.jpg" },
|
||||
{ id: "4", name: "Julia M.", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-woman-smiling-confident-drawing-notebook-art-studio_839833-12141.jpg" },
|
||||
{ id: "5", name: "Kevin L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-yellow-scene-with-lemon-slices-front-eyes_23-2148184702.jpg" },
|
||||
]}
|
||||
cardTitle="What our users say"
|
||||
cardTag="Testimonials"
|
||||
@@ -265,21 +137,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Yes, our monthly plan is cancelable at any time.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is there a free trial?",
|
||||
content: "We offer a 7-day trial to experience all our pro features.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What formats are supported?",
|
||||
content: "We support all major professional video formats including ProRes and MP4.",
|
||||
},
|
||||
{ id: "f1", title: "Can I cancel anytime?", content: "Yes, our monthly plan is cancelable at any time." },
|
||||
{ id: "f2", title: "Is there a free trial?", content: "We offer a 7-day trial to experience all our pro features." },
|
||||
{ id: "f3", title: "What formats are supported?", content: "We support all major professional video formats including ProRes and MP4." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-colorful-vibrant-medusas-aquarium_181624-59342.jpg"
|
||||
title="Common Questions"
|
||||
@@ -292,48 +152,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to elevate your video content? Start editing for just $10/month."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started Now",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started Now", href: "#pricing" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 EditFlow Inc."
|
||||
bottomRightText="Built for Creators"
|
||||
|
||||
Reference in New Issue
Block a user