Update src/app/services/page.tsx

This commit is contained in:
2026-03-03 07:07:09 +00:00
parent 16f30431aa
commit 749592f265

View File

@@ -48,7 +48,7 @@ export default function ServicesPage() {
borderRadius="rounded"
contentWidth="small"
sizing="medium"
background="fluid"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
@@ -71,36 +71,21 @@ export default function ServicesPage() {
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
gridVariant="uniform-4-items"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
features={[
{
id: "1",
title: "Explainer Videos",
description:
"Engaging animated explainers that communicate complex concepts with clarity and emotion, perfect for product launches and feature demonstrations.",
imageSrc:
"http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=10",
imageAlt: "Animated explainer video example",
},
id: "1", title: "Explainer Videos", description:
"Engaging animated explainers that communicate complex concepts with clarity and emotion, perfect for product launches and feature demonstrations.", imageSrc:
"http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Animated explainer video example"},
{
id: "2",
title: "Brand Storytelling",
description:
"Compelling motion narratives that bring your brand story to life, creating emotional resonance with your target audience through visual motion design.",
imageSrc:
"http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=11",
imageAlt: "Brand storytelling animation",
},
id: "2", title: "Brand Storytelling", description:
"Compelling motion narratives that bring your brand story to life, creating emotional resonance with your target audience through visual motion design.", imageSrc:
"http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Brand storytelling animation"},
{
id: "3",
title: "Product Animation",
description:
"Custom animated demonstrations of your product features, showcasing functionality and benefits through fluid, engaging motion that drives conversion.",
imageSrc:
"http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=12",
imageAlt: "Product animation showcase",
},
id: "3", title: "Product Animation", description:
"Custom animated demonstrations of your product features, showcasing functionality and benefits through fluid, engaging motion that drives conversion.", imageSrc:
"http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Product animation showcase"},
]}
/>
</div>
@@ -114,40 +99,21 @@ export default function ServicesPage() {
animationType="slide-up"
plans={[
{
id: "standard",
price: "Starting at $4,500",
name: "Standard Package",
buttons: [
id: "standard", price: "Starting at $4,500", name: "Standard Package", buttons: [
{ text: "Get Started", href: "/contact" },
{ text: "Learn More", href: "#" },
],
features: [
"Duration: up to 30 seconds",
"Script & storyboard assistance",
"Motion design & editing for one video",
"2 rounds of revisions",
"Delivery in standard formats",
"Creative consultation",
],
"Duration: up to 30 seconds", "Script & storyboard assistance", "Motion design & editing for one video", "2 rounds of revisions", "Delivery in standard formats", "Creative consultation"],
},
{
id: "premium",
badge: "Most Popular",
badgeIcon: Sparkles,
price: "Starting at $12,000",
name: "Premium Package",
buttons: [
id: "premium", badge: "Most Popular", badgeIcon: Sparkles,
price: "Starting at $12,000", name: "Premium Package", buttons: [
{ text: "Get Started", href: "/contact" },
{ text: "Learn More", href: "#" },
],
features: [
"Everything in Standard, plus",
"Multiple videos or ongoing series",
"Brand and campaign strategy input",
"High-impact execution",
"Priority turnaround",
"Extended revision support",
],
"Everything in Standard, plus", "Multiple videos or ongoing series", "Brand and campaign strategy input", "High-impact execution", "Priority turnaround", "Extended revision support"],
},
]}
/>