Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-07 18:05:24 +00:00

View File

@@ -9,7 +9,7 @@ import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwe
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Sparkles, User, Cube, Film, Lightbulb, Zap, Camera, Star, Play, Palette, Settings, Video, Image } from "lucide-react";
import { Sparkles, User, Film, Lightbulb, Zap, Camera, Star, Play, Palette, Settings, Video, Image } from "lucide-react";
export default function LandingPage() {
return (
@@ -19,7 +19,7 @@ export default function LandingPage() {
borderRadius="pill"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
@@ -51,7 +51,7 @@ export default function LandingPage() {
{ text: "Get Started", href: "#contact" },
]}
buttonAnimation="slide-up"
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
dashboard={{
title: "Creative Projects Delivered", logoIcon: Film,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/a-stunning-3d-motion-graphics-scene-with-1772906603750-f2472594.png", imageAlt: "3D Motion Graphics Scene", searchPlaceholder: "Search projects...", sidebarItems: [
@@ -66,13 +66,16 @@ export default function LandingPage() {
stats: [
{
title: "Projects Completed", values: [45, 52, 67],
description: "Animation and editing projects delivered"},
description: "Animation and editing projects delivered"
},
{
title: "Satisfied Clients", values: [28, 35, 42],
description: "Brands and creators served"},
description: "Brands and creators served"
},
{
title: "Years Experience", values: [5, 6, 7],
description: "Industry experience in motion design"},
description: "Industry experience in motion design"
},
],
chartTitle: "Project Growth", chartData: [
{ value: 45 },
@@ -99,7 +102,7 @@ export default function LandingPage() {
tagAnimation="slide-up"
bulletPoints={[
{
title: "3D Animation Expertise", description: "Specialized in character animation, motion graphics, and visual effects using industry-standard tools", icon: Cube,
title: "3D Animation Expertise", description: "Specialized in character animation, motion graphics, and visual effects using industry-standard tools", icon: Film,
},
{
title: "Professional Video Editing", description: "Master of color grading, sound design integration, and seamless transitions for cinematic quality", icon: Film,
@@ -133,11 +136,14 @@ export default function LandingPage() {
animationType="slide-up"
products={[
{
id: "1", name: "Enterprise Commercial Campaign", price: "3D Animation & Editing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/a-showcase-of-3d-animated-character-in-p-1772906603609-1448f53b.png", imageAlt: "Enterprise commercial animation project"},
id: "1", name: "Enterprise Commercial Campaign", price: "3D Animation & Editing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/a-showcase-of-3d-animated-character-in-p-1772906603609-1448f53b.png", imageAlt: "Enterprise commercial animation project"
},
{
id: "2", name: "Brand Documentary Series", price: "Post-Production Excellence", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/professional-video-editing-montage-showi-1772906606759-43404875.png", imageAlt: "Brand documentary video editing project"},
id: "2", name: "Brand Documentary Series", price: "Post-Production Excellence", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/professional-video-editing-montage-showi-1772906606759-43404875.png", imageAlt: "Brand documentary video editing project"
},
{
id: "3", name: "Product Visualization Campaign", price: "3D Motion Graphics", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/commercial-animation-work-featuring-prod-1772906604887-c89a1fd1.png", imageAlt: "Product 3D animation showcase"},
id: "3", name: "Product Visualization Campaign", price: "3D Motion Graphics", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/commercial-animation-work-featuring-prod-1772906604887-c89a1fd1.png", imageAlt: "Product 3D animation showcase"
},
]}
/>
</div>
@@ -155,13 +161,17 @@ export default function LandingPage() {
animationType="slide-up"
features={[
{
id: "1", title: "3D Character Animation", description: "Bringing characters to life with fluid motion, expression, and personality through advanced rigging and keyframe animation techniques.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/advanced-3d-modeling-showcase-with-compl-1772906603831-a8fbf500.png?_wi=1", imageAlt: "3D character animation"},
id: "1", title: "3D Character Animation", description: "Bringing characters to life with fluid motion, expression, and personality through advanced rigging and keyframe animation techniques.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/advanced-3d-modeling-showcase-with-compl-1772906603831-a8fbf500.png", imageAlt: "3D character animation"
},
{
id: "2", title: "Motion Graphics Design", description: "Dynamic visual storytelling through animated typography, particle effects, and design-driven motion that captivates viewers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/motion-design-animation-showing-particle-1772906603432-190ff955.png", imageAlt: "Motion graphics animation"},
id: "2", title: "Motion Graphics Design", description: "Dynamic visual storytelling through animated typography, particle effects, and design-driven motion that captivates viewers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/motion-design-animation-showing-particle-1772906603432-190ff955.png", imageAlt: "Motion graphics animation"
},
{
id: "3", title: "Professional Video Editing", description: "Seamless editing with color grading, sound design integration, and transitions that create polished final products.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/professional-video-editing-interface-sho-1772906607219-bf0c1d12.png", imageAlt: "Professional video editing"},
id: "3", title: "Professional Video Editing", description: "Seamless editing with color grading, sound design integration, and transitions that create polished final products.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/professional-video-editing-interface-sho-1772906607219-bf0c1d12.png", imageAlt: "Professional video editing"
},
{
id: "4", title: "Visual Effects & Compositing", description: "Advanced VFX and compositing for integration of 3D elements, effects, and post-production enhancements.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/advanced-3d-modeling-showcase-with-compl-1772906603831-a8fbf500.png?_wi=2", imageAlt: "Visual effects compositing"},
id: "4", title: "Visual Effects & Compositing", description: "Advanced VFX and compositing for integration of 3D elements, effects, and post-production enhancements.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/advanced-3d-modeling-showcase-with-compl-1772906603831-a8fbf500.png", imageAlt: "Visual effects compositing"
},
]}
/>
</div>
@@ -179,16 +189,20 @@ export default function LandingPage() {
testimonials={[
{
id: "1", name: "Sarah Mitchell", role: "Creative Director", company: "BrandForge Studios", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/professional-headshot-of-satisfied-clien-1772906604107-416a187b.png", imageAlt: "Sarah Mitchell"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/professional-headshot-of-satisfied-clien-1772906604107-416a187b.png", imageAlt: "Sarah Mitchell"
},
{
id: "2", name: "James Chen", role: "Producer", company: "Cinematic Visions", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/professional-headshot-of-creative-direct-1772906604388-c076f4c0.png", imageAlt: "James Chen"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/professional-headshot-of-creative-direct-1772906604388-c076f4c0.png", imageAlt: "James Chen"
},
{
id: "3", name: "Elena Rodriguez", role: "Marketing Manager", company: "Digital Growth Co", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/professional-headshot-of-marketing-manag-1772906604065-eb0fb9b2.png", imageAlt: "Elena Rodriguez"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/professional-headshot-of-marketing-manag-1772906604065-eb0fb9b2.png", imageAlt: "Elena Rodriguez"
},
{
id: "4", name: "Marcus Thompson", role: "Film Producer", company: "Indie Productions", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/professional-headshot-of-film-producer-p-1772906603494-ecaa020a.png", imageAlt: "Marcus Thompson"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AczDsvaq6hrmPRPORYh7Fl8ByI/professional-headshot-of-film-producer-p-1772906603494-ecaa020a.png", imageAlt: "Marcus Thompson"
},
]}
kpiItems={[
{ value: "98%", label: "Client Satisfaction Rating" },
@@ -206,7 +220,7 @@ export default function LandingPage() {
{ text: "Start Your Project", href: "mailto:contact@creativemotion.com" },
{ text: "View Full Portfolio", href: "#portfolio" },
]}
background={{ variant: "radial-gradient" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>