bender/df868eb3-b3c9-4a00-986f-478cd42e069f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/services/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 04:12:33 +00:00
parent 6d7409618c
commit ac37910229
1 changed files with 16 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/app/services/page.tsx
View File

@@ -67,55 +67,31 @@ export default function ServicesPage() {
<FeatureCardTwentyThree <FeatureCardTwentyThree
features={[ features={[
{ {
id: "1", id: "1", title: "Creative Direction", tags: ["Strategy", "Concept Development"],
title: "Creative Direction", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/music-video-visual-concept-or-album-cove-1772510963993-fbcb646c.jpg", imageAlt: "Creative direction visual concept"},
tags: ["Strategy", "Concept Development"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/music-video-visual-concept-or-album-cove-1772510963993-fbcb646c.jpg?_wi=5",
imageAlt: "Creative direction visual concept",
},
{ {
id: "2", id: "2", title: "Art Direction", tags: ["Visual Storytelling", "Aesthetic Development"],
title: "Art Direction", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/advertising-campaign-visual-concept-bold-1772510961006-578598a3.png", imageAlt: "Art direction for advertising campaign"},
tags: ["Visual Storytelling", "Aesthetic Development"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/advertising-campaign-visual-concept-bold-1772510961006-578598a3.png?_wi=5",
imageAlt: "Art direction for advertising campaign",
},
{ {
id: "3", id: "3", title: "Music Visual Identity", tags: ["Album Artwork", "Music Video Direction"],
title: "Music Visual Identity", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/ai-cinematic-production-storyboard-or-ke-1772510960910-0b25ce0f.png", imageAlt: "Music visual identity and album art"},
tags: ["Album Artwork", "Music Video Direction"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/ai-cinematic-production-storyboard-or-ke-1772510960910-0b25ce0f.png?_wi=5",
imageAlt: "Music visual identity and album art",
},
{ {
id: "4", id: "4", title: "AI Cinematic Video Production", tags: ["Advanced Production", "Visual Effects"],
title: "AI Cinematic Video Production", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/music-video-visual-concept-or-album-cove-1772510963993-fbcb646c.jpg", imageAlt: "AI-driven cinematic video production"},
tags: ["Advanced Production", "Visual Effects"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/music-video-visual-concept-or-album-cove-1772510963993-fbcb646c.jpg?_wi=6",
imageAlt: "AI-driven cinematic video production",
},
{ {
id: "5", id: "5", title: "Concept Development", tags: ["Pre-Production", "Ideation"],
title: "Concept Development", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/advertising-campaign-visual-concept-bold-1772510961006-578598a3.png", imageAlt: "Visual concept development process"},
tags: ["Pre-Production", "Ideation"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/advertising-campaign-visual-concept-bold-1772510961006-578598a3.png?_wi=6",
imageAlt: "Visual concept development process",
},
{ {
id: "6", id: "6", title: "Advertising & Cultural Projects", tags: ["Brand Strategy", "Cultural Positioning"],
title: "Advertising & Cultural Projects", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/ai-cinematic-production-storyboard-or-ke-1772510960910-0b25ce0f.png", imageAlt: "Advertising creative direction for campaigns"},
tags: ["Brand Strategy", "Cultural Positioning"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/ai-cinematic-production-storyboard-or-ke-1772510960910-0b25ce0f.png?_wi=6",
imageAlt: "Advertising creative direction for campaigns",
},
]} ]}
animationType="entrance-slide" animationType="none"
title="Services" title="Services"
description="We provide strategic creative direction across disciplines, positioning your vision through visual narrative and refined execution." description="We provide strategic creative direction across disciplines, positioning your vision through visual narrative and refined execution."
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
tag="EXPERTISE" tag="EXPERTISE"
tagAnimation="entrance-slide" tagAnimation="none"
ariaLabel="Vision First services and expertise" ariaLabel="Vision First services and expertise"
/> />
</div> </div>
@@ -124,14 +100,14 @@ export default function ServicesPage() {
<ContactCTA <ContactCTA
tag="Let's Collaborate" tag="Let's Collaborate"
tagIcon={ArrowRight} tagIcon={ArrowRight}
tagAnimation="entrance-slide" tagAnimation="none"
title="For Creative Collaborations and Cultural Projects" title="For Creative Collaborations and Cultural Projects"
description="We develop visual concepts and creative direction for projects rooted in strategy and narrative intelligence. If your vision requires refined execution and strategic thinking, let's connect." description="We develop visual concepts and creative direction for projects rooted in strategy and narrative intelligence. If your vision requires refined execution and strategic thinking, let's connect."
buttons={[ buttons={[
{ text: "Contact Studio", href: "mailto:hello@visionfirst.studio" }, { text: "Contact Studio", href: "mailto:hello@visionfirst.studio" },
{ text: "Explore More", href: "/work" }, { text: "Explore More", href: "/work" },
]} ]}
buttonAnimation="entrance-slide" buttonAnimation="none"
background={{ variant: "plain" }} background={{ variant: "plain" }}
useInvertedBackground={false} useInvertedBackground={false}
ariaLabel="Vision First contact call to action" ariaLabel="Vision First contact call to action"