bender/4778d64e-7a0f-48d8-84d3-dc910b785fa6
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-17 17:03:39 +00:00
parent 0f7522786d
commit 0deae58dd9
1 changed files with 38 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

182
src/app/page.tsx
View File

@@ -10,7 +10,7 @@ import FeatureHoverPattern from "@/components/sections/feature/featureHoverPatte
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Film, Scissors, Zap, Brain, Sparkles, Star, Mail } from "lucide-react";
import { Film, Scissors, Zap, Brain, Sparkles, Star, Mail, Check } from "lucide-react";
export default function HomePage() {
const navItems = [
@@ -45,39 +45,23 @@ export default function HomePage() {
description="Transform raw footage into stunning visual stories. Video editing, motion design, and AI-powered content creation for creators who demand perfection."
buttons={[
{
text: "View Work",
href: "/work",
},
text: "View Work", href: "/work"},
{
text: "Start a Project",
href: "/contact",
},
text: "Start a Project", href: "/contact"},
]}
slides={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/a-modern-professional-video-editing-work-1773766752141-83329cb8.png",
imageAlt: "Cinematic editing workspace",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/a-modern-professional-video-editing-work-1773766752141-83329cb8.png", imageAlt: "Cinematic editing workspace"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/abstract-motion-graphics-animation-scene-1773766751442-213461fb.png",
imageAlt: "Motion graphics animation",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/abstract-motion-graphics-animation-scene-1773766751442-213461fb.png", imageAlt: "Motion graphics animation"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/futuristic-ai-content-creation-interface-1773766751471-e9aabd7a.png",
imageAlt: "AI content creation",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/futuristic-ai-content-creation-interface-1773766751471-e9aabd7a.png", imageAlt: "AI content creation"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-color-grading-scene-with-vi-1773766753743-57465b68.png",
imageAlt: "Color grading process",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-color-grading-scene-with-vi-1773766753743-57465b68.png", imageAlt: "Color grading process"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/modern-professional-video-production-stu-1773766754345-55836e47.png",
imageAlt: "Professional editing suite",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/modern-professional-video-production-stu-1773766754345-55836e47.png", imageAlt: "Professional editing suite"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/final-video-delivery-showcase-with-multi-1773766751320-0bf27606.png",
imageAlt: "Video delivery showcase",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/final-video-delivery-showcase-with-multi-1773766751320-0bf27606.png", imageAlt: "Video delivery showcase"},
]}
autoplayDelay={5000}
showDimOverlay={true}
@@ -89,29 +73,11 @@ export default function HomePage() {
<MetricCardEleven
metrics={[
{
id: "projects",
value: "200+",
title: "Projects Completed",
description: "Professional video productions delivered",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/visual-representation-of-200-completed-v-1773766751927-ba621f3d.png?_wi=1",
imageAlt: "200+ completed projects",
},
id: "projects", value: "200+", title: "Projects Completed", description: "Professional video productions delivered", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/visual-representation-of-200-completed-v-1773766751927-ba621f3d.png?_wi=1", imageAlt: "200+ completed projects"},
{
id: "experience",
value: "5+",
title: "Years Experience",
description: "Mastering the craft of cinematic storytelling",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/experience-badge-or-award-showing-5-year-1773766753527-ff7ea0eb.png?_wi=1",
imageAlt: "5+ years experience",
},
id: "experience", value: "5+", title: "Years Experience", description: "Mastering the craft of cinematic storytelling", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/experience-badge-or-award-showing-5-year-1773766753527-ff7ea0eb.png?_wi=1", imageAlt: "5+ years experience"},
{
id: "views",
value: "3M+",
title: "Total Views",
description: "Audience engagement across platforms",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/3-million-views-milestone-visualization--1773766752572-4462e7b7.png?_wi=1",
imageAlt: "3M+ total views",
},
id: "views", value: "3M+", title: "Total Views", description: "Audience engagement across platforms", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/3-million-views-milestone-visualization--1773766752572-4462e7b7.png?_wi=1", imageAlt: "3M+ total views"},
]}
animationType="slide-up"
title="Impact & Experience"
@@ -146,19 +112,13 @@ export default function HomePage() {
features={[
{
icon: Scissors,
title: "Video Editing",
description: "Professional color grading, sound design, and cinematic cuts across all formats. From corporate videos to social content.",
},
title: "Video Editing", description: "Professional color grading, sound design, and cinematic cuts across all formats. From corporate videos to social content."},
{
icon: Zap,
title: "Motion Graphics",
description: "Dynamic title sequences, animated explainers, and visual effects that elevate your message.",
},
title: "Motion Graphics", description: "Dynamic title sequences, animated explainers, and visual effects that elevate your message."},
{
icon: Brain,
title: "AI Content Strategy",
description: "Leverage cutting-edge AI tools for rapid content creation, smart automation, and data-driven production workflows.",
},
title: "AI Content Strategy", description: "Leverage cutting-edge AI tools for rapid content creation, smart automation, and data-driven production workflows."},
]}
animationType="blur-reveal"
textboxLayout="default"
@@ -170,61 +130,31 @@ export default function HomePage() {
<div id="pricing" data-section="pricing">
<PricingCardThree
title="Simple, Transparent Pricing"
description="Flexible packages for individual creators, brands, and agencies. Volume discounts and custom quotes available."
description="Flexible packages for individual creators, brands, and agencies. Choose based on project scope, revision needs, and creative features."
plans={[
{
id: "basic",
name: "BASIC",
price: "$299",
features: [
"Up to 5 minutes of final video",
"Single revision round",
"Standard color grading",
"Delivery in MP4 & ProRes",
],
id: "basic", name: "BASIC", price: "$299", features: [
"Up to 5 min video • 1 revision", "Standard color grading", "No VFX or motion graphics", "MP4 & ProRes delivery", "48-hour turnaround"],
buttons: [
{
text: "Get Started",
href: "/contact",
},
text: "Get Started", href: "/contact"},
],
},
{
id: "pro",
name: "PRO",
price: "$599",
badge: "Most Popular",
badgeIcon: Sparkles,
id: "pro", name: "PRO", price: "$599", badge: "Most Popular", badgeIcon: Sparkles,
features: [
"Up to 15 minutes of final video",
"Unlimited revisions",
"Advanced color grading & VFX",
"Motion graphics included",
"Priority support",
],
"Up to 15 min video • Unlimited revisions", "Advanced color grading & VFX", "Motion graphics & transitions", "Priority 24-hour support", "All delivery formats"],
buttons: [
{
text: "Start Now",
href: "/contact",
},
text: "Start Now", href: "/contact"},
],
},
{
id: "premium",
name: "PREMIUM",
price: "Custom",
features: [
"Full-length projects",
"Complete creative control",
"AI-powered automation",
"Dedicated project manager",
"Ongoing support & revisions",
],
id: "premium", name: "PREMIUM", price: "Custom", features: [
"Full-length projects • Unlimited revisions", "Complete creative control & AI automation", "Custom VFX, animation & graphics", "Dedicated project manager", "Ongoing support & consultation"],
buttons: [
{
text: "Let's Talk",
href: "/contact",
},
text: "Let's Talk", href: "/contact"},
],
},
]}
@@ -241,64 +171,28 @@ export default function HomePage() {
description="Trusted by creators, brands, and agencies worldwide for exceptional video editing and content production."
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "@creativebrand",
testimonial: "Exceptional editing work. Transformed our raw footage into a viral-worthy video. Professional, responsive, and detail-oriented.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-creative-dire-1773766750644-70675d0e.png?_wi=1",
imageAlt: "Sarah Johnson",
icon: Star,
id: "1", name: "Sarah Johnson", handle: "@creativebrand", testimonial: "Exceptional editing work. Transformed our raw footage into a viral-worthy video. Professional, responsive, and detail-oriented.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-creative-dire-1773766750644-70675d0e.png?_wi=1", imageAlt: "Sarah Johnson", icon: Star,
},
{
id: "2",
name: "Michael Chen",
handle: "@techstartup_co",
testimonial: "Best video editor we've worked with. Understood our brand vision immediately and delivered beyond expectations. Highly recommended.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-tech-entrepre-1773766751651-d708be01.png?_wi=1",
imageAlt: "Michael Chen",
icon: Star,
id: "2", name: "Michael Chen", handle: "@techstartup_co", testimonial: "Best video editor we've worked with. Understood our brand vision immediately and delivered beyond expectations. Highly recommended.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-tech-entrepre-1773766751651-d708be01.png?_wi=1", imageAlt: "Michael Chen", icon: Star,
},
{
id: "3",
name: "Emily Rodriguez",
handle: "@luxurybrand_official",
testimonial: "The cinematic quality and attention to detail are unmatched. Every frame feels premium. Worth every penny.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-portrait-of-a-luxury-brand--1773766752414-056a6d78.png?_wi=1",
imageAlt: "Emily Rodriguez",
icon: Star,
id: "3", name: "Emily Rodriguez", handle: "@luxurybrand_official", testimonial: "The cinematic quality and attention to detail are unmatched. Every frame feels premium. Worth every penny.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-portrait-of-a-luxury-brand--1773766752414-056a6d78.png?_wi=1", imageAlt: "Emily Rodriguez", icon: Star,
},
{
id: "4",
name: "David Kim",
handle: "@productionhouse_la",
testimonial: "Fast turnaround without sacrificing quality. AI integration suggestions saved us weeks of work. True professional.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-production-co-1773766751360-253b42ad.png?_wi=1",
imageAlt: "David Kim",
icon: Star,
id: "4", name: "David Kim", handle: "@productionhouse_la", testimonial: "Fast turnaround without sacrificing quality. AI integration suggestions saved us weeks of work. True professional.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-production-co-1773766751360-253b42ad.png?_wi=1", imageAlt: "David Kim", icon: Star,
},
{
id: "5",
name: "Jessica Lee",
handle: "@contentcreator_pro",
testimonial: "Transformed my YouTube channel aesthetic. The consistency and polish really elevated my content. Game-changer.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-content-creat-1773766751133-f9a30af8.png?_wi=1",
imageAlt: "Jessica Lee",
icon: Star,
id: "5", name: "Jessica Lee", handle: "@contentcreator_pro", testimonial: "Transformed my YouTube channel aesthetic. The consistency and polish really elevated my content. Game-changer.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-content-creat-1773766751133-f9a30af8.png?_wi=1", imageAlt: "Jessica Lee", icon: Star,
},
{
id: "6",
name: "Alex Thompson",
handle: "@filmproduction_team",
testimonial: "Collaborated on multiple projects now. Always delivers cinematic quality with fast iterations. Absolute pro.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-film-producti-1773766750913-d56c8fec.png?_wi=1",
imageAlt: "Alex Thompson",
icon: Star,
id: "6", name: "Alex Thompson", handle: "@filmproduction_team", testimonial: "Collaborated on multiple projects now. Always delivers cinematic quality with fast iterations. Absolute pro.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWd5CVi6eS00aQna2oL1acQvBq/professional-headshot-of-a-film-producti-1773766750913-d56c8fec.png?_wi=1", imageAlt: "Alex Thompson", icon: Star,
},
]}
showRating={true}
@@ -324,4 +218,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}