Merge version_1 into main #2
@@ -38,7 +38,8 @@ export default function LandingPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "View Our Work", href: "#portfolio"}}
|
||||
text: "View Our Work", href: "#portfolio"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -55,16 +56,17 @@ export default function LandingPage() {
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/filmmaker-refining-movie-footage_482257-121322.jpg?_wi=1", imageAlt: "Premium motion graphics showcase"},
|
||||
"http://img.b2bpic.net/free-photo/filmmaker-refining-movie-footage_482257-121322.jpg", imageAlt: "Premium motion graphics showcase"
|
||||
},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/man-works-with-sound-laptop-early-morning_169016-26761.jpg", imageAlt: "Video editing and animation work"},
|
||||
"http://img.b2bpic.net/free-photo/man-works-with-sound-laptop-early-morning_169016-26761.jpg", imageAlt: "Video editing and animation work"
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by Leading Brands"
|
||||
ariaLabel="Hero section showcasing motion graphics expertise"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -72,7 +74,8 @@ export default function LandingPage() {
|
||||
<TextSplitAbout
|
||||
title="About Studio Motion"
|
||||
description={[
|
||||
"We are a boutique motion graphics and video editing agency specializing in premium visual content creation for luxury brands and forward-thinking companies. Our philosophy centers on elegant minimalism—we believe great motion design speaks through restraint, not excess.", "With over a decade of experience across commercial production, brand storytelling, and digital marketing, our team combines technical mastery with creative vision. We don't just produce videos; we craft experiences that resonate with discerning audiences and drive measurable business results.", "Every project begins with deep strategic thinking. We collaborate closely with clients to understand their brand DNA, market positioning, and unique audience needs. The result is motion that doesn't just look beautiful—it connects, converts, and endures."]}
|
||||
"We are a boutique motion graphics and video editing agency specializing in premium visual content creation for luxury brands and forward-thinking companies. Our philosophy centers on elegant minimalism—we believe great motion design speaks through restraint, not excess.", "With over a decade of experience across commercial production, brand storytelling, and digital marketing, our team combines technical mastery with creative vision. We don't just produce videos; we craft experiences that resonate with discerning audiences and drive measurable business results.", "Every project begins with deep strategic thinking. We collaborate closely with clients to understand their brand DNA, market positioning, and unique audience needs. The result is motion that doesn't just look beautiful—it connects, converts, and endures."
|
||||
]}
|
||||
buttons={[{ text: "Let's Create Together", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
showBorder={true}
|
||||
@@ -95,22 +98,26 @@ export default function LandingPage() {
|
||||
id: 1,
|
||||
title: "Research & Strategy", description:
|
||||
"We begin with in-depth analysis of your brand, audience, market trends, and competitive landscape. This foundation informs every creative decision moving forward.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/business-people-are-brainstorming_53876-137640.jpg", imageAlt: "Research and strategy phase"},
|
||||
"http://img.b2bpic.net/free-photo/business-people-are-brainstorming_53876-137640.jpg", imageAlt: "Research and strategy phase"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Concept & Direction", description:
|
||||
"Through collaborative workshops and creative brainstorming, we develop compelling concepts, visual treatments, and motion strategies that align with your brand identity.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/mother-offering-task-daughter_23-2147848711.jpg", imageAlt: "Creative concept development"},
|
||||
"http://img.b2bpic.net/free-photo/mother-offering-task-daughter_23-2147848711.jpg", imageAlt: "Creative concept development"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Production & Execution", description:
|
||||
"Our team brings concepts to life through expert cinematography, animation, and motion design. Every frame is crafted with meticulous attention to detail.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/professional-cameraman-recording-poeple-watching-football-public-place-night_1268-18138.jpg", imageAlt: "Video production and filming"},
|
||||
"http://img.b2bpic.net/free-photo/professional-cameraman-recording-poeple-watching-football-public-place-night_1268-18138.jpg", imageAlt: "Video production and filming"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Polish & Delivery", description:
|
||||
"Final stage involves color grading, sound design, visual effects refinement, and optimization for all platforms. We deliver premium-quality assets ready for immediate deployment.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/green-screen-tablet-desk-multimedia-agency-video-editor-working-production-company_482257-82188.jpg", imageAlt: "Final post-production and delivery"},
|
||||
"http://img.b2bpic.net/free-photo/green-screen-tablet-desk-multimedia-agency-video-editor-working-production-company_482257-82188.jpg", imageAlt: "Final post-production and delivery"
|
||||
},
|
||||
]}
|
||||
ariaLabel="Our creative process timeline"
|
||||
buttonAnimation="slide-up"
|
||||
@@ -129,13 +136,16 @@ export default function LandingPage() {
|
||||
products={[
|
||||
{
|
||||
id: "case-1", name: "Luxury Brand Motion Campaign", price: "High-End Commercial", variant: "Premium Cinematography · Full Motion Design", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292813.jpg", imageAlt: "Luxury brand motion campaign showcase"},
|
||||
"http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292813.jpg", imageAlt: "Luxury brand motion campaign showcase"
|
||||
},
|
||||
{
|
||||
id: "case-2", name: "Product Launch Visual Story", price: "Product Marketing", variant: "3D Animation · Brand Integration", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/handsome-young-blogger-recording-station_1303-21988.jpg", imageAlt: "Product launch video production"},
|
||||
"http://img.b2bpic.net/free-photo/handsome-young-blogger-recording-station_1303-21988.jpg", imageAlt: "Product launch video production"
|
||||
},
|
||||
{
|
||||
id: "case-3", name: "Brand Documentary Series", price: "Documentary Content", variant: "Storytelling · Color Grading", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/cozy-dark-loft-attractive-student-is-sitting-table-while-studying_613910-13260.jpg", imageAlt: "Brand documentary video series"},
|
||||
"http://img.b2bpic.net/free-photo/cozy-dark-loft-attractive-student-is-sitting-table-while-studying_613910-13260.jpg", imageAlt: "Brand documentary video series"
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -155,27 +165,33 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "1", name: "Sarah Chen", role: "Chief Marketing Officer", company: "Luxe Brands Group", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Sarah Chen testimonial"},
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Chen testimonial"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Richardson", role: "Creative Director", company: "Global Design Studio", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg", imageAlt: "Michael Richardson testimonial"},
|
||||
"http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg", imageAlt: "Michael Richardson testimonial"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Elena Rossi", role: "Head of Creative", company: "Premium Marketing Co", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", imageAlt: "Elena Rossi testimonial"},
|
||||
"http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", imageAlt: "Elena Rossi testimonial"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Park", role: "Director of Marketing", company: "International Brand Ltd", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "David Park testimonial"},
|
||||
"http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "David Park testimonial"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Jessica Thompson", role: "VP Marketing", company: "Innovation Digital", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg", imageAlt: "Jessica Thompson testimonial"},
|
||||
"http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg", imageAlt: "Jessica Thompson testimonial"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Marcus Williams", role: "Creative Lead", company: "Avant Garde Studios", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Marcus Williams testimonial"},
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Marcus Williams testimonial"
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "180+", label: "Projects Completed" },
|
||||
@@ -199,9 +215,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Adobe Creative Cloud", "Apple Marketing", "Google Creative Lab", "Nike Global", "Sony Entertainment", "Netflix Originals", "Tesla Innovation", "Mercedes-Benz Design"]}
|
||||
"Adobe Creative Cloud", "Apple Marketing", "Google Creative Lab", "Nike Global", "Sony Entertainment", "Netflix Originals", "Tesla Innovation", "Mercedes-Benz Design"
|
||||
]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/gradient-abstract-disco-party-youtube-channel-art_23-2149250849.jpg", "http://img.b2bpic.net/free-vector/basic-rgb_53876-37667.jpg", "http://img.b2bpic.net/free-photo/woman-holding-g-letter_1149-1839.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-track-field-logo_23-2149205635.jpg", "http://img.b2bpic.net/free-vector/music-logo-template_23-2149705569.jpg", "http://img.b2bpic.net/free-photo/movies-entertainment-events-digital-media_53876-122553.jpg", "http://img.b2bpic.net/free-vector/futuristic-personal-trainer-logo_23-2149537120.jpg", "http://img.b2bpic.net/free-vector/realistic-metallic-car-logo_23-2148477989.jpg"]}
|
||||
"http://img.b2bpic.net/free-vector/gradient-abstract-disco-party-youtube-channel-art_23-2149250849.jpg", "http://img.b2bpic.net/free-vector/basic-rgb_53876-37667.jpg", "http://img.b2bpic.net/free-photo/woman-holding-g-letter_1149-1839.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-track-field-logo_23-2149205635.jpg", "http://img.b2bpic.net/free-vector/music-logo-template_23-2149705569.jpg", "http://img.b2bpic.net/free-photo/movies-entertainment-events-digital-media_53876-122553.jpg", "http://img.b2bpic.net/free-vector/futuristic-personal-trainer-logo_23-2149537120.jpg", "http://img.b2bpic.net/free-vector/realistic-metallic-car-logo_23-2148477989.jpg"
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
ariaLabel="Brand partners and social proof"
|
||||
@@ -220,22 +238,28 @@ export default function LandingPage() {
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What's your typical project timeline?", content:
|
||||
"Project timelines vary based on scope and complexity. A typical commercial project ranges from 4-8 weeks from concept to final delivery. Rush projects are available for qualified clients. We always discuss realistic timelines during the initial consultation to ensure alignment with your needs."},
|
||||
"Project timelines vary based on scope and complexity. A typical commercial project ranges from 4-8 weeks from concept to final delivery. Rush projects are available for qualified clients. We always discuss realistic timelines during the initial consultation to ensure alignment with your needs."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Do you work with international brands?", content:
|
||||
"Yes, we work with clients globally. Our team has experience creating content for international brands across multiple markets and languages. We understand cultural nuances and can tailor motion design strategies for specific regional audiences while maintaining brand consistency."},
|
||||
"Yes, we work with clients globally. Our team has experience creating content for international brands across multiple markets and languages. We understand cultural nuances and can tailor motion design strategies for specific regional audiences while maintaining brand consistency."
|
||||
},
|
||||
{
|
||||
id: "3", title: "What services are included in a typical project?", content:
|
||||
"Our comprehensive services include strategic consulting, concept development, storyboarding, cinematography, motion graphics design, animation, color grading, sound design, and final delivery optimization. We customize packages based on your specific needs and budget."},
|
||||
"Our comprehensive services include strategic consulting, concept development, storyboarding, cinematography, motion graphics design, animation, color grading, sound design, and final delivery optimization. We customize packages based on your specific needs and budget."
|
||||
},
|
||||
{
|
||||
id: "4", title: "How do you approach the creative direction process?", content:
|
||||
"We begin with collaborative workshops to understand your brand vision, target audience, and business objectives. Our team develops multiple creative directions for your review, gathers feedback, and refines concepts until we achieve alignment. This collaborative approach ensures the final product exceeds expectations."},
|
||||
"We begin with collaborative workshops to understand your brand vision, target audience, and business objectives. Our team develops multiple creative directions for your review, gathers feedback, and refines concepts until we achieve alignment. This collaborative approach ensures the final product exceeds expectations."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Can you handle post-production for existing footage?", content:
|
||||
"Absolutely. We offer comprehensive post-production services including color grading, editing, motion graphics integration, visual effects, sound design, and animation. Whether you have raw footage or need finishing touches, we can enhance your content to professional broadcast standards."},
|
||||
"Absolutely. We offer comprehensive post-production services including color grading, editing, motion graphics integration, visual effects, sound design, and animation. Whether you have raw footage or need finishing touches, we can enhance your content to professional broadcast standards."
|
||||
},
|
||||
{
|
||||
id: "6", title: "What's your revision policy?", content:
|
||||
"We include a set number of revision rounds based on your project package. We're committed to getting it right and work iteratively with you until you're satisfied. Additional revisions beyond the included rounds are available at reasonable rates."},
|
||||
"We include a set number of revision rounds based on your project package. We're committed to getting it right and work iteratively with you until you're satisfied. Additional revisions beyond the included rounds are available at reasonable rates."
|
||||
},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
animationType="smooth"
|
||||
@@ -249,7 +273,8 @@ export default function LandingPage() {
|
||||
ctaTitle="Let's Create Magic Together"
|
||||
ctaDescription="Ready to elevate your brand with premium motion graphics? Contact our team for a personalized consultation."
|
||||
ctaButton={{
|
||||
text: "Schedule a Consultation", href: "https://calendly.com/studiomotion"}}
|
||||
text: "Schedule a Consultation", href: "https://calendly.com/studiomotion"
|
||||
}}
|
||||
ctaIcon={Sparkles}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
@@ -258,16 +283,20 @@ export default function LandingPage() {
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What's the first step in working with Studio Motion?", content:
|
||||
"The first step is a free 30-minute discovery call where we learn about your brand, project goals, timeline, and budget. This helps us understand if we're the right fit and allows us to provide tailored recommendations for your specific needs."},
|
||||
"The first step is a free 30-minute discovery call where we learn about your brand, project goals, timeline, and budget. This helps us understand if we're the right fit and allows us to provide tailored recommendations for your specific needs."
|
||||
},
|
||||
{
|
||||
id: "2", title: "How do we get started on a project?", content:
|
||||
"After our initial consultation, we'll prepare a detailed project proposal outlining scope, timeline, deliverables, and investment. Once approved, we'll schedule a kick-off meeting to formally begin the creative process with strategic workshops and planning."},
|
||||
"After our initial consultation, we'll prepare a detailed project proposal outlining scope, timeline, deliverables, and investment. Once approved, we'll schedule a kick-off meeting to formally begin the creative process with strategic workshops and planning."
|
||||
},
|
||||
{
|
||||
id: "3", title: "What communication should I expect during production?", content:
|
||||
"We maintain regular communication throughout the project. You'll receive progress updates, have opportunities to review work in designated review stages, and can provide feedback at each milestone. We're accessible and responsive to your needs."},
|
||||
"We maintain regular communication throughout the project. You'll receive progress updates, have opportunities to review work in designated review stages, and can provide feedback at each milestone. We're accessible and responsive to your needs."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Can we extend our relationship beyond a single project?", content:
|
||||
"Yes! Many of our best clients have evolved into long-term partnerships. We offer retainer packages and ongoing creative direction services for brands looking to maintain consistent premium motion content production over time."},
|
||||
"Yes! Many of our best clients have evolved into long-term partnerships. We offer retainer packages and ongoing creative direction services for brands looking to maintain consistent premium motion content production over time."
|
||||
},
|
||||
]}
|
||||
ariaLabel="Contact and FAQ section"
|
||||
/>
|
||||
@@ -275,7 +304,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/filmmaker-refining-movie-footage_482257-121322.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/filmmaker-refining-movie-footage_482257-121322.jpg"
|
||||
imageAlt="Studio Motion footer background"
|
||||
logoText="Studio Motion"
|
||||
copyrightText="© 2025 Studio Motion. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user