Merge version_1 into main #4

Open
bender wants to merge 1 commits from version_1 into main

View File

@@ -40,9 +40,7 @@ export default function HomePage() {
{ name: "Contact", id: "contact" },
]}
button={{
text: "Hire Me",
href: "#contact",
}}
text: "Hire Me", href: "#contact"}}
/>
</div>
@@ -51,19 +49,14 @@ export default function HomePage() {
title="I Craft Cinematic Edits That Capture Attention"
description="Premium video editing and AI-powered content creation for creators who demand excellence"
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
buttons={[
{
text: "View Work",
href: "/work",
},
text: "View Work", href: "/work"},
{
text: "Start a Project",
href: "#contact",
},
text: "Start a Project", href: "#contact"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/abstract-3d-editing-timeline-interface-w-1773766116051-8ed7cec7.png"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/abstract-3d-editing-timeline-interface-w-1773766116051-8ed7cec7.png?_wi=1"
imageAlt="Abstract 3D editing timeline interface with glowing blue and orange accents. Sleek digital workspace"
mediaAnimation="slide-up"
tagAnimation="none"
@@ -77,23 +70,11 @@ export default function HomePage() {
description="Track record of delivering high-impact video content"
metrics={[
{
id: "projects",
value: "200+",
title: "Projects Completed",
description: "Diverse portfolio across industries",
},
id: "projects", value: "200+", title: "Projects Completed", description: "Diverse portfolio across industries", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/abstract-3d-editing-timeline-interface-w-1773766116051-8ed7cec7.png?_wi=2", imageAlt: "Projects completed icon"},
{
id: "experience",
value: "5",
title: "Years Experience",
description: "Professional video editing expertise",
},
id: "experience", value: "5", title: "Years Experience", description: "Professional video editing expertise", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/abstract-3d-editing-timeline-interface-w-1773766116051-8ed7cec7.png?_wi=3", imageAlt: "Experience icon"},
{
id: "views",
value: "3M+",
title: "Total Views",
description: "Content viewed across platforms",
},
id: "views", value: "3M+", title: "Total Views", description: "Content viewed across platforms", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/abstract-3d-editing-timeline-interface-w-1773766116051-8ed7cec7.png?_wi=4", imageAlt: "Views icon"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -111,47 +92,17 @@ export default function HomePage() {
animationType="scale-rotate"
products={[
{
id: "project-1",
name: "Luxury Brand Campaign",
price: "Editorial",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/luxury-brand-campaign-video-thumbnail-sh-1773766116516-0135ed58.png?_wi=1",
imageAlt: "Luxury brand campaign video thumbnail showing high-end product photography with cinematic lighting, ",
},
id: "project-1", name: "Luxury Brand Campaign", price: "Editorial", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/luxury-brand-campaign-video-thumbnail-sh-1773766116516-0135ed58.png?_wi=1", imageAlt: "Luxury brand campaign video thumbnail showing high-end product photography with cinematic lighting, "},
{
id: "project-2",
name: "Tech Startup Promo",
price: "Motion Graphics",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/tech-startup-promotional-video-thumbnail-1773766116590-bd07a0e5.png?_wi=1",
imageAlt: "Tech startup promotional video thumbnail featuring sleek interface design, holographic elements, and",
},
id: "project-2", name: "Tech Startup Promo", price: "Motion Graphics", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/tech-startup-promotional-video-thumbnail-1773766116590-bd07a0e5.png?_wi=1", imageAlt: "Tech startup promotional video thumbnail featuring sleek interface design, holographic elements, and"},
{
id: "project-3",
name: "AI Creator Tutorial",
price: "Educational",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/ai-creator-tutorial-video-thumbnail-show-1773766119268-027d3094.png?_wi=1",
imageAlt: "AI creator tutorial video thumbnail showing split screen with before/after content creation process.",
},
id: "project-3", name: "AI Creator Tutorial", price: "Educational", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/ai-creator-tutorial-video-thumbnail-show-1773766119268-027d3094.png?_wi=1", imageAlt: "AI creator tutorial video thumbnail showing split screen with before/after content creation process."},
{
id: "project-4",
name: "Music Video Production",
price: "Entertainment",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/music-video-production-thumbnail-with-ar-1773766116746-efd60eb0.png?_wi=1",
imageAlt: "Music video production thumbnail with artistic cinematography, dramatic lighting effects, and vibran",
},
id: "project-4", name: "Music Video Production", price: "Entertainment", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/music-video-production-thumbnail-with-ar-1773766116746-efd60eb0.png?_wi=1", imageAlt: "Music video production thumbnail with artistic cinematography, dramatic lighting effects, and vibran"},
{
id: "project-5",
name: "Documentary Sequence",
price: "Narrative",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/documentary-sequence-thumbnail-showing-n-1773766116572-399cddcd.png?_wi=1",
imageAlt: "Documentary sequence thumbnail showing narrative cinematography with natural lighting and authentic ",
},
id: "project-5", name: "Documentary Sequence", price: "Narrative", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/documentary-sequence-thumbnail-showing-n-1773766116572-399cddcd.png?_wi=1", imageAlt: "Documentary sequence thumbnail showing narrative cinematography with natural lighting and authentic "},
{
id: "project-6",
name: "Social Media Series",
price: "Content Strategy",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/social-media-content-series-thumbnail-sh-1773766117099-d974d2ed.png?_wi=1",
imageAlt: "Social media content series thumbnail showing mobile-first vertical video format (9:16). Fast-paced ",
},
id: "project-6", name: "Social Media Series", price: "Content Strategy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/social-media-content-series-thumbnail-sh-1773766117099-d974d2ed.png?_wi=1", imageAlt: "Social media content series thumbnail showing mobile-first vertical video format (9:16). Fast-paced "},
]}
/>
</div>
@@ -168,21 +119,13 @@ export default function HomePage() {
mediaAnimation="slide-up"
bulletPoints={[
{
title: "Video Editing",
description: "Professional color grading, sound design, and post-production excellence",
},
title: "AI Integration", description: "Runway, CapCut, and emerging AI tools for next-gen content creation"},
{
title: "Motion Graphics",
description: "Dynamic animations and visual effects that elevate storytelling",
},
title: "Video Editing", description: "Professional color grading, sound design, and post-production excellence"},
{
title: "AI Integration",
description: "Runway, CapCut, and emerging AI tools for next-gen content creation",
},
title: "Motion Graphics", description: "Dynamic animations and visual effects that elevate storytelling"},
{
title: "Content Strategy",
description: "Platform-optimized editing for maximum engagement and reach",
},
title: "Content Strategy", description: "Platform-optimized editing for maximum engagement and reach"},
]}
/>
</div>
@@ -197,34 +140,16 @@ export default function HomePage() {
animationType="scale-rotate"
features={[
{
id: "video-editing",
title: "Video Editing",
descriptions: [
"Professional color grading and color correction",
"Advanced sound design and audio mixing",
"Cinematic transitions and effects",
"4K and 8K post-production mastery",
],
id: "video-editing", title: "Video Editing", descriptions: [
"Professional color grading and color correction", "Advanced sound design and audio mixing", "Cinematic transitions and effects", "4K and 8K post-production mastery"],
},
{
id: "motion-graphics",
title: "Motion Graphics",
descriptions: [
"Custom animated sequences and title design",
"Data visualization and infographics",
"3D motion elements and compositing",
"Brand identity animation",
],
id: "motion-graphics", title: "Motion Graphics", descriptions: [
"Custom animated sequences and title design", "Data visualization and infographics", "3D motion elements and compositing", "Brand identity animation"],
},
{
id: "social-content",
title: "Social Content Strategy",
descriptions: [
"Platform-optimized content creation",
"Trending format adaptation",
"Engagement-focused editing",
"Multi-platform distribution planning",
],
id: "social-content", title: "Social Content Strategy", descriptions: [
"Platform-optimized content creation", "Trending format adaptation", "Engagement-focused editing", "Multi-platform distribution planning"],
},
]}
/>
@@ -239,50 +164,19 @@ export default function HomePage() {
animationType="scale-rotate"
plans={[
{
id: "basic",
badge: "Great Starting Point",
badgeIcon: Sparkles,
price: "$299/mo",
subtitle: "Perfect for social creators",
features: [
"Up to 10 video edits monthly",
"Standard color grading",
"Basic motion graphics",
"5-day turnaround",
"Email support",
],
id: "basic", badge: "Great Starting Point", badgeIcon: Sparkles,
price: "$299/mo", subtitle: "Perfect for social creators", features: [
"Up to 10 video edits monthly", "Standard color grading", "Basic motion graphics", "5-day turnaround", "Email support"],
},
{
id: "pro",
badge: "Most Popular",
badgeIcon: Sparkles,
price: "$599/mo",
subtitle: "For serious content creators",
features: [
"Unlimited video edits",
"Advanced color grading",
"Premium motion graphics",
"3-day turnaround",
"Priority support",
"Monthly strategy call",
"AI tool integration",
],
id: "pro", badge: "Most Popular", badgeIcon: Sparkles,
price: "$599/mo", subtitle: "For serious content creators", features: [
"Unlimited video edits", "Advanced color grading", "Premium motion graphics", "3-day turnaround", "Priority support", "Monthly strategy call", "AI tool integration"],
},
{
id: "premium",
badge: "Premium",
badgeIcon: Sparkles,
price: "Custom",
subtitle: "Enterprise & large campaigns",
features: [
"Full production services",
"Dedicated project manager",
"Custom animation creation",
"24-hour turnaround",
"Phone & email support",
"Unlimited revisions",
"Advanced AI workflows",
],
id: "premium", badge: "Premium", badgeIcon: Sparkles,
price: "Custom", subtitle: "Enterprise & large campaigns", features: [
"Full production services", "Dedicated project manager", "Custom animation creation", "24-hour turnaround", "Phone & email support", "Unlimited revisions", "Advanced AI workflows"],
},
]}
/>
@@ -297,53 +191,17 @@ export default function HomePage() {
animationType="blur-reveal"
testimonials={[
{
id: "testimonial-1",
name: "Sarah Mitchell",
role: "Creative Director",
testimonial: "Webild transformed our raw footage into something truly cinematic. The attention to detail and turnaround speed are unmatched.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-woman-in-her--1773766116375-c1974842.png?_wi=1",
imageAlt: "Professional headshot of a woman in her 30s, creative director style, wearing modern minimalist clot",
},
id: "testimonial-1", name: "Sarah Mitchell", role: "Creative Director", testimonial: "Webild transformed our raw footage into something truly cinematic. The attention to detail and turnaround speed are unmatched.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-woman-in-her--1773766116375-c1974842.png?_wi=1", imageAlt: "Professional headshot of a woman in her 30s, creative director style, wearing modern minimalist clot"},
{
id: "testimonial-2",
name: "James Chen",
role: "Tech Startup Founder",
testimonial: "Our product launch video exceeded all expectations. The motion graphics were exactly what we envisioned but better.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-man-in-his-30-1773766115889-bd62b192.png?_wi=1",
imageAlt: "Professional headshot of a man in his 30s, tech founder style, wearing modern tech company casual at",
},
id: "testimonial-2", name: "James Chen", role: "Tech Startup Founder", testimonial: "Our product launch video exceeded all expectations. The motion graphics were exactly what we envisioned but better.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-man-in-his-30-1773766115889-bd62b192.png?_wi=1", imageAlt: "Professional headshot of a man in his 30s, tech founder style, wearing modern tech company casual at"},
{
id: "testimonial-3",
name: "Emma Rodriguez",
role: "Content Creator",
testimonial: "Working with Webild feels like having a world-class editor on my team. Highly professional and incredibly creative.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-woman-in-her--1773766117859-372b4567.png?_wi=1",
imageAlt: "Professional headshot of a woman in her 20s, content creator style, wearing contemporary creative fa",
},
id: "testimonial-3", name: "Emma Rodriguez", role: "Content Creator", testimonial: "Working with Webild feels like having a world-class editor on my team. Highly professional and incredibly creative.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-woman-in-her--1773766117859-372b4567.png?_wi=1", imageAlt: "Professional headshot of a woman in her 20s, content creator style, wearing contemporary creative fa"},
{
id: "testimonial-4",
name: "David Park",
role: "Brand Manager",
testimonial: "The AI integration workflow saved us countless hours. Webild truly understands modern content creation.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-man-in-his-40-1773766116894-a0e7f564.png?_wi=1",
imageAlt: "Professional headshot of a man in his 40s, brand manager style, wearing corporate modern attire. Pro",
},
id: "testimonial-4", name: "David Park", role: "Brand Manager", testimonial: "The AI integration workflow saved us countless hours. Webild truly understands modern content creation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-man-in-his-40-1773766116894-a0e7f564.png?_wi=1", imageAlt: "Professional headshot of a man in his 40s, brand manager style, wearing corporate modern attire. Pro"},
{
id: "testimonial-5",
name: "Lisa Thompson",
role: "Music Producer",
testimonial: "Our music videos have never looked better. The color grading and transitions are absolutely stunning.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-woman-in-her--1773766117018-dcb3246a.png?_wi=1",
imageAlt: "Professional headshot of a woman in her 30s, music industry professional, wearing creative modern cl",
},
id: "testimonial-5", name: "Lisa Thompson", role: "Music Producer", testimonial: "Our music videos have never looked better. The color grading and transitions are absolutely stunning.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-woman-in-her--1773766117018-dcb3246a.png?_wi=1", imageAlt: "Professional headshot of a woman in her 30s, music industry professional, wearing creative modern cl"},
{
id: "testimonial-6",
name: "Michael Foster",
role: "Documentary Filmmaker",
testimonial: "A true craftsman. Webild's editing brought our documentary to life in ways I couldn't have imagined.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-man-in-his-50-1773766116491-f48cd7dd.png?_wi=1",
imageAlt: "Professional headshot of a man in his 50s, filmmaker/director style, wearing artistic creative attir",
},
id: "testimonial-6", name: "Michael Foster", role: "Documentary Filmmaker", testimonial: "A true craftsman. Webild's editing brought our documentary to life in ways I couldn't have imagined.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-man-in-his-50-1773766116491-f48cd7dd.png?_wi=1", imageAlt: "Professional headshot of a man in his 50s, filmmaker/director style, wearing artistic creative attir"},
]}
/>
</div>
@@ -353,38 +211,21 @@ export default function HomePage() {
ctaTitle="Let's Create Something Amazing"
ctaDescription="Ready to bring your vision to life? Reach out with your project details and let's discuss how I can elevate your content."
ctaButton={{
text: "Send Message",
href: "#",
}}
text: "Send Message", href: "#"}}
ctaIcon={MessageCircle}
useInvertedBackground={false}
animationType="slide-up"
faqs={[
{
id: "faq-1",
title: "What's your typical turnaround time?",
content: "Standard projects take 5-7 business days. Rush turnaround (3 days) and premium (24 hours) are available for urgent projects.",
},
id: "faq-1", title: "What's your typical turnaround time?", content: "Standard projects take 5-7 business days. Rush turnaround (3 days) and premium (24 hours) are available for urgent projects."},
{
id: "faq-2",
title: "Do you work with different video formats?",
content: "Absolutely. I edit for all platforms: YouTube, TikTok, Instagram Reels, LinkedIn, and more. Each optimized for platform-specific specs.",
},
id: "faq-2", title: "Do you work with different video formats?", content: "Absolutely. I edit for all platforms: YouTube, TikTok, Instagram Reels, LinkedIn, and more. Each optimized for platform-specific specs."},
{
id: "faq-3",
title: "What software do you use?",
content: "Premiere Pro, After Effects, DaVinci Resolve, CapCut, and Runway AI. Industry-leading tools for professional results.",
},
id: "faq-3", title: "What software do you use?", content: "Premiere Pro, After Effects, DaVinci Resolve, CapCut, and Runway AI. Industry-leading tools for professional results."},
{
id: "faq-4",
title: "Can you handle 4K and high-resolution projects?",
content: "Yes, I regularly work with 4K, 6K, and 8K footage. Full color grading and effects support for any resolution.",
},
id: "faq-4", title: "Can you handle 4K and high-resolution projects?", content: "Yes, I regularly work with 4K, 6K, and 8K footage. Full color grading and effects support for any resolution."},
{
id: "faq-5",
title: "Do you offer revision rounds?",
content: "Yes. Basic package includes 2 revisions, Pro includes unlimited, and Premium offers dedicated revision management.",
},
id: "faq-5", title: "Do you offer revision rounds?", content: "Yes. Basic package includes 2 revisions, Pro includes unlimited, and Premium offers dedicated revision management."},
]}
/>
</div>
@@ -396,24 +237,16 @@ export default function HomePage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com",
ariaLabel: "Instagram",
},
href: "https://instagram.com", ariaLabel: "Instagram"},
{
icon: Youtube,
href: "https://youtube.com",
ariaLabel: "YouTube",
},
href: "https://youtube.com", ariaLabel: "YouTube"},
{
icon: Twitter,
href: "https://twitter.com",
ariaLabel: "Twitter/X",
},
href: "https://twitter.com", ariaLabel: "Twitter/X"},
{
icon: Linkedin,
href: "https://linkedin.com",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com", ariaLabel: "LinkedIn"},
]}
/>
</div>