296 lines
16 KiB
TypeScript
296 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Award, Clock, Crop, Diamond, DollarSign, Facebook, Feather, Film, HelpCircle, Instagram, MessageSquare, Send, Smile, Sparkles, Star, Volume2 } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="none"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "Portfolio", id: "portfolio"},
|
|
{
|
|
name: "About Us", id: "about"},
|
|
{
|
|
name: "Pricing", id: "pricing"},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
{
|
|
name: "FAQ", id: "faq"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="EditPro Studio"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Transform Your Vision into Cinematic Reality"
|
|
description="Expert video editing services for businesses, creators, and special events. We bring your stories to life with precision and creativity."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg", alt: "Client Sarah J."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg", alt: "Client Michael K."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg", alt: "Client Emily R."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", alt: "Client David S."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-young-hipster-man-hazel-eyes-wearing-trendy-plaid-shirt-posing-near-city-cafe_291049-1499.jpg", alt: "Client Jessica P."},
|
|
]}
|
|
avatarText="Trusted by over 100+ satisfied clients"
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Quote", href: "#contact"},
|
|
{
|
|
text: "View Our Portfolio", href: "#portfolio"},
|
|
]}
|
|
buttonAnimation="opacity"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Precision Editing", icon: Crop,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Creative Storytelling", icon: Feather,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Stunning Visuals", icon: Sparkles,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Crystal Clear Audio", icon: Volume2,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Timely Delivery", icon: Clock,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Client Satisfaction", icon: Smile,
|
|
},
|
|
]}
|
|
marqueeSpeed={30}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text", content: "About Our Dedicated Video Editing Studio"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Discover Our Story", href: "#"},
|
|
]}
|
|
buttonAnimation="opacity"
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-streaming-home-studio-equipped-with-professional-streaming-equipment_482257-547.jpg"
|
|
imageAlt="Modern video editing studio setup"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
negativeCard={{
|
|
items: [
|
|
"Inconsistent visual style", "Lack of engaging transitions", "Poor audio quality", "Missed deadlines", "Generic stock footage"],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Cohesive brand aesthetic", "Dynamic, creative cuts", "Crystal-clear sound design", "Timely project delivery", "Custom-selected visuals"],
|
|
}}
|
|
title="Our Specialized Video Editing Services"
|
|
description="From raw footage to polished masterpiece, we handle every detail to deliver captivating visual stories."
|
|
tag="What We Offer"
|
|
tagIcon={Sparkles}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Corporate Brand Film", price: "Custom Quote", variant: "Business", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066395.jpg", imageAlt: "Corporate Brand Film Showcase"},
|
|
{
|
|
id: "p2", name: "Wedding Highlight Reel", price: "Starting at $800", variant: "Events", imageSrc: "http://img.b2bpic.net/free-photo/trekking-forest_53876-13441.jpg", imageAlt: "Wedding Highlight Reel Sample"},
|
|
{
|
|
id: "p3", name: "Social Media Adverts", price: "Starting at $300", variant: "Marketing", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-beauty-blogger-woman-recording-video-her-putting-makeup-talking-camera-making_1258-281645.jpg", imageAlt: "Social Media Advertisement"},
|
|
{
|
|
id: "p4", name: "Documentary Editing", price: "Custom Quote", variant: "Long Form", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-darkroom_23-2149893951.jpg", imageAlt: "Documentary Project"},
|
|
{
|
|
id: "p5", name: "Music Video Production", price: "Starting at $1200", variant: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862181.jpg", imageAlt: "Music Video Edit"},
|
|
{
|
|
id: "p6", name: "Real Estate Showcase", price: "Starting at $500", variant: "Property", imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-indoors-with-book_23-2149548505.jpg", imageAlt: "Real Estate Video Walkthrough"},
|
|
]}
|
|
title="Our Featured Projects"
|
|
description="A showcase of our diverse video editing expertise across various industries and creative demands."
|
|
tag="Our Work"
|
|
tagIcon={Film}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic", tag: "Starter", tagIcon: Star,
|
|
price: "$499", period: "/ project", description: "Ideal for short-form content and quick edits.", button: {
|
|
text: "Choose Basic"},
|
|
featuresTitle: "Includes:", features: [
|
|
"Up to 5 minutes of finished video", "Basic color correction", "Sound mixing", "One round of revisions"],
|
|
},
|
|
{
|
|
id: "pro", tag: "Professional", tagIcon: Award,
|
|
price: "$999", period: "/ project", description: "Perfect for polished brand videos and events.", button: {
|
|
text: "Choose Pro"},
|
|
featuresTitle: "Includes:", features: [
|
|
"Up to 15 minutes of finished video", "Advanced color grading", "Professional sound design", "Two rounds of revisions", "Motion graphics integration"],
|
|
},
|
|
{
|
|
id: "premium", tag: "Enterprise", tagIcon: Diamond,
|
|
price: "Custom", period: "/ project", description: "For complex projects and ongoing partnership needs.", button: {
|
|
text: "Contact for Quote"},
|
|
featuresTitle: "Includes:", features: [
|
|
"Unlimited video length", "Cinematic color grading", "Original sound scoring", "Priority support & unlimited revisions", "Advanced VFX & 3D elements"],
|
|
},
|
|
]}
|
|
title="Flexible Pricing Plans"
|
|
description="Tailored packages to fit your project needs and budget, ensuring quality without compromise."
|
|
tag="Pricing"
|
|
tagIcon={DollarSign}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sarah Johnson", role: "Marketing Director, TechSolutions", testimonial: "EditPro Studio transformed our raw footage into a captivating brand story. Their attention to detail and creative input were exceptional!", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg", imageAlt: "Sarah Johnson"},
|
|
{
|
|
id: "t2", name: "Michael Chen", role: "Event Coordinator, Grand Events Co.", testimonial: "Our wedding highlight reel was more beautiful than we ever imagined. The team captured every emotion perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", imageAlt: "Michael Chen"},
|
|
{
|
|
id: "t3", name: "Emily Rodriguez", role: "Content Creator, Emily's Adventures", testimonial: "Fast, reliable, and incredibly talented. EditPro Studio consistently elevates my social media content to the next level.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-earrings-yellow-sweater_273609-4974.jpg", imageAlt: "Emily Rodriguez"},
|
|
{
|
|
id: "t4", name: "David Kim", role: "Real Estate Agent, Elite Properties", testimonial: "The property showcase video they created helped us sell a luxury listing faster than expected. Truly professional work.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-space-buns-yellow-turtleneck_273609-6932.jpg", imageAlt: "David Kim"},
|
|
{
|
|
id: "t5", name: "Jessica Perez", role: "Indie Filmmaker", testimonial: "Their documentary editing brought clarity and impact to our complex narrative. A fantastic partner for any serious project.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-speaking-phone_23-2147760930.jpg", imageAlt: "Jessica Perez"},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear directly from those who've experienced our commitment to excellence and transformative video editing services."
|
|
tag="Client Stories"
|
|
tagIcon={MessageSquare}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "What is your typical turnaround time?", content: "Turnaround time varies based on project complexity and length. For standard projects, expect 3-7 business days. Expedited services are available upon request."},
|
|
{
|
|
id: "q2", title: "What kind of footage do you accept?", content: "We accept footage from all common cameras and devices, including DSLRs, mirrorless cameras, smartphones, drones, and professional cinema cameras. Raw files, ProRes, H.264, and more are all compatible."},
|
|
{
|
|
id: "q3", title: "Do you offer custom music or sound design?", content: "Yes, we can source royalty-free music, work with licensed tracks you provide, or create custom sound designs to perfectly match your video's mood and message. Original scoring is available for premium packages."},
|
|
{
|
|
id: "q4", title: "How does the revision process work?", content: "Each plan includes a specific number of revision rounds. You'll receive a draft, provide feedback, and we'll implement changes. Our goal is to ensure you are 100% satisfied with the final product."},
|
|
{
|
|
id: "q5", title: "Can you work with existing branding guidelines?", content: "Absolutely! We excel at integrating your brand's specific colors, fonts, logos, and animation styles to ensure consistency across all your video content."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our video editing process, pricing, and project collaboration."
|
|
tag="Need Answers?"
|
|
tagIcon={HelpCircle}
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Ready to Start?"
|
|
title="Let's Create Something Amazing"
|
|
description="Get a personalized quote or discuss your project in detail. We're eager to hear your ideas and bring them to life."
|
|
tagIcon={Send}
|
|
imageSrc="http://img.b2bpic.net/free-photo/writing-near-cinematography-halloween-supplies_23-2147894259.jpg"
|
|
imageAlt="Video editing equipment"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Get a Free Quote"
|
|
termsText="By clicking 'Get a Free Quote', you're confirming that you agree with our Terms and Conditions and Privacy Policy."
|
|
onSubmit={(email) => console.log('Email submitted:', email)}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="EditPro Studio"
|
|
copyrightText="© 2024 EditPro Studio. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "#", ariaLabel: "Facebook"},
|
|
{
|
|
icon: Instagram,
|
|
href: "#", ariaLabel: "Instagram"},
|
|
{
|
|
icon: Film,
|
|
href: "#", ariaLabel: "YouTube"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|