diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 87a8907..0f34ac4 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -48,7 +48,7 @@ export default function AboutPage() {
borderRadius="rounded"
contentWidth="small"
sizing="medium"
- background="fluid"
+ background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
@@ -85,36 +85,21 @@ export default function AboutPage() {
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
- gridVariant="uniform-4-items"
+ gridVariant="uniform-all-items-equal"
animationType="slide-up"
features={[
{
- id: "1",
- title: "Founded on Creativity",
- description:
- "Afrozarchives was born from a passion for motion design and visual storytelling. We started with a vision to transform how brands communicate through animation.",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=4",
- imageAlt: "Creative team collaboration",
- },
+ id: "1", title: "Founded on Creativity", description:
+ "Afrozarchives was born from a passion for motion design and visual storytelling. We started with a vision to transform how brands communicate through animation.", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Creative team collaboration"},
{
- id: "2",
- title: "Strategic Approach",
- description:
- "We don't just create beautiful animations; we craft strategic narratives that align with your business goals and drive measurable results for your brand.",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=5",
- imageAlt: "Strategic planning session",
- },
+ id: "2", title: "Strategic Approach", description:
+ "We don't just create beautiful animations; we craft strategic narratives that align with your business goals and drive measurable results for your brand.", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Strategic planning session"},
{
- id: "3",
- title: "Collaborative Process",
- description:
- "Your vision is at the heart of everything we do. We work closely with you throughout the entire process to ensure your story is told exactly as intended.",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=6",
- imageAlt: "Team collaboration and feedback",
- },
+ id: "3", title: "Collaborative Process", description:
+ "Your vision is at the heart of everything we do. We work closely with you throughout the entire process to ensure your story is told exactly as intended.", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Team collaboration and feedback"},
]}
/>
@@ -127,36 +112,21 @@ export default function AboutPage() {
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
- gridVariant="uniform-4-items"
+ gridVariant="uniform-all-items-equal"
animationType="slide-up"
features={[
{
- id: "1",
- title: "Excellence",
- description:
- "We are committed to delivering the highest quality motion design with attention to every detail and pixel-perfect execution.",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=7",
- imageAlt: "Excellence in design",
- },
+ id: "1", title: "Excellence", description:
+ "We are committed to delivering the highest quality motion design with attention to every detail and pixel-perfect execution.", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Excellence in design"},
{
- id: "2",
- title: "Innovation",
- description:
- "We continuously explore new techniques, tools, and storytelling methods to stay ahead of trends and deliver fresh, innovative solutions.",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=8",
- imageAlt: "Innovative technology",
- },
+ id: "2", title: "Innovation", description:
+ "We continuously explore new techniques, tools, and storytelling methods to stay ahead of trends and deliver fresh, innovative solutions.", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Innovative technology"},
{
- id: "3",
- title: "Partnership",
- description:
- "We view every client as a partner. Your success is our success, and we're invested in delivering results that exceed your expectations.",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=9",
- imageAlt: "Client partnership",
- },
+ id: "3", title: "Partnership", description:
+ "We view every client as a partner. Your success is our success, and we're invested in delivering results that exceed your expectations.", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Client partnership"},
]}
/>
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index f29f089..5edc217 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -47,7 +47,7 @@ export default function ContactPage() {
borderRadius="rounded"
contentWidth="small"
sizing="medium"
- background="fluid"
+ background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
@@ -66,13 +66,11 @@ export default function ContactPage() {
@@ -87,41 +85,23 @@ export default function ContactPage() {
faqsAnimation="slide-up"
faqs={[
{
- id: "1",
- title: "How do I get started?",
- content:
- "Simply reach out through our contact form or book a discovery call. We'll discuss your project goals, vision, and answer any questions you might have about our process.",
- },
+ id: "1", title: "How do I get started?", content:
+ "Simply reach out through our contact form or book a discovery call. We'll discuss your project goals, vision, and answer any questions you might have about our process."},
{
- id: "2",
- title: "What information should I have ready?",
- content:
- "It helps to have a clear understanding of your project goals, target audience, and any reference materials or inspiration. But don't worry—we guide you through the discovery process.",
- },
+ id: "2", title: "What information should I have ready?", content:
+ "It helps to have a clear understanding of your project goals, target audience, and any reference materials or inspiration. But don't worry—we guide you through the discovery process."},
{
- id: "3",
- title: "Do you offer consultations?",
- content:
- "Yes! We offer free discovery calls where we can discuss your project in depth, understand your needs, and provide recommendations and pricing tailored to your specific requirements.",
- },
+ id: "3", title: "Do you offer consultations?", content:
+ "Yes! We offer free discovery calls where we can discuss your project in depth, understand your needs, and provide recommendations and pricing tailored to your specific requirements."},
{
- id: "4",
- title: "What's your typical response time?",
- content:
- "We typically respond to inquiries within 24 hours during business days. For urgent projects, let us know and we'll prioritize your request accordingly.",
- },
+ id: "4", title: "What's your typical response time?", content:
+ "We typically respond to inquiries within 24 hours during business days. For urgent projects, let us know and we'll prioritize your request accordingly."},
{
- id: "5",
- title: "Can you work with my existing team?",
- content:
- "Absolutely! We collaborate seamlessly with marketing teams, designers, and other creative professionals to ensure your project aligns with your broader initiatives.",
- },
+ id: "5", title: "Can you work with my existing team?", content:
+ "Absolutely! We collaborate seamlessly with marketing teams, designers, and other creative professionals to ensure your project aligns with your broader initiatives."},
{
- id: "6",
- title: "What's your cancellation policy?",
- content:
- "We're committed to your satisfaction. During the discovery phase, there's no commitment. Once we begin work, we have specific milestones and agreements in place. We're happy to discuss details during your consultation.",
- },
+ id: "6", title: "What's your cancellation policy?", content:
+ "We're committed to your satisfaction. During the discovery phase, there's no commitment. Once we begin work, we have specific milestones and agreements in place. We're happy to discuss details during your consultation."},
]}
/>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 3c1d6be..c82d8ba 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -5,35 +5,21 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const archivo = Archivo({
- variable: "--font-archivo",
- subsets: ["latin"],
+ variable: "--font-archivo", subsets: ["latin"],
});
export const metadata: Metadata = {
- title: "Motion Design for Startups & Enterprise | Afrozarchives",
- description: "Animated explainer videos and motion design that drive engagement and conversion. We help startups and enterprises establish emotional connections through creative storytelling.",
- keywords: "motion design, animated explainers, video animation, product animation, explainer videos, brand storytelling, SaaS animation",
- metadataBase: new URL("https://afrozarchives.com"),
+ title: "Motion Design for Startups & Enterprise | Afrozarchives", description: "Animated explainer videos and motion design that drive engagement and conversion. We help startups and enterprises establish emotional connections through creative storytelling.", keywords: "motion design, animated explainers, video animation, product animation, explainer videos, brand storytelling, SaaS animation", metadataBase: new URL("https://afrozarchives.com"),
alternates: {
- canonical: "https://afrozarchives.com",
- },
+ canonical: "https://afrozarchives.com"},
openGraph: {
- title: "Motion Design That Moves Markets | Afrozarchives",
- description: "Creative animated explainers and motion design for startups and enterprise brands.",
- siteName: "Afrozarchives",
- type: "website",
- images: [
+ title: "Motion Design That Moves Markets | Afrozarchives", description: "Creative animated explainers and motion design for startups and enterprise brands.", siteName: "Afrozarchives", type: "website", images: [
{
- url: "http://img.b2bpic.net/free-photo/technician-employs-ai-chatbot-pc-monitor-executing-programming-code_482257-120774.jpg",
- alt: "Afrozarchives Motion Design Studio",
- },
+ url: "http://img.b2bpic.net/free-photo/technician-employs-ai-chatbot-pc-monitor-executing-programming-code_482257-120774.jpg", alt: "Afrozarchives Motion Design Studio"},
],
},
twitter: {
- card: "summary_large_image",
- title: "Motion Design That Moves Markets | Afrozarchives",
- description: "Creative animated explainers and motion design for startups and enterprise brands.",
- images: ["http://img.b2bpic.net/free-photo/technician-employs-ai-chatbot-pc-monitor-executing-programming-code_482257-120774.jpg"],
+ card: "summary_large_image", title: "Motion Design That Moves Markets | Afrozarchives", description: "Creative animated explainers and motion design for startups and enterprise brands.", images: ["http://img.b2bpic.net/free-photo/technician-employs-ai-chatbot-pc-monitor-executing-programming-code_482257-120774.jpg"],
},
robots: {
index: true,
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6157040..fe6787a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -51,7 +51,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="small"
sizing="medium"
- background="fluid"
+ background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
@@ -72,28 +72,18 @@ export default function HomePage() {
description="We help startups and enterprises establish emotional connections between products and customers through creative animated explainers that drive engagement and conversion"
tag="Creative Animation Studio"
tagAnimation="slide-up"
- background={{ variant: "fluid" }}
+ background={{ variant: "glowing-orb" }}
testimonials={[
{
- name: "Sarah Chen",
- handle: "Founder, TechFlow",
- testimonial:
- "Afrozarchives transformed our product launch with compelling motion design that resonated perfectly with our audience.",
- rating: 5,
+ name: "Sarah Chen", handle: "Founder, TechFlow", testimonial:
+ "Afrozarchives transformed our product launch with compelling motion design that resonated perfectly with our audience.", rating: 5,
imageSrc:
- "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
- imageAlt: "Sarah Chen founder portrait",
- },
+ "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Chen founder portrait"},
{
- name: "Marcus Johnson",
- handle: "Marketing Director, Innovate Inc",
- testimonial:
- "The animated explainers we created with Afrozarchives increased our conversion rate by 40% in just one quarter.",
- rating: 5,
+ name: "Marcus Johnson", handle: "Marketing Director, Innovate Inc", testimonial:
+ "The animated explainers we created with Afrozarchives increased our conversion rate by 40% in just one quarter.", rating: 5,
imageSrc:
- "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
- imageAlt: "Marcus Johnson director portrait",
- },
+ "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Marcus Johnson director portrait"},
]}
testimonialRotationInterval={5000}
imagePosition="right"
@@ -131,36 +121,21 @@ export default function HomePage() {
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=1",
- 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=2",
- 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=3",
- 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"},
]}
/>
@@ -174,25 +149,13 @@ export default function HomePage() {
animationType="slide-up"
testimonials={[
{
- id: "1",
- name: "Sarah Chen",
- role: "Founder & CEO",
- company: "TechFlow",
- rating: 5,
+ id: "1", name: "Sarah Chen", role: "Founder & CEO", company: "TechFlow", rating: 5,
imageSrc:
- "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
- imageAlt: "Sarah Chen founder portrait",
- },
+ "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Chen founder portrait"},
{
- id: "2",
- name: "Marcus Johnson",
- role: "Marketing Director",
- company: "Innovate Inc",
- rating: 5,
+ id: "2", name: "Marcus Johnson", role: "Marketing Director", company: "Innovate Inc", rating: 5,
imageSrc:
- "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",
- imageAlt: "Marcus Johnson director portrait",
- },
+ "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Marcus Johnson director portrait"},
]}
kpiItems={[
{ value: "150+", label: "Projects Completed" },
@@ -206,7 +169,7 @@ export default function HomePage() {
@@ -120,41 +101,23 @@ export default function PricingPage() {
faqsAnimation="slide-up"
faqs={[
{
- id: "1",
- title: "What's the difference between a standard and custom project?",
- content:
- "Standard projects follow a streamlined process with defined deliverables, perfect for one-off videos or smaller campaigns. Custom projects offer greater flexibility, multiple videos, extended revision support, and strategic input tailored to larger campaigns and long-term partnerships.",
- },
+ id: "1", title: "What's the difference between a standard and custom project?", content:
+ "Standard projects follow a streamlined process with defined deliverables, perfect for one-off videos or smaller campaigns. Custom projects offer greater flexibility, multiple videos, extended revision support, and strategic input tailored to larger campaigns and long-term partnerships."},
{
- id: "2",
- title: "How fast is the turnaround?",
- content:
- "Standard packages typically take 3-4 weeks from kickoff to delivery. Premium packages receive priority scheduling. Rush turnarounds are available for an additional fee. We'll discuss timeline specifics during your discovery call.",
- },
+ id: "2", title: "How fast is the turnaround?", content:
+ "Standard packages typically take 3-4 weeks from kickoff to delivery. Premium packages receive priority scheduling. Rush turnarounds are available for an additional fee. We'll discuss timeline specifics during your discovery call."},
{
- id: "3",
- title: "What types of video do you handle?",
- content:
- "We specialize in animated explainer videos, product demonstrations, brand storytelling, and feature animations. We work across industries and use various animation styles—from 2D motion graphics to character animation—depending on your vision and goals.",
- },
+ id: "3", title: "What types of video do you handle?", content:
+ "We specialize in animated explainer videos, product demonstrations, brand storytelling, and feature animations. We work across industries and use various animation styles—from 2D motion graphics to character animation—depending on your vision and goals."},
{
- id: "4",
- title: "How many rounds of revisions are included?",
- content:
- "Standard packages include 2 rounds of revisions. Premium packages offer extended revision support for ongoing projects. We build in reasonable revision cycles to ensure your satisfaction while maintaining project momentum.",
- },
+ id: "4", title: "How many rounds of revisions are included?", content:
+ "Standard packages include 2 rounds of revisions. Premium packages offer extended revision support for ongoing projects. We build in reasonable revision cycles to ensure your satisfaction while maintaining project momentum."},
{
- id: "5",
- title: "Can I request a discovery call before committing?",
- content:
- "Absolutely! We encourage a free discovery call to discuss your project, goals, and creative vision. This helps us understand your needs and provide accurate pricing and timelines tailored to your specific requirements.",
- },
+ id: "5", title: "Can I request a discovery call before committing?", content:
+ "Absolutely! We encourage a free discovery call to discuss your project, goals, and creative vision. This helps us understand your needs and provide accurate pricing and timelines tailored to your specific requirements."},
{
- id: "6",
- title: "What happens after delivery?",
- content:
- "You receive all video files in standard formats optimized for web, social media, and presentations. We also provide guidance on how to best utilize your animated content across your marketing channels for maximum impact.",
- },
+ id: "6", title: "What happens after delivery?", content:
+ "You receive all video files in standard formats optimized for web, social media, and presentations. We also provide guidance on how to best utilize your animated content across your marketing channels for maximum impact."},
]}
/>
diff --git a/src/app/process/page.tsx b/src/app/process/page.tsx
index dc5b8b7..90c203d 100644
--- a/src/app/process/page.tsx
+++ b/src/app/process/page.tsx
@@ -47,7 +47,7 @@ export default function ProcessPage() {
borderRadius="rounded"
contentWidth="small"
sizing="medium"
- background="fluid"
+ background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
@@ -74,29 +74,14 @@ export default function ProcessPage() {
gridVariant="three-columns-all-equal-width"
products={[
{
- id: "1",
- name: "Kickoff",
- price: "Discuss your video goals and creative vision together",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=13",
- imageAlt: "Project kickoff meeting",
- },
+ id: "1", name: "Kickoff", price: "Discuss your video goals and creative vision together", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Project kickoff meeting"},
{
- id: "2",
- name: "Concept",
- price: "Plan a script and storyboard with your ideas",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=14",
- imageAlt: "Concept development phase",
- },
+ id: "2", name: "Concept", price: "Plan a script and storyboard with your ideas", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Concept development phase"},
{
- id: "3",
- name: "Creation",
- price: "Animate, revise, and deliver your finished video",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=15",
- imageAlt: "Animation creation phase",
- },
+ id: "3", name: "Creation", price: "Animate, revise, and deliver your finished video", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Animation creation phase"},
]}
/>
@@ -109,36 +94,21 @@ export default function ProcessPage() {
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
- gridVariant="uniform-4-items"
+ gridVariant="uniform-all-items-equal"
animationType="slide-up"
features={[
{
- id: "1",
- title: "Discovery & Strategy",
- description:
- "We start with understanding your brand, goals, and target audience. This foundation guides all creative decisions.",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=16",
- imageAlt: "Discovery phase",
- },
+ id: "1", title: "Discovery & Strategy", description:
+ "We start with understanding your brand, goals, and target audience. This foundation guides all creative decisions.", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Discovery phase"},
{
- id: "2",
- title: "Scripting & Storyboarding",
- description:
- "We craft compelling narratives and visual sequences that communicate your message with clarity and emotion.",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=17",
- imageAlt: "Storyboarding process",
- },
+ id: "2", title: "Scripting & Storyboarding", description:
+ "We craft compelling narratives and visual sequences that communicate your message with clarity and emotion.", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Storyboarding process"},
{
- id: "3",
- title: "Animation Production",
- description:
- "Our team brings your story to life with fluid motion, sound design, and polish that showcases your brand.",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=18",
- imageAlt: "Animation production",
- },
+ id: "3", title: "Animation Production", description:
+ "Our team brings your story to life with fluid motion, sound design, and polish that showcases your brand.", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Animation production"},
]}
/>
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 666d81e..41053fe 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -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"},
]}
/>
@@ -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"],
},
]}
/>
diff --git a/src/app/work/page.tsx b/src/app/work/page.tsx
index 7153558..91250b1 100644
--- a/src/app/work/page.tsx
+++ b/src/app/work/page.tsx
@@ -47,7 +47,7 @@ export default function WorkPage() {
borderRadius="rounded"
contentWidth="small"
sizing="medium"
- background="fluid"
+ background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
@@ -71,32 +71,14 @@ export default function WorkPage() {
animationType="slide-up"
metrics={[
{
- id: "1",
- value: "TechFlow",
- title: "Product Launch Campaign",
- description: "70-second animated explainer for SaaS platform",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=19",
- imageAlt: "TechFlow product animation",
- },
+ id: "1", value: "TechFlow", title: "Product Launch Campaign", description: "70-second animated explainer for SaaS platform", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "TechFlow product animation"},
{
- id: "2",
- value: "Innovate Inc",
- title: "Feature Demonstration",
- description: "Custom motion graphics for enterprise software",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=20",
- imageAlt: "Innovate Inc feature demo",
- },
+ id: "2", value: "Innovate Inc", title: "Feature Demonstration", description: "Custom motion graphics for enterprise software", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Innovate Inc feature demo"},
{
- id: "3",
- value: "StartupXYZ",
- title: "Brand Story",
- description: "90-second animated origin story and mission",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=21",
- imageAlt: "StartupXYZ brand animation",
- },
+ id: "3", value: "StartupXYZ", title: "Brand Story", description: "90-second animated origin story and mission", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "StartupXYZ brand animation"},
]}
/>
@@ -109,36 +91,21 @@ export default function WorkPage() {
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
- gridVariant="uniform-4-items"
+ gridVariant="uniform-all-items-equal"
animationType="slide-up"
features={[
{
- id: "1",
- title: "SaaS Product Launch",
- description:
- "A 60-second animated explainer that increased product launch engagement by 45% and drove qualified leads.",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=22",
- imageAlt: "SaaS product launch video",
- },
+ id: "1", title: "SaaS Product Launch", description:
+ "A 60-second animated explainer that increased product launch engagement by 45% and drove qualified leads.", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "SaaS product launch video"},
{
- id: "2",
- title: "Brand Documentary",
- description:
- "A 3-minute animated brand story that connected founders with their audience on an emotional level.",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=23",
- imageAlt: "Brand documentary animation",
- },
+ id: "2", title: "Brand Documentary", description:
+ "A 3-minute animated brand story that connected founders with their audience on an emotional level.", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Brand documentary animation"},
{
- id: "3",
- title: "Feature Animation Series",
- description:
- "A series of 30-second feature demonstrations that improved product adoption by 38% across the platform.",
- imageSrc:
- "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=24",
- imageAlt: "Feature animation series",
- },
+ id: "3", title: "Feature Animation Series", description:
+ "A series of 30-second feature demonstrations that improved product adoption by 38% across the platform.", imageSrc:
+ "http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg", imageAlt: "Feature animation series"},
]}
/>