bender/b8e6eba7-125e-4395-ba64-e33c69f75d71
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-03-24 13:17:34 +00:00
parent 81571ed817
commit 652d2f507a
1 changed files with 82 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

279
src/app/page.tsx
View File

@@ -32,44 +32,29 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "home",
href: "#home",
name: "Home", id: "home"
},
{
name: "Work",
id: "work",
href: "#work",
name: "Work", id: "work"
},
{
name: "About",
id: "about",
href: "#about",
name: "About", id: "about"
},
{
name: "Services",
id: "services",
href: "#services",
name: "Services", id: "services"
},
{
name: "Process",
id: "process",
href: "#process",
name: "Process", id: "process"
},
{
name: "Testimonials",
id: "testimonials",
href: "#testimonials",
name: "Testimonials", id: "testimonials"
},
{
name: "Contact",
id: "contact",
href: "#contact",
},
name: "Contact", id: "contact"
}
]}
button={{
text: "Let's Talk",
href: "#contact",
text: "Let's Talk", href: "#contact"
}}
brandName="Dream Weaver Edits"
/>
@@ -78,52 +63,38 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
variant: "rotated-rays-animated"
}}
title="I craft cinematic edits that make people feel"
description="As a professional video editor, I blend storytelling with visual artistry to create immersive experiences that captivate audiences and elevate brands. Discover the power of expertly crafted visuals."
buttons={[
{
text: "View Work",
href: "#work",
text: "View Work", href: "#work"
},
{
text: "Let's Work",
href: "#contact",
},
text: "Let's Work", href: "#contact"
}
]}
buttonAnimation="blur-reveal"
carouselItems={[
{
id: "1",
videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/a-subtle-serene-cinematic-video-of-soft--1774358120949-c1f499b5.png",
imageAlt: "Cinematic forest scene",
id: "1", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/a-subtle-serene-cinematic-video-of-soft--1774358120949-c1f499b5.png", imageAlt: "Cinematic forest scene"
},
{
id: "2",
videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/a-mesmerizing-cinematic-video-showing-li-1774358121455-eec13357.png",
imageAlt: "Misty lake reflection",
id: "2", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/a-mesmerizing-cinematic-video-showing-li-1774358121455-eec13357.png", imageAlt: "Misty lake reflection"
},
{
id: "3",
videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/a-slow-motion-cinematic-video-focusing-o-1774358120662-860b7a3a.png",
imageAlt: "Mist over soft hills",
id: "3", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/a-slow-motion-cinematic-video-focusing-o-1774358120662-860b7a3a.png", imageAlt: "Mist over soft hills"
},
{
id: "4",
videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/a-high-quality-cinematic-drone-shot-pann-1774358120712-ae145abe.png",
imageAlt: "Drone shot of green landscape",
id: "4", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/a-high-quality-cinematic-drone-shot-pann-1774358120712-ae145abe.png", imageAlt: "Drone shot of green landscape"
},
{
id: "5",
videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/a-calming-cinematic-loop-of-slow-moving--1774358120094-3090b1fb.png",
imageAlt: "Slow-moving clouds",
id: "5", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/a-calming-cinematic-loop-of-slow-moving--1774358120094-3090b1fb.png", imageAlt: "Slow-moving clouds"
},
{
id: "6",
videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/a-close-up-cinematic-shot-of-soft-gentle-1774358121057-2daaf208.png",
imageAlt: "Light and mist interaction",
},
id: "6", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/a-close-up-cinematic-shot-of-soft-gentle-1774358121057-2daaf208.png", imageAlt: "Light and mist interaction"
}
]}
autoPlay={true}
autoPlayInterval={6000}
@@ -135,39 +106,20 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="bento-grid-inverted"
useInvertedBackground={false}
animationType="blur-reveal"
products={[
{
id: "project-1",
name: "Ethereal Echoes",
price: "Music Video",
variant: "Post-Production, Color Grading",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/cinematic-still-from-a-high-end-music-vi-1774358120842-647248f1.png",
imageAlt: "Still from an ethereal music video",
id: "project-1", name: "Ethereal Echoes", price: "Music Video", variant: "Post-Production, Color Grading", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/cinematic-still-from-a-high-end-music-vi-1774358120842-647248f1.png", imageAlt: "Still from an ethereal music video"
},
{
id: "project-2",
name: "Velocity Unleashed",
price: "Commercial Edit",
variant: "Dynamic Cutting, VFX",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/promotional-still-from-a-luxury-commerci-1774358120673-d6325174.png",
imageAlt: "Still from a luxury commercial",
id: "project-2", name: "Velocity Unleashed", price: "Commercial Edit", variant: "Dynamic Cutting, VFX", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/promotional-still-from-a-luxury-commerci-1774358120673-d6325174.png", imageAlt: "Still from a luxury commercial"
},
{
id: "project-3",
name: "Whispers of Dawn",
price: "Short Film",
variant: "Story Editing, Sound Design",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/frame-from-a-heartwarming-short-film-two-1774358120963-747ea24a.png",
imageAlt: "Still from an emotional short film",
id: "project-3", name: "Whispers of Dawn", price: "Short Film", variant: "Story Editing, Sound Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/frame-from-a-heartwarming-short-film-two-1774358120963-747ea24a.png", imageAlt: "Still from an emotional short film"
},
{
id: "project-4",
name: "Urban Pulse",
price: "Social Media Content",
variant: "Fast Cuts, Motion Graphics",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/dynamic-frame-from-an-energetic-social-m-1774358120741-0b305e73.png",
imageAlt: "Still from a vibrant social media ad",
},
id: "project-4", name: "Urban Pulse", price: "Social Media Content", variant: "Fast Cuts, Motion Graphics", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/dynamic-frame-from-an-energetic-social-m-1774358120741-0b305e73.png", imageAlt: "Still from a vibrant social media ad"
}
]}
title="Featured Cinematic Projects"
description="Explore a curated selection of my recent video editing work, spanning captivating music videos, impactful commercials, and compelling branded content."
@@ -179,8 +131,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="My Creative Vision"
description={[
"I believe every frame tells a story, and every cut shapes an emotion. With a profound passion for visual narrative, I transform raw footage into captivating cinematic experiences that resonate deeply with audiences.",
"My editing process is deeply collaborative, focusing on understanding your unique vision to bring it to life with precision, style, and a touch of magic. I'm dedicated to crafting visuals that not only look stunning but also evoke the intended feeling. Let's create something truly unforgettable.",
"I believe every frame tells a story, and every cut shapes an emotion. With a profound passion for visual narrative, I transform raw footage into captivating cinematic experiences that resonate deeply with audiences.", "My editing process is deeply collaborative, focusing on understanding your unique vision to bring it to life with precision, style, and a touch of magic. I'm dedicated to crafting visuals that not only look stunning but also evoke the intended feeling. Let's create something truly unforgettable."
]}
/>
</div>
@@ -189,43 +140,32 @@ export default function LandingPage() {
<MetricCardThree
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
metrics={[
{
id: "service-1",
icon: Music,
title: "Music Videos",
value: "Rhythmic storytelling",
id: "service-1", icon: Music,
title: "Music Videos", value: "Rhythmic storytelling"
},
{
id: "service-2",
icon: Camera,
title: "Commercial Edits",
value: "Impactful brand narratives",
id: "service-2", icon: Camera,
title: "Commercial Edits", value: "Impactful brand narratives"
},
{
id: "service-3",
icon: Share2,
title: "Social Media Content",
value: "Engaging short-form visuals",
id: "service-3", icon: Share2,
title: "Social Media Content", value: "Engaging short-form visuals"
},
{
id: "service-4",
icon: Film,
title: "Short-form Storytelling",
value: "Compelling narrative arcs",
id: "service-4", icon: Film,
title: "Short-form Storytelling", value: "Compelling narrative arcs"
},
{
id: "service-5",
icon: Award,
title: "Brand Videos",
value: "Authentic brand identity",
id: "service-5", icon: Award,
title: "Brand Videos", value: "Authentic brand identity"
},
{
id: "service-6",
icon: Sparkles,
title: "Motion-Enhanced Edits",
value: "Dynamic visual effects",
},
id: "service-6", icon: Sparkles,
title: "Motion-Enhanced Edits", value: "Dynamic visual effects"
}
]}
title="Crafting Your Story"
description="From concept to final cut, I offer a range of professional video editing services tailored to your unique needs, ensuring your story is told with cinematic excellence."
@@ -236,37 +176,22 @@ export default function LandingPage() {
<FeatureBento
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
features={[
{
title: "The Journey to Cinematic Excellence",
description: "Every project follows a carefully designed path to ensure a smooth, creative, and highly effective outcome.",
bentoComponent: "timeline",
heading: "Collaborative Process",
subheading: "Crafting your vision, step by step.",
items: [
title: "The Journey to Cinematic Excellence", description: "Every project follows a carefully designed path to ensure a smooth, creative, and highly effective outcome.", bentoComponent: "timeline", heading: "Collaborative Process", subheading: "Crafting your vision, step by step.", items: [
{
label: "Discovery & Concept",
detail: "Understanding your project goals, audience, and artistic vision.",
label: "Discovery & Concept", detail: "Understanding your project goals, audience, and artistic vision."
},
{
label: "Editing & Assembly",
detail: "Structuring the narrative, pacing, and visual flow of your footage.",
label: "Editing & Assembly", detail: "Structuring the narrative, pacing, and visual flow of your footage."
},
{
label: "Sound Design + Pacing",
detail: "Enhancing emotion with audio, rhythm, and dynamic transitions.",
},
{
label: "Final Polish & Color",
detail: "Refining details, color grading, and visual effects for cinematic quality.",
},
{
label: "Delivery & Feedback",
detail: "Delivering the final master, incorporating feedback for perfection.",
},
label: "Sound Design + Pacing", detail: "Enhancing emotion with audio, rhythm, and dynamic transitions."
}
],
completedLabel: "Project Completed",
},
completedLabel: "Project Completed"
}
]}
title="My Seamless Workflow"
description="Experience a collaborative and transparent journey from initial concept to the polished final delivery, ensuring your cinematic vision is perfectly realized."
@@ -277,35 +202,20 @@ export default function LandingPage() {
<TestimonialCardTwo
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Music Artist",
testimonial: "Working with Dream Weaver Edits was an absolute dream. The cinematic quality and emotional depth brought to my music video were beyond my expectations. Truly a visionary editor!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/professional-headshot-of-a-female-music--1774358120777-2acccc78.png",
id: "1", name: "Sarah J.", role: "Music Artist", testimonial: "Working with Dream Weaver Edits was an absolute dream. The cinematic quality and emotional depth brought to my music video were beyond my expectations. Truly a visionary editor!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/professional-headshot-of-a-female-music--1774358120777-2acccc78.png"
},
{
id: "2",
name: "Mark L.",
role: "Marketing Director, LuxCorp",
testimonial: "Our latest commercial needed that premium touch, and this editor delivered. The attention to detail, smooth transitions, and overall polish elevated our brand significantly.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/professional-headshot-of-a-male-marketin-1774358121423-4a8d506e.png",
id: "2", name: "Mark L.", role: "Marketing Director, LuxCorp", testimonial: "Our latest commercial needed that premium touch, and this editor delivered. The attention to detail, smooth transitions, and overall polish elevated our brand significantly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/professional-headshot-of-a-male-marketin-1774358121423-4a8d506e.png"
},
{
id: "3",
name: "Emily R.",
role: "Independent Filmmaker",
testimonial: "The storytelling prowess is incredible. They transformed my raw footage into a coherent, emotionally resonant short film that truly captured my vision. Highly recommend for any filmmaker.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/professional-headshot-of-a-female-filmma-1774358121212-3c47e834.png",
id: "3", name: "Emily R.", role: "Independent Filmmaker", testimonial: "The storytelling prowess is incredible. They transformed my raw footage into a coherent, emotionally resonant short film that truly captured my vision. Highly recommend for any filmmaker.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/professional-headshot-of-a-female-filmma-1774358121212-3c47e834.png"
},
{
id: "4",
name: "David K.",
role: "Brand Strategist, InnovateX",
testimonial: "For our social media campaigns, we needed fast, engaging, and cinematic edits. This editor consistently provides stunning content that stands out and drives engagement.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/professional-headshot-of-a-male-brand-ma-1774358121117-c7cc7255.png",
},
id: "4", name: "David K.", role: "Brand Strategist, InnovateX", testimonial: "For our social media campaigns, we needed fast, engaging, and cinematic edits. This editor consistently provides stunning content that stands out and drives engagement.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/professional-headshot-of-a-male-brand-ma-1774358121117-c7cc7255.png"
}
]}
title="What Clients Say"
description="Trusted by artists and brands to deliver exceptional cinematic results that leave a lasting impression."
@@ -319,29 +229,18 @@ export default function LandingPage() {
description="Ready to elevate your visuals with a cinematic touch? Reach out to discuss your project and bring your artistic vision to life. I look forward to collaborating with you."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true
},
{
name: "subject",
type: "text",
placeholder: "Subject",
required: true,
},
name: "subject", type: "text", placeholder: "Subject", required: true
}
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 5,
required: true,
name: "message", placeholder: "Your Message", rows: 5,
required: true
}}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOQZCyAi0qTEYauBVvC3T7zLtH/a-dreamy-minimalist-landscape-with-soft--1774358120120-b8129c81.png"
imageAlt="Dreamy minimalist landscape with mist"
@@ -356,64 +255,50 @@ export default function LandingPage() {
logoText="Dream Weaver Edits"
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Home",
href: "#home",
label: "Home", href: "#home"
},
{
label: "Work",
href: "#work",
label: "Work", href: "#work"
},
{
label: "About",
href: "#about",
label: "About", href: "#about"
},
{
label: "Testimonials",
href: "#testimonials",
},
],
label: "Testimonials", href: "#testimonials"
}
]
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Music Videos",
href: "#services",
label: "Music Videos", href: "#services"
},
{
label: "Commercial Edits",
href: "#services",
label: "Commercial Edits", href: "#services"
},
{
label: "Social Media Content",
href: "#services",
label: "Social Media Content", href: "#services"
},
{
label: "Short Films",
href: "#services",
},
],
label: "Short Films", href: "#services"
}
]
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Email",
href: "#contact",
label: "Email", href: "#contact"
},
{
label: "LinkedIn",
href: "https://www.linkedin.com",
label: "LinkedIn", href: "https://www.linkedin.com"
},
{
label: "Instagram",
href: "https://www.instagram.com",
},
],
},
label: "Instagram", href: "https://www.instagram.com"
}
]
}
]}
copyrightText="© 2024 Dream Weaver Edits. All rights reserved."
/>