Merge version_1 into main #1
314
src/app/page.tsx
314
src/app/page.tsx
@@ -31,124 +31,43 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Formats",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Formats", id: "products" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EditFlow"
|
||||
button={{
|
||||
text: "Start Editing",
|
||||
}}
|
||||
button={{ text: "Start Editing" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Edit Videos Without Limits"
|
||||
description="Professional-grade video editing tools right in your browser. Start creating high-definition content today, completely free, no subscription required."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "The best free browser editor I've ever used. Extremely intuitive and fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-photo-editor-browsing-through-images_482257-121853.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Chen",
|
||||
handle: "@dchen",
|
||||
testimonial: "Perfect for quick cuts and color grading on the go.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blogger-woman-taking-selfie-audience-using-smartphone-working-podcast-home-studio-content-creator-recording-new-fashion-beauty-review-having-fun-social-media-platform_482257-16580.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "Finally, a tool that doesn't sacrifice quality for accessibility.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-his-photography-studio_23-2149033322.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "I use it for all my social media content. Saves me hours every week.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020773.jpg",
|
||||
},
|
||||
{
|
||||
name: "Julia Varga",
|
||||
handle: "@jvarga",
|
||||
testimonial: "Reliable, powerful, and completely free. What more could you want?",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-camera-while-standing-against-red-background-high-quality-photo_114579-60918.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#",
|
||||
},
|
||||
{ name: "Sarah Miller", handle: "@smiller", testimonial: "The best free browser editor I've ever used. Extremely intuitive and fast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-photo-editor-browsing-through-images_482257-121853.jpg" },
|
||||
{ name: "David Chen", handle: "@dchen", testimonial: "Perfect for quick cuts and color grading on the go.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-blogger-woman-taking-selfie-audience-using-smartphone-working-podcast-home-studio-content-creator-recording-new-fashion-beauty-review-having-fun-social-media-platform_482257-16580.jpg" },
|
||||
{ name: "Elena Rodriguez", handle: "@erod", testimonial: "Finally, a tool that doesn't sacrifice quality for accessibility.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-his-photography-studio_23-2149033322.jpg" },
|
||||
{ name: "Marcus Thorne", handle: "@mthorne", testimonial: "I use it for all my social media content. Saves me hours every week.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020773.jpg" },
|
||||
{ name: "Julia Varga", handle: "@jvarga", testimonial: "Reliable, powerful, and completely free. What more could you want?", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-camera-while-standing-against-red-background-high-quality-photo_114579-60918.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Start Your Project", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-processing-software-interface-computer-screens-creative-agency-studio_482257-82219.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/freelancer-home-office-using-editing-tools-pc-cut-movie-project-footage_482257-122559.jpg",
|
||||
alt: "Editor portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-editor-taking-break-after-doing-color-grading-images-relaxing-by-using-smartphone_482257-82262.jpg",
|
||||
alt: "Editor portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/video-editor-trimming-segments-drone-shot-footage-using-mockup-computer_482257-118850.jpg",
|
||||
alt: "Editor portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/focused-editor-woman-works-video-montage-creative-software_482257-119954.jpg",
|
||||
alt: "Editor portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/creative-way-photograph-product_23-2148970208.jpg",
|
||||
alt: "Editor portrait",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/freelancer-home-office-using-editing-tools-pc-cut-movie-project-footage_482257-122559.jpg", alt: "Editor portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/photo-editor-taking-break-after-doing-color-grading-images-relaxing-by-using-smartphone_482257-82262.jpg", alt: "Editor portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/video-editor-trimming-segments-drone-shot-footage-using-mockup-computer_482257-118850.jpg", alt: "Editor portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/focused-editor-woman-works-video-montage-creative-software_482257-119954.jpg", alt: "Editor portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/creative-way-photograph-product_23-2148970208.jpg", alt: "Editor portrait" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "4K Rendering",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Sync",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Browser-Native",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Powered",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lossless Export",
|
||||
},
|
||||
{ type: "text", text: "4K Rendering" },
|
||||
{ type: "text", text: "Real-time Sync" },
|
||||
{ type: "text", text: "Browser-Native" },
|
||||
{ type: "text", text: "AI-Powered" },
|
||||
{ type: "text", text: "Lossless Export" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,36 +78,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Precision",
|
||||
title: "Advanced Timeline",
|
||||
items: [
|
||||
"Multi-track editing",
|
||||
"Frame-perfect cutting",
|
||||
"Real-time preview",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Speed",
|
||||
title: "Cloud Rendering",
|
||||
items: [
|
||||
"Instant export",
|
||||
"Hardware acceleration",
|
||||
"High quality output",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Audio",
|
||||
title: "Precision Audio",
|
||||
items: [
|
||||
"Volume mixing",
|
||||
"Noise suppression",
|
||||
"Dynamic sound syncing",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Precision", title: "Advanced Timeline", items: ["Multi-track editing", "Frame-perfect cutting", "Real-time preview"] },
|
||||
{ id: "f2", label: "Speed", title: "Cloud Rendering", items: ["Instant export", "Hardware acceleration", "High quality output"] },
|
||||
{ id: "f3", label: "Audio", title: "Precision Audio", items: ["Volume mixing", "Noise suppression", "Dynamic sound syncing"] },
|
||||
]}
|
||||
title="Professional Features Included"
|
||||
description="Everything you need to craft high-impact cinematic videos, optimized for modern workflows."
|
||||
@@ -199,23 +91,12 @@ export default function LandingPage() {
|
||||
<MetricCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2ms",
|
||||
description: "Minimal Input Lag",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Browser Native",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "0",
|
||||
description: "No Installation Required",
|
||||
},
|
||||
{ id: "m1", value: "2ms", description: "Minimal Input Lag" },
|
||||
{ id: "m2", value: "100%", description: "Browser Native" },
|
||||
{ id: "m3", value: "0", description: "No Installation Required" },
|
||||
]}
|
||||
title="Built for Velocity"
|
||||
description="Designed for maximum output and minimal latency."
|
||||
@@ -229,48 +110,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "4K Cinematic",
|
||||
price: "High Quality",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917883.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "24fps Film",
|
||||
price: "Motion Grain",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circle-tea-brewing_114579-24781.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "HDR Grading",
|
||||
price: "Color Rich",
|
||||
variant: "Dynamic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background-with-star-shaped-lights_23-2147815130.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Vertical 9:16",
|
||||
price: "Social Ready",
|
||||
variant: "Mobile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063046.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hardware Accelerated",
|
||||
price: "Ultra Fast",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-designing-text-image-ai-generative-models_482257-118859.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Lossless Compression",
|
||||
price: "Maximum Size",
|
||||
variant: "Master",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898148.jpg",
|
||||
},
|
||||
{ id: "p1", name: "4K Cinematic", price: "High Quality", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917883.jpg" },
|
||||
{ id: "p2", name: "24fps Film", price: "Motion Grain", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/circle-tea-brewing_114579-24781.jpg" },
|
||||
{ id: "p3", name: "HDR Grading", price: "Color Rich", variant: "Dynamic", imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background-with-star-shaped-lights_23-2147815130.jpg" },
|
||||
{ id: "p4", name: "Vertical 9:16", price: "Social Ready", variant: "Mobile", imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063046.jpg" },
|
||||
{ id: "p5", name: "Hardware Accelerated", price: "Ultra Fast", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-designing-text-image-ai-generative-models_482257-118859.jpg" },
|
||||
{ id: "p6", name: "Lossless Compression", price: "Maximum Size", variant: "Master", imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898148.jpg" },
|
||||
]}
|
||||
title="Ready for Any Format"
|
||||
description="Export to your exact specifications with our optimized presets."
|
||||
@@ -280,43 +125,14 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Creative Director",
|
||||
testimonial: "The performance is simply unmatched in the browser space. Absolute game changer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-influencer-while-recording-his-vlog-living-room-famous-creative-man_482257-24868.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Chen",
|
||||
role: "Independent Creator",
|
||||
testimonial: "I love the clean interface and fast export capabilities. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-experienced-baker-explaining-recipe-audience-recording-tutorial-social-media-retired-blogger-chef-influencer-using-internet-technology-communicating-shooting-with-digital-equipment_482257-14430.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Film Student",
|
||||
testimonial: "This editor makes complex projects feel lightweight and manageable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus Thorne",
|
||||
role: "Digital Marketer",
|
||||
testimonial: "The best free tool I've used in years. Zero bloat, maximum utility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia Varga",
|
||||
role: "Vlogger",
|
||||
testimonial: "Finally, professional editing tools that don't crash my computer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-playing-keyboards-sings-smoke-effect_23-2148673610.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", role: "Creative Director", testimonial: "The performance is simply unmatched in the browser space. Absolute game changer.", imageSrc: "http://img.b2bpic.net/free-photo/excited-influencer-while-recording-his-vlog-living-room-famous-creative-man_482257-24868.jpg" },
|
||||
{ id: "t2", name: "David Chen", role: "Independent Creator", testimonial: "I love the clean interface and fast export capabilities. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/mature-experienced-baker-explaining-recipe-audience-recording-tutorial-social-media-retired-blogger-chef-influencer-using-internet-technology-communicating-shooting-with-digital-equipment_482257-14430.jpg" },
|
||||
{ id: "t3", name: "Elena Rodriguez", role: "Film Student", testimonial: "This editor makes complex projects feel lightweight and manageable.", imageSrc: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg" },
|
||||
{ id: "t4", name: "Marcus Thorne", role: "Digital Marketer", testimonial: "The best free tool I've used in years. Zero bloat, maximum utility.", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg" },
|
||||
{ id: "t5", name: "Julia Varga", role: "Vlogger", testimonial: "Finally, professional editing tools that don't crash my computer.", imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-playing-keyboards-sings-smoke-effect_23-2148673610.jpg" },
|
||||
]}
|
||||
title="Loved by Creators"
|
||||
description="Thousands of editors trust our platform daily for their creative projects."
|
||||
@@ -328,14 +144,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Pixel Studio",
|
||||
"Motion Media",
|
||||
"Creative Lab",
|
||||
"Video Dynamics",
|
||||
"Studio Nova",
|
||||
"Frame Perfect",
|
||||
"Edit Flow",
|
||||
]}
|
||||
"Pixel Studio", "Motion Media", "Creative Lab", "Video Dynamics", "Studio Nova", "Frame Perfect", "Edit Flow"]}
|
||||
title="Used by Industry Leaders"
|
||||
description="Our platform is used by creative studios across the globe."
|
||||
/>
|
||||
@@ -346,21 +155,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it truly free?",
|
||||
content: "Yes, all our editing tools and exporting features are completely free to use with no hidden costs.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my video data safe?",
|
||||
content: "Absolutely. Your data is encrypted and processed directly in your browser, keeping your files private.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do I need to install software?",
|
||||
content: "No, it's 100% browser-based. You don't need to download or install anything to get started.",
|
||||
},
|
||||
{ id: "q1", title: "Is it truly free?", content: "Yes, all our editing tools and exporting features are completely free to use with no hidden costs." },
|
||||
{ id: "q2", title: "Is my video data safe?", content: "Absolutely. Your data is encrypted and processed directly in your browser, keeping your files private." },
|
||||
{ id: "q3", title: "Do I need to install software?", content: "No, it's 100% browser-based. You don't need to download or install anything to get started." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We have the answers to get you started."
|
||||
@@ -371,32 +168,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Started"
|
||||
title="Ready to Start Your Masterpiece?"
|
||||
description="Join our community of editors today and unlock the full potential of your creative projects."
|
||||
buttons={[
|
||||
{
|
||||
text: "Launch Editor Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Launch Editor Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="EditFlow"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user