Merge version_1 into main #2
301
src/app/page.tsx
301
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Clock, Monitor, TrendingUp, Volume2, Zap } from "lucide-react";
|
||||
import { Clock, Monitor, TrendingUp, Volume2, Zap, Smartphone, Film, Mic } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,99 +32,42 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EditPro"
|
||||
button={{
|
||||
text: "Hire on Upwork",
|
||||
href: "https://upwork.com",
|
||||
}}
|
||||
text: "Hire on Upwork", href: "https://upwork.com"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Video Editor | YouTube Automation Expert"
|
||||
description="Crafting cinematic stories and high-retention content for elite creators. Over 2 years of experience turning raw footage into viral engines."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
text: "Hire Me",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Work", href: "#portfolio" },
|
||||
{ text: "Hire Me", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/african-american-sound-designer-operates-control-desk-mixer-audio-software_482257-122258.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/african-american-sound-designer-operates-control-desk-mixer-audio-software_482257-122258.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg",
|
||||
alt: "professional headshot 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16027.jpg",
|
||||
alt: "professional headshot 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg",
|
||||
alt: "professional headshot 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-man-wearing-formal-clothes_273609-15323.jpg",
|
||||
alt: "professional headshot 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-black-suit-posing_114579-18950.jpg",
|
||||
alt: "professional headshot 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg", alt: "professional headshot 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16027.jpg", alt: "professional headshot 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg", alt: "professional headshot 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-bearded-man-wearing-formal-clothes_273609-15323.jpg", alt: "professional headshot 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-black-suit-posing_114579-18950.jpg", alt: "professional headshot 5" },
|
||||
]}
|
||||
avatarText="Trusted by 50+ elite creators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "High Retention",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Viral Storytelling",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cinematic Grades",
|
||||
icon: Monitor,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Efficient Workflow",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Audio Perfection",
|
||||
icon: Volume2,
|
||||
},
|
||||
{ type: "text-icon", text: "High Retention", icon: Zap },
|
||||
{ type: "text-icon", text: "Viral Storytelling", icon: TrendingUp },
|
||||
{ type: "text-icon", text: "Cinematic Grades", icon: Monitor },
|
||||
{ type: "text-icon", text: "Efficient Workflow", icon: Clock },
|
||||
{ type: "text-icon", text: "Audio Perfection", icon: Volume2 },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,20 +79,11 @@ export default function LandingPage() {
|
||||
title="Elevating Content through Storytelling"
|
||||
description="I don't just cut clips; I build retention. My approach combines technical precision in DaVinci Resolve with a deep understanding of YouTube's algorithm to maximize engagement for every project."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Retention Editing",
|
||||
description: "Analyzing viewer behavior to keep audiences watching longer.",
|
||||
},
|
||||
{
|
||||
title: "Automation Specialist",
|
||||
description: "Scalable systems for high-volume faceless channels.",
|
||||
},
|
||||
{
|
||||
title: "Cinematic Storytelling",
|
||||
description: "Professional color grading and sound design that stands out.",
|
||||
},
|
||||
{ title: "Retention Editing", description: "Analyzing viewer behavior to keep audiences watching longer." },
|
||||
{ title: "Automation Specialist", description: "Scalable systems for high-volume faceless channels." },
|
||||
{ title: "Cinematic Storytelling", description: "Professional color grading and sound design that stands out." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-sideways-photographer-man-cameras_23-2148424352.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-sideways-photographer-man-cameras_23-2148424352.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -159,34 +93,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "YouTube Automation",
|
||||
description: "Complete workflow management for faceless content.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hacker-uploading-evolved-sentient-ai-disk-planning-use-it-evil-plan_482257-83395.jpg",
|
||||
imageAlt: "Hacker uploading evolved sentient AI to disk planning to use it for evil plan",
|
||||
},
|
||||
{
|
||||
title: "Shorts/TikToks",
|
||||
description: "Vertical content designed to loop and engage.",
|
||||
buttonIcon: "Smartphone",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-sound-designer-operates-control-desk-mixer-audio-software_482257-122258.jpg?_wi=2",
|
||||
imageAlt: "Hacker uploading evolved sentient AI to disk planning to use it for evil plan",
|
||||
},
|
||||
{
|
||||
title: "Documentary",
|
||||
description: "Deep storytelling for long-form narrative projects.",
|
||||
buttonIcon: "Film",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-sideways-photographer-man-cameras_23-2148424352.jpg?_wi=2",
|
||||
imageAlt: "Hacker uploading evolved sentient AI to disk planning to use it for evil plan",
|
||||
},
|
||||
{
|
||||
title: "Podcast Clipping",
|
||||
description: "Extracting the best highlights for maximum reach.",
|
||||
buttonIcon: "Mic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-graphics-icons_1134-415.jpg?_wi=1",
|
||||
imageAlt: "Hacker uploading evolved sentient AI to disk planning to use it for evil plan",
|
||||
},
|
||||
{ title: "YouTube Automation", description: "Complete workflow management for faceless content.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/hacker-uploading-evolved-sentient-ai-disk-planning-use-it-evil-plan_482257-83395.jpg", imageAlt: "Hacker uploading evolved sentient AI to disk planning to use it for evil plan" },
|
||||
{ title: "Shorts/TikToks", description: "Vertical content designed to loop and engage.", buttonIcon: Smartphone, imageSrc: "http://img.b2bpic.net/free-photo/african-american-sound-designer-operates-control-desk-mixer-audio-software_482257-122258.jpg", imageAlt: "Hacker uploading evolved sentient AI to disk planning to use it for evil plan" },
|
||||
{ title: "Documentary", description: "Deep storytelling for long-form narrative projects.", buttonIcon: Film, imageSrc: "http://img.b2bpic.net/free-photo/working-sideways-photographer-man-cameras_23-2148424352.jpg", imageAlt: "Hacker uploading evolved sentient AI to disk planning to use it for evil plan" },
|
||||
{ title: "Podcast Clipping", description: "Extracting the best highlights for maximum reach.", buttonIcon: Mic, imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-graphics-icons_1134-415.jpg", imageAlt: "Hacker uploading evolved sentient AI to disk planning to use it for evil plan" },
|
||||
]}
|
||||
title="Content Production Services"
|
||||
description="From long-form documentaries to short-form virality, I have you covered."
|
||||
@@ -199,27 +109,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "DaVinci",
|
||||
title: "Resolve",
|
||||
description: "Professional grading and advanced fusion VFX.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-graphics-icons_1134-415.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Motion",
|
||||
title: "Graphics",
|
||||
description: "Custom animations for branding and text overlays.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-editor-taking-break-after-doing-color-grading-images-relaxing-by-using-smartphone_482257-82262.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Sound",
|
||||
title: "Design",
|
||||
description: "Immersive audio mixing and mastering.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-student-using-sound-mixer_107420-64843.jpg?_wi=1",
|
||||
},
|
||||
{ id: "m1", value: "DaVinci", title: "Resolve", description: "Professional grading and advanced fusion VFX.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-graphics-icons_1134-415.jpg" },
|
||||
{ id: "m2", value: "Motion", title: "Graphics", description: "Custom animations for branding and text overlays.", imageSrc: "http://img.b2bpic.net/free-photo/photo-editor-taking-break-after-doing-color-grading-images-relaxing-by-using-smartphone_482257-82262.jpg" },
|
||||
{ id: "m3", value: "Sound", title: "Design", description: "Immersive audio mixing and mastering.", imageSrc: "http://img.b2bpic.net/free-photo/female-student-using-sound-mixer_107420-64843.jpg" },
|
||||
]}
|
||||
title="Technical Mastery"
|
||||
description="My editing suite is equipped with industry-leading tools."
|
||||
@@ -232,24 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Growth Partner",
|
||||
role: "5-Star Rating",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151625905.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Agency Client",
|
||||
role: "Long-term Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-office-supplies-coffee-cup-black-desktop_23-2148052542.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Niche Creator",
|
||||
role: "Top Rated Freelancer",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-patented-label-collection_23-2149717104.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Growth Partner", role: "5-Star Rating", imageSrc: "http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151625905.jpg" },
|
||||
{ id: "t2", name: "Agency Client", role: "Long-term Lead", imageSrc: "http://img.b2bpic.net/free-photo/white-office-supplies-coffee-cup-black-desktop_23-2148052542.jpg" },
|
||||
{ id: "t3", name: "Niche Creator", role: "Top Rated Freelancer", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-patented-label-collection_23-2149717104.jpg" },
|
||||
]}
|
||||
title="Proven Work History"
|
||||
description="A track record of success with top-tier clients on Upwork."
|
||||
@@ -261,61 +138,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James R.",
|
||||
date: "Jan 2024",
|
||||
title: "YouTube Creator",
|
||||
quote: "The best editor I've hired on Upwork. Viral success guaranteed.",
|
||||
tag: "Retained",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-sound-designer-operates-control-desk-mixer-audio-software_482257-122258.jpg?_wi=3",
|
||||
imageAlt: "professional headshot portrait dark background",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena K.",
|
||||
date: "Dec 2023",
|
||||
title: "Agency Owner",
|
||||
quote: "Incredible communication and eye for storytelling.",
|
||||
tag: "Long-term",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-sideways-photographer-man-cameras_23-2148424352.jpg?_wi=3",
|
||||
imageAlt: "professional headshot portrait dark background",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus S.",
|
||||
date: "Nov 2023",
|
||||
title: "Finance Influencer",
|
||||
quote: "My engagement spiked 40% after working with him.",
|
||||
tag: "Retained",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-graphics-icons_1134-415.jpg?_wi=3",
|
||||
imageAlt: "professional headshot portrait dark background",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sara B.",
|
||||
date: "Oct 2023",
|
||||
title: "Tech Reviewer",
|
||||
quote: "Fast, reliable, and technically brilliant.",
|
||||
tag: "One-time",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-editor-taking-break-after-doing-color-grading-images-relaxing-by-using-smartphone_482257-82262.jpg?_wi=2",
|
||||
imageAlt: "professional headshot portrait dark background",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom D.",
|
||||
date: "Sep 2023",
|
||||
title: "Podcaster",
|
||||
quote: "The clips he makes are absolutely addictive.",
|
||||
tag: "Retained",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-student-using-sound-mixer_107420-64843.jpg?_wi=2",
|
||||
imageAlt: "professional headshot portrait dark background",
|
||||
},
|
||||
{ id: "1", name: "James R.", date: "Jan 2024", title: "YouTube Creator", quote: "The best editor I've hired on Upwork. Viral success guaranteed.", tag: "Retained", avatarSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg", imageSrc: "http://img.b2bpic.net/free-photo/african-american-sound-designer-operates-control-desk-mixer-audio-software_482257-122258.jpg", imageAlt: "professional headshot portrait dark background" },
|
||||
{ id: "2", name: "Elena K.", date: "Dec 2023", title: "Agency Owner", quote: "Incredible communication and eye for storytelling.", tag: "Long-term", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg", imageSrc: "http://img.b2bpic.net/free-photo/working-sideways-photographer-man-cameras_23-2148424352.jpg", imageAlt: "professional headshot portrait dark background" },
|
||||
{ id: "3", name: "Marcus S.", date: "Nov 2023", title: "Finance Influencer", quote: "My engagement spiked 40% after working with him.", tag: "Retained", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-graphics-icons_1134-415.jpg", imageAlt: "professional headshot portrait dark background" },
|
||||
{ id: "4", name: "Sara B.", date: "Oct 2023", title: "Tech Reviewer", quote: "Fast, reliable, and technically brilliant.", tag: "One-time", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg", imageSrc: "http://img.b2bpic.net/free-photo/photo-editor-taking-break-after-doing-color-grading-images-relaxing-by-using-smartphone_482257-82262.jpg", imageAlt: "professional headshot portrait dark background" },
|
||||
{ id: "5", name: "Tom D.", date: "Sep 2023", title: "Podcaster", quote: "The clips he makes are absolutely addictive.", tag: "Retained", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-student-using-sound-mixer_107420-64843.jpg", imageAlt: "professional headshot portrait dark background" },
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Don't just take my word for it."
|
||||
@@ -326,21 +153,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer test edits?",
|
||||
content: "Yes, I offer a 30-second test edit for larger project consideration.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Which tools do you use?",
|
||||
content: "Primarily DaVinci Resolve for editing and Fusion for motion design.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you do long-term?",
|
||||
content: "Yes, I specialize in building sustainable long-term content partnerships.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer test edits?", content: "Yes, I offer a 30-second test edit for larger project consideration." },
|
||||
{ id: "f2", title: "Which tools do you use?", content: "Primarily DaVinci Resolve for editing and Fusion for motion design." },
|
||||
{ id: "f3", title: "Can you do long-term?", content: "Yes, I specialize in building sustainable long-term content partnerships." },
|
||||
]}
|
||||
sideTitle="Questions? Answers."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -350,18 +165,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to scale your content?"
|
||||
description="I'm available for long-term projects and growth-focused partnerships."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
href: "mailto:hello@example.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Send Message", href: "mailto:hello@example.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -370,25 +178,14 @@ export default function LandingPage() {
|
||||
logoText="EditPro"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Links", items: [
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
{ label: "Services", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user