bender/92690ba7-0e7c-4b7e-a591-0584576e8952
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 7 commits from version_2 into main 2026-03-19 00:50:10 +00:00
Conversation 0 Commits 7 Files Changed 7 +95 -346
7 changed files with 95 additions and 346 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/app/about/page.tsx
View File

@@ -17,8 +17,7 @@ export default function AboutPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "AI Photo Package", href: "/packages" },
{ label: "Photo + Video", href: "/packages" },
{ label: "Premium Bundle", href: "/packages" },
@@ -26,8 +25,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Portfolio", href: "/portfolio" },
{ label: "Blog", href: "/blog" },
@@ -35,16 +33,14 @@ export default function AboutPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
],
},
{
title: "Follow",
items: [
title: "Follow", items: [
{ label: "Instagram", href: "https://instagram.com/motionmayhem" },
{ label: "TikTok", href: "https://tiktok.com/@motionmayhem" },
{ label: "LinkedIn", href: "https://linkedin.com/company/motionmayhem" },
@@ -70,9 +66,7 @@ export default function AboutPage() {
brandName="Motion Mayhem"
navItems={navItems}
button={{
text: "Get Started",
href: "/contact",
}}
text: "Get Started", href: "/contact"}}
/>
</div>
@@ -80,15 +74,10 @@ export default function AboutPage() {
<TextSplitAbout
title="The Story Behind Motion Mayhem"
description={[
"Motion Mayhem started with a simple observation: small and medium businesses were stuck in the content production trap. They needed constant visuals for Instagram, TikTok, websites, and ads—but traditional photography and video production was expensive, slow, and completely out of reach.",
"So we built a different way. One filmmaker with a creative eye. Advanced AI tools handling the heavy lifting. The result? High-end content that looks like it came from a premium production studio, delivered fast at a fraction of the traditional cost.",
"We believe every brand deserves to look great online. No matter the budget. No matter the scale. Motion Mayhem is about democratizing premium content creation—making bold, cinematic visuals accessible to brands that are ready to stand out.",
]}
"Motion Mayhem started with a simple observation: small and medium businesses were stuck in the content production trap. They needed constant visuals for Instagram, TikTok, websites, and ads—but traditional photography and video production was expensive, slow, and completely out of reach.", "So we built a different way. One filmmaker with a creative eye. Advanced AI tools handling the heavy lifting. The result? High-end content that looks like it came from a premium production studio, delivered fast at a fraction of the traditional cost.", "We believe every brand deserves to look great online. No matter the budget. No matter the scale. Motion Mayhem is about democratizing premium content creation—making bold, cinematic visuals accessible to brands that are ready to stand out."]}
buttons={[
{
text: "Explore Packages",
href: "/packages",
},
text: "Explore Packages", href: "/packages"},
]}
useInvertedBackground={false}
/>
@@ -103,4 +92,4 @@ export default function AboutPage() {
</div>
</ThemeProvider>
);
}
}

72
src/app/blog/page.tsx
View File

@@ -17,22 +17,15 @@ export default function BlogPage() {
const navItemsWithLinks = navItems.map((item) => {
const routeMap: { [key: string]: string } = {
home: "/",
about: "/about",
packages: "/packages",
portfolio: "/portfolio",
blog: "/blog",
};
home: "/", about: "/about", packages: "/packages", portfolio: "/portfolio", blog: "/blog"};
return {
...item,
href: routeMap[item.id] || "/",
};
href: routeMap[item.id] || "/"};
});
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "AI Photo Package", href: "/packages#photo" },
{ label: "Photo + Video", href: "/packages#video" },
{ label: "Premium Bundle", href: "/packages#premium" },
@@ -40,8 +33,7 @@ export default function BlogPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Portfolio", href: "/portfolio" },
{ label: "Blog", href: "/blog" },
@@ -49,16 +41,14 @@ export default function BlogPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
],
},
{
title: "Follow",
items: [
title: "Follow", items: [
{ label: "Instagram", href: "https://instagram.com/motionmayhem" },
{ label: "TikTok", href: "https://tiktok.com/@motionmayhem" },
{ label: "LinkedIn", href: "https://linkedin.com/company/motionmayhem" },
@@ -84,9 +74,7 @@ export default function BlogPage() {
brandName="Motion Mayhem"
navItems={navItems}
button={{
text: "Get Started",
href: "/contact",
}}
text: "Get Started", href: "/contact"}}
/>
</div>
@@ -99,49 +87,13 @@ export default function BlogPage() {
useInvertedBackground={false}
blogs={[
{
id: "blog-1",
category: "Tips & Tricks",
title: "5 AI Tricks That Make Small Brands Look Premium",
excerpt: "Learn how AI-powered enhancements can transform your basic product photos into cinematic visuals that compete with big-budget productions.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/vibrant-ai-enhanced-product-photography--1773781109163-53a5c45e.png?_wi=3",
imageAlt: "AI product transformation tips",
authorName: "Kyle Chen",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781107931-80b0c699.png",
date: "March 15, 2025",
},
id: "blog-1", category: "Tips & Tricks", title: "5 AI Tricks That Make Small Brands Look Premium", excerpt: "Learn how AI-powered enhancements can transform your basic product photos into cinematic visuals that compete with big-budget productions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/vibrant-ai-enhanced-product-photography--1773781109163-53a5c45e.png?_wi=3", imageAlt: "AI product transformation tips", authorName: "Kyle Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781107931-80b0c699.png", date: "March 15, 2025"},
{
id: "blog-2",
category: "Trends",
title: "The Rise of AI-Assisted Content: What It Means for Your Brand",
excerpt: "AI isn't replacing creativity—it's amplifying it. Here's how smart brands are staying ahead with hybrid creative strategies.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/fashion-product-photography-showing-clot-1773781110496-dbaf7bc4.png?_wi=5",
imageAlt: "AI content creation trend",
authorName: "Kyle Chen",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108439-69c0067d.png",
date: "March 8, 2025",
},
id: "blog-2", category: "Trends", title: "The Rise of AI-Assisted Content: What It Means for Your Brand", excerpt: "AI isn't replacing creativity—it's amplifying it. Here's how smart brands are staying ahead with hybrid creative strategies.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/fashion-product-photography-showing-clot-1773781110496-dbaf7bc4.png?_wi=5", imageAlt: "AI content creation trend", authorName: "Kyle Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108439-69c0067d.png", date: "March 8, 2025"},
{
id: "blog-3",
category: "Case Study",
title: "How a Fashion Brand 3x'd Instagram Engagement in 60 Days",
excerpt: "One of our clients switched to AI-enhanced content and saw dramatic results. Here's exactly what they did.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/food-and-beverage-product-photography-sh-1773781108563-1c9b750d.png?_wi=4",
imageAlt: "Fashion brand case study",
authorName: "Kyle Chen",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108763-2fa25b40.png",
date: "February 28, 2025",
},
id: "blog-3", category: "Case Study", title: "How a Fashion Brand 3x'd Instagram Engagement in 60 Days", excerpt: "One of our clients switched to AI-enhanced content and saw dramatic results. Here's exactly what they did.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/food-and-beverage-product-photography-sh-1773781108563-1c9b750d.png?_wi=4", imageAlt: "Fashion brand case study", authorName: "Kyle Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108763-2fa25b40.png", date: "February 28, 2025"},
{
id: "blog-4",
category: "Best Practices",
title: "Short-Form Video Best Practices for 2025",
excerpt: "TikTok, Instagram Reels, YouTube Shorts—what works and what doesn't. A complete guide for brands.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/fitness-and-wellness-product-photography-1773781109139-03f84107.png?_wi=3",
imageAlt: "Short-form video best practices",
authorName: "Kyle Chen",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781108528-6ac11ce3.png",
date: "February 21, 2025",
},
id: "blog-4", category: "Best Practices", title: "Short-Form Video Best Practices for 2025", excerpt: "TikTok, Instagram Reels, YouTube Shorts—what works and what doesn't. A complete guide for brands.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/fitness-and-wellness-product-photography-1773781109139-03f84107.png?_wi=3", imageAlt: "Short-form video best practices", authorName: "Kyle Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781108528-6ac11ce3.png", date: "February 21, 2025"},
]}
/>
</div>
@@ -155,4 +107,4 @@ export default function BlogPage() {
</div>
</ThemeProvider>
);
}
}

21
src/app/contact/page.tsx
View File

@@ -17,8 +17,7 @@ export default function ContactPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "AI Photo Package", href: "/packages#photo" },
{ label: "Photo + Video", href: "/packages#video" },
{ label: "Premium Bundle", href: "/packages#premium" },
@@ -26,8 +25,7 @@ export default function ContactPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Portfolio", href: "/portfolio" },
{ label: "Blog", href: "/blog" },
@@ -35,16 +33,14 @@ export default function ContactPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
],
},
{
title: "Follow",
items: [
title: "Follow", items: [
{ label: "Instagram", href: "https://instagram.com/motionmayhem" },
{ label: "TikTok", href: "https://tiktok.com/@motionmayhem" },
{ label: "LinkedIn", href: "https://linkedin.com/company/motionmayhem" },
@@ -70,9 +66,7 @@ export default function ContactPage() {
brandName="Motion Mayhem"
navItems={navItems}
button={{
text: "Get Started",
href: "/contact",
}}
text: "Get Started", href: "/contact"}}
/>
</div>
@@ -82,8 +76,7 @@ export default function ContactPage() {
title="Let's Make Your Brand Look Amazing"
description="Tell us about your project. We'll respond within 24 hours with a custom proposal and next steps."
background={{
variant: "plain",
}}
variant: "plain"}}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/portrait-of-a-creative-filmmaker-with-pr-1773781109300-7b457c5b.png"
imageAlt="Creative filmmaker in studio"
@@ -104,4 +97,4 @@ export default function ContactPage() {
</div>
</ThemeProvider>
);
}
}

97
src/app/packages/page.tsx
View File

@@ -18,8 +18,7 @@ export default function PackagesPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "AI Photo Package", href: "/packages" },
{ label: "Photo + Video", href: "/packages" },
{ label: "Premium Bundle", href: "/packages" },
@@ -27,8 +26,7 @@ export default function PackagesPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Portfolio", href: "/portfolio" },
{ label: "Blog", href: "/blog" },
@@ -36,16 +34,14 @@ export default function PackagesPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
],
},
{
title: "Follow",
items: [
title: "Follow", items: [
{ label: "Instagram", href: "https://instagram.com/motionmayhem" },
{ label: "TikTok", href: "https://tiktok.com/@motionmayhem" },
{ label: "LinkedIn", href: "https://linkedin.com/company/motionmayhem" },
@@ -83,55 +79,20 @@ export default function PackagesPage() {
useInvertedBackground={false}
plans={[
{
id: "photo-package",
title: "AI Photo Package",
price: "$400",
period: "per project",
features: [
"5 AI-enhanced product images",
"Background styling & lighting enhancement",
"2 revisions included",
"Ready-to-post formats",
"Perfect for product launches",
],
id: "photo-package", title: "AI Photo Package", price: "$400", period: "per project", features: [
"5 AI-enhanced product images", "Background styling & lighting enhancement", "2 revisions included", "Ready-to-post formats", "Perfect for product launches"],
button: { text: "Get Started", href: "/contact" },
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/high-end-product-photography-of-beauty-c-1773781108679-08cc318d.png?_wi=2",
imageAlt: "Premium beauty product photography",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/high-end-product-photography-of-beauty-c-1773781108679-08cc318d.png?_wi=2", imageAlt: "Premium beauty product photography"},
{
id: "photo-video-package",
title: "AI Photo + Video Package",
price: "$700",
period: "per project",
features: [
"5 AI-enhanced images",
"1 short-form AI video (5–30 sec)",
"Background & lighting enhancement",
"3 revisions included",
"Multiple social formats",
"Best for content variety",
],
id: "photo-video-package", title: "AI Photo + Video Package", price: "$700", period: "per project", features: [
"5 AI-enhanced images", "1 short-form AI video (5–30 sec)", "Background & lighting enhancement", "3 revisions included", "Multiple social formats", "Best for content variety"],
button: { text: "Get Started", href: "/contact" },
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/fashion-product-photography-showing-clot-1773781110496-dbaf7bc4.png?_wi=2",
imageAlt: "Fashion product showcase",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/fashion-product-photography-showing-clot-1773781110496-dbaf7bc4.png?_wi=2", imageAlt: "Fashion product showcase"},
{
id: "premium-bundle",
title: "Premium AI Content Bundle",
price: "$1,000",
period: "per project",
features: [
"10 AI-enhanced images",
"2 short-form AI videos",
"Multiple formats (social & web)",
"4 revisions included",
"Priority support",
"Maximum creative flexibility",
],
id: "premium-bundle", title: "Premium AI Content Bundle", price: "$1,000", period: "per project", features: [
"10 AI-enhanced images", "2 short-form AI videos", "Multiple formats (social & web)", "4 revisions included", "Priority support", "Maximum creative flexibility"],
button: { text: "Get Started", href: "/contact" },
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/food-and-beverage-product-photography-sh-1773781108563-1c9b750d.png?_wi=1",
imageAlt: "Premium food photography",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/food-and-beverage-product-photography-sh-1773781108563-1c9b750d.png?_wi=1", imageAlt: "Premium food photography"},
]}
/>
</div>
@@ -149,35 +110,17 @@ export default function PackagesPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "How do I get started?",
content: "Simply reach out and describe your content needs. Tell us about your brand, what you want transformed, and your budget. We'll guide you through choosing the right package.",
},
id: "faq-1", title: "How do I get started?", content: "Simply reach out and describe your content needs. Tell us about your brand, what you want transformed, and your budget. We'll guide you through choosing the right package."},
{
id: "faq-2",
title: "What format should I send my files?",
content: "We accept high-resolution JPG, PNG, or MP4 files. Product photos, lifestyle shots, existing footage—whatever you've got. The better the original quality, the better the final result.",
},
id: "faq-2", title: "What format should I send my files?", content: "We accept high-resolution JPG, PNG, or MP4 files. Product photos, lifestyle shots, existing footage—whatever you've got. The better the original quality, the better the final result."},
{
id: "faq-3",
title: "How fast can you deliver?",
content: "Most projects are completed within 5-7 business days. Rush delivery available for an additional fee. We believe in speed without sacrificing quality.",
},
id: "faq-3", title: "How fast can you deliver?", content: "Most projects are completed within 5-7 business days. Rush delivery available for an additional fee. We believe in speed without sacrificing quality."},
{
id: "faq-4",
title: "Can I request revisions?",
content: "Absolutely. Each package includes a set number of revisions. We want you to love the final product, so we'll work with you until it's perfect.",
},
id: "faq-4", title: "Can I request revisions?", content: "Absolutely. Each package includes a set number of revisions. We want you to love the final product, so we'll work with you until it's perfect."},
{
id: "faq-5",
title: "What about additional revisions?",
content: "Additional revisions beyond your package are $35 each. We keep it simple and transparent—no hidden fees, no surprises.",
},
id: "faq-5", title: "What about additional revisions?", content: "Additional revisions beyond your package are $35 each. We keep it simple and transparent—no hidden fees, no surprises."},
{
id: "faq-6",
title: "Do you do custom packages?",
content: "Yes. Our Bespoke Package is for brands with unique needs. Email us to discuss custom content solutions tailored to your vision and budget.",
},
id: "faq-6", title: "Do you do custom packages?", content: "Yes. Our Bespoke Package is for brands with unique needs. Email us to discuss custom content solutions tailored to your vision and budget."},
]}
/>
</div>
@@ -191,4 +134,4 @@ export default function PackagesPage() {
</div>
</ThemeProvider>
);
}
}

110
src/app/page.tsx
View File

@@ -20,8 +20,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "AI Photo Package", href: "/packages" },
{ label: "Photo + Video", href: "/packages" },
{ label: "Premium Bundle", href: "/packages" },
@@ -29,8 +28,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Portfolio", href: "/portfolio" },
{ label: "Blog", href: "/blog" },
@@ -38,16 +36,14 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
],
},
{
title: "Follow",
items: [
title: "Follow", items: [
{ label: "Instagram", href: "https://instagram.com/motionmayhem" },
{ label: "TikTok", href: "https://tiktok.com/@motionmayhem" },
{ label: "LinkedIn", href: "https://linkedin.com/company/motionmayhem" },
@@ -73,9 +69,7 @@ export default function HomePage() {
brandName="Motion Mayhem"
navItems={navItems}
button={{
text: "Get Started",
href: "/contact",
}}
text: "Get Started", href: "/contact"}}
/>
</div>
@@ -86,23 +80,15 @@ export default function HomePage() {
background={{ variant: "plain" }}
leftCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/vibrant-ai-enhanced-product-photography--1773781109163-53a5c45e.png?_wi=1",
imageAlt: "Before and after AI product transformation",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/vibrant-ai-enhanced-product-photography--1773781109163-53a5c45e.png?_wi=1", imageAlt: "Before and after AI product transformation"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/stunning-short-form-video-thumbnail-show-1773781108991-2f76e98e.png",
imageAlt: "Cinematic short-form video creation",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/stunning-short-form-video-thumbnail-show-1773781108991-2f76e98e.png", imageAlt: "Cinematic short-form video creation"},
]}
rightCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/high-end-product-photography-of-beauty-c-1773781108679-08cc318d.png?_wi=1",
imageAlt: "Premium beauty product photography",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/high-end-product-photography-of-beauty-c-1773781108679-08cc318d.png?_wi=1", imageAlt: "Premium beauty product photography"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/fashion-product-photography-showing-clot-1773781110496-dbaf7bc4.png?_wi=1",
imageAlt: "Fashion product showcase",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/fashion-product-photography-showing-clot-1773781110496-dbaf7bc4.png?_wi=1", imageAlt: "Fashion product showcase"},
]}
tag="AI-Powered Content Creation"
tagIcon={Sparkles}
@@ -114,21 +100,13 @@ export default function HomePage() {
buttonAnimation="slide-up"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108763-2fa25b40.png",
alt: "Client testimonial",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108763-2fa25b40.png", alt: "Client testimonial"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781107931-80b0c699.png",
alt: "Client testimonial",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781107931-80b0c699.png", alt: "Client testimonial"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108439-69c0067d.png",
alt: "Client testimonial",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108439-69c0067d.png", alt: "Client testimonial"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781108528-6ac11ce3.png",
alt: "Client testimonial",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781108528-6ac11ce3.png", alt: "Client testimonial"},
]}
avatarText="500+ brands transformed"
carouselPosition="right"
@@ -142,34 +120,22 @@ export default function HomePage() {
features={[
{
icon: Sparkles,
title: "Human Creative Direction",
description: "A real filmmaker guides every project. Your vision. Your brand voice. Your story.",
},
title: "Human Creative Direction", description: "A real filmmaker guides every project. Your vision. Your brand voice. Your story."},
{
icon: Zap,
title: "AI-Powered Transformation",
description: "Advanced tools enhance lighting, colors, backgrounds, and effects. No generic filters.",
},
title: "AI-Powered Transformation", description: "Advanced tools enhance lighting, colors, backgrounds, and effects. No generic filters."},
{
icon: Clock,
title: "Lightning-Fast Delivery",
description: "Get polished content in days, not weeks. No lengthy production schedules.",
},
title: "Lightning-Fast Delivery", description: "Get polished content in days, not weeks. No lengthy production schedules."},
{
icon: DollarSign,
title: "Production-Quality Results",
description: "High-end output without the high-end price tag. Accessible to brands of any size.",
},
title: "Production-Quality Results", description: "High-end output without the high-end price tag. Accessible to brands of any size."},
{
icon: CheckCircle,
title: "Built-in Revisions",
description: "Flexible revision packages so you get exactly what you want.",
},
title: "Built-in Revisions", description: "Flexible revision packages so you get exactly what you want."},
{
icon: Flame,
title: "Ready-to-Post Assets",
description: "Optimized for Instagram, TikTok, YouTube, and web. Post immediately.",
},
title: "Ready-to-Post Assets", description: "Optimized for Instagram, TikTok, YouTube, and web. Post immediately."},
]}
animationType="slide-up"
textboxLayout="default"
@@ -186,41 +152,17 @@ export default function HomePage() {
useInvertedBackground={false}
testimonials={[
{
id: "testimonial-1",
name: "Sarah Chen",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108763-2fa25b40.png?_wi=1",
imageAlt: "Sarah Chen - Ecommerce founder",
},
id: "testimonial-1", name: "Sarah Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108763-2fa25b40.png?_wi=1", imageAlt: "Sarah Chen - Ecommerce founder"},
{
id: "testimonial-2",
name: "Marcus Williams",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781107931-80b0c699.png?_wi=1",
imageAlt: "Marcus Williams - Product startup",
},
id: "testimonial-2", name: "Marcus Williams", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781107931-80b0c699.png?_wi=1", imageAlt: "Marcus Williams - Product startup"},
{
id: "testimonial-3",
name: "Jessica Lopez",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108439-69c0067d.png",
imageAlt: "Jessica Lopez - Beauty brand owner",
},
id: "testimonial-3", name: "Jessica Lopez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108439-69c0067d.png", imageAlt: "Jessica Lopez - Beauty brand owner"},
{
id: "testimonial-4",
name: "David Park",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781108528-6ac11ce3.png",
imageAlt: "David Park - Marketing agency owner",
},
id: "testimonial-4", name: "David Park", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781108528-6ac11ce3.png", imageAlt: "David Park - Marketing agency owner"},
{
id: "testimonial-5",
name: "Emma Thompson",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108763-2fa25b40.png?_wi=2",
imageAlt: "Emma Thompson - Fashion startup",
},
id: "testimonial-5", name: "Emma Thompson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108763-2fa25b40.png?_wi=2", imageAlt: "Emma Thompson - Fashion startup"},
{
id: "testimonial-6",
name: "Alex Rivera",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781107931-80b0c699.png?_wi=2",
imageAlt: "Alex Rivera - Local business owner",
},
id: "testimonial-6", name: "Alex Rivera", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781107931-80b0c699.png?_wi=2", imageAlt: "Alex Rivera - Local business owner"},
]}
/>
</div>
@@ -234,4 +176,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}

100
src/app/portfolio/page.tsx
View File

@@ -18,8 +18,7 @@ export default function PortfolioPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "AI Photo Package", href: "/packages" },
{ label: "Photo + Video", href: "/packages" },
{ label: "Premium Bundle", href: "/packages" },
@@ -27,8 +26,7 @@ export default function PortfolioPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Portfolio", href: "/portfolio" },
{ label: "Blog", href: "/blog" },
@@ -36,16 +34,14 @@ export default function PortfolioPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
],
},
{
title: "Follow",
items: [
title: "Follow", items: [
{ label: "Instagram", href: "https://instagram.com/motionmayhem" },
{ label: "TikTok", href: "https://tiktok.com/@motionmayhem" },
{ label: "LinkedIn", href: "https://linkedin.com/company/motionmayhem" },
@@ -84,47 +80,17 @@ export default function PortfolioPage() {
useInvertedBackground={false}
products={[
{
id: "beauty-transform",
name: "Beauty & Cosmetics",
price: "See the magic",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/high-end-product-photography-of-beauty-c-1773781108679-08cc318d.png?_wi=3",
imageAlt: "Luxury beauty product transformation",
},
id: "beauty-transform", name: "Beauty & Cosmetics", price: "See the magic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/high-end-product-photography-of-beauty-c-1773781108679-08cc318d.png?_wi=3", imageAlt: "Luxury beauty product transformation"},
{
id: "fashion-showcase",
name: "Fashion Product Shoot",
price: "Premium styling",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/fashion-product-photography-showing-clot-1773781110496-dbaf7bc4.png?_wi=3",
imageAlt: "Fashion product photography",
},
id: "fashion-showcase", name: "Fashion Product Shoot", price: "Premium styling", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/fashion-product-photography-showing-clot-1773781110496-dbaf7bc4.png?_wi=3", imageAlt: "Fashion product photography"},
{
id: "food-beverage",
name: "Food & Beverage",
price: "Appetizing visuals",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/food-and-beverage-product-photography-sh-1773781108563-1c9b750d.png?_wi=2",
imageAlt: "Professional food photography",
},
id: "food-beverage", name: "Food & Beverage", price: "Appetizing visuals", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/food-and-beverage-product-photography-sh-1773781108563-1c9b750d.png?_wi=2", imageAlt: "Professional food photography"},
{
id: "fitness-wellness",
name: "Fitness & Wellness",
price: "Dynamic energy",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/fitness-and-wellness-product-photography-1773781109139-03f84107.png?_wi=1",
imageAlt: "Fitness product photography",
},
id: "fitness-wellness", name: "Fitness & Wellness", price: "Dynamic energy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/fitness-and-wellness-product-photography-1773781109139-03f84107.png?_wi=1", imageAlt: "Fitness product photography"},
{
id: "video-content",
name: "Short-Form Video",
price: "Cinematic reels",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/short-form-video-screenshot-showing-a-pr-1773781109623-77c04f6b.png",
imageAlt: "Video transformation montage",
},
id: "video-content", name: "Short-Form Video", price: "Cinematic reels", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/short-form-video-screenshot-showing-a-pr-1773781109623-77c04f6b.png", imageAlt: "Video transformation montage"},
{
id: "local-retail",
name: "Local Business",
price: "Professional polish",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/local-business-storefront-product-photog-1773781108746-9737ab34.png",
imageAlt: "Local business product display",
},
id: "local-retail", name: "Local Business", price: "Professional polish", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/local-business-storefront-product-photog-1773781108746-9737ab34.png", imageAlt: "Local business product display"},
]}
/>
</div>
@@ -138,49 +104,13 @@ export default function PortfolioPage() {
useInvertedBackground={false}
blogs={[
{
id: "blog-1",
category: "Tips & Tricks",
title: "5 AI Tricks That Make Small Brands Look Premium",
excerpt: "Learn how AI-powered enhancements can transform your basic product photos into cinematic visuals that compete with big-budget productions.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/vibrant-ai-enhanced-product-photography--1773781109163-53a5c45e.png?_wi=2",
imageAlt: "AI product transformation tips",
authorName: "Kyle Chen",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781107931-80b0c699.png",
date: "March 15, 2025",
},
id: "blog-1", category: "Tips & Tricks", title: "5 AI Tricks That Make Small Brands Look Premium", excerpt: "Learn how AI-powered enhancements can transform your basic product photos into cinematic visuals that compete with big-budget productions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/vibrant-ai-enhanced-product-photography--1773781109163-53a5c45e.png?_wi=2", imageAlt: "AI product transformation tips", authorName: "Kyle Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781107931-80b0c699.png", date: "March 15, 2025"},
{
id: "blog-2",
category: "Trends",
title: "The Rise of AI-Assisted Content: What It Means for Your Brand",
excerpt: "AI isn't replacing creativity—it's amplifying it. Here's how smart brands are staying ahead with hybrid creative strategies.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/fashion-product-photography-showing-clot-1773781110496-dbaf7bc4.png?_wi=4",
imageAlt: "AI content creation trend",
authorName: "Kyle Chen",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108439-69c0067d.png",
date: "March 8, 2025",
},
id: "blog-2", category: "Trends", title: "The Rise of AI-Assisted Content: What It Means for Your Brand", excerpt: "AI isn't replacing creativity—it's amplifying it. Here's how smart brands are staying ahead with hybrid creative strategies.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/fashion-product-photography-showing-clot-1773781110496-dbaf7bc4.png?_wi=4", imageAlt: "AI content creation trend", authorName: "Kyle Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108439-69c0067d.png", date: "March 8, 2025"},
{
id: "blog-3",
category: "Case Study",
title: "How a Fashion Brand 3x'd Instagram Engagement in 60 Days",
excerpt: "One of our clients switched to AI-enhanced content and saw dramatic results. Here's exactly what they did.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/food-and-beverage-product-photography-sh-1773781108563-1c9b750d.png?_wi=3",
imageAlt: "Fashion brand case study",
authorName: "Kyle Chen",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108763-2fa25b40.png",
date: "February 28, 2025",
},
id: "blog-3", category: "Case Study", title: "How a Fashion Brand 3x'd Instagram Engagement in 60 Days", excerpt: "One of our clients switched to AI-enhanced content and saw dramatic results. Here's exactly what they did.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/food-and-beverage-product-photography-sh-1773781108563-1c9b750d.png?_wi=3", imageAlt: "Fashion brand case study", authorName: "Kyle Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-woma-1773781108763-2fa25b40.png", date: "February 28, 2025"},
{
id: "blog-4",
category: "Best Practices",
title: "Short-Form Video Best Practices for 2025",
excerpt: "TikTok, Instagram Reels, YouTube Shorts—what works and what doesn't. A complete guide for brands.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/fitness-and-wellness-product-photography-1773781109139-03f84107.png?_wi=2",
imageAlt: "Short-form video best practices",
authorName: "Kyle Chen",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781108528-6ac11ce3.png",
date: "February 21, 2025",
},
id: "blog-4", category: "Best Practices", title: "Short-Form Video Best Practices for 2025", excerpt: "TikTok, Instagram Reels, YouTube Shorts—what works and what doesn't. A complete guide for brands.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/fitness-and-wellness-product-photography-1773781109139-03f84107.png?_wi=2", imageAlt: "Short-form video best practices", authorName: "Kyle Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5ZPukKswp7sq5Xj0UCov4LBSy/professional-headshot-portrait-of-a-man--1773781108528-6ac11ce3.png", date: "February 21, 2025"},
]}
/>
</div>
@@ -194,4 +124,4 @@ export default function PortfolioPage() {
</div>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #050012;
--card: #040121;
--foreground: #f0e6ff;
--primary-cta: #c89bff;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #d4af37;
--primary-cta-text: #050012;
--secondary-cta: #1d123b;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #f0e6ff;
--accent: #684f7b;
--background-accent: #65417c;
--accent: #d4af37;
--background-accent: #d4af37;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);