bender/1e7faf15-8115-4b4f-9fad-2bda57fc74f9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-06 19:10:36 +00:00
Conversation 0 Commits 2 Files Changed 2 +73 -250
2 changed files with 73 additions and 250 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
src/app/app/analysis/page.tsx
View File

@@ -34,9 +34,7 @@ export default function AnalysisPage() {
{ name: "FAQ", id: "faq" },
]}
button={{
text: "Sign In",
href: "/auth/login",
}}
text: "Sign In", href: "/auth/login"}}
animateOnLoad={true}
className="bg-black/80 backdrop-blur-md border border-white/10"
navItemClassName="text-white/80 hover:text-white transition-colors"
@@ -51,15 +49,12 @@ export default function AnalysisPage() {
description="Know Exactly What Your Body Needs to Change. Upload a photo. Get a detailed breakdown of your muscle development, weak points, and what to prioritize next."
buttons={[
{
text: "Analyze My Physique →",
href: "/auth/signup",
},
text: "Analyze My Physique →", href: "/auth/signup"},
]}
buttonAnimation="blur-reveal"
background={{
variant: "circleGradient",
}}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/minimalist-smartphone-ui-mockup-with-dra-1772824074568-0432c972.jpg?_wi=5"
variant: "circleGradient"}}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/minimalist-smartphone-ui-mockup-with-dra-1772824074568-0432c972.jpg"
imageAlt="FORMA upload interface demo"
mediaAnimation="slide-up"
frameStyle="card"
@@ -79,23 +74,11 @@ export default function AnalysisPage() {
<FeatureCardOne
features={[
{
title: "Upload Your Photo",
description: "Front, back, or side view in good lighting. That's it.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/minimalist-smartphone-ui-mockup-with-dra-1772824074568-0432c972.jpg?_wi=6",
imageAlt: "Upload interface",
},
title: "Upload Your Photo", description: "Front, back, or side view in good lighting. That's it.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/minimalist-smartphone-ui-mockup-with-dra-1772824074568-0432c972.jpg", imageAlt: "Upload interface"},
{
title: "AI Analyzes Your Physique",
description: "Powered by Claude vision AI. Muscle development, body composition, proportionality, and weak points identified.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/anatomical-figure-front-view-in-da-vinci-1772824074504-507324b5.png?_wi=3",
imageAlt: "AI analysis scanning",
},
title: "AI Analyzes Your Physique", description: "Powered by Claude vision AI. Muscle development, body composition, proportionality, and weak points identified.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/anatomical-figure-front-view-in-da-vinci-1772824074504-507324b5.png", imageAlt: "AI analysis scanning"},
{
title: "Get Your Breakdown & Priorities",
description: "Four scored dimensions plus three specific training priorities. Actionable, data-driven insights.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/dark-card-showing-analysis-results-with--1772824073575-87574b91.png?_wi=3",
imageAlt: "Analysis results dashboard",
},
title: "Get Your Breakdown & Priorities", description: "Four scored dimensions plus three specific training priorities. Actionable, data-driven insights.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/dark-card-showing-analysis-results-with--1772824073575-87574b91.png", imageAlt: "Analysis results dashboard"},
]}
title="Three Simple Steps to Transformation"
description="Get your complete physique breakdown in seconds. No guesswork. No opinions. Pure data."
@@ -113,25 +96,13 @@ export default function AnalysisPage() {
<PricingCardTwo
plans={[
{
id: "1",
badge: "FORMA Unlimited",
badgeIcon: Sparkles,
price: "$5.99",
subtitle: "/month or $59.99/year",
buttons={[
id: "1", badge: "FORMA Unlimited", badgeIcon: Sparkles,
price: "$5.99", subtitle: "/month or $59.99/year", buttons: [
{
text: "Start Analyzing →",
href: "/auth/signup",
},
]}
features={[
"Unlimited physique analyses",
"Muscle group breakdown with scores",
"Weak point identification",
"Training priority recommendations",
"Full progress history",
"AI-powered by Claude vision",
]}
text: "Start Analyzing →", href: "/auth/signup"},
],
features: [
"Unlimited physique analyses", "Muscle group breakdown with scores", "Weak point identification", "Training priority recommendations", "Full progress history", "AI-powered by Claude vision"],
},
]}
title="$5.99 / Month"
@@ -149,37 +120,19 @@ export default function AnalysisPage() {
<FaqSplitMedia
faqs={[
{
id: "1",
title: "Is my photo private?",
content: "Yes. Photos are processed for analysis only and never stored beyond your session. They are never shared or used for any other purpose. Your privacy is paramount.",
},
id: "1", title: "Is my photo private?", content: "Yes. Photos are processed for analysis only and never stored beyond your session. They are never shared or used for any other purpose. Your privacy is paramount."},
{
id: "2",
title: "How accurate is the analysis?",
content: "FORMA uses Claude, Anthropic's frontier AI model with vision capability. It analyzes muscle definition, symmetry, and composition at a level of specificity not possible from a text-based assessment. However, it's a tool to complement, not replace, professional coaching.",
},
id: "2", title: "How accurate is the analysis?", content: "FORMA uses Claude, Anthropic's frontier AI model with vision capability. It analyzes muscle definition, symmetry, and composition at a level of specificity not possible from a text-based assessment. However, it's a tool to complement, not replace, professional coaching."},
{
id: "3",
title: "Can I cancel anytime?",
content: "Yes. Instant cancellation, no questions asked, from your account settings. If you cancel before your next billing date, you won't be charged again.",
},
id: "3", title: "Can I cancel anytime?", content: "Yes. Instant cancellation, no questions asked, from your account settings. If you cancel before your next billing date, you won't be charged again."},
{
id: "4",
title: "What kind of photo should I upload?",
content: "A well-lit front or back photo in fitted clothing or fewer. The more visible the musculature, the more precise the analysis. We recommend natural lighting and a clear view of your full physique.",
},
id: "4", title: "What kind of photo should I upload?", content: "A well-lit front or back photo in fitted clothing or fewer. The more visible the musculature, the more precise the analysis. We recommend natural lighting and a clear view of your full physique."},
{
id: "5",
title: "How often can I upload?",
content: "Unlimited. Upload as often as you want. Track your progress daily, weekly, or monthly. The progress history automatically organizes all your analyses.",
},
id: "5", title: "How often can I upload?", content: "Unlimited. Upload as often as you want. Track your progress daily, weekly, or monthly. The progress history automatically organizes all your analyses."},
{
id: "6",
title: "Do I need special equipment?",
content: "No. Just your smartphone. FORMA works on any device with a camera and browser. No special lighting or equipment required.",
},
id: "6", title: "Do I need special equipment?", content: "No. Just your smartphone. FORMA works on any device with a camera and browser. No special lighting or equipment required."},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/dark-minimalist-mockup-of-forma-app-inte-1772824076297-3bd3877b.png?_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/dark-minimalist-mockup-of-forma-app-inte-1772824076297-3bd3877b.png"
imageAlt="FORMA app interface"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -197,62 +150,37 @@ export default function AnalysisPage() {
<FooterBaseReveal
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "App",
href: "/app",
},
label: "App", href: "/app"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#",
},
label: "About", href: "#"},
{
label: "Blog",
href: "/blog",
},
label: "Blog", href: "/blog"},
{
label: "Careers",
href: "/careers",
},
label: "Careers", href: "/careers"},
{
label: "Contact",
href: "/contact",
},
label: "Contact", href: "/contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy",
href: "/privacy",
},
label: "Privacy", href: "/privacy"},
{
label: "Terms",
href: "/terms",
},
label: "Terms", href: "/terms"},
{
label: "Status",
href: "https://status.forma.app",
},
label: "Status", href: "https://status.forma.app"},
],
},
]}

183
src/app/page.tsx
View File

@@ -23,8 +23,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "#how-it-works" },
{ label: "Pricing", href: "#pricing" },
{ label: "FAQ", href: "#faq" },
@@ -32,8 +31,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About", href: "#" },
{ label: "Blog", href: "/blog" },
{ label: "Careers", href: "/careers" },
@@ -41,8 +39,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy", href: "/privacy" },
{ label: "Terms", href: "/terms" },
{ label: "Status", href: "https://status.forma.app" },
@@ -68,9 +65,7 @@ export default function HomePage() {
brandName="FORMA"
navItems={navItems}
button={{
text: "Sign In",
href: "/auth/login",
}}
text: "Sign In", href: "/auth/login"}}
animateOnLoad={true}
className="bg-black/80 backdrop-blur-md border border-white/10"
navItemClassName="text-white/80 hover:text-white transition-colors"
@@ -85,13 +80,12 @@ export default function HomePage() {
description="Know Exactly What Your Body Needs to Change. Upload a photo. Get a detailed breakdown of your muscle development, weak points, and what to prioritize next."
buttons={[
{
text: "Analyze My Physique →",
href: "/app/upload",
},
text: "Analyze My Physique →", href: "/app/upload"},
]}
buttonAnimation="blur-reveal"
background={{ variant: "circleGradient" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/minimalist-smartphone-ui-mockup-with-dra-1772824074568-0432c972.jpg?_wi=1"
background={{
variant: "circleGradient"}}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/minimalist-smartphone-ui-mockup-with-dra-1772824074568-0432c972.jpg"
imageAlt="FORMA upload interface demo"
mediaAnimation="slide-up"
frameStyle="card"
@@ -111,10 +105,7 @@ export default function HomePage() {
<TextSplitAbout
title="The Problem Nobody Talks About"
description={[
"Most people train for months without knowing which muscles are actually lagging.",
"They guess. They plateau. They wonder why nothing is changing.",
"There's never been a way to see it clearly — until now.",
]}
"Most people train for months without knowing which muscles are actually lagging.", "They guess. They plateau. They wonder why nothing is changing.", "There's never been a way to see it clearly — until now."]}
useInvertedBackground={false}
showBorder={false}
className="py-24 bg-black"
@@ -131,23 +122,11 @@ export default function HomePage() {
tag="How It Works"
features={[
{
title: "Upload Your Photo",
description: "Front, back, or side view in good lighting. That's it.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/minimalist-smartphone-ui-mockup-with-dra-1772824074568-0432c972.jpg?_wi=2",
imageAlt: "Upload interface",
},
title: "Upload Your Photo", description: "Front, back, or side view in good lighting. That's it.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/minimalist-smartphone-ui-mockup-with-dra-1772824074568-0432c972.jpg", imageAlt: "Upload interface"},
{
title: "AI Analyzes Your Physique",
description: "Powered by Claude vision AI. Muscle development, body composition, proportionality, and weak points identified.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/anatomical-figure-front-view-in-da-vinci-1772824074504-507324b5.png?_wi=1",
imageAlt: "AI analysis scanning",
},
title: "AI Analyzes Your Physique", description: "Powered by Claude vision AI. Muscle development, body composition, proportionality, and weak points identified.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/anatomical-figure-front-view-in-da-vinci-1772824074504-507324b5.png", imageAlt: "AI analysis scanning"},
{
title: "Get Your Breakdown & Priorities",
description: "Four scored dimensions plus three specific training priorities. Actionable, data-driven insights.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/dark-card-showing-analysis-results-with--1772824073575-87574b91.png?_wi=1",
imageAlt: "Analysis results dashboard",
},
title: "Get Your Breakdown & Priorities", description: "Four scored dimensions plus three specific training priorities. Actionable, data-driven insights.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/dark-card-showing-analysis-results-with--1772824073575-87574b91.png", imageAlt: "Analysis results dashboard"},
]}
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
@@ -165,47 +144,17 @@ export default function HomePage() {
tag="Value Comparison"
metrics={[
{
id: "1",
title: "Cost Per Analysis",
subtitle: "Initial investment",
category: "Pricing",
value: "FORMA: $0.19 vs PT: $120",
},
id: "1", title: "Cost Per Analysis", subtitle: "Initial investment", category: "Pricing", value: "FORMA: $0.19 vs PT: $120"},
{
id: "2",
title: "Monthly Cost",
subtitle: "Recurring investment",
category: "Pricing",
value: "FORMA: $5.99 vs PT: $480",
},
id: "2", title: "Monthly Cost", subtitle: "Recurring investment", category: "Pricing", value: "FORMA: $5.99 vs PT: $480"},
{
id: "3",
title: "Analysis Frequency",
subtitle: "How often you get feedback",
category: "Access",
value: "Instant vs Once/Week",
},
id: "3", title: "Analysis Frequency", subtitle: "How often you get feedback", category: "Access", value: "Instant vs Once/Week"},
{
id: "4",
title: "Availability",
subtitle: "When you can use it",
category: "Access",
value: "24/7 vs Business Hours",
},
id: "4", title: "Availability", subtitle: "When you can use it", category: "Access", value: "24/7 vs Business Hours"},
{
id: "5",
title: "Progress Tracking",
subtitle: "Historical data",
category: "Features",
value: "Automatic vs Manual",
},
id: "5", title: "Progress Tracking", subtitle: "Historical data", category: "Features", value: "Automatic vs Manual"},
{
id: "6",
title: "Analysis Type",
subtitle: "Feedback quality",
category: "Features",
value: "Data-Driven vs Opinion",
},
id: "6", title: "Analysis Type", subtitle: "Feedback quality", category: "Features", value: "Data-Driven vs Opinion"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -221,41 +170,17 @@ export default function HomePage() {
tag="Testimonials"
testimonials={[
{
id: "1",
name: "Marcus T.",
handle: "3 months in",
testimonial: "I didn't realize my left shoulder was lagging my right until FORMA flagged it. Changed my entire push day.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/professional-headshot-of-marcus-t-athlet-1772824074209-375ba628.png?_wi=1",
imageAlt: "Marcus T.",
},
id: "1", name: "Marcus T.", handle: "3 months in", testimonial: "I didn't realize my left shoulder was lagging my right until FORMA flagged it. Changed my entire push day.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/professional-headshot-of-marcus-t-athlet-1772824074209-375ba628.png", imageAlt: "Marcus T."},
{
id: "2",
name: "Ryan K.",
handle: "Competitive bodybuilder",
testimonial: "Coach told me to 'keep going.' FORMA told me my VMO was underdeveloped and handed me a fix. Actual difference.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/professional-headshot-of-ryan-k-competit-1772824074671-7f11cc0e.jpg?_wi=1",
imageAlt: "Ryan K.",
},
id: "2", name: "Ryan K.", handle: "Competitive bodybuilder", testimonial: "Coach told me to 'keep going.' FORMA told me my VMO was underdeveloped and handed me a fix. Actual difference.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/professional-headshot-of-ryan-k-competit-1772824074671-7f11cc0e.jpg", imageAlt: "Ryan K."},
{
id: "3",
name: "Daniel S.",
handle: "6 months in",
testimonial: "Best $5.99 I spend. The progress history alone is worth it — I can actually see what's changing month to month.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/professional-headshot-of-daniel-s-male-f-1772824072975-dcc168b4.png?_wi=1",
imageAlt: "Daniel S.",
},
id: "3", name: "Daniel S.", handle: "6 months in", testimonial: "Best $5.99 I spend. The progress history alone is worth it — I can actually see what's changing month to month.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/professional-headshot-of-daniel-s-male-f-1772824072975-dcc168b4.png", imageAlt: "Daniel S."},
{
id: "4",
name: "James P.",
handle: "2 months in",
testimonial: "Replaced my $150 PT sessions. FORMA gives me more actionable insights faster. Game changer for my gains.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/professional-headshot-of-marcus-t-athlet-1772824074209-375ba628.png?_wi=2",
imageAlt: "James P.",
},
id: "4", name: "James P.", handle: "2 months in", testimonial: "Replaced my $150 PT sessions. FORMA gives me more actionable insights faster. Game changer for my gains.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/professional-headshot-of-marcus-t-athlet-1772824074209-375ba628.png", imageAlt: "James P."},
]}
showRating={true}
animationType="slide-up"
@@ -272,25 +197,13 @@ export default function HomePage() {
tag="Pricing"
plans={[
{
id: "1",
badge: "FORMA Unlimited",
badgeIcon: Sparkles,
price: "$5.99",
subtitle: "/month or $59.99/year",
buttons={[
id: "1", badge: "FORMA Unlimited", badgeIcon: Sparkles,
price: "$5.99", subtitle: "/month or $59.99/year", buttons: [
{
text: "Start Analyzing →",
href: "/app/upload",
},
]}
features={[
"Unlimited physique analyses",
"Muscle group breakdown with scores",
"Weak point identification",
"Training priority recommendations",
"Full progress history",
"AI-powered by Claude vision",
]}
text: "Start Analyzing →", href: "/app/upload"},
],
features: [
"Unlimited physique analyses", "Muscle group breakdown with scores", "Weak point identification", "Training priority recommendations", "Full progress history", "AI-powered by Claude vision"],
},
]}
animationType="slide-up"
@@ -308,37 +221,19 @@ export default function HomePage() {
tag="FAQ"
faqs={[
{
id: "1",
title: "Is my photo private?",
content: "Yes. Photos are processed for analysis only and never stored beyond your session. They are never shared or used for any other purpose. Your privacy is paramount.",
},
id: "1", title: "Is my photo private?", content: "Yes. Photos are processed for analysis only and never stored beyond your session. They are never shared or used for any other purpose. Your privacy is paramount."},
{
id: "2",
title: "How accurate is the analysis?",
content: "FORMA uses Claude, Anthropic's frontier AI model with vision capability. It analyzes muscle definition, symmetry, and composition at a level of specificity not possible from a text-based assessment. However, it's a tool to complement, not replace, professional coaching.",
},
id: "2", title: "How accurate is the analysis?", content: "FORMA uses Claude, Anthropic's frontier AI model with vision capability. It analyzes muscle definition, symmetry, and composition at a level of specificity not possible from a text-based assessment. However, it's a tool to complement, not replace, professional coaching."},
{
id: "3",
title: "Can I cancel anytime?",
content: "Yes. Instant cancellation, no questions asked, from your account settings. If you cancel before your next billing date, you won't be charged again.",
},
id: "3", title: "Can I cancel anytime?", content: "Yes. Instant cancellation, no questions asked, from your account settings. If you cancel before your next billing date, you won't be charged again."},
{
id: "4",
title: "What kind of photo should I upload?",
content: "A well-lit front or back photo in fitted clothing or fewer. The more visible the musculature, the more precise the analysis. We recommend natural lighting and a clear view of your full physique.",
},
id: "4", title: "What kind of photo should I upload?", content: "A well-lit front or back photo in fitted clothing or fewer. The more visible the musculature, the more precise the analysis. We recommend natural lighting and a clear view of your full physique."},
{
id: "5",
title: "How often can I upload?",
content: "Unlimited. Upload as often as you want. Track your progress daily, weekly, or monthly. The progress history automatically organizes all your analyses.",
},
id: "5", title: "How often can I upload?", content: "Unlimited. Upload as often as you want. Track your progress daily, weekly, or monthly. The progress history automatically organizes all your analyses."},
{
id: "6",
title: "Do I need special equipment?",
content: "No. Just your smartphone. FORMA works on any device with a camera and browser. No special lighting or equipment required.",
},
id: "6", title: "Do I need special equipment?", content: "No. Just your smartphone. FORMA works on any device with a camera and browser. No special lighting or equipment required."},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/dark-minimalist-mockup-of-forma-app-inte-1772824076297-3bd3877b.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APwwOLAi7FRFmXwzrAtyS9aqHm/dark-minimalist-mockup-of-forma-app-inte-1772824076297-3bd3877b.png"
imageAlt="FORMA app interface"
mediaAnimation="slide-up"
mediaPosition="right"