Update src/app/page.tsx
This commit is contained in:
236
src/app/page.tsx
236
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "products",
|
||||
},
|
||||
name: "Work", id: "products"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "about",
|
||||
},
|
||||
name: "Process", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MontagePro"
|
||||
/>
|
||||
@@ -56,31 +48,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Precision Montage."
|
||||
description="Crafting cinematic narratives through professional video editing."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physics-optics-ray-refraction-prism_23-2148771755.jpg",
|
||||
imageAlt: "professional video editing setup dark mode",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-composition-with-blurred-amusement-park_23-2147917137.jpg",
|
||||
imageAlt: "motion design light trails background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mockup-with-book-pencils_23-2147730273.jpg",
|
||||
imageAlt: "film editing professional tools setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entertainer-using-light-bulb-entertain-fans-pretending-be-electrocuted_482257-124250.jpg",
|
||||
imageAlt: "professional video editing setup dark mode",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-multi-colored-wave-pattern-dark-backdrop-generated-by-ai_188544-34071.jpg",
|
||||
imageAlt: "motion design light trails background",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/physics-optics-ray-refraction-prism_23-2148771755.jpg", imageAlt: "professional video editing setup dark mode" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-composition-with-blurred-amusement-park_23-2147917137.jpg", imageAlt: "motion design light trails background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mockup-with-book-pencils_23-2147730273.jpg", imageAlt: "film editing professional tools setup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/entertainer-using-light-bulb-entertain-fans-pretending-be-electrocuted_482257-124250.jpg", imageAlt: "professional video editing setup dark mode" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glowing-multi-colored-wave-pattern-dark-backdrop-generated-by-ai_188544-34071.jpg", imageAlt: "motion design light trails background" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -92,18 +68,9 @@ export default function LandingPage() {
|
||||
title="The Art of Flow"
|
||||
description="I believe every cut tells a story. Combining aesthetic sensibilities with technical precision to elevate your vision."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "10M+",
|
||||
title: "Views Generated",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Precision Service",
|
||||
},
|
||||
{ value: "500+", title: "Projects Completed" },
|
||||
{ value: "10M+", title: "Views Generated" },
|
||||
{ value: "24/7", title: "Precision Service" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg"
|
||||
imageAlt="professional creative director profile"
|
||||
@@ -114,27 +81,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Narrative Edit",
|
||||
description: "Story-driven cuts that capture attention.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377350.jpg",
|
||||
imageAlt: "cinematic trailer background",
|
||||
},
|
||||
title: "Narrative Edit", description: "Story-driven cuts that capture attention.", imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377350.jpg", imageAlt: "cinematic trailer background"},
|
||||
{
|
||||
title: "Color Grading",
|
||||
description: "Professional color science for cinematic looks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627912.jpg",
|
||||
imageAlt: "motion graphic design element",
|
||||
},
|
||||
title: "Color Grading", description: "Professional color science for cinematic looks.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627912.jpg", imageAlt: "motion graphic design element"},
|
||||
{
|
||||
title: "Motion Graphics",
|
||||
description: "Custom animations that bring motion to life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-recording-vlog-about-white-light-reflector-studio-professional-studio-video-photo-equipment-technology-work-photo-studio-social-media-star-influencer_482257-3950.jpg",
|
||||
imageAlt: "corporate video cinematic frame",
|
||||
},
|
||||
title: "Motion Graphics", description: "Custom animations that bring motion to life.", imageSrc: "http://img.b2bpic.net/free-photo/photographer-recording-vlog-about-white-light-reflector-studio-professional-studio-video-photo-equipment-technology-work-photo-studio-social-media-star-influencer_482257-3950.jpg", imageAlt: "corporate video cinematic frame"},
|
||||
]}
|
||||
title="Creative Excellence"
|
||||
description="Providing end-to-end video solutions designed for modern platforms."
|
||||
@@ -149,59 +105,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Cinematic",
|
||||
name: "Brand Trailer",
|
||||
price: "Available",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-cardbard-sheets-with-mock-up_23-2148320388.jpg",
|
||||
},
|
||||
id: "1", brand: "Cinematic", name: "Brand Trailer", price: "Available", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-cardbard-sheets-with-mock-up_23-2148320388.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Social",
|
||||
name: "Viral Reel",
|
||||
price: "Available",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-blue-smoke-swirls-white-background_272375-26333.jpg",
|
||||
},
|
||||
id: "2", brand: "Social", name: "Viral Reel", price: "Available", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-blue-smoke-swirls-white-background_272375-26333.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Corp",
|
||||
name: "Interview Cut",
|
||||
price: "Available",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-working-people-plan-concept_53876-132316.jpg",
|
||||
},
|
||||
id: "3", brand: "Corp", name: "Interview Cut", price: "Available", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/business-working-people-plan-concept_53876-132316.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Live",
|
||||
name: "Event Highlight",
|
||||
price: "Available",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/new-year-2021-party-instagram-stories-collection_23-2148749773.jpg",
|
||||
},
|
||||
id: "4", brand: "Live", name: "Event Highlight", price: "Available", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-vector/new-year-2021-party-instagram-stories-collection_23-2148749773.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Travel",
|
||||
name: "Vlog Edit",
|
||||
price: "Available",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-employee-uses-high-speed-internet-connection-mountain-top_482257-123376.jpg",
|
||||
},
|
||||
id: "5", brand: "Travel", name: "Vlog Edit", price: "Available", rating: 5,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/business-employee-uses-high-speed-internet-connection-mountain-top_482257-123376.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Ads",
|
||||
name: "Commercial Spot",
|
||||
price: "Available",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512119.jpg",
|
||||
},
|
||||
id: "6", brand: "Ads", name: "Commercial Spot", price: "Available", rating: 5,
|
||||
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512119.jpg"},
|
||||
]}
|
||||
title="Featured Work"
|
||||
description="Selected projects showcasing my montage capabilities."
|
||||
@@ -216,25 +136,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99%",
|
||||
title: "Client Retention",
|
||||
description: "Happy clients return.",
|
||||
icon: CheckCircle,
|
||||
id: "m1", value: "99%", title: "Client Retention", description: "Happy clients return.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "48h",
|
||||
title: "Turnaround Time",
|
||||
description: "Swift delivery cycle.",
|
||||
icon: Zap,
|
||||
id: "m2", value: "48h", title: "Turnaround Time", description: "Swift delivery cycle.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5K+",
|
||||
title: "Assets Processed",
|
||||
description: "Experienced editing workflows.",
|
||||
icon: Award,
|
||||
id: "m3", value: "5K+", title: "Assets Processed", description: "Experienced editing workflows.", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -244,44 +152,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex D.",
|
||||
role: "Marketing Head",
|
||||
testimonial: "Exceptional quality and speed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg",
|
||||
},
|
||||
id: "1", name: "Alex D.", role: "Marketing Head", testimonial: "Exceptional quality and speed.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah P.",
|
||||
role: "Content Lead",
|
||||
testimonial: "The best montage artist I've worked with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020771.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah P.", role: "Content Lead", testimonial: "The best montage artist I've worked with.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020771.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike R.",
|
||||
role: "Creator",
|
||||
testimonial: "Understands my creative flow perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-with-glasses-composition_23-2150188061.jpg",
|
||||
},
|
||||
id: "3", name: "Mike R.", role: "Creator", testimonial: "Understands my creative flow perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/people-with-glasses-composition_23-2150188061.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma L.",
|
||||
role: "Brand Mgr",
|
||||
testimonial: "Highly professional and visually stunning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
},
|
||||
id: "4", name: "Emma L.", role: "Brand Mgr", testimonial: "Highly professional and visually stunning.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
role: "Startup CEO",
|
||||
testimonial: "Transformed our vision into a masterpiece.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg",
|
||||
},
|
||||
id: "5", name: "David W.", role: "Startup CEO", testimonial: "Transformed our vision into a masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="What partners say about the craft."
|
||||
@@ -294,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the process?",
|
||||
content: "Consultation, brief review, drafts, final delivery.",
|
||||
},
|
||||
id: "f1", title: "What is the process?", content: "Consultation, brief review, drafts, final delivery."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer revisions?",
|
||||
content: "Every project includes two rounds of refinements.",
|
||||
},
|
||||
id: "f2", title: "Do you offer revisions?", content: "Every project includes two rounds of refinements."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How to send files?",
|
||||
content: "I use secure cloud storage links for all project files.",
|
||||
},
|
||||
id: "f3", title: "How to send files?", content: "I use secure cloud storage links for all project files."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="How to get started with MontagePro."
|
||||
@@ -322,14 +197,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to craft your next visual story?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "mailto:hello@montagepro.com",
|
||||
},
|
||||
text: "Start Project", href: "mailto:hello@montagepro.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -339,29 +211,19 @@ export default function LandingPage() {
|
||||
logoText="MontagePro"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Projects", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user