bender/19fb6553-e7e6-4108-9034-06b6cf61982a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-03-04 07:44:25 +00:00
Conversation 0 Commits 4 Files Changed 4 +61 -148
4 changed files with 61 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -15,7 +15,7 @@ export default function ContactPage() {
borderRadius="soft"
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
@@ -42,9 +42,9 @@ export default function ContactPage() {
description="Schedule a free 30-minute strategy call with our team. We'll discuss your business goals, technical challenges, and create a roadmap for building a world-class web presence that drives real results for your startup."
tagIcon={Rocket}
tagAnimation="slide-up"
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-professional-meeting-room-or-video-cal-1772610082429-e6f66cf4.png?_wi=3"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-professional-meeting-room-or-video-cal-1772610082429-e6f66cf4.png"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="your@email.com"

133
src/app/page.tsx
View File

@@ -47,7 +47,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
@@ -74,42 +74,26 @@ export default function HomePage() {
tag="Premium Web Development"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "plain" }}
leftCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-sleek-saas-dashboard-interface-with-mo-1772610083049-cea9d33f.png?_wi=1",
imageAlt: "Startup website showcase 1",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-sleek-saas-dashboard-interface-with-mo-1772610083049-cea9d33f.png", imageAlt: "Startup website showcase 1"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-modern-e-commerce-product-page-showing-1772610083357-4ab89576.png?_wi=1",
imageAlt: "Startup website showcase 2",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-modern-e-commerce-product-page-showing-1772610083357-4ab89576.png", imageAlt: "Startup website showcase 2"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-landing-page-for-a-mobile-app-with-her-1772610084467-ef41aca0.png?_wi=1",
imageAlt: "Startup website showcase 3",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-landing-page-for-a-mobile-app-with-her-1772610084467-ef41aca0.png", imageAlt: "Startup website showcase 3"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-b2b-service-website-homepage-showing-v-1772610083577-b0215d99.png",
imageAlt: "Startup website showcase 4",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-b2b-service-website-homepage-showing-v-1772610083577-b0215d99.png", imageAlt: "Startup website showcase 4"},
]}
rightCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-membership-or-subscription-platform-in-1772610083488-a0db64f6.png",
imageAlt: "Startup website showcase 5",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-membership-or-subscription-platform-in-1772610083488-a0db64f6.png", imageAlt: "Startup website showcase 5"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-creative-agency-portfolio-page-showcas-1772610093559-c8320385.png",
imageAlt: "Startup website showcase 6",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-creative-agency-portfolio-page-showcas-1772610093559-c8320385.png", imageAlt: "Startup website showcase 6"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-fintech-or-investment-app-homepage-wit-1772610082923-422a41a0.png",
imageAlt: "Startup website showcase 7",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-fintech-or-investment-app-homepage-wit-1772610082923-422a41a0.png", imageAlt: "Startup website showcase 7"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-health-tech-or-wellness-platform-dashb-1772610082695-65a500b2.png",
imageAlt: "Startup website showcase 8",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-health-tech-or-wellness-platform-dashb-1772610082695-65a500b2.png", imageAlt: "Startup website showcase 8"},
]}
buttons={[
{ text: "View Our Work", href: "/portfolio" },
@@ -132,14 +116,10 @@ export default function HomePage() {
useInvertedBackground={false}
features={[
{
id: "1",
title: "Startup Website Development",
description:
"Custom-built, high-performance websites designed to convert visitors into customers. We focus on clean code, fast loading times, and strategic UX.",
media: {
id: "1", title: "Startup Website Development", description:
"Custom-built, high-performance websites designed to convert visitors into customers. We focus on clean code, fast loading times, and strategic UX.", media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-developer-working-on-a-modern-laptop-w-1772610083616-b6af7119.png?_wi=1",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-developer-working-on-a-modern-laptop-w-1772610083616-b6af7119.png"},
items: [
{ icon: Zap, text: "Lightning-fast load times" },
{ icon: Smartphone, text: "Mobile-first responsive design" },
@@ -149,14 +129,10 @@ export default function HomePage() {
reverse: false,
},
{
id: "2",
title: "UX/UI Design",
description:
"Beautiful, intuitive interfaces that guide users toward action. Every pixel serves a purpose in your conversion strategy.",
media: {
id: "2", title: "UX/UI Design", description:
"Beautiful, intuitive interfaces that guide users toward action. Every pixel serves a purpose in your conversion strategy.", media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-designer-s-workspace-with-tablet-and-s-1772610082749-b33c56b7.png?_wi=1",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-designer-s-workspace-with-tablet-and-s-1772610082749-b33c56b7.png"},
items: [
{ icon: Palette, text: "Strategic color & typography" },
{ icon: Layers, text: "Thoughtful information hierarchy" },
@@ -166,14 +142,10 @@ export default function HomePage() {
reverse: true,
},
{
id: "3",
title: "Branding & Identity",
description:
"A cohesive visual and verbal identity that positions your startup as the premium choice in your market.",
media: {
id: "3", title: "Branding & Identity", description:
"A cohesive visual and verbal identity that positions your startup as the premium choice in your market.", media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/brand-identity-mockups-displayed-flat-la-1772610082548-0c316a38.png",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/brand-identity-mockups-displayed-flat-la-1772610082548-0c316a38.png"},
items: [
{ icon: Smile, text: "Logo & brand identity" },
{ icon: Type, text: "Brand voice & messaging" },
@@ -183,14 +155,10 @@ export default function HomePage() {
reverse: false,
},
{
id: "4",
title: "Conversion Optimization",
description:
"Data-driven strategies to turn your traffic into customers. We test, measure, and iterate for maximum ROI.",
media: {
id: "4", title: "Conversion Optimization", description:
"Data-driven strategies to turn your traffic into customers. We test, measure, and iterate for maximum ROI.", media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-data-analyst-reviewing-website-analyti-1772610082640-2b2ca298.png?_wi=1",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-data-analyst-reviewing-website-analyti-1772610082640-2b2ca298.png"},
items: [
{ icon: Target, text: "A/B testing & optimization" },
{ icon: BarChart3, text: "Analytics & reporting" },
@@ -213,15 +181,7 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"TechFlow",
"StartupXYZ",
"InnovateLab",
"GrowthCo",
"CloudSync",
"DataVerse",
"AccelTech",
"PixelFlow",
]}
"TechFlow", "StartupXYZ", "InnovateLab", "GrowthCo", "CloudSync", "DataVerse", "AccelTech", "PixelFlow"]}
speed={40}
showCard={true}
/>
@@ -242,11 +202,8 @@ export default function HomePage() {
{ id: "2", icon: TrendingUp, title: "Conv. Increase", value: "+340%" },
{ id: "3", icon: Users, title: "Projects", value: "50+" },
{
id: "4",
icon: Award,
title: "Client Retention",
value: "95%",
},
id: "4", icon: Award,
title: "Client Retention", value: "95%"},
]}
/>
</div>
@@ -263,41 +220,21 @@ export default function HomePage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "CEO & Founder",
company: "TechFlow",
rating: 5,
id: "1", name: "Sarah Johnson", role: "CEO & Founder", company: "TechFlow", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/professional-headshot-of-a-confident-fem-1772610085980-888c70fc.png?_wi=1",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/professional-headshot-of-a-confident-fem-1772610085980-888c70fc.png"},
{
id: "2",
name: "Michael Chen",
role: "CTO",
company: "InnovateLab",
rating: 5,
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/professional-headshot-of-a-male-tech-fou-1772610083069-b25896b2.png?_wi=1",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/professional-headshot-of-a-male-tech-fou-1772610083069-b25896b2.png"},
{
id: "3",
name: "Emily Rodriguez",
role: "Founder",
company: "GrowthCo",
rating: 5,
id: "3", name: "Emily Rodriguez", role: "Founder", company: "GrowthCo", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/professional-headshot-of-a-female-market-1772610081904-7fef8a02.png?_wi=1",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/professional-headshot-of-a-female-market-1772610081904-7fef8a02.png"},
{
id: "4",
name: "David Kim",
role: "Product Lead",
company: "StartupXYZ",
rating: 5,
id: "4", name: "David Kim", role: "Product Lead", company: "StartupXYZ", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/professional-headshot-of-a-male-product--1772610081716-5ef21899.png",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/professional-headshot-of-a-male-product--1772610081716-5ef21899.png"},
]}
kpiItems={[
{ value: "180+", label: "Websites Launched" },
@@ -314,9 +251,9 @@ export default function HomePage() {
description="Schedule a free 30-minute strategy call with our team. We'll discuss your goals, challenges, and how we can help your startup succeed."
tagIcon={Rocket}
tagAnimation="slide-up"
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-professional-meeting-room-or-video-cal-1772610082429-e6f66cf4.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-professional-meeting-room-or-video-cal-1772610082429-e6f66cf4.png"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="your@email.com"

34
src/app/process/page.tsx
View File

@@ -30,7 +30,7 @@ export default function ProcessPage() {
borderRadius="soft"
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
@@ -62,14 +62,10 @@ export default function ProcessPage() {
useInvertedBackground={false}
features={[
{
id: "1",
title: "Discovery & Strategy",
description:
"We dive deep into your business goals, target audience, and competitive landscape to build a strategic foundation that ensures your website delivers real results.",
media: {
id: "1", title: "Discovery & Strategy", description:
"We dive deep into your business goals, target audience, and competitive landscape to build a strategic foundation for your website.", media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-strategic-workshop-room-with-team-cond-1772610083543-a92bcb06.png",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-strategic-workshop-room-with-team-cond-1772610083543-a92bcb06.png"},
items: [
{ icon: Compass, text: "Market & competitor analysis" },
{ icon: Users, text: "Audience research & personas" },
@@ -79,14 +75,10 @@ export default function ProcessPage() {
reverse: false,
},
{
id: "2",
title: "Design & Prototyping",
description:
"Our designers craft beautiful, conversion-focused designs that reflect your brand and guide users toward action. Every design decision is backed by research and best practices.",
media: {
id: "2", title: "Design & Prototyping", description:
"Our designers craft beautiful, conversion-focused designs that reflect your brand and guide users toward action.", media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-designer-creating-mockups-and-prototyp-1772610082668-9fd9d076.png",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-designer-creating-mockups-and-prototyp-1772610082668-9fd9d076.png"},
items: [
{ icon: Palette, text: "Visual design & prototypes" },
{ icon: MousePointer, text: "Interactive mockups" },
@@ -96,14 +88,10 @@ export default function ProcessPage() {
reverse: true,
},
{
id: "3",
title: "Development & Launch",
description:
"Our developers build your website with clean code, optimal performance, and SEO best practices from day one. We ensure every technical detail supports your business goals.",
media: {
id: "3", title: "Development & Launch", description:
"Our developers build your website with clean code, optimal performance, and SEO best practices from day one.", media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-developer-s-desk-with-multiple-monitor-1772610081923-375d1236.png",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-developer-s-desk-with-multiple-monitor-1772610081923-375d1236.png"},
items: [
{ icon: Code, text: "Production-ready code" },
{ icon: Rocket, text: "Performance optimization" },
@@ -123,7 +111,7 @@ export default function ProcessPage() {
description="Ready to experience our process firsthand? Schedule a discovery call with our team. We'll walk through our methodology and show you exactly how we'll transform your startup's online presence."
tagIcon={Rocket}
tagAnimation="slide-up"
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-team-reviewing-analytics-and-performan-1772610084135-3b7bc75c.png"
mediaAnimation="slide-up"

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

@@ -33,7 +33,7 @@ export default function ServicesPage() {
borderRadius="soft"
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
@@ -65,14 +65,10 @@ export default function ServicesPage() {
useInvertedBackground={false}
features={[
{
id: "1",
title: "Startup Website Development",
description:
"Custom-built, high-performance websites designed to convert visitors into customers. We focus on clean code, fast loading times, and strategic UX that drives measurable business results.",
media: {
id: "1", title: "Startup Website Development", description:
"Custom-built, high-performance websites designed to convert visitors into customers. We focus on clean code, fast loading times, and strategic UX that drives measurable business results.", media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-developer-working-on-a-modern-laptop-w-1772610083616-b6af7119.png?_wi=2",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-developer-working-on-a-modern-laptop-w-1772610083616-b6af7119.png"},
items: [
{ icon: Zap, text: "Lightning-fast load times" },
{ icon: Smartphone, text: "Mobile-first responsive design" },
@@ -82,14 +78,10 @@ export default function ServicesPage() {
reverse: false,
},
{
id: "2",
title: "UX/UI Design",
description:
"Beautiful, intuitive interfaces that guide users toward action. Every pixel serves a purpose in your conversion strategy, creating experiences that users love and trust.",
media: {
id: "2", title: "UX/UI Design", description:
"Beautiful, intuitive interfaces that guide users toward action. Every pixel serves a purpose in your conversion strategy, creating experiences that users love and trust.", media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-designer-s-workspace-with-tablet-and-s-1772610082749-b33c56b7.png?_wi=2",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-designer-s-workspace-with-tablet-and-s-1772610082749-b33c56b7.png"},
items: [
{ icon: Palette, text: "Strategic color & typography" },
{ icon: Layers, text: "Thoughtful information hierarchy" },
@@ -99,14 +91,10 @@ export default function ServicesPage() {
reverse: true,
},
{
id: "3",
title: "Conversion Optimization",
description:
"Data-driven strategies to turn your traffic into customers. We test, measure, and iterate for maximum ROI, ensuring every element of your site works harder to generate revenue.",
media: {
id: "3", title: "Conversion Optimization", description:
"Data-driven strategies to turn your traffic into customers. We test, measure, and iterate for maximum ROI, ensuring every element of your site works harder to generate revenue.", media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-data-analyst-reviewing-website-analyti-1772610082640-2b2ca298.png?_wi=2",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-data-analyst-reviewing-website-analyti-1772610082640-2b2ca298.png"},
items: [
{ icon: Target, text: "A/B testing & optimization" },
{ icon: BarChart3, text: "Analytics & reporting" },
@@ -126,9 +114,9 @@ export default function ServicesPage() {
description="Let our team of experts build a world-class website for your startup. Get a free consultation to discuss your vision, goals, and strategic roadmap."
tagIcon={Rocket}
tagAnimation="slide-up"
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-professional-meeting-room-or-video-cal-1772610082429-e6f66cf4.png?_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT86I6kP0Pt2UZkb6hgesrnSAE/a-professional-meeting-room-or-video-cal-1772610082429-e6f66cf4.png"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="your@email.com"