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

Merge version_1 into main #2

Merged
bender merged 6 commits from version_1 into main 2026-03-03 04:12:38 +00:00
Conversation 0 Commits 6 Files Changed 6 +113 -298
6 changed files with 113 additions and 298 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -73,7 +73,7 @@ export default function AboutPage() {
{ icon: Film, label: "Cinematic Works", value: "15+" },
{ icon: Award, label: "Cultural Impact", value: "Global" },
]}
metricsAnimation="entrance-slide"
metricsAnimation="none"
useInvertedBackground={false}
ariaLabel="Vision First metrics and achievements"
/>
@@ -83,44 +83,26 @@ export default function AboutPage() {
<TestimonialCardThirteen
testimonials={[
{
id: "1",
name: "Marcus Chen",
handle: "@marcuschenvisuals",
testimonial:
"Vision First elevated our visual identity from concept to cultural statement. Their strategic approach to art direction transformed how we present our work.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-music-artist--1772510960853-93c61614.png?_wi=2",
imageAlt: "Marcus Chen, Music Director",
},
id: "1", name: "Marcus Chen", handle: "@marcuschenvisuals", testimonial:
"Vision First elevated our visual identity from concept to cultural statement. Their strategic approach to art direction transformed how we present our work.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-music-artist--1772510960853-93c61614.png", imageAlt: "Marcus Chen, Music Director"},
{
id: "2",
name: "Elena Rodriguez",
handle: "@elenarpro",
testimonial:
"Working with Vision First was a masterclass in creative discipline. They understand that the strongest visuals emerge from strategy, not decoration.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-film-producer-1772510960455-e933b059.png?_wi=2",
imageAlt: "Elena Rodriguez, Film Producer",
},
id: "2", name: "Elena Rodriguez", handle: "@elenarpro", testimonial:
"Working with Vision First was a masterclass in creative discipline. They understand that the strongest visuals emerge from strategy, not decoration.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-film-producer-1772510960455-e933b059.png", imageAlt: "Elena Rodriguez, Film Producer"},
{
id: "3",
name: "David Winters",
handle: "@davidwintersbrand",
testimonial:
"Their creative direction brought architecture and narrative to our advertising. Every decision was purposeful, every visual element served the strategy.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-brand-strateg-1772510960762-2c1b8cf4.png?_wi=2",
imageAlt: "David Winters, Brand Strategist",
},
id: "3", name: "David Winters", handle: "@davidwintersbrand", testimonial:
"Their creative direction brought architecture and narrative to our advertising. Every decision was purposeful, every visual element served the strategy.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-brand-strateg-1772510960762-2c1b8cf4.png", imageAlt: "David Winters, Brand Strategist"},
]}
showRating={true}
animationType="entrance-slide"
animationType="none"
title="Trusted by Creative Leaders"
description="Collaborations with artists, directors, and brands who demand strategic vision and refined execution."
textboxLayout="default"
useInvertedBackground={false}
tag="COLLABORATIONS"
tagAnimation="entrance-slide"
tagAnimation="none"
carouselMode="buttons"
ariaLabel="Vision First client testimonials and collaborations"
/>
@@ -130,14 +112,14 @@ export default function AboutPage() {
<ContactCTA
tag="Let's Collaborate"
tagIcon={ArrowRight}
tagAnimation="entrance-slide"
tagAnimation="none"
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."
buttons={[
{ text: "Contact Studio", href: "mailto:hello@visionfirst.studio" },
{ text: "Explore More", href: "/work" },
]}
buttonAnimation="entrance-slide"
buttonAnimation="none"
background={{ variant: "plain" }}
useInvertedBackground={false}
ariaLabel="Vision First contact call to action"

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

@@ -67,14 +67,14 @@ export default function ContactPage() {
<ContactCTA
tag="Let's Collaborate"
tagIcon={ArrowRight}
tagAnimation="entrance-slide"
tagAnimation="none"
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."
buttons={[
{ text: "Contact Studio", href: "mailto:hello@visionfirst.studio" },
{ text: "Explore More", href: "/work" },
]}
buttonAnimation="entrance-slide"
buttonAnimation="none"
background={{ variant: "plain" }}
useInvertedBackground={false}
ariaLabel="Vision First contact call to action"
@@ -85,44 +85,26 @@ export default function ContactPage() {
<TestimonialCardThirteen
testimonials={[
{
id: "1",
name: "Marcus Chen",
handle: "@marcuschenvisuals",
testimonial:
"Vision First elevated our visual identity from concept to cultural statement. Their strategic approach to art direction transformed how we present our work.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-music-artist--1772510960853-93c61614.png?_wi=4",
imageAlt: "Marcus Chen, Music Director",
},
id: "1", name: "Marcus Chen", handle: "@marcuschenvisuals", testimonial:
"Vision First elevated our visual identity from concept to cultural statement. Their strategic approach to art direction transformed how we present our work.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-music-artist--1772510960853-93c61614.png", imageAlt: "Marcus Chen, Music Director"},
{
id: "2",
name: "Elena Rodriguez",
handle: "@elenarpro",
testimonial:
"Working with Vision First was a masterclass in creative discipline. They understand that the strongest visuals emerge from strategy, not decoration.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-film-producer-1772510960455-e933b059.png?_wi=4",
imageAlt: "Elena Rodriguez, Film Producer",
},
id: "2", name: "Elena Rodriguez", handle: "@elenarpro", testimonial:
"Working with Vision First was a masterclass in creative discipline. They understand that the strongest visuals emerge from strategy, not decoration.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-film-producer-1772510960455-e933b059.png", imageAlt: "Elena Rodriguez, Film Producer"},
{
id: "3",
name: "David Winters",
handle: "@davidwintersbrand",
testimonial:
"Their creative direction brought architecture and narrative to our advertising. Every decision was purposeful, every visual element served the strategy.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-brand-strateg-1772510960762-2c1b8cf4.png?_wi=4",
imageAlt: "David Winters, Brand Strategist",
},
id: "3", name: "David Winters", handle: "@davidwintersbrand", testimonial:
"Their creative direction brought architecture and narrative to our advertising. Every decision was purposeful, every visual element served the strategy.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-brand-strateg-1772510960762-2c1b8cf4.png", imageAlt: "David Winters, Brand Strategist"},
]}
showRating={true}
animationType="entrance-slide"
animationType="none"
title="Trusted by Creative Leaders"
description="Collaborations with artists, directors, and brands who demand strategic vision and refined execution."
textboxLayout="default"
useInvertedBackground={false}
tag="COLLABORATIONS"
tagAnimation="entrance-slide"
tagAnimation="none"
carouselMode="buttons"
ariaLabel="Vision First client testimonials and collaborations"
/>

33
src/app/layout.tsx
View File

@@ -6,43 +6,26 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const mulish = Mulish({
variable: "--font-mulish",
subsets: ["latin"],
variable: "--font-mulish", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Vision First – Creative Direction Studio",
description: "Premium creative direction studio specializing in art direction, music visual identity, AI cinematic video production, and advertising campaigns.",
keywords: "creative direction studio, creative director portfolio, art direction, music visual identity, cinematic video production, advertising creative direction",
metadataBase: new URL("https://visionfirst.studio"),
title: "Vision First – Creative Direction Studio", description: "Premium creative direction studio specializing in art direction, music visual identity, AI cinematic video production, and advertising campaigns.", keywords: "creative direction studio, creative director portfolio, art direction, music visual identity, cinematic video production, advertising creative direction", metadataBase: new URL("https://visionfirst.studio"),
alternates: {
canonical: "https://visionfirst.studio",
},
canonical: "https://visionfirst.studio"},
openGraph: {
title: "Vision First – Creative Direction & Visual Worlds",
description: "Concept-driven creative direction studio developing visual strategy for music, film, and advertising.",
url: "https://visionfirst.studio",
siteName: "Vision First",
type: "website",
images: [
title: "Vision First – Creative Direction & Visual Worlds", description: "Concept-driven creative direction studio developing visual strategy for music, film, and advertising.", url: "https://visionfirst.studio", siteName: "Vision First", type: "website", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/cinematic-wide-composition-showing-an-ab-1772510960802-e043c272.png",
alt: "Vision First Creative Direction Studio",
},
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/cinematic-wide-composition-showing-an-ab-1772510960802-e043c272.png", alt: "Vision First Creative Direction Studio"},
],
},
twitter: {
card: "summary_large_image",
title: "Vision First – Creative Direction Studio",
description: "Premium creative direction across music, film, and advertising.",
images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/cinematic-wide-composition-showing-an-ab-1772510960802-e043c272.png",
],
card: "summary_large_image", title: "Vision First – Creative Direction Studio", description: "Premium creative direction across music, film, and advertising.", images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/cinematic-wide-composition-showing-an-ab-1772510960802-e043c272.png"],
},
robots: {
index: true,

163
src/app/page.tsx
View File

@@ -76,11 +76,11 @@ export default function HomePage() {
{ text: "View Selected Work", href: "/work" },
{ text: "Get in Touch", href: "/contact" },
]}
buttonAnimation="entrance-slide"
buttonAnimation="none"
layoutOrder="default"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/cinematic-wide-composition-showing-an-ab-1772510960802-e043c272.png"
imageAlt="Creative direction studio workspace with conceptual visual planning"
mediaAnimation="entrance-slide"
mediaAnimation="none"
frameStyle="card"
ariaLabel="Vision First hero section"
/>
@@ -95,7 +95,7 @@ export default function HomePage() {
{ icon: Film, label: "Cinematic Works", value: "15+" },
{ icon: Award, label: "Cultural Impact", value: "Global" },
]}
metricsAnimation="entrance-slide"
metricsAnimation="none"
useInvertedBackground={false}
ariaLabel="Vision First metrics and achievements"
/>
@@ -105,55 +105,31 @@ export default function HomePage() {
<FeatureCardTwentyThree
features={[
{
id: "1",
title: "Creative Direction",
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=1",
imageAlt: "Creative direction visual concept",
},
id: "1", title: "Creative Direction", 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", imageAlt: "Creative direction visual concept"},
{
id: "2",
title: "Art Direction",
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=1",
imageAlt: "Art direction for advertising campaign",
},
id: "2", title: "Art Direction", 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", imageAlt: "Art direction for advertising campaign"},
{
id: "3",
title: "Music Visual Identity",
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=1",
imageAlt: "Music visual identity and album art",
},
id: "3", title: "Music Visual Identity", 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", imageAlt: "Music visual identity and album art"},
{
id: "4",
title: "AI 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=2",
imageAlt: "AI-driven cinematic video production",
},
id: "4", title: "AI 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", imageAlt: "AI-driven cinematic video production"},
{
id: "5",
title: "Concept Development",
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=2",
imageAlt: "Visual concept development process",
},
id: "5", title: "Concept Development", 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", imageAlt: "Visual concept development process"},
{
id: "6",
title: "Advertising & Cultural Projects",
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=2",
imageAlt: "Advertising creative direction for campaigns",
},
id: "6", title: "Advertising & Cultural Projects", 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", imageAlt: "Advertising creative direction for campaigns"},
]}
animationType="entrance-slide"
animationType="none"
title="Services"
description="We provide strategic creative direction across disciplines, positioning your vision through visual narrative and refined execution."
textboxLayout="default"
useInvertedBackground={false}
tag="EXPERTISE"
tagAnimation="entrance-slide"
tagAnimation="none"
ariaLabel="Vision First services and expertise"
/>
</div>
@@ -162,32 +138,17 @@ export default function HomePage() {
<ProductCardOne
products={[
{
id: "1",
name: "Worn by the City",
price: "Music Visual Identity",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/music-video-visual-concept-or-album-cove-1772510963993-fbcb646c.jpg?_wi=3",
imageAlt: "Worn by the City music visual concept",
},
id: "1", name: "Worn by the City", price: "Music Visual Identity", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/music-video-visual-concept-or-album-cove-1772510963993-fbcb646c.jpg", imageAlt: "Worn by the City music visual concept"},
{
id: "2",
name: "Nocturne Campaign",
price: "Advertising Direction",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/advertising-campaign-visual-concept-bold-1772510961006-578598a3.png?_wi=3",
imageAlt: "Nocturne advertising campaign visual direction",
},
id: "2", name: "Nocturne Campaign", price: "Advertising Direction", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/advertising-campaign-visual-concept-bold-1772510961006-578598a3.png", imageAlt: "Nocturne advertising campaign visual direction"},
{
id: "3",
name: "Synthetic Dreams",
price: "Cinematic Production",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/ai-cinematic-production-storyboard-or-ke-1772510960910-0b25ce0f.png?_wi=3",
imageAlt: "Synthetic Dreams AI cinematic video",
},
id: "3", name: "Synthetic Dreams", price: "Cinematic Production", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/ai-cinematic-production-storyboard-or-ke-1772510960910-0b25ce0f.png", imageAlt: "Synthetic Dreams AI cinematic video"},
]}
title="Selected Work"
description="Curated projects demonstrating strategic creative direction across music, film, and advertising."
tag="PORTFOLIO"
tagAnimation="entrance-slide"
animationType="entrance-slide"
tagAnimation="none"
animationType="none"
gridVariant="uniform-all-items-equal"
textboxLayout="default"
useInvertedBackground={false}
@@ -199,74 +160,38 @@ export default function HomePage() {
<TestimonialCardThirteen
testimonials={[
{
id: "1",
name: "Marcus Chen",
handle: "@marcuschenvisuals",
testimonial:
"Vision First elevated our visual identity from concept to cultural statement. Their strategic approach to art direction transformed how we present our work.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-music-artist--1772510960853-93c61614.png?_wi=1",
imageAlt: "Marcus Chen, Music Director",
},
id: "1", name: "Marcus Chen", handle: "@marcuschenvisuals", testimonial:
"Vision First elevated our visual identity from concept to cultural statement. Their strategic approach to art direction transformed how we present our work.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-music-artist--1772510960853-93c61614.png", imageAlt: "Marcus Chen, Music Director"},
{
id: "2",
name: "Elena Rodriguez",
handle: "@elenarpro",
testimonial:
"Working with Vision First was a masterclass in creative discipline. They understand that the strongest visuals emerge from strategy, not decoration.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-film-producer-1772510960455-e933b059.png?_wi=1",
imageAlt: "Elena Rodriguez, Film Producer",
},
id: "2", name: "Elena Rodriguez", handle: "@elenarpro", testimonial:
"Working with Vision First was a masterclass in creative discipline. They understand that the strongest visuals emerge from strategy, not decoration.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-film-producer-1772510960455-e933b059.png", imageAlt: "Elena Rodriguez, Film Producer"},
{
id: "3",
name: "David Winters",
handle: "@davidwintersbrand",
testimonial:
"Their creative direction brought architecture and narrative to our advertising. Every decision was purposeful, every visual element served the strategy.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-brand-strateg-1772510960762-2c1b8cf4.png?_wi=1",
imageAlt: "David Winters, Brand Strategist",
},
id: "3", name: "David Winters", handle: "@davidwintersbrand", testimonial:
"Their creative direction brought architecture and narrative to our advertising. Every decision was purposeful, every visual element served the strategy.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-brand-strateg-1772510960762-2c1b8cf4.png", imageAlt: "David Winters, Brand Strategist"},
{
id: "4",
name: "Sophia Moretti",
handle: "@sophiamvisuals",
testimonial:
"Vision First's approach to cinematic production combines technical excellence with conceptual depth. They create work that feels both innovative and timeless.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-an-advertising--1772510960573-7489f101.png",
imageAlt: "Sophia Moretti, Advertising Creative",
},
id: "4", name: "Sophia Moretti", handle: "@sophiamvisuals", testimonial:
"Vision First's approach to cinematic production combines technical excellence with conceptual depth. They create work that feels both innovative and timeless.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-an-advertising--1772510960573-7489f101.png", imageAlt: "Sophia Moretti, Advertising Creative"},
{
id: "5",
name: "James Park",
handle: "@jamespark_music",
testimonial:
"For music visual identity, Vision First is uncompromising. They don't create trend—they create vision. That's the difference between good work and great work.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-music-video-d-1772510960163-915dcbe3.png",
imageAlt: "James Park, Music Director",
},
id: "5", name: "James Park", handle: "@jamespark_music", testimonial:
"For music visual identity, Vision First is uncompromising. They don't create trend—they create vision. That's the difference between good work and great work.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-music-video-d-1772510960163-915dcbe3.png", imageAlt: "James Park, Music Director"},
{
id: "6",
name: "Clara Antonov",
handle: "@claraantonov",
testimonial:
"Their cultural project strategy redefined how we communicate with our audience. Vision First understands that meaning precedes image.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-creative-stra-1772510960429-98e6207b.png",
imageAlt: "Clara Antonov, Cultural Producer",
},
id: "6", name: "Clara Antonov", handle: "@claraantonov", testimonial:
"Their cultural project strategy redefined how we communicate with our audience. Vision First understands that meaning precedes image.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-creative-stra-1772510960429-98e6207b.png", imageAlt: "Clara Antonov, Cultural Producer"},
]}
showRating={true}
animationType="entrance-slide"
animationType="none"
title="Trusted by Creative Leaders"
description="Collaborations with artists, directors, and brands who demand strategic vision and refined execution."
textboxLayout="default"
useInvertedBackground={false}
tag="COLLABORATIONS"
tagAnimation="entrance-slide"
tagAnimation="none"
carouselMode="buttons"
ariaLabel="Vision First client testimonials and collaborations"
/>
@@ -276,14 +201,14 @@ export default function HomePage() {
<ContactCTA
tag="Let's Collaborate"
tagIcon={ArrowRight}
tagAnimation="entrance-slide"
tagAnimation="none"
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."
buttons={[
{ text: "Contact Studio", href: "mailto:hello@visionfirst.studio" },
{ text: "Explore More", href: "/work" },
]}
buttonAnimation="entrance-slide"
buttonAnimation="none"
background={{ variant: "plain" }}
useInvertedBackground={false}
ariaLabel="Vision First contact call to action"

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

@@ -67,55 +67,31 @@ export default function ServicesPage() {
<FeatureCardTwentyThree
features={[
{
id: "1",
title: "Creative Direction",
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: "1", title: "Creative Direction", 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", imageAlt: "Creative direction visual concept"},
{
id: "2",
title: "Art Direction",
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: "2", title: "Art Direction", 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", imageAlt: "Art direction for advertising campaign"},
{
id: "3",
title: "Music Visual Identity",
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: "3", title: "Music Visual Identity", 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", imageAlt: "Music visual identity and album art"},
{
id: "4",
title: "AI 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: "4", title: "AI 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", imageAlt: "AI-driven cinematic video production"},
{
id: "5",
title: "Concept Development",
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: "5", title: "Concept Development", 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", imageAlt: "Visual concept development process"},
{
id: "6",
title: "Advertising & Cultural Projects",
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",
},
id: "6", title: "Advertising & Cultural Projects", 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", imageAlt: "Advertising creative direction for campaigns"},
]}
animationType="entrance-slide"
animationType="none"
title="Services"
description="We provide strategic creative direction across disciplines, positioning your vision through visual narrative and refined execution."
textboxLayout="default"
useInvertedBackground={false}
tag="EXPERTISE"
tagAnimation="entrance-slide"
tagAnimation="none"
ariaLabel="Vision First services and expertise"
/>
</div>
@@ -124,14 +100,14 @@ export default function ServicesPage() {
<ContactCTA
tag="Let's Collaborate"
tagIcon={ArrowRight}
tagAnimation="entrance-slide"
tagAnimation="none"
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."
buttons={[
{ text: "Contact Studio", href: "mailto:hello@visionfirst.studio" },
{ text: "Explore More", href: "/work" },
]}
buttonAnimation="entrance-slide"
buttonAnimation="none"
background={{ variant: "plain" }}
useInvertedBackground={false}
ariaLabel="Vision First contact call to action"

69
src/app/work/page.tsx
View File

@@ -68,32 +68,17 @@ export default function WorkPage() {
<ProductCardOne
products={[
{
id: "1",
name: "Worn by the City",
price: "Music Visual Identity",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/music-video-visual-concept-or-album-cove-1772510963993-fbcb646c.jpg?_wi=4",
imageAlt: "Worn by the City music visual concept",
},
id: "1", name: "Worn by the City", price: "Music Visual Identity", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/music-video-visual-concept-or-album-cove-1772510963993-fbcb646c.jpg", imageAlt: "Worn by the City music visual concept"},
{
id: "2",
name: "Nocturne Campaign",
price: "Advertising Direction",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/advertising-campaign-visual-concept-bold-1772510961006-578598a3.png?_wi=4",
imageAlt: "Nocturne advertising campaign visual direction",
},
id: "2", name: "Nocturne Campaign", price: "Advertising Direction", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/advertising-campaign-visual-concept-bold-1772510961006-578598a3.png", imageAlt: "Nocturne advertising campaign visual direction"},
{
id: "3",
name: "Synthetic Dreams",
price: "Cinematic Production",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/ai-cinematic-production-storyboard-or-ke-1772510960910-0b25ce0f.png?_wi=4",
imageAlt: "Synthetic Dreams AI cinematic video",
},
id: "3", name: "Synthetic Dreams", price: "Cinematic Production", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/ai-cinematic-production-storyboard-or-ke-1772510960910-0b25ce0f.png", imageAlt: "Synthetic Dreams AI cinematic video"},
]}
title="Selected Work"
description="Curated projects demonstrating strategic creative direction across music, film, and advertising."
tag="PORTFOLIO"
tagAnimation="entrance-slide"
animationType="entrance-slide"
tagAnimation="none"
animationType="none"
gridVariant="uniform-all-items-equal"
textboxLayout="default"
useInvertedBackground={false}
@@ -105,44 +90,26 @@ export default function WorkPage() {
<TestimonialCardThirteen
testimonials={[
{
id: "1",
name: "Marcus Chen",
handle: "@marcuschenvisuals",
testimonial:
"Vision First elevated our visual identity from concept to cultural statement. Their strategic approach to art direction transformed how we present our work.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-music-artist--1772510960853-93c61614.png?_wi=3",
imageAlt: "Marcus Chen, Music Director",
},
id: "1", name: "Marcus Chen", handle: "@marcuschenvisuals", testimonial:
"Vision First elevated our visual identity from concept to cultural statement. Their strategic approach to art direction transformed how we present our work.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-music-artist--1772510960853-93c61614.png", imageAlt: "Marcus Chen, Music Director"},
{
id: "2",
name: "Elena Rodriguez",
handle: "@elenarpro",
testimonial:
"Working with Vision First was a masterclass in creative discipline. They understand that the strongest visuals emerge from strategy, not decoration.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-film-producer-1772510960455-e933b059.png?_wi=3",
imageAlt: "Elena Rodriguez, Film Producer",
},
id: "2", name: "Elena Rodriguez", handle: "@elenarpro", testimonial:
"Working with Vision First was a masterclass in creative discipline. They understand that the strongest visuals emerge from strategy, not decoration.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-film-producer-1772510960455-e933b059.png", imageAlt: "Elena Rodriguez, Film Producer"},
{
id: "3",
name: "David Winters",
handle: "@davidwintersbrand",
testimonial:
"Their creative direction brought architecture and narrative to our advertising. Every decision was purposeful, every visual element served the strategy.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-brand-strateg-1772510960762-2c1b8cf4.png?_wi=3",
imageAlt: "David Winters, Brand Strategist",
},
id: "3", name: "David Winters", handle: "@davidwintersbrand", testimonial:
"Their creative direction brought architecture and narrative to our advertising. Every decision was purposeful, every visual element served the strategy.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ3EMGqlmy084kV3KwAVtpJqrq/professional-headshot-of-a-brand-strateg-1772510960762-2c1b8cf4.png", imageAlt: "David Winters, Brand Strategist"},
]}
showRating={true}
animationType="entrance-slide"
animationType="none"
title="Trusted by Creative Leaders"
description="Collaborations with artists, directors, and brands who demand strategic vision and refined execution."
textboxLayout="default"
useInvertedBackground={false}
tag="COLLABORATIONS"
tagAnimation="entrance-slide"
tagAnimation="none"
carouselMode="buttons"
ariaLabel="Vision First client testimonials and collaborations"
/>
@@ -152,14 +119,14 @@ export default function WorkPage() {
<ContactCTA
tag="Let's Collaborate"
tagIcon={ArrowRight}
tagAnimation="entrance-slide"
tagAnimation="none"
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."
buttons={[
{ text: "Contact Studio", href: "mailto:hello@visionfirst.studio" },
{ text: "Explore More", href: "/work" },
]}
buttonAnimation="entrance-slide"
buttonAnimation="none"
background={{ variant: "plain" }}
useInvertedBackground={false}
ariaLabel="Vision First contact call to action"