323 lines
19 KiB
TypeScript
323 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Sparkles, Zap, Star, Film } from 'lucide-react';
|
|
import Image from 'next/image';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "How It Works", id: "how-it-works" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Leysath Lab"
|
|
brandLogo="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aqr11xPgoMWpk1WRQfTh2E6rXI/uploaded-1773331873343-su5cmgk5.png"
|
|
bottomLeftText="Premium Video Editing"
|
|
bottomRightText="contact@leysathlab.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
title="Stop Editing. Start Creating."
|
|
description="Professional video editing for creators who want to scale their content without wasting hours behind the editing timeline."
|
|
tag="Professional Editing Service"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "View Packages", href: "#pricing" },
|
|
{ text: "Get Started", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/flat-cms-landing-page_23-2148810276.jpg", imageAlt: "Professional video editing workflow"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aqr11xPgoMWpk1WRQfTh2E6rXI/uploaded-1773331873343-z903x0by.jpg", imageAlt: "Leysath Lab branding"
|
|
}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Trusted by creators and brands"
|
|
ariaLabel="Leysath Lab hero section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="audience" data-section="audience">
|
|
<TextSplitAbout
|
|
title="Who This Is For"
|
|
description={[
|
|
"Creators who spend hours editing when that time could be spent filming more content, testing new ideas, and growing their audience.", "YouTubers, influencers, and brands scaling their content output without the editing bottleneck.", "Podcasters and content creators who need consistent, professional quality without the in-house editing team overhead."
|
|
]}
|
|
useInvertedBackground={false}
|
|
showBorder={false}
|
|
ariaLabel="Who Leysath Lab serves"
|
|
/>
|
|
</div>
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
<FeatureCardTwentyFour
|
|
title="A Simple Editing Process"
|
|
description="Four straightforward steps from raw footage to polished, ready-to-upload content."
|
|
features={[
|
|
{
|
|
id: "step-1", title: "Choose Your Package", author: "Step 1", description: "Select the editing package that fits your content needs, whether short-form or long-form.", tags: ["Selection"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-making-working-out-vlog_23-2149039728.jpg?_wi=1", imageAlt: "Package selection"
|
|
},
|
|
{
|
|
id: "step-2", title: "Upload Your Footage", author: "Step 2", description: "After purchasing a package, you will receive a secure private upload link where you can upload your raw video files.", tags: ["Upload"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/data-protection-landing-page-template_23-2148118848.jpg?_wi=1", imageAlt: "Secure file upload"
|
|
},
|
|
{
|
|
id: "step-3", title: "Professional Editing", author: "Step 3", description: "Your footage is edited with professional pacing, cuts, music, and captions depending on the package selected.", tags: ["Editing"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-desk-equipped-with-mixing-console-music-recording-tools-home-studio_482257-100228.jpg?_wi=1", imageAlt: "Professional editing"
|
|
},
|
|
{
|
|
id: "step-4", title: "Receive Your Finished Video", author: "Step 4", description: "Your final edited video is delivered ready for upload to YouTube, TikTok, Instagram, or other platforms.", tags: ["Delivery"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-making-working-out-vlog_23-2149039728.jpg?_wi=2", imageAlt: "Final delivery"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="How Leysath Lab works"
|
|
/>
|
|
</div>
|
|
|
|
<div id="secure-upload" data-section="secure-upload">
|
|
<TextSplitAbout
|
|
title="Secure Footage Upload"
|
|
description={[
|
|
"Once a package is purchased, clients receive a secure private upload link where they can safely upload their raw footage.", "All files are handled through secure cloud storage systems, ensuring that your content remains organized, private, and protected.", "Uploaded footage is processed quickly so editing can begin as soon as possible. Your creative vision is our priority."
|
|
]}
|
|
useInvertedBackground={true}
|
|
showBorder={false}
|
|
ariaLabel="Secure upload process"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFour
|
|
title="Professional Editing Services"
|
|
description="Leysath Lab provides editing for both short-form and long-form content, helping creators maintain consistent content output."
|
|
tag="Services"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "service-1", title: "Professional Cuts & Pacing", author: "Core Service", description: "Strategic cuts and pacing that keep viewers engaged and improve watch time metrics.", tags: ["Editing"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-making-working-out-vlog_23-2149039728.jpg?_wi=3", imageAlt: "Professional editing"
|
|
},
|
|
{
|
|
id: "service-2", title: "Captions & Text", author: "Engagement", description: "Captions for short-form content and text overlays that increase accessibility and engagement.", tags: ["Captions"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-desk-equipped-with-mixing-console-music-recording-tools-home-studio_482257-100228.jpg?_wi=2", imageAlt: "Caption editing"
|
|
},
|
|
{
|
|
id: "service-3", title: "Music & Sound Design", author: "Audio", description: "Music and sound adjustments that elevate production quality and emotional impact.", tags: ["Audio"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/data-protection-landing-page-template_23-2148118848.jpg?_wi=2", imageAlt: "Sound design"
|
|
},
|
|
{
|
|
id: "service-4", title: "Motion Graphics & Effects", author: "Visual", description: "Basic motion graphics and effects that add polish and professionalism to your content.", tags: ["Graphics"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-making-working-out-vlog_23-2149039728.jpg?_wi=4", imageAlt: "Motion graphics"
|
|
},
|
|
{
|
|
id: "service-5", title: "Structured Storytelling", author: "Narrative", description: "Clean, structured edits that tell compelling stories and maintain viewer interest.", tags: ["Editing"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-desk-equipped-with-mixing-console-music-recording-tools-home-studio_482257-100228.jpg?_wi=3", imageAlt: "Story editing"
|
|
},
|
|
{
|
|
id: "service-6", title: "Thumbnail Creation", author: "Promotion", description: "Basic thumbnail creation for long-form videos that improves click-through rates.", tags: ["Design"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/data-protection-landing-page-template_23-2148118848.jpg?_wi=3", imageAlt: "Thumbnail design"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Leysath Lab services"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing-short" data-section="pricing-short">
|
|
<PricingCardFive
|
|
title="Short Form Editing Packages"
|
|
description="Perfect for TikTok, Instagram Reels, YouTube Shorts, and other short-form platforms."
|
|
tag="Short Form"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
plans={[
|
|
{
|
|
id: "starter-short", tag: "Starter Package", price: "£40", period: "per batch", description: "Get started with professional short-form editing.", button: { text: "Choose Plan", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"2 Short Form Videos", "Fast paced editing", "Jump cuts", "Captions", "Music selection"
|
|
]
|
|
},
|
|
{
|
|
id: "creator-short", tag: "Creator Package", price: "£300", period: "per batch", description: "Scale your content with professional editing.", button: { text: "Choose Plan", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"20 Short Form Videos", "Fast paced editing", "Jump cuts & transitions", "Captions & text overlays", "Music & sound design", "Simple motion graphics"
|
|
]
|
|
},
|
|
{
|
|
id: "scale-short", tag: "Scale Package", price: "£500", period: "per batch", description: "Maximum content output with premium quality.", button: { text: "Choose Plan", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"40 Short Form Videos", "Fast paced professional editing", "Advanced jump cuts", "Captions & effects", "Music & sound design", "Motion graphics", "Priority delivery"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Short form pricing"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing-long" data-section="pricing-long">
|
|
<PricingCardFive
|
|
title="Long Form Editing Packages"
|
|
description="Professional editing for YouTube videos, podcasts, talking head content, and creator projects."
|
|
tag="Long Form"
|
|
tagIcon={Film}
|
|
tagAnimation="slide-up"
|
|
plans={[
|
|
{
|
|
id: "single-long", tag: "Single Video", price: "£160", period: "per video", description: "Perfect for high-quality individual videos.", button: { text: "Choose Plan", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"1 Long Form Video", "Structured edits", "Clean pacing", "Music & sound", "Basic thumbnail"
|
|
]
|
|
},
|
|
{
|
|
id: "growth-long", tag: "Growth Package", price: "£300", period: "per batch", description: "Build momentum with consistent uploads.", button: { text: "Choose Plan", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"2 Long Form Videos", "Professional structured edits", "Clean pacing & transitions", "Music & sound adjustments", "Thumbnail creation", "Quality assurance pass"
|
|
]
|
|
},
|
|
{
|
|
id: "pro-long", tag: "Pro Package", price: "£500", period: "per batch", description: "Maximum quality and frequency.", button: { text: "Choose Plan", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"4 Long Form Videos", "Premium structured editing", "Professional pacing & flow", "Advanced audio design", "Custom thumbnails", "Color grading", "Priority support"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Long form pricing"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-leysath" data-section="why-leysath">
|
|
<TextSplitAbout
|
|
title="Focus on Creating, Not Editing"
|
|
description={[
|
|
"Creators should be spending their time filming more content, improving content quality, and testing new ideas.", "You should be growing your audience and scaling your monetization, not spending hours behind the editing timeline.", "Leysath Lab removes the editing bottleneck so you can maintain consistent content output and focus on what actually grows your brand."
|
|
]}
|
|
useInvertedBackground={false}
|
|
showBorder={false}
|
|
ariaLabel="Why choose Leysath Lab"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Alex Chen", imageSrc: "http://img.b2bpic.net/free-photo/seriously-blogger-man-is-sitting-front-his-mini-camera-blue-background_176474-118114.jpg", imageAlt: "Alex Chen, YouTuber"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-cv_23-2149927574.jpg", imageAlt: "Sarah Johnson, Content Creator"
|
|
},
|
|
{
|
|
id: "3", name: "Marcus Williams", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageAlt: "Marcus Williams, Brand Manager"
|
|
},
|
|
{
|
|
id: "4", name: "Emma Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Emma Rodriguez, Podcaster"
|
|
},
|
|
{
|
|
id: "5", name: "James Park", imageSrc: "http://img.b2bpic.net/free-photo/front-view-queer-person-work_23-2150617769.jpg", imageAlt: "James Park, Brand Executive"
|
|
},
|
|
{
|
|
id: "6", name: "Lisa Thompson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", imageAlt: "Lisa Thompson, Influencer"
|
|
}
|
|
]}
|
|
cardTitle="Trusted by creators and brands who want to scale without the editing headache"
|
|
cardTag="See what they say"
|
|
cardTagIcon={Star}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Testimonials from our clients"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to reclaim your time and scale your content? Let's create something amazing together."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Get Started Today", href: "#" },
|
|
{ text: "Email Us", href: "mailto:contact@leysathlab.com" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
ariaLabel="Get in touch with Leysath Lab"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Leysath Lab"
|
|
copyrightText="© 2025 Leysath Lab. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Short Form Editing", href: "#pricing-short" },
|
|
{ label: "Long Form Editing", href: "#pricing-long" },
|
|
{ label: "How It Works", href: "#how-it-works" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#audience" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Email", href: "mailto:contact@leysathlab.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" }
|
|
]
|
|
}
|
|
]}
|
|
ariaLabel="Site footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |