bender/f9ec5c81-00af-465f-81d1-e4ba62745880
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-06 07:57:49 +00:00
Conversation 0 Commits 1 Files Changed 1 +37 -187
1 changed files with 37 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

224
src/app/page.tsx
View File

@@ -19,27 +19,22 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Work",
id: "portfolio",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Contact",
id: "contact",
},
{ name: "Work", id: "portfolio" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" },
]}
brandName="EditPro Agency"
/>
@@ -47,20 +42,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
logoText="EditPro Agency"
description="Transforming your raw footage into cinematic masterpieces. We specialize in storytelling-driven editing for brands, creators, and businesses."
buttons={[
{
text: "View Portfolio",
href: "#portfolio",
},
{
text: "Contact Us",
href: "#contact",
},
{ text: "View Portfolio", href: "#portfolio" },
{ text: "Contact Us", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/asian-woman-editing-music-video-her-living-room-studio_482257-124253.jpg"
imageAlt="Cinematic editing studio"
@@ -84,27 +71,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Corporate Video Editing",
description: "High-impact storytelling for brand identities, internal communications, and web marketing.",
tag: "Corporate",
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-analyzing-film-montage-pc-screen-before-editing-color-grading_482257-122550.jpg",
},
{
id: "f2",
title: "Cinematic Color Grading",
description: "Elevate the look of your projects with professional-grade color correction and stylized grading.",
tag: "Grade",
imageSrc: "http://img.b2bpic.net/free-photo/male-female-business-executives-interacting-while-working_1170-814.jpg",
},
{
id: "f3",
title: "Motion Graphics & VFX",
description: "Dynamic motion design and visual effects that bring your ideas to life.",
tag: "Motion",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-pleased-music-producer-enjoying-his-high-quality-track-control-room_482257-83513.jpg",
},
{ id: "f1", title: "Corporate Video Editing", description: "High-impact storytelling for brand identities, internal communications, and web marketing.", tag: "Corporate", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-analyzing-film-montage-pc-screen-before-editing-color-grading_482257-122550.jpg" },
{ id: "f2", title: "Cinematic Color Grading", description: "Elevate the look of your projects with professional-grade color correction and stylized grading.", tag: "Grade", imageSrc: "http://img.b2bpic.net/free-photo/male-female-business-executives-interacting-while-working_1170-814.jpg" },
{ id: "f3", title: "Motion Graphics & VFX", description: "Dynamic motion design and visual effects that bring your ideas to life.", tag: "Motion", imageSrc: "http://img.b2bpic.net/free-photo/joyful-pleased-music-producer-enjoying-his-high-quality-track-control-room_482257-83513.jpg" },
]}
title="Our Video Services"
description="Full-cycle post-production tailored to your unique needs."
@@ -113,39 +82,13 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "500+",
title: "Projects Completed",
items: [
"Commercials",
"Social Media",
"Documentaries",
],
},
{
id: "m2",
value: "150+",
title: "Happy Clients",
items: [
"Tech Startups",
"Marketing Teams",
"Individual Creators",
],
},
{
id: "m3",
value: "1.2M+",
title: "Views Generated",
items: [
"Viral Content",
"Ad Performance",
"Engagement Metrics",
],
},
{ id: "m1", value: "500+", title: "Projects Completed", items: ["Commercials", "Social Media", "Documentaries"] },
{ id: "m2", value: "150+", title: "Happy Clients", items: ["Tech Startups", "Marketing Teams", "Individual Creators"] },
{ id: "m3", value: "1.2M+", title: "Views Generated", items: ["Viral Content", "Ad Performance", "Engagement Metrics"] },
]}
title="Our Agency Impact"
description="Proven results for high-stakes creative projects."
@@ -159,42 +102,9 @@ export default function LandingPage() {
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Tech Commercial Ad",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189624.jpg",
},
{
id: "p2",
name: "Corporate Interview",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/female-filmmaker-working-media-post-production-from-agency-office_482257-119112.jpg",
},
{
id: "p3",
name: "Lifestyle Brand Edit",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-people-having-business-meeting_53876-20851.jpg",
},
{
id: "p4",
name: "Documentary Feature",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/clapperboard_23-2147681334.jpg",
},
{
id: "p5",
name: "Launch Campaign",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/cooking-blogger_1098-19786.jpg",
},
{
id: "p6",
name: "Music Video Edit",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-movies-tickets-flat-lay_23-2149558744.jpg",
},
{ id: "p1", name: "Tech Commercial Ad", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189624.jpg" },
{ id: "p2", name: "Corporate Interview", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/female-filmmaker-working-media-post-production-from-agency-office_482257-119112.jpg" },
{ id: "p3", name: "Lifestyle Brand Edit", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-people-having-business-meeting_53876-20851.jpg" },
]}
title="Featured Work"
description="Explore our portfolio of curated video editing projects ranging from commercial advertising to short-form social content."
@@ -203,44 +113,13 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Jenkins",
handle: "@marketing",
testimonial: "The most professional team I've worked with. They truly understand the narrative flow.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
},
{
id: "t2",
name: "Marcus Thorne",
handle: "@creative",
testimonial: "Incredible turn-around times and impeccable taste in color grading.",
imageSrc: "http://img.b2bpic.net/free-photo/face-handsome-cafe-adult-job_1157-3664.jpg",
},
{
id: "t3",
name: "Elena Rodriguez",
handle: "@startup",
testimonial: "They captured the essence of our product instantly. Very happy with the results.",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
},
{
id: "t4",
name: "David W.",
handle: "@director",
testimonial: "Polished, professional, and precise. A go-to agency for our production pipeline.",
imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-posing-office_23-2148804484.jpg",
},
{
id: "t5",
name: "Jenny Kim",
handle: "@techlead",
testimonial: "They take the complexity out of editing. Seamless collaboration every time.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues_23-2149097944.jpg",
},
{ id: "t1", name: "Sarah Jenkins", handle: "@marketing", testimonial: "The most professional team I've worked with. They truly understand the narrative flow.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg" },
{ id: "t2", name: "Marcus Thorne", handle: "@creative", testimonial: "Incredible turn-around times and impeccable taste in color grading.", imageSrc: "http://img.b2bpic.net/free-photo/face-handsome-cafe-adult-job_1157-3664.jpg" },
{ id: "t3", name: "Elena Rodriguez", handle: "@startup", testimonial: "They captured the essence of our product instantly. Very happy with the results.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg" },
]}
title="What Our Clients Say"
description="Professional feedback from partners who trust us with their vision."
@@ -249,28 +128,16 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqBase
faqsAnimation="slide-up"
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How does the revision process work?",
content: "We offer three rounds of revisions per project to ensure the final output perfectly matches your vision.",
},
{
id: "q2",
title: "Do you handle custom motion graphics?",
content: "Absolutely. Our team includes specialized motion graphic designers for custom branding and vfx.",
},
{
id: "q3",
title: "What is the typical turnaround time?",
content: "Turnaround depends on project scope, but most short-form projects are delivered within 48-72 hours.",
},
{ id: "q1", title: "How does the revision process work?", content: "We offer three rounds of revisions per project to ensure the final output perfectly matches your vision." },
{ id: "q2", title: "Do you handle custom motion graphics?", content: "Absolutely. Our team includes specialized motion graphic designers for custom branding and vfx." },
{ id: "q3", title: "What is the typical turnaround time?", content: "Turnaround depends on project scope, but most short-form projects are delivered within 48-72 hours." },
]}
title="Common Questions"
description="Learn more about our process and how we handle client projects."
faqsAnimation="slide-up"
/>
</div>
@@ -280,21 +147,10 @@ export default function LandingPage() {
title="Start Your Project"
description="Ready to elevate your video content? Reach out and let's start a conversation about your creative goals."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "email",
type: "email",
placeholder: "Your Email",
},
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "email", type: "email", placeholder: "Your Email" },
]}
textarea={{
name: "message",
placeholder: "Tell us about your project...",
}}
textarea={{ name: "message", placeholder: "Tell us about your project..." }}
imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780739.jpg"
/>
</div>
@@ -302,14 +158,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="EditPro Agency"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Contact Us",
href: "#contact",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Contact Us", href: "#contact" }}
/>
</div>
</ReactLenis>