Merge version_1 into main #2
167
src/app/page.tsx
167
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Templates",
|
||||
id: "templates",
|
||||
},
|
||||
name: "Templates", id: "templates"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MotionFlow"
|
||||
/>
|
||||
@@ -56,9 +48,7 @@ export default function LandingPage() {
|
||||
description="Premium motion graphics templates for creators. Save hours of editing time and level up your production quality with Apple-style transitions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Templates",
|
||||
href: "#templates",
|
||||
},
|
||||
text: "Browse Templates", href: "#templates"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103242.jpg"
|
||||
imageAlt="Motion graphics hero background"
|
||||
@@ -70,14 +60,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Elevate Your Editing Workflow",
|
||||
},
|
||||
type: "text", content: "Elevate Your Editing Workflow"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/manufacture-production-industry-ideas-concept_53876-132214.jpg",
|
||||
alt: "Video editing studio",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/manufacture-production-industry-ideas-concept_53876-132214.jpg", alt: "Video editing studio"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -89,32 +74,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Ultra-Fast Transitions",
|
||||
tags: [
|
||||
"Speed",
|
||||
"Quality",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-abstract-motion-blur-background_53876-104263.jpg?_wi=1",
|
||||
},
|
||||
id: "1", title: "Ultra-Fast Transitions", tags: [
|
||||
"Speed", "Quality"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-abstract-motion-blur-background_53876-104263.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Seamless Automation",
|
||||
tags: [
|
||||
"Save Time",
|
||||
"Workflow",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-laptop-white-background-top-view_169016-33674.jpg",
|
||||
},
|
||||
id: "2", title: "Seamless Automation", tags: [
|
||||
"Save Time", "Workflow"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-laptop-white-background-top-view_169016-33674.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Cinematic Finishing",
|
||||
tags: [
|
||||
"Premium",
|
||||
"Pro Look",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-blurred-candle_23-2147785781.jpg",
|
||||
},
|
||||
id: "3", title: "Cinematic Finishing", tags: [
|
||||
"Premium", "Pro Look"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-blurred-candle_23-2147785781.jpg"},
|
||||
]}
|
||||
title="Why Professional Editors Choose Us"
|
||||
description="Optimized tools built to bridge the gap between amateur projects and professional cinematic masterpieces."
|
||||
@@ -129,47 +99,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "UI Transition Pack",
|
||||
price: "$29",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-dark-blue-with-black-vignette-studio-well-use-as-background-business-report-digital-website-template-backdrop_1258-79051.jpg",
|
||||
},
|
||||
id: "p1", name: "UI Transition Pack", price: "$29", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-dark-blue-with-black-vignette-studio-well-use-as-background-business-report-digital-website-template-backdrop_1258-79051.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fluid Reels Kit",
|
||||
price: "$45",
|
||||
variant: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617900.jpg",
|
||||
},
|
||||
id: "p2", name: "Fluid Reels Kit", price: "$45", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617900.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Text Reveal Bundle",
|
||||
price: "$35",
|
||||
variant: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-light-painting-with-dark-background_23-2149679074.jpg",
|
||||
},
|
||||
id: "p3", name: "Text Reveal Bundle", price: "$35", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/white-light-painting-with-dark-background_23-2149679074.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Camera Shake Pro",
|
||||
price: "$19",
|
||||
variant: "Dynamic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-pink-camera-lens-with-shadow-blue-light_23-2148084317.jpg",
|
||||
},
|
||||
id: "p4", name: "Camera Shake Pro", price: "$19", variant: "Dynamic", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-pink-camera-lens-with-shadow-blue-light_23-2148084317.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Ultra Zoom Suite",
|
||||
price: "$59",
|
||||
variant: "Cinematic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-abstract-motion-blur-background_53876-104263.jpg?_wi=2",
|
||||
},
|
||||
id: "p5", name: "Ultra Zoom Suite", price: "$59", variant: "Cinematic", imageSrc: "http://img.b2bpic.net/free-photo/green-abstract-motion-blur-background_53876-104263.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pro Light Leaks",
|
||||
price: "$25",
|
||||
variant: "Essentials",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9648.jpg",
|
||||
},
|
||||
id: "p6", name: "Pro Light Leaks", price: "$25", variant: "Essentials", imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9648.jpg"},
|
||||
]}
|
||||
title="Motion Graphics Assets"
|
||||
description="Ready-to-use professional assets that save time and look amazing."
|
||||
@@ -178,44 +118,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_film",
|
||||
testimonial: "These templates saved me hours on my latest client project. Absolute game changer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "@sarah_film", testimonial: "These templates saved me hours on my latest client project. Absolute game changer.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Davidson",
|
||||
handle: "@mark_cuts",
|
||||
testimonial: "Finally, professional transitions that don't look cheap. Extremely clean.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1536.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Davidson", handle: "@mark_cuts", testimonial: "Finally, professional transitions that don't look cheap. Extremely clean.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1536.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chloe Smith",
|
||||
handle: "@chloe_creatives",
|
||||
testimonial: "The quality is unmatched. My reels engagement has gone up instantly since I started using these.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149362876.jpg",
|
||||
},
|
||||
id: "3", name: "Chloe Smith", handle: "@chloe_creatives", testimonial: "The quality is unmatched. My reels engagement has gone up instantly since I started using these.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149362876.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Zhou",
|
||||
handle: "@david_edits",
|
||||
testimonial: "Easy to integrate and look incredible. Highly recommend to any pro.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
||||
},
|
||||
id: "4", name: "David Zhou", handle: "@david_edits", testimonial: "Easy to integrate and look incredible. Highly recommend to any pro.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_visuals",
|
||||
testimonial: "A must-have for any serious motion graphics editor. Exceptional work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-neon-lit-apartment-using-phone-selfie-stick-capture-vlog-intro_482257-119095.jpg",
|
||||
},
|
||||
id: "5", name: "Elena Rodriguez", handle: "@elena_visuals", testimonial: "A must-have for any serious motion graphics editor. Exceptional work.", imageSrc: "http://img.b2bpic.net/free-photo/girl-neon-lit-apartment-using-phone-selfie-stick-capture-vlog-intro_482257-119095.jpg"},
|
||||
]}
|
||||
title="Loved by Creators"
|
||||
description="See why professional editors trust our assets."
|
||||
@@ -226,16 +142,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to transform your edits?"
|
||||
description="Have questions about our templates? Let's discuss your production needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@motionflow.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@motionflow.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -246,33 +159,23 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Templates",
|
||||
href: "#templates",
|
||||
},
|
||||
label: "Templates", href: "#templates"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "mailto:hello@motionflow.com",
|
||||
},
|
||||
label: "Contact", href: "mailto:hello@motionflow.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user