Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-15 12:42:38 +00:00

View File

@@ -29,428 +29,170 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
{
name: "Courses",
id: "#products",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "Reviews",
id: "#testimonials",
},
]}
brandName="EditMaster"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "#home" },
{ name: "Courses", id: "#products" },
{ name: "Pricing", id: "#pricing" },
{ name: "Reviews", id: "#testimonials" },
]}
brandName="EditMaster"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={true}
background={{
variant: "plain",
}}
title="Master editing. Sell your skills faster."
description="Learn professional editing techniques in our structured course, download free presets to start today, and join creators already earning."
testimonials={[
{
name: "Alex R.",
handle: "@alexedit",
testimonial: "This course completely changed my freelance business. The presets are gold.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066314.jpg",
},
{
name: "Jordan S.",
handle: "@jsmedia",
testimonial: "Structured, practical, and fast. Exactly what I needed to level up my workflow.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241320.jpg",
},
{
name: "Maya K.",
handle: "@mayacreates",
testimonial: "Finally, editing techniques explained simply. I've already landed two new clients.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
},
{
name: "Leo P.",
handle: "@leoedits",
testimonial: "Worth every penny. The community support is amazing too.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-away_23-2148452694.jpg",
},
{
name: "Sarah J.",
handle: "@sarahcuts",
testimonial: "I saved hours every week using their presets. Absolute game changer.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-women-2000s-fashion-style-posing-with-tv-camera_23-2149442840.jpg",
},
]}
buttons={[
{
text: "Get Free Presets",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/science-fiction-game-desktop-pc-monitor_482257-124535.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
alt: "Avatar 1",
},
{
src: "http://img.b2bpic.net/free-photo/empty-soundproof-control-room-professional-recording-studio_482257-83540.jpg",
alt: "Avatar 2",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-videographer-splicing-film-pieces-using-mockup-computer_482257-118874.jpg",
alt: "Avatar 3",
},
{
src: "http://img.b2bpic.net/free-photo/empty-interior-forex-market-exchange-company-office-with-financial-data-growth-charts-multiple-displays-workspace-equipped-with-workstation-having-finance-statistics-real-time-graph_482257-44513.jpg",
alt: "Avatar 4",
},
{
src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
alt: "Avatar 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Premiere Pro",
},
{
type: "text",
text: "DaVinci Resolve",
},
{
type: "text",
text: "Final Cut Pro",
},
{
type: "text",
text: "After Effects",
},
{
type: "text",
text: "Color Grading",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={true}
background={{ variant: "plain" }}
title="Master editing. Sell your skills faster."
description="Learn professional editing techniques in our structured course, download free presets to start today, and join creators already earning."
testimonials={[
{ name: "Alex R.", handle: "@alexedit", testimonial: "This course completely changed my freelance business. The presets are gold.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066314.jpg" },
{ name: "Jordan S.", handle: "@jsmedia", testimonial: "Structured, practical, and fast. Exactly what I needed to level up my workflow.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241320.jpg" },
{ name: "Maya K.", handle: "@mayacreates", testimonial: "Finally, editing techniques explained simply. I've already landed two new clients.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg" },
{ name: "Leo P.", handle: "@leoedits", testimonial: "Worth every penny. The community support is amazing too.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-away_23-2148452694.jpg" },
{ name: "Sarah J.", handle: "@sarahcuts", testimonial: "I saved hours every week using their presets. Absolute game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-women-2000s-fashion-style-posing-with-tv-camera_23-2149442840.jpg" }
]}
buttons={[{ text: "Get Free Presets", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/science-fiction-game-desktop-pc-monitor_482257-124535.jpg"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg", alt: "Avatar 1" },
{ src: "http://img.b2bpic.net/free-photo/empty-soundproof-control-room-professional-recording-studio_482257-83540.jpg", alt: "Avatar 2" },
{ src: "http://img.b2bpic.net/free-photo/close-up-videographer-splicing-film-pieces-using-mockup-computer_482257-118874.jpg", alt: "Avatar 3" },
{ src: "http://img.b2bpic.net/free-photo/empty-interior-forex-market-exchange-company-office-with-financial-data-growth-charts-multiple-displays-workspace-equipped-with-workstation-having-finance-statistics-real-time-graph_482257-44513.jpg", alt: "Avatar 4" },
{ src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", alt: "Avatar 5" }
]}
marqueeItems={[
{ type: "text", text: "Premiere Pro" },
{ type: "text", text: "DaVinci Resolve" },
{ type: "text", text: "Final Cut Pro" },
{ type: "text", text: "After Effects" },
{ type: "text", text: "Color Grading" }
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "5,000+",
title: "Happy Students",
items: [
"Enrolled in courses",
"Mastering skills",
"Growing brands",
],
},
{
id: "m2",
value: "12k+",
title: "Presets Used",
items: [
"Downloaded daily",
"Workflow optimized",
"Quality improved",
],
},
{
id: "m3",
value: "95%",
title: "Growth Rate",
items: [
"Client satisfaction",
"Skill advancement",
"Project efficiency",
],
},
]}
title="Proven Results"
description="We help thousands of creators optimize their production workflow every single day."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
textboxLayout="split"
useInvertedBackground={false}
animationType="blur-reveal"
metrics={[
{ id: "m1", value: "5,000+", title: "Happy Students", items: ["Enrolled in courses", "Mastering skills", "Growing brands"] },
{ id: "m2", value: "12k+", title: "Presets Used", items: ["Downloaded daily", "Workflow optimized", "Quality improved"] },
{ id: "m3", value: "95%", title: "Growth Rate", items: ["Client satisfaction", "Skill advancement", "Project efficiency"] }
]}
title="Proven Results"
description="We help thousands of creators optimize their production workflow every single day."
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
textboxLayout="split"
useInvertedBackground={true}
features={[
{
icon: Zap,
title: "Fast Workflow",
description: "Cutting-edge techniques to slash your editing time in half.",
},
{
icon: Camera,
title: "Cinematic Quality",
description: "Learn professional color grading and composition from industry veterans.",
},
{
icon: Users,
title: "Exclusive Community",
description: "Join thousands of creators sharing tips, tricks, and feedback daily.",
},
]}
title="Why EditMaster?"
description="Everything you need to go from beginner to pro-editor in one place."
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
textboxLayout="split"
useInvertedBackground={true}
animationType="blur-reveal"
features={[
{ icon: Zap, title: "Fast Workflow", description: "Cutting-edge techniques to slash your editing time in half." },
{ icon: Camera, title: "Cinematic Quality", description: "Learn professional color grading and composition from industry veterans." },
{ icon: Users, title: "Exclusive Community", description: "Join thousands of creators sharing tips, tricks, and feedback daily." }
]}
title="Why EditMaster?"
description="Everything you need to go from beginner to pro-editor in one place."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Essential Presets",
price: "FREE",
imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781063.jpg",
},
{
id: "p2",
name: "Professional LUTs",
price: "$49",
imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781064.jpg",
},
{
id: "p3",
name: "Motion Graphics Pack",
price: "$79",
imageSrc: "http://img.b2bpic.net/free-photo/computer-home-office-uses-artificial-intelligence-generating-images-from-text_482257-125005.jpg",
},
{
id: "p4",
name: "Editing Mastercourse",
price: "$299",
imageSrc: "http://img.b2bpic.net/free-photo/computer-home-office-showing-program-converting-text-prompts-into-photos_482257-118619.jpg",
},
{
id: "p5",
name: "Sound FX Bundle",
price: "$39",
imageSrc: "http://img.b2bpic.net/free-photo/music-background-with-phone-with-music-icon-modern-technology-concept_169016-52931.jpg",
},
{
id: "p6",
name: "Lighting Styles",
price: "$29",
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-film-reel-film-strips-camcorder-blue-background_23-2148188157.jpg",
},
]}
title="Digital Assets & Courses"
description="Start with our free presets or dive into the full professional course."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
animationType="blur-reveal"
products={[
{ id: "p1", name: "Essential Presets", price: "FREE", imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781063.jpg" },
{ id: "p2", name: "Professional LUTs", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781064.jpg" },
{ id: "p3", name: "Motion Graphics Pack", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/computer-home-office-uses-artificial-intelligence-generating-images-from-text_482257-125005.jpg" },
{ id: "p4", name: "Editing Mastercourse", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/computer-home-office-showing-program-converting-text-prompts-into-photos_482257-118619.jpg" },
{ id: "p5", name: "Sound FX Bundle", price: "$39", imageSrc: "http://img.b2bpic.net/free-photo/music-background-with-phone-with-music-icon-modern-technology-concept_169016-52931.jpg" },
{ id: "p6", name: "Lighting Styles", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-film-reel-film-strips-camcorder-blue-background_23-2148188157.jpg" }
]}
title="Digital Assets & Courses"
description="Start with our free presets or dive into the full professional course."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "lite",
name: "Starter",
price: "$0",
buttons: [
{
text: "Get Started",
href: "#",
},
],
features: [
"Access to free presets",
"Community entry",
"10 tutorial clips",
],
},
{
id: "pro",
name: "Professional",
price: "$299",
buttons: [
{
text: "Buy Course",
href: "#",
},
],
features: [
"Full editing mastercourse",
"All professional presets",
"Priority community access",
],
},
]}
title="Simple Pricing"
description="Choose the path that fits your goals."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
textboxLayout="split"
useInvertedBackground={true}
animationType="blur-reveal"
plans={[
{ id: "lite", name: "Starter", price: "$0", buttons: [{ text: "Get Started", href: "#" }], features: ["Access to free presets", "Community entry", "10 tutorial clips"] },
{ id: "pro", name: "Professional", price: "$299", buttons: [{ text: "Buy Course", href: "#" }], features: ["Full editing mastercourse", "All professional presets", "Priority community access"] }
]}
title="Simple Pricing"
description="Choose the path that fits your goals."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alex R.",
role: "Freelancer",
company: "Self-Employed",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-virtual-reality-goggles_23-2148815672.jpg",
},
{
id: "t2",
name: "Jordan S.",
role: "Strategist",
company: "JS Media",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-with-short-curly-hair-wireless-earphones_574295-3790.jpg",
},
{
id: "t3",
name: "Maya K.",
role: "Creator",
company: "MayaCreates",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/karate-player-man-posing-looking_107420-64916.jpg",
},
{
id: "t4",
name: "Leo P.",
role: "Editor",
company: "LeoEdits",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-497.jpg",
},
{
id: "t5",
name: "Sarah J.",
role: "Content Lead",
company: "SarahCuts",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/low-view-smiley-photographer-photography-umbrella_23-2148424404.jpg",
},
]}
kpiItems={[
{
value: "10k+",
label: "Presets Used",
},
{
value: "5k",
label: "Students Taught",
},
{
value: "95%",
label: "Satisfaction",
},
]}
title="Student Success"
description="Join creators who are already earning."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
textboxLayout="split"
useInvertedBackground={false}
animationType="blur-reveal"
testimonials={[
{ id: "t1", name: "Alex R.", role: "Freelancer", company: "Self-Employed", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-virtual-reality-goggles_23-2148815672.jpg" },
{ id: "t2", name: "Jordan S.", role: "Strategist", company: "JS Media", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-with-short-curly-hair-wireless-earphones_574295-3790.jpg" },
{ id: "t3", name: "Maya K.", role: "Creator", company: "MayaCreates", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/karate-player-man-posing-looking_107420-64916.jpg" },
{ id: "t4", name: "Leo P.", role: "Editor", company: "LeoEdits", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-497.jpg" },
{ id: "t5", name: "Sarah J.", role: "Content Lead", company: "SarahCuts", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-view-smiley-photographer-photography-umbrella_23-2148424404.jpg" }
]}
kpiItems={[
{ value: "10k+", label: "Presets Used" },
{ value: "5k", label: "Students Taught" },
{ value: "95%", label: "Satisfaction" }
]}
title="Student Success"
description="Join creators who are already earning."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Are these presets compatible with Adobe Premiere?",
content: "Yes, our presets are fully compatible with the latest version of Adobe Premiere Pro and Creative Cloud.",
},
{
id: "q2",
title: "Can I get a refund?",
content: "We offer a 30-day money-back guarantee for our courses if you find they aren't right for your skills.",
},
{
id: "q3",
title: "Do I need prior experience?",
content: "Our Starter course is designed specifically for beginners, while our mastercourse builds on those foundations.",
},
]}
title="Common Questions"
description="Get quick answers about our courses and presets."
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Are these presets compatible with Adobe Premiere?", content: "Yes, our presets are fully compatible with the latest version of Adobe Premiere Pro and Creative Cloud." },
{ id: "q2", title: "Can I get a refund?", content: "We offer a 30-day money-back guarantee for our courses if you find they aren't right for your skills." },
{ id: "q3", title: "Do I need prior experience?", content: "Our Starter course is designed specifically for beginners, while our mastercourse builds on those foundations." }
]}
title="Common Questions"
description="Get quick answers about our courses and presets."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Ready to master your craft?"
buttons={[
{
text: "Contact Support",
href: "mailto:support@editmaster.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "plain" }}
text="Ready to master your craft?"
buttons={[{ text: "Contact Support", href: "mailto:support@editmaster.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Products",
href: "#products",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
items: [
{
label: "Support",
href: "mailto:support@editmaster.com",
},
{
label: "FAQ",
href: "#faq",
},
],
},
]}
logoText="EditMaster"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Products", href: "#products" }, { label: "Pricing", href: "#pricing" }] },
{ items: [{ label: "Support", href: "mailto:support@editmaster.com" }, { label: "FAQ", href: "#faq" }] }
]}
logoText="EditMaster"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}