diff --git a/src/app/page.tsx b/src/app/page.tsx index 8b53c0e..ccf89c4 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -40,9 +40,7 @@ export default function HomePage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Hire Me", - href: "#contact", - }} + text: "Hire Me", href: "#contact"}} /> @@ -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 "}, ]} /> @@ -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"}, ]} /> @@ -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"}, ]} /> @@ -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."}, ]} /> @@ -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"}, ]} />