bender/19df096b-1a93-4fd4-9328-3237699cf8b4
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-05-05 06:54:38 +00:00
parent d7b1192976
commit ee81c11662
1 changed files with 39 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

308
src/app/page.tsx
View File

@@ -30,65 +30,29 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "about",
},
{
name: "Work",
id: "work",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Work", id: "work" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="EditStudio"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Storytelling through precise editing."
description="Professional video editing services designed to transform your raw footage into cinematic experiences."
buttons={[
{
text: "See My Work",
href: "#work",
},
]}
buttons={[{ text: "See My Work", href: "#work" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/african-american-expert-desk-using-pc-programming-data-analysis_482257-120693.jpg",
imageAlt: "cinematic film editing dark room",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-filmmaker-editing-montage-video-clips-with-creative-software_482257-119137.jpg",
imageAlt: "filmmaker editing video footage",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-freelancer-calling-financial-expert-home-discuss-about-funds_482257-126245.jpg",
imageAlt: "cinema editor workplace studio",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/graffiti-walls-underground-hideout_482257-82227.jpg",
imageAlt: "film editing equipment studio",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg",
imageAlt: "professional filmmaking editing tools",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/industrial-designers-working-office-together_23-2149307797.jpg",
imageAlt: "cinematic video production edit",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-expert-desk-using-pc-programming-data-analysis_482257-120693.jpg", imageAlt: "cinematic film editing dark room" },
{ imageSrc: "http://img.b2bpic.net/free-photo/female-filmmaker-editing-montage-video-clips-with-creative-software_482257-119137.jpg", imageAlt: "filmmaker editing video footage" },
{ imageSrc: "http://img.b2bpic.net/free-photo/male-freelancer-calling-financial-expert-home-discuss-about-funds_482257-126245.jpg", imageAlt: "cinema editor workplace studio" },
{ imageSrc: "http://img.b2bpic.net/free-photo/graffiti-walls-underground-hideout_482257-82227.jpg", imageAlt: "film editing equipment studio" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg", imageAlt: "professional filmmaking editing tools" },
{ imageSrc: "http://img.b2bpic.net/free-photo/industrial-designers-working-office-together_23-2149307797.jpg", imageAlt: "cinematic video production edit" },
]}
/>
</div>
@@ -97,15 +61,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Crafting visual rhythm.",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058827.jpg",
alt: "professional video editor portrait",
},
{ type: "text", content: "Crafting visual rhythm." },
{ type: "image", src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058827.jpg", alt: "professional video editor portrait" },
]}
/>
</div>
@@ -117,66 +74,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "w1",
brand: "Production",
name: "Cinematic Teaser",
price: "Featured",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sewing-machine_122409-62.jpg",
imageAlt: "cinematic film production still",
},
{
id: "w2",
brand: "Advertising",
name: "Commercial Spot",
price: "Featured",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-paint-background-holi-festival_23-2148093684.jpg",
imageAlt: "creative commercial video clip",
},
{
id: "w3",
brand: "Film",
name: "Short Film Edit",
price: "Featured",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/video-creator-woman-editing-music-video-dual-monitors-agency-studio_482257-119068.jpg",
imageAlt: "short film cinematography shot",
},
{
id: "w4",
brand: "Sports",
name: "Action Sports",
price: "Featured",
rating: 5,
reviewCount: "20",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clapperboard_23-2147775798.jpg",
imageAlt: "high energy edit sports footage",
},
{
id: "w5",
brand: "Documentary",
name: "Documentary Cut",
price: "Featured",
rating: 5,
reviewCount: "10",
imageSrc: "http://img.b2bpic.net/free-photo/radio-host-gesturing-while-recording-podcast-radio-studio_1157-47781.jpg",
imageAlt: "documentary film cinematic shot",
},
{
id: "w6",
brand: "Music",
name: "Music Video",
price: "Featured",
rating: 5,
reviewCount: "25",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-studio_23-2150232134.jpg",
imageAlt: "music video edit aesthetic",
},
{ id: "w1", brand: "Production", name: "Cinematic Teaser", price: "Featured", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sewing-machine_122409-62.jpg", imageAlt: "cinematic film production still" },
{ id: "w2", brand: "Advertising", name: "Commercial Spot", price: "Featured", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-paint-background-holi-festival_23-2148093684.jpg", imageAlt: "creative commercial video clip" },
{ id: "w3", brand: "Film", name: "Short Film Edit", price: "Featured", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/video-creator-woman-editing-music-video-dual-monitors-agency-studio_482257-119068.jpg", imageAlt: "short film cinematography shot" },
{ id: "w4", brand: "Sports", name: "Action Sports", price: "Featured", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clapperboard_23-2147775798.jpg", imageAlt: "high energy edit sports footage" },
{ id: "w5", brand: "Documentary", name: "Documentary Cut", price: "Featured", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/radio-host-gesturing-while-recording-podcast-radio-studio_1157-47781.jpg", imageAlt: "documentary film cinematic shot" },
{ id: "w6", brand: "Music", name: "Music Video", price: "Featured", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-studio_23-2150232134.jpg", imageAlt: "music video edit aesthetic" },
]}
title="Selected Projects"
description="A glimpse into various cinematic storytelling projects."
@@ -185,49 +88,15 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Film Producer",
testimonial: "Exceptional eye for detail and rhythm.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
imageAlt: "young woman professional portrait",
},
{
id: "2",
name: "James Chen",
role: "Creative Director",
testimonial: "Transformative storytelling in every cut.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-businessman-resting-cushions_1262-1762.jpg",
imageAlt: "man professional portrait business",
},
{
id: "3",
name: "Elena Rodriguez",
role: "Brand Manager",
testimonial: "A reliable partner for high-end edits.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
imageAlt: "professional woman portrait office",
},
{
id: "4",
name: "David Kim",
role: "Content Creator",
testimonial: "Quick turnaround without compromising quality.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
imageAlt: "man professional portrait office",
},
{
id: "5",
name: "Anna Smith",
role: "Marketing Head",
testimonial: "Brought our vision to life perfectly.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg",
imageAlt: "smiling woman business portrait",
},
{ id: "1", name: "Sarah Miller", role: "Film Producer", testimonial: "Exceptional eye for detail and rhythm.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg", imageAlt: "young woman professional portrait" },
{ id: "2", name: "James Chen", role: "Creative Director", testimonial: "Transformative storytelling in every cut.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-businessman-resting-cushions_1262-1762.jpg", imageAlt: "man professional portrait business" },
{ id: "3", name: "Elena Rodriguez", role: "Brand Manager", testimonial: "A reliable partner for high-end edits.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "professional woman portrait office" },
{ id: "4", name: "David Kim", role: "Content Creator", testimonial: "Quick turnaround without compromising quality.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", imageAlt: "man professional portrait office" },
{ id: "5", name: "Anna Smith", role: "Marketing Head", testimonial: "Brought our vision to life perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg", imageAlt: "smiling woman business portrait" },
]}
title="Voices of satisfied clients."
description="See what production partners and creators have to say about my editing services."
@@ -240,57 +109,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "p1",
tag: "Essential",
price: "$300",
period: "per edit",
description: "Perfect for short social content.",
button: {
text: "Contact",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Quick cut",
"Color correction",
"Basic sound",
],
},
{
id: "p2",
tag: "Pro",
price: "$800",
period: "per edit",
description: "Full production support.",
button: {
text: "Contact",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Advanced editing",
"Color grading",
"Sound design",
],
},
{
id: "p3",
tag: "Custom",
price: "Call",
period: "Custom",
description: "Tailored for large films.",
button: {
text: "Contact",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Custom flow",
"Priority service",
"Unlimited revisions",
],
},
{ id: "p1", tag: "Essential", price: "$300", period: "per edit", description: "Perfect for short social content.", button: { text: "Contact", href: "#contact" }, featuresTitle: "Includes:", features: ["Quick cut", "Color correction", "Basic sound"] },
{ id: "p2", tag: "Pro", price: "$800", period: "per edit", description: "Full production support.", button: { text: "Contact", href: "#contact" }, featuresTitle: "Includes:", features: ["Advanced editing", "Color grading", "Sound design"] },
{ id: "p3", tag: "Custom", price: "Call", period: "Custom", description: "Tailored for large films.", button: { text: "Contact", href: "#contact" }, featuresTitle: "Includes:", features: ["Custom flow", "Priority service", "Unlimited revisions"] },
]}
title="Pricing Options"
description="Simple packages for your production needs."
@@ -302,21 +123,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Workflow",
content: "Collaborative approach from planning to final export.",
},
{
id: "q2",
title: "Turnaround",
content: "Typically 3-5 business days for standard edits.",
},
{
id: "q3",
title: "Deliverables",
content: "Delivered in high-quality formats tailored for your platform.",
},
{ id: "q1", title: "Workflow", content: "Collaborative approach from planning to final export." },
{ id: "q2", title: "Turnaround", content: "Typically 3-5 business days for standard edits." },
{ id: "q3", title: "Deliverables", content: "Delivered in high-quality formats tailored for your platform." },
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-working-as-photographer_23-2150506073.jpg"
mediaAnimation="slide-up"
@@ -333,25 +142,10 @@ export default function LandingPage() {
title="Let's collaborate."
description="Ready to bring your project to the next level?"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{
name: "message",
placeholder: "Project details",
rows: 4,
required: true,
}}
textarea={{ name: "message", placeholder: "Project details", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-specialized-photographers-working-studio_23-2150247233.jpg"
imageAlt="film editor working on laptop"
/>
@@ -360,32 +154,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Menu",
items: [
{
label: "Work",
href: "#work",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
title: "Connect",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Twitter",
href: "#",
},
],
},
{ title: "Menu", items: [{ label: "Work", href: "#work" }, { label: "Pricing", href: "#pricing" }] },
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
]}
bottomLeftText="© 2024 EditStudio"
bottomRightText="All rights reserved."
@@ -394,4 +164,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}