bender/0daa434c-d992-48ce-8792-24603ea92eef
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-21 07:13:14 +00:00
parent 84fbba98c4
commit b75b8704fa
1 changed files with 46 additions and 281 deletions
Download Patch File Download Diff File Expand all files Collapse all files

327
src/app/page.tsx
View File

@@ -20,37 +20,26 @@ export default function LandingPage() {
defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
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">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Work",
id: "features",
},
{
name: "Process",
id: "about",
},
{
name: "Results",
id: "metrics",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Work", id: "features" },
{ name: "Process", id: "about" },
{ name: "Results", id: "metrics" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="ELITE EDIT"
button={{
text: "Start Project",
href: "#contact",
}}
button={{ text: "Start Project", href: "#contact" }}
/>
</div>
@@ -59,73 +48,15 @@ export default function LandingPage() {
title="Mastering the Art of Cinematic Motion"
description="I bring visual stories to life through sophisticated editing and precision-driven animation. Elevating your brand with a premium aesthetic."
testimonials={[
{
name: "Julian Thorne",
handle: "@jthorne",
testimonial: "Exceptional precision in every cut. Elevates the final quality significantly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg?_wi=1",
},
{
name: "Elena Vance",
handle: "@evance",
testimonial: "The motion graphics work is consistently industry-leading and creative.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
},
{
name: "Marcus Chen",
handle: "@mchen",
testimonial: "Delivers a level of sophistication our project truly needed.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/executive-with-glasses-suit_1098-529.jpg",
},
{
name: "Sarah Reed",
handle: "@sreed",
testimonial: "Absolute perfection in the final render. Highly recommended for luxury brands.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-executive-thinking_1098-528.jpg",
},
{
name: "David Park",
handle: "@dpark",
testimonial: "The best editor I've worked with. Seamless workflow and amazing results.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg",
},
{ name: "Julian Thorne", handle: "@jthorne", testimonial: "Exceptional precision in every cut. Elevates the final quality significantly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg" },
{ name: "Elena Vance", handle: "@evance", testimonial: "The motion graphics work is consistently industry-leading and creative.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg" },
{ name: "Marcus Chen", handle: "@mchen", testimonial: "Delivers a level of sophistication our project truly needed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/executive-with-glasses-suit_1098-529.jpg" },
{ name: "Sarah Reed", handle: "@sreed", testimonial: "Absolute perfection in the final render. Highly recommended for luxury brands.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-executive-thinking_1098-528.jpg" },
{ name: "David Park", handle: "@dpark", testimonial: "The best editor I've worked with. Seamless workflow and amazing results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg" },
]}
buttons={[
{
text: "Explore Services",
href: "#about",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/industrial-designers-working-office-together_23-2149307797.jpg?_wi=1"
buttons={[{ text: "Explore Services", href: "#about" }]}
imageSrc="http://img.b2bpic.net/free-photo/industrial-designers-working-office-together_23-2149307797.jpg"
imageAlt="Professional cinematic workspace"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-pensive-businessman_1098-701.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-thoughtful-worker-with-glasses_1098-2868.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg",
alt: "Client 5",
},
]}
avatarText="Trusted by visionary brands"
/>
</div>
@@ -134,15 +65,8 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Refined Post-Production Excellence"
description={[
"My process is grounded in the belief that every frame carries emotional weight. Through seamless cutting and intricate motion design, I create experiences rather than just visuals.",
"I specialize in high-end video editing, color grading, and bespoke motion graphics for discerning clients who demand perfection in every detail.",
]}
buttons={[
{
text: "Contact Me",
href: "#contact",
},
]}
"My process is grounded in the belief that every frame carries emotional weight. Through seamless cutting and intricate motion design, I create experiences rather than just visuals.", "I specialize in high-end video editing, color grading, and bespoke motion graphics for discerning clients who demand perfection in every detail."]}
buttons={[{ text: "Contact Me", href: "#contact" }]}
/>
</div>
@@ -152,57 +76,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Advanced Editing",
description: "Story-driven, frame-perfect cuts for cinematic impact.",
icon: Scissors,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/neon-aura-portrait-woman_23-2151914288.jpg",
imageAlt: "Editing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16073.jpg",
imageAlt: "Editing 2",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/industrial-designers-working-office-together_23-2149307797.jpg?_wi=2",
imageAlt: "motion graphics design ui",
},
{
title: "Motion Graphics",
description: "Sophisticated animation that breathes life into static content.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/neon-blade-guardian-dark-stairwell_23-2152031330.jpg",
imageAlt: "Motion",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mature-developer-coding-cloud-computing-with-ai-chatbot-pc_482257-119990.jpg",
imageAlt: "Motion 2",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/guy-using-camera-display_140725-7905.jpg",
imageAlt: "motion graphics design ui",
},
{
title: "Color Grading",
description: "Cinematic color science for authentic, striking visuals.",
icon: Palette,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/various-animal-toy-figures-with-boxes-colorful-background_53876-16618.jpg",
imageAlt: "Grading",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648342.jpg",
imageAlt: "Grading 2",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg?_wi=2",
imageAlt: "motion graphics design ui",
},
{ title: "Advanced Editing", description: "Story-driven, frame-perfect cuts for cinematic impact.", icon: Scissors, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/neon-aura-portrait-woman_23-2151914288.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16073.jpg" }] },
{ title: "Motion Graphics", description: "Sophisticated animation that breathes life into static content.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/neon-blade-guardian-dark-stairwell_23-2152031330.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/mature-developer-coding-cloud-computing-with-ai-chatbot-pc_482257-119990.jpg" }] },
{ title: "Color Grading", description: "Cinematic color science for authentic, striking visuals.", icon: Palette, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/various-animal-toy-figures-with-boxes-colorful-background_53876-16618.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648342.jpg" }] },
]}
title="Specialized Creative Services"
description="Providing a full suite of premium post-production solutions for your vision."
@@ -211,25 +87,14 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="depth-3d"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "150+",
description: "Projects Delivered",
},
{
id: "m2",
value: "12M+",
description: "Combined Views",
},
{
id: "m3",
value: "100%",
description: "Client Satisfaction",
},
{ id: "m1", value: "150+", description: "Projects Delivered" },
{ id: "m2", value: "12M+", description: "Combined Views" },
{ id: "m3", value: "100%", description: "Client Satisfaction" },
]}
title="Proven Impact"
description="Numbers behind the visual storytelling."
@@ -242,41 +107,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alex Riv",
role: "Film Producer",
testimonial: "Unparalleled artistic sensibility.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-with-curly-hair-combed-bun-wearing-stylish-eyewear-holding-hands-crossed-chest-gazing-interestly_176420-24682.jpg",
},
{
id: "t2",
name: "Sarah J",
role: "Content Creator",
testimonial: "Transformed my raw footage.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
},
{
id: "t3",
name: "Mike B",
role: "Brand Manager",
testimonial: "The best technical skill I've seen.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
},
{
id: "t4",
name: "Lydia T",
role: "Creative Director",
testimonial: "Flawless delivery every single time.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-grey-jacket-laughing-brown-background-cheerful-young-girl-oversize-stylish-suit-smiles-poses-isolated_197531-18578.jpg",
},
{
id: "t5",
name: "Sam R",
role: "Agency Lead",
testimonial: "True professional editor.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705921.jpg",
},
{ id: "t1", name: "Alex Riv", role: "Film Producer", testimonial: "Unparalleled artistic sensibility.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-with-curly-hair-combed-bun-wearing-stylish-eyewear-holding-hands-crossed-chest-gazing-interestly_176420-24682.jpg" },
{ id: "t2", name: "Sarah J", role: "Content Creator", testimonial: "Transformed my raw footage.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg" },
{ id: "t3", name: "Mike B", role: "Brand Manager", testimonial: "The best technical skill I've seen.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg" },
{ id: "t4", name: "Lydia T", role: "Creative Director", testimonial: "Flawless delivery every single time.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-grey-jacket-laughing-brown-background-cheerful-young-girl-oversize-stylish-suit-smiles-poses-isolated_197531-18578.jpg" },
{ id: "t5", name: "Sam R", role: "Agency Lead", testimonial: "True professional editor.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705921.jpg" },
]}
title="Client Experiences"
description="What partners say about the ELITE EDIT touch."
@@ -289,24 +124,9 @@ export default function LandingPage() {
textboxLayout="inline-image"
useInvertedBackground={true}
team={[
{
id: "tm1",
name: "Jordan P",
role: "Lead Editor",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-men-sitting-chair-with-white-t-shirt-sunglasses-street_1153-6668.jpg",
},
{
id: "tm2",
name: "Casey L",
role: "Motion Designer",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-african-man-isolated_171337-9759.jpg",
},
{
id: "tm3",
name: "Riley K",
role: "Post-Prod Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/old-person-learning-use-technology_23-2149366858.jpg",
},
{ id: "tm1", name: "Jordan P", role: "Lead Editor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-men-sitting-chair-with-white-t-shirt-sunglasses-street_1153-6668.jpg" },
{ id: "tm2", name: "Casey L", role: "Motion Designer", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-african-man-isolated_171337-9759.jpg" },
{ id: "tm3", name: "Riley K", role: "Post-Prod Specialist", imageSrc: "http://img.b2bpic.net/free-photo/old-person-learning-use-technology_23-2149366858.jpg" },
]}
title="The Creative Core"
description="Passionate experts ensuring top-tier results."
@@ -316,45 +136,26 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
faqsAnimation="blur-reveal"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What's the process?",
content: "Initial consult -> Rough cut -> Refinement -> Final Polish.",
},
{
id: "f2",
title: "Do you do revisions?",
content: "Unlimited adjustments until project satisfaction.",
},
{
id: "f3",
title: "Turnaround time?",
content: "Depends on scope, typically 3-5 business days.",
},
{ id: "f1", title: "What's the process?", content: "Initial consult -> Rough cut -> Refinement -> Final Polish." },
{ id: "f2", title: "Do you do revisions?", content: "Unlimited adjustments until project satisfaction." },
{ id: "f3", title: "Turnaround time?", content: "Depends on scope, typically 3-5 business days." },
]}
imageSrc="http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-personal-computer_23-2150282049.jpg"
mediaAnimation="slide-up"
title="Frequently Asked"
description="Clarity for prospective partners."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
text="Ready to craft something extraordinary? Get in touch for a premium consultation."
buttons={[
{
text: "Email Me",
href: "mailto:hello@eliteedit.com",
},
]}
buttons={[{ text: "Email Me", href: "mailto:hello@eliteedit.com" }]}
/>
</div>
@@ -362,45 +163,9 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="ELITE EDIT"
columns={[
{
title: "Services",
items: [
{
label: "Editing",
href: "#features",
},
{
label: "Animation",
href: "#features",
},
],
},
{
title: "Company",
items: [
{
label: "Process",
href: "#about",
},
{
label: "Work",
href: "#features",
},
],
},
{
title: "Legal",
items: [
{
label: "Terms",
href: "#",
},
{
label: "Privacy",
href: "#",
},
],
},
{ title: "Services", items: [{ label: "Editing", href: "#features" }, { label: "Animation", href: "#features" }] },
{ title: "Company", items: [{ label: "Process", href: "#about" }, { label: "Work", href: "#features" }] },
{ title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
]}
/>
</div>