Merge version_1 into main #2
133
src/app/page.tsx
133
src/app/page.tsx
@@ -22,8 +22,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "AI Video Production", href: "/services" },
|
||||
{ label: "Commercial Creation", href: "/services" },
|
||||
{ label: "Motion Graphics", href: "/services" },
|
||||
@@ -31,8 +30,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "Portfolio", href: "/portfolio" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "About Us", href: "/" },
|
||||
@@ -40,8 +38,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "AI Creative Guide", href: "/" },
|
||||
{ label: "Case Studies", href: "/portfolio" },
|
||||
{ label: "Blog", href: "/" },
|
||||
@@ -109,19 +106,11 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Slow multi-week production timelines",
|
||||
"Expensive traditional workflows",
|
||||
"Limited creative variations",
|
||||
"Budget overruns on campaigns",
|
||||
],
|
||||
"Slow multi-week production timelines", "Expensive traditional workflows", "Limited creative variations", "Budget overruns on campaigns"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Faster production timelines",
|
||||
"Lower production costs",
|
||||
"More creative variations for testing",
|
||||
"Campaign ready assets across multiple platforms",
|
||||
],
|
||||
"Faster production timelines", "Lower production costs", "More creative variations for testing", "Campaign ready assets across multiple platforms"],
|
||||
}}
|
||||
animationType="slide-up"
|
||||
tag="The Problem We Solve"
|
||||
@@ -139,19 +128,11 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Manual, repetitive design work",
|
||||
"Long revision cycles",
|
||||
"Limited asset variations",
|
||||
],
|
||||
"Manual, repetitive design work", "Long revision cycles", "Limited asset variations"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"AI Video Production - High impact AI generated video content designed for ads, social media, and brand storytelling",
|
||||
"Commercial Creation - Full concept to final commercial production using AI enhanced workflows",
|
||||
"Motion Graphics - Dynamic motion design, explainer visuals, and animated brand content",
|
||||
"Graphic Design - Campaign graphics, social content, digital ads, and brand visuals",
|
||||
"AI Creative Consulting - Helping brands integrate AI into their marketing production workflows",
|
||||
],
|
||||
"AI Video Production - High impact AI generated video content designed for ads, social media, and brand storytelling", "Commercial Creation - Full concept to final commercial production using AI enhanced workflows", "Motion Graphics - Dynamic motion design, explainer visuals, and animated brand content", "Graphic Design - Campaign graphics, social content, digital ads, and brand visuals", "AI Creative Consulting - Helping brands integrate AI into their marketing production workflows"],
|
||||
}}
|
||||
animationType="blur-reveal"
|
||||
tag="What We Offer"
|
||||
@@ -176,29 +157,14 @@ export default function HomePage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Crypto Security Awareness Video",
|
||||
price: "AI Commercial",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/a-professional-educational-video-still-o-1772642858463-6b4109b2.png?_wi=1",
|
||||
imageAlt: "Crypto Security Video",
|
||||
},
|
||||
id: "1", name: "Crypto Security Awareness Video", price: "AI Commercial", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/a-professional-educational-video-still-o-1772642858463-6b4109b2.png", imageAlt: "Crypto Security Video"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Brand Social Campaign",
|
||||
price: "Motion Graphics",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/a-vibrant-social-media-campaign-visual-o-1772642856703-4737b5e6.png?_wi=1",
|
||||
imageAlt: "Brand Social Campaign",
|
||||
},
|
||||
id: "2", name: "Brand Social Campaign", price: "Motion Graphics", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/a-vibrant-social-media-campaign-visual-o-1772642856703-4737b5e6.png", imageAlt: "Brand Social Campaign"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Product Launch Video",
|
||||
price: "AI Generated Commercial",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/a-polished-product-launch-video-still-or-1772642856922-db5ce039.png?_wi=1",
|
||||
imageAlt: "Product Launch Video",
|
||||
},
|
||||
id: "3", name: "Product Launch Video", price: "AI Generated Commercial", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/a-polished-product-launch-video-still-or-1772642856922-db5ce039.png", imageAlt: "Product Launch Video"},
|
||||
]}
|
||||
buttons={[{ text: "Explore the Full Portfolio", href: "/portfolio" }]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -226,6 +192,7 @@ export default function HomePage() {
|
||||
<AboutMetric
|
||||
title="Ready to Move Faster With AI? If you need high quality creative but do not want the timelines and cost of traditional production, we should talk."
|
||||
useInvertedBackground={true}
|
||||
metricsAnimation="none"
|
||||
metrics={[
|
||||
{ icon: Rocket, label: "Ready to Launch", value: "Start Today" },
|
||||
{ icon: Users, label: "Creative Experts", value: "Your Team" },
|
||||
@@ -246,65 +213,25 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen, Chief Marketing Officer",
|
||||
date: "Date: November 2024",
|
||||
title: "Cut our production time in half",
|
||||
quote:
|
||||
"Working with this team transformed how we produce creative content. What used to take 4 weeks now happens in 10 days. The quality is exceptional and the cost savings are remarkable.",
|
||||
tag: "Tech Startup",
|
||||
avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-headshot-of-a-creative-dire-1772642856478-6507b725.png",
|
||||
avatarAlt: "Sarah Chen",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-headshot-of-a-creative-dire-1772642856478-6507b725.png",
|
||||
imageAlt: "Sarah Chen testimonial",
|
||||
},
|
||||
id: "1", name: "Sarah Chen, Chief Marketing Officer", date: "Date: November 2024", title: "Cut our production time in half", quote:
|
||||
"Working with this team transformed how we produce creative content. What used to take 4 weeks now happens in 10 days. The quality is exceptional and the cost savings are remarkable.", tag: "Tech Startup", avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-headshot-of-a-creative-dire-1772642856478-6507b725.png", avatarAlt: "Sarah Chen", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-headshot-of-a-creative-dire-1772642856478-6507b725.png", imageAlt: "Sarah Chen testimonial"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Rodriguez, Brand Director",
|
||||
date: "Date: October 2024",
|
||||
title: "Incredible speed and quality",
|
||||
quote:
|
||||
"We tested their AI workflow on three campaigns simultaneously. The creative variations they produced let us A/B test at scale. We found our winning message 3x faster than with traditional agencies.",
|
||||
tag: "E-Commerce Brand",
|
||||
avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-headshot-of-a-brand-manager-1772642856563-e54cbe97.png",
|
||||
avatarAlt: "Marcus Rodriguez",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-headshot-of-a-brand-manager-1772642856563-e54cbe97.png",
|
||||
imageAlt: "Marcus Rodriguez testimonial",
|
||||
},
|
||||
id: "2", name: "Marcus Rodriguez, Brand Director", date: "Date: October 2024", title: "Incredible speed and quality", quote:
|
||||
"We tested their AI workflow on three campaigns simultaneously. The creative variations they produced let us A/B test at scale. We found our winning message 3x faster than with traditional agencies.", tag: "E-Commerce Brand", avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-headshot-of-a-brand-manager-1772642856563-e54cbe97.png", avatarAlt: "Marcus Rodriguez", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-headshot-of-a-brand-manager-1772642856563-e54cbe97.png", imageAlt: "Marcus Rodriguez testimonial"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Vasquez, Content Strategy Lead",
|
||||
date: "Date: September 2024",
|
||||
title: "Game-changer for our workflow",
|
||||
quote:
|
||||
"The combination of AI efficiency with human creative direction is unbeatable. We get the best of both worlds - speed and artistic excellence. Our team now focuses on strategy instead of production logistics.",
|
||||
tag: "Media Company",
|
||||
avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-headshot-of-a-creative-prod-1772642858269-f81c5123.png",
|
||||
avatarAlt: "Elena Vasquez",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-headshot-of-a-creative-prod-1772642858269-f81c5123.png",
|
||||
imageAlt: "Elena Vasquez testimonial",
|
||||
},
|
||||
id: "3", name: "Elena Vasquez, Content Strategy Lead", date: "Date: September 2024", title: "Game-changer for our workflow", quote:
|
||||
"The combination of AI efficiency with human creative direction is unbeatable. We get the best of both worlds - speed and artistic excellence. Our team now focuses on strategy instead of production logistics.", tag: "Media Company", avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-headshot-of-a-creative-prod-1772642858269-f81c5123.png", avatarAlt: "Elena Vasquez", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-headshot-of-a-creative-prod-1772642858269-f81c5123.png", imageAlt: "Elena Vasquez testimonial"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim, Founder & CEO",
|
||||
date: "Date: August 2024",
|
||||
title: "Exceeded all expectations",
|
||||
quote:
|
||||
"As a startup, we couldn't afford traditional production timelines or budgets. This team delivered AAA-quality commercials at a fraction of the cost. We've scaled our marketing efforts dramatically.",
|
||||
tag: "SaaS Startup",
|
||||
avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-headshot-of-a-marketing-str-1772642856876-439e2237.png",
|
||||
avatarAlt: "David Kim",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-headshot-of-a-marketing-str-1772642856876-439e2237.png",
|
||||
imageAlt: "David Kim testimonial",
|
||||
},
|
||||
id: "4", name: "David Kim, Founder & CEO", date: "Date: August 2024", title: "Exceeded all expectations", quote:
|
||||
"As a startup, we couldn't afford traditional production timelines or budgets. This team delivered AAA-quality commercials at a fraction of the cost. We've scaled our marketing efforts dramatically.", tag: "SaaS Startup", avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-headshot-of-a-marketing-str-1772642856876-439e2237.png", avatarAlt: "David Kim", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-headshot-of-a-marketing-str-1772642856876-439e2237.png", imageAlt: "David Kim testimonial"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -18,8 +18,7 @@ export default function PortfolioPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "AI Video Production", href: "/services" },
|
||||
{ label: "Commercial Creation", href: "/services" },
|
||||
{ label: "Motion Graphics", href: "/services" },
|
||||
@@ -27,8 +26,7 @@ export default function PortfolioPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "Portfolio", href: "/portfolio" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "About Us", href: "/" },
|
||||
@@ -36,8 +34,7 @@ export default function PortfolioPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "AI Creative Guide", href: "/" },
|
||||
{ label: "Case Studies", href: "/portfolio" },
|
||||
{ label: "Blog", href: "/" },
|
||||
@@ -83,53 +80,23 @@ export default function PortfolioPage() {
|
||||
gridVariant="bento-grid"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Crypto Security Awareness Video",
|
||||
price: "AI Commercial",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/a-professional-educational-video-still-o-1772642858463-6b4109b2.png?_wi=2",
|
||||
imageAlt: "Crypto Security Video",
|
||||
},
|
||||
id: "1", name: "Crypto Security Awareness Video", price: "AI Commercial", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/a-professional-educational-video-still-o-1772642858463-6b4109b2.png", imageAlt: "Crypto Security Video"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Brand Social Campaign",
|
||||
price: "Motion Graphics",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/a-vibrant-social-media-campaign-visual-o-1772642856703-4737b5e6.png?_wi=2",
|
||||
imageAlt: "Brand Social Campaign",
|
||||
},
|
||||
id: "2", name: "Brand Social Campaign", price: "Motion Graphics", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/a-vibrant-social-media-campaign-visual-o-1772642856703-4737b5e6.png", imageAlt: "Brand Social Campaign"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Product Launch Video",
|
||||
price: "AI Generated Commercial",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/a-polished-product-launch-video-still-or-1772642856922-db5ce039.png?_wi=2",
|
||||
imageAlt: "Product Launch Video",
|
||||
},
|
||||
id: "3", name: "Product Launch Video", price: "AI Generated Commercial", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/a-polished-product-launch-video-still-or-1772642856922-db5ce039.png", imageAlt: "Product Launch Video"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Motion Graphics Suite",
|
||||
price: "Dynamic Animations",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/vibrant-and-dynamic-motion-graphics-desi-1772642857790-d60c7b6d.png",
|
||||
imageAlt: "Motion Graphics Suite",
|
||||
},
|
||||
id: "4", name: "Motion Graphics Suite", price: "Dynamic Animations", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/vibrant-and-dynamic-motion-graphics-desi-1772642857790-d60c7b6d.png", imageAlt: "Motion Graphics Suite"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Graphic Design Campaign",
|
||||
price: "Brand Visuals",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-graphic-design-workspace-sh-1772642858061-eeb32787.png",
|
||||
imageAlt: "Graphic Design Campaign",
|
||||
},
|
||||
id: "5", name: "Graphic Design Campaign", price: "Brand Visuals", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/professional-graphic-design-workspace-sh-1772642858061-eeb32787.png", imageAlt: "Graphic Design Campaign"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Commercial Production",
|
||||
price: "Full Commercial",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/a-polished-commercial-or-advertisement-p-1772642857829-8ddceb75.png",
|
||||
imageAlt: "Commercial Production",
|
||||
},
|
||||
id: "6", name: "Commercial Production", price: "Full Commercial", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMcZjgypY9viEkugChOKNPLY6/a-polished-commercial-or-advertisement-p-1772642857829-8ddceb75.png", imageAlt: "Commercial Production"},
|
||||
]}
|
||||
buttons={[{ text: "Start Your Project", href: "/" }]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -141,6 +108,7 @@ export default function PortfolioPage() {
|
||||
<AboutMetric
|
||||
title="Our Portfolio Impact: Delivering Results Across Industries and Creative Disciplines"
|
||||
useInvertedBackground={true}
|
||||
metricsAnimation="none"
|
||||
metrics={[
|
||||
{ icon: Rocket, label: "Projects Completed", value: "50+" },
|
||||
{ icon: Users, label: "Brands Served", value: "30+" },
|
||||
|
||||
@@ -18,8 +18,7 @@ export default function PricingPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "AI Video Production", href: "/services" },
|
||||
{ label: "Commercial Creation", href: "/services" },
|
||||
{ label: "Motion Graphics", href: "/services" },
|
||||
@@ -27,8 +26,7 @@ export default function PricingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "Portfolio", href: "/portfolio" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "About Us", href: "/" },
|
||||
@@ -36,8 +34,7 @@ export default function PricingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "AI Creative Guide", href: "/" },
|
||||
{ label: "Case Studies", href: "/portfolio" },
|
||||
{ label: "Blog", href: "/" },
|
||||
@@ -90,6 +87,7 @@ export default function PricingPage() {
|
||||
<AboutMetric
|
||||
title="Why Our Pricing Delivers Exceptional Value: AI-Powered Efficiency Meets Creative Excellence"
|
||||
useInvertedBackground={true}
|
||||
metricsAnimation="none"
|
||||
metrics={[
|
||||
{ icon: Rocket, label: "Cost Savings", value: "Up to 60%" },
|
||||
{ icon: Users, label: "Timeline", value: "50% Faster" },
|
||||
|
||||
Reference in New Issue
Block a user