Merge version_1 into main #2
155
src/app/page.tsx
155
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Presets",
|
||||
id: "presets",
|
||||
},
|
||||
name: "Presets", id: "presets"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Results", id: "metrics"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="MotionPro"
|
||||
/>
|
||||
@@ -54,42 +46,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Dominate Your Niche with Alight Motion"
|
||||
description="Unlock premium editing workflows and viral-ready presets used by top-tier creators to gain millions of views."
|
||||
tag="Trusted by 500+ Creators"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Presets",
|
||||
href: "#presets",
|
||||
},
|
||||
text: "Get Presets", href: "#presets"},
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Consultation", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/professional-futuristic-video-editor-das-1774684055429-91f217da.png",
|
||||
imageAlt: "Editing Dashboard",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/professional-futuristic-video-editor-das-1774684055429-91f217da.png", imageAlt: "Editing Dashboard"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/abstract-motion-graphic-waves-glowing-in-1774684054945-ba67bede.png",
|
||||
imageAlt: "Abstract Wave",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/close-up-of-an-ultra-modern-motion-blur--1774684055476-d1f3685c.png?_wi=1",
|
||||
imageAlt: "Motion Blur Effect",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/futuristic-3d-zoom-transition-effect-pre-1774684055213-54bc60d7.png?_wi=1",
|
||||
imageAlt: "3D Zoom Transition",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/high-impact-beat-sync-transition-visual--1774684055153-742ad6a9.png?_wi=1",
|
||||
imageAlt: "Beat Sync Visuals",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/abstract-motion-graphic-waves-glowing-in-1774684054945-ba67bede.png", imageAlt: "Abstract Wave"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -104,19 +75,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Presets Created",
|
||||
value: "100+",
|
||||
},
|
||||
label: "Presets Created", value: "100+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Clients Served",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Clients Served", value: "500+"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Average View Boost",
|
||||
value: "300%",
|
||||
},
|
||||
label: "Average View Boost", value: "300%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -124,28 +89,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="presets" data-section="presets">
|
||||
<ProductCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Sigma Velocity Bundle",
|
||||
price: "₹2,999",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/close-up-of-an-ultra-modern-motion-blur--1774684055476-d1f3685c.png?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Sigma Velocity Bundle", price: "₹2,999", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/close-up-of-an-ultra-modern-motion-blur--1774684055476-d1f3685c.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "3D Cinematic Master",
|
||||
price: "₹3,499",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/futuristic-3d-zoom-transition-effect-pre-1774684055213-54bc60d7.png?_wi=2",
|
||||
},
|
||||
id: "p2", name: "3D Cinematic Master", price: "₹3,499", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/futuristic-3d-zoom-transition-effect-pre-1774684055213-54bc60d7.png"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "BeatSync Power Pack",
|
||||
price: "₹1,999",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/high-impact-beat-sync-transition-visual--1774684055153-742ad6a9.png?_wi=2",
|
||||
},
|
||||
id: "p3", name: "BeatSync Power Pack", price: "₹1,999", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/high-impact-beat-sync-transition-visual--1774684055153-742ad6a9.png"},
|
||||
]}
|
||||
title="Exclusive Preset Collection"
|
||||
description="Hand-picked, high-impact presets designed to make every frame count."
|
||||
@@ -159,40 +113,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex J.",
|
||||
role: "Gym Influencer",
|
||||
testimonial: "These presets literally tripled my engagement in a week.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/successful-young-content-creator-smiling-1774684055762-1e248d18.png?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Alex J.", role: "Gym Influencer", testimonial: "These presets literally tripled my engagement in a week.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/successful-young-content-creator-smiling-1774684055762-1e248d18.png"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maya R.",
|
||||
role: "Content Studio",
|
||||
testimonial: "My editing speed increased by 400%. Unbelievable results.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/professional-gym-influencer-influencer-s-1774684055449-17379650.png",
|
||||
},
|
||||
id: "t2", name: "Maya R.", role: "Content Studio", testimonial: "My editing speed increased by 400%. Unbelievable results.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/professional-gym-influencer-influencer-s-1774684055449-17379650.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam K.",
|
||||
role: "Fashion Creator",
|
||||
testimonial: "Quality that looks like 1 Lakh production.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/young-female-fashion-influencer-looking--1774684055296-45590fa4.png",
|
||||
},
|
||||
id: "t3", name: "Sam K.", role: "Fashion Creator", testimonial: "Quality that looks like 1 Lakh production.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/young-female-fashion-influencer-looking--1774684055296-45590fa4.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "Professional, easy to use, and high-impact.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/male-professional-entrepreneur-with-a-cl-1774684054601-66416070.png",
|
||||
},
|
||||
id: "t4", name: "David L.", role: "Entrepreneur", testimonial: "Professional, easy to use, and high-impact.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/male-professional-entrepreneur-with-a-cl-1774684054601-66416070.png"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena M.",
|
||||
role: "Tech Reviewer",
|
||||
testimonial: "The precision in these motion blur presets is unmatched.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/successful-young-content-creator-smiling-1774684055762-1e248d18.png?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Elena M.", role: "Tech Reviewer", testimonial: "The precision in these motion blur presets is unmatched.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B125PZqs8ZWr8VLG8OQmejSSF6/successful-young-content-creator-smiling-1774684055762-1e248d18.png"},
|
||||
]}
|
||||
title="Creators Who Scaled"
|
||||
description="Hear from the editors changing the game."
|
||||
@@ -204,20 +133,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are these presets compatible with Alight Motion?",
|
||||
content: "Yes, all presets are 100% optimized for Alight Motion on Android and iOS.",
|
||||
},
|
||||
id: "f1", title: "Are these presets compatible with Alight Motion?", content: "Yes, all presets are 100% optimized for Alight Motion on Android and iOS."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I get updates for free?",
|
||||
content: "All packages come with lifetime access to any new updates.",
|
||||
},
|
||||
id: "f2", title: "Do I get updates for free?", content: "All packages come with lifetime access to any new updates."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I use these for commercial projects?",
|
||||
content: "Yes, once purchased, you have full license to use them for client work.",
|
||||
},
|
||||
id: "f3", title: "Can I use these for commercial projects?", content: "Yes, once purchased, you have full license to use them for client work."},
|
||||
]}
|
||||
sideTitle="Expert Answers"
|
||||
sideDescription="Everything you need to know about starting your editing career."
|
||||
@@ -229,16 +149,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Let's Work Together"
|
||||
title="Ready to scale your content?"
|
||||
description="Join the elite editing circle and start charging premium rates today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "mailto:hello@motionpro.com",
|
||||
},
|
||||
text: "Contact Me", href: "mailto:hello@motionpro.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -249,33 +166,23 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Presets",
|
||||
href: "#presets",
|
||||
},
|
||||
label: "Presets", href: "#presets"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user