From 9b1b8295caeb8abe26e38ea5aa7be237c3968c86 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 18:05:19 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 52 ++++++++++++++++++++++++++++++------------------ 1 file changed, 33 insertions(+), 19 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 608d6eb..a999d0f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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" + }, ]} /> @@ -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" + }, ]} /> @@ -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} /> -- 2.49.1