Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-04 03:12:28 +00:00

View File

@@ -20,7 +20,7 @@ export default function LandingPage() {
borderRadius="soft"
contentWidth="medium"
sizing="largeSizeMediumTitles"
background="fluid"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="shadow"
secondaryButtonStyle="radial-glow"
@@ -37,7 +37,8 @@ export default function LandingPage() {
{ name: "Testimonials", id: "testimonials" },
]}
button={{
text: "Get Started", href: "contact"}}
text: "Get Started", href: "contact"
}}
/>
</div>
@@ -48,33 +49,43 @@ export default function LandingPage() {
tag="Web Design Studio"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "fluid" }}
background={{ variant: "glowing-orb" }}
leftCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/a-sleek-modern-website-homepage-design-w-1772593793082-fafc27e1.png", imageAlt: "Modern tech startup website"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/a-sleek-modern-website-homepage-design-w-1772593793082-fafc27e1.png", imageAlt: "Modern tech startup website"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/an-e-commerce-website-interface-with-pro-1772593793762-b309c95e.png", imageAlt: "E-commerce platform design"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/an-e-commerce-website-interface-with-pro-1772593793762-b309c95e.png", imageAlt: "E-commerce platform design"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/a-corporate-business-website-with-hero-s-1772593793095-c31f25ea.png", imageAlt: "Corporate business website"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/a-corporate-business-website-with-hero-s-1772593793095-c31f25ea.png", imageAlt: "Corporate business website"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/a-creative-agency-website-showcasing-por-1772593792303-bfca2d17.png", imageAlt: "Creative agency portfolio"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/a-creative-agency-website-showcasing-por-1772593792303-bfca2d17.png", imageAlt: "Creative agency portfolio"
},
]}
rightCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/a-saas-product-landing-page-with-feature-1772593794357-f5fafa05.png", imageAlt: "SaaS product landing page"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/a-saas-product-landing-page-with-feature-1772593794357-f5fafa05.png", imageAlt: "SaaS product landing page"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/a-health-and-wellness-website-with-beaut-1772593792817-0f926c14.png", imageAlt: "Health and wellness site"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/a-health-and-wellness-website-with-beaut-1772593792817-0f926c14.png", imageAlt: "Health and wellness site"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/a-restaurant-and-hospitality-website-wit-1772593814586-c2950457.png", imageAlt: "Restaurant website"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/a-restaurant-and-hospitality-website-wit-1772593814586-c2950457.png", imageAlt: "Restaurant website"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/a-fashion-brand-website-with-elegant-pro-1772593792755-8bb98022.png", imageAlt: "Fashion brand site"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/a-fashion-brand-website-with-elegant-pro-1772593792755-8bb98022.png", imageAlt: "Fashion brand site"
},
]}
carouselPosition="right"
buttons={[
{
text: "View Our Work", href: "#featured-work"},
text: "View Our Work", href: "#featured-work"
},
{
text: "Start a Project", href: "#contact"},
text: "Start a Project", href: "#contact"
},
]}
buttonAnimation="slide-up"
/>
@@ -84,16 +95,20 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
heading={[
{
type: "text", content: "We design websites that"},
type: "text", content: "We design websites that"
},
{
type: "text", content: "convert visitors into customers"},
type: "text", content: "convert visitors into customers"
},
]}
useInvertedBackground={false}
buttons={[
{
text: "Learn Our Process", href: "#services"},
text: "Learn Our Process", href: "#services"
},
{
text: "Schedule a Consultation", href: "#contact"},
text: "Schedule a Consultation", href: "#contact"
},
]}
buttonAnimation="slide-up"
/>
@@ -108,20 +123,24 @@ export default function LandingPage() {
tagAnimation="slide-up"
features={[
{
title: "Tech Startup Rebrand", description: "Complete website redesign with modern UI and improved conversion rate by 45%", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/beautiful-website-design-showcase-for-a--1772593792583-38b9243a.png?_wi=1", imageAlt: "Tech startup website redesign", buttonIcon: ArrowRight,
buttonHref: "#"},
title: "Tech Startup Rebrand", description: "Complete website redesign with modern UI and improved conversion rate by 45%", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/beautiful-website-design-showcase-for-a--1772593792583-38b9243a.png", imageAlt: "Tech startup website redesign", buttonIcon: ArrowRight,
buttonHref: "#"
},
{
title: "E-Commerce Platform", description: "Full-stack design and development for scalable online store with advanced features", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/professional-e-commerce-redesign-with-im-1772593795823-80b46336.png?_wi=1", imageAlt: "E-commerce platform design", buttonIcon: ArrowRight,
buttonHref: "#"},
title: "E-Commerce Platform", description: "Full-stack design and development for scalable online store with advanced features", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/professional-e-commerce-redesign-with-im-1772593795823-80b46336.png", imageAlt: "E-commerce platform design", buttonIcon: ArrowRight,
buttonHref: "#"
},
{
title: "Corporate Identity", description: "Brand strategy and website design for Fortune 500 company with global reach", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/corporate-branding-and-website-redesign--1772593792355-1be93702.png?_wi=1", imageAlt: "Corporate branding project", buttonIcon: ArrowRight,
buttonHref: "#"},
title: "Corporate Identity", description: "Brand strategy and website design for Fortune 500 company with global reach", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/corporate-branding-and-website-redesign--1772593792355-1be93702.png", imageAlt: "Corporate branding project", buttonIcon: ArrowRight,
buttonHref: "#"
},
]}
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{
text: "See All Projects", href: "#"},
text: "See All Projects", href: "#"
},
]}
buttonAnimation="slide-up"
/>
@@ -140,15 +159,19 @@ export default function LandingPage() {
animationType="slide-up"
products={[
{
id: "web-design", name: "Web Design", price: "Starting at $2,500", variant: "UI/UX Design • Responsive Layout", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/beautiful-website-design-showcase-for-a--1772593792583-38b9243a.png?_wi=2", imageAlt: "Web design service"},
id: "web-design", name: "Web Design", price: "Starting at $2,500", variant: "UI/UX Design • Responsive Layout", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/beautiful-website-design-showcase-for-a--1772593792583-38b9243a.png", imageAlt: "Web design service"
},
{
id: "web-development", name: "Web Development", price: "Starting at $5,000", variant: "Frontend • Backend • Database", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/professional-e-commerce-redesign-with-im-1772593795823-80b46336.png?_wi=2", imageAlt: "Web development service"},
id: "web-development", name: "Web Development", price: "Starting at $5,000", variant: "Frontend • Backend • Database", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/professional-e-commerce-redesign-with-im-1772593795823-80b46336.png", imageAlt: "Web development service"
},
{
id: "ecommerce", name: "E-Commerce Solutions", price: "Starting at $7,500", variant: "Shopify • WooCommerce • Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/corporate-branding-and-website-redesign--1772593792355-1be93702.png?_wi=2", imageAlt: "E-commerce development"},
id: "ecommerce", name: "E-Commerce Solutions", price: "Starting at $7,500", variant: "Shopify • WooCommerce • Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/corporate-branding-and-website-redesign--1772593792355-1be93702.png", imageAlt: "E-commerce development"
},
]}
buttons={[
{
text: "Get a Quote", href: "#contact"},
text: "Get a Quote", href: "#contact"
},
]}
buttonAnimation="slide-up"
/>
@@ -166,17 +189,23 @@ export default function LandingPage() {
animationType="slide-up"
testimonials={[
{
id: "1", name: "Sarah Johnson", handle: "CEO, TechFlow Inc", testimonial: "Webild Studio transformed our online presence. The new website increased our leads by 60% in just three months. Truly exceptional work!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/professional-headshot-of-a-business-exec-1772593791038-c7972f90.png", imageAlt: "Sarah Johnson"},
id: "1", name: "Sarah Johnson", handle: "CEO, TechFlow Inc", testimonial: "Webild Studio transformed our online presence. The new website increased our leads by 60% in just three months. Truly exceptional work!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/professional-headshot-of-a-business-exec-1772593791038-c7972f90.png", imageAlt: "Sarah Johnson"
},
{
id: "2", name: "Michael Chen", handle: "Founder, StartupXYZ", testimonial: "Their understanding of user experience and business goals resulted in a website that not only looks beautiful but converts exceptionally well.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/professional-headshot-of-a-creative-prof-1772593791694-89ff1179.png", imageAlt: "Michael Chen"},
id: "2", name: "Michael Chen", handle: "Founder, StartupXYZ", testimonial: "Their understanding of user experience and business goals resulted in a website that not only looks beautiful but converts exceptionally well.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/professional-headshot-of-a-creative-prof-1772593791694-89ff1179.png", imageAlt: "Michael Chen"
},
{
id: "3", name: "Emily Rodriguez", handle: "Marketing Director, GrowthCo", testimonial: "Working with Webild Studio was smooth and professional. They delivered on time and exceeded our expectations. Highly recommended!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/professional-headshot-of-a-female-busine-1772593791817-8965e096.png", imageAlt: "Emily Rodriguez"},
id: "3", name: "Emily Rodriguez", handle: "Marketing Director, GrowthCo", testimonial: "Working with Webild Studio was smooth and professional. They delivered on time and exceeded our expectations. Highly recommended!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/professional-headshot-of-a-female-busine-1772593791817-8965e096.png", imageAlt: "Emily Rodriguez"
},
{
id: "4", name: "David Kim", handle: "Operations Manager, CloudSync", testimonial: "The team's attention to detail and commitment to quality is remarkable. Our new website is now our best marketing asset.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/professional-headshot-of-a-male-entrepre-1772593791748-ea91b2ee.png", imageAlt: "David Kim"},
id: "4", name: "David Kim", handle: "Operations Manager, CloudSync", testimonial: "The team's attention to detail and commitment to quality is remarkable. Our new website is now our best marketing asset.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/professional-headshot-of-a-male-entrepre-1772593791748-ea91b2ee.png", imageAlt: "David Kim"
},
{
id: "5", name: "Jessica Lee", handle: "VP Product, InnovateLab", testimonial: "Exceptional design paired with technical excellence. They understood our vision and brought it to life beautifully.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/professional-headshot-of-a-creative-dire-1772593790967-10903bef.png", imageAlt: "Jessica Lee"},
id: "5", name: "Jessica Lee", handle: "VP Product, InnovateLab", testimonial: "Exceptional design paired with technical excellence. They understood our vision and brought it to life beautifully.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/professional-headshot-of-a-creative-dire-1772593790967-10903bef.png", imageAlt: "Jessica Lee"
},
{
id: "6", name: "Robert Martinez", handle: "Founder, DesignHub", testimonial: "Best investment we made for our business. The website generated more qualified leads than all our other marketing channels combined.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/professional-headshot-of-a-business-owne-1772593791880-76aa7bf9.png", imageAlt: "Robert Martinez"},
id: "6", name: "Robert Martinez", handle: "Founder, DesignHub", testimonial: "Best investment we made for our business. The website generated more qualified leads than all our other marketing channels combined.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/professional-headshot-of-a-business-owne-1772593791880-76aa7bf9.png", imageAlt: "Robert Martinez"
},
]}
speed={40}
/>
@@ -192,9 +221,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Microsoft", "Google", "Apple", "Amazon", "Netflix", "Slack", "Figma", "Shopify"]}
"Microsoft", "Google", "Apple", "Amazon", "Netflix", "Slack", "Figma", "Shopify"
]}
logos={[
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/microsoft-company-logo-clean-professiona-1772593790529-72155e3f.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/google-company-logo-iconic-colorful-and--1772593793242-9fb2b3df.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/apple-company-logo-minimalist-profession-1772593792593-2e4c0cfd.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/amazon-company-logo-professional-recogni-1772593790510-ee0812e4.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/netflix-company-logo-bold-recognizable-s-1772593791642-f959250e.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/slack-company-logo-modern-colorful-and-p-1772593790847-66a48ccc.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/figma-company-logo-modern-design-tool-br-1772593792200-4abb1791.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/shopify-company-logo-professional-ecomme-1772593795433-6ae4bb9b.png"]}
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/microsoft-company-logo-clean-professiona-1772593790529-72155e3f.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/google-company-logo-iconic-colorful-and--1772593793242-9fb2b3df.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/apple-company-logo-minimalist-profession-1772593792593-2e4c0cfd.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/amazon-company-logo-professional-recogni-1772593790510-ee0812e4.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/netflix-company-logo-bold-recognizable-s-1772593791642-f959250e.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/slack-company-logo-modern-colorful-and-p-1772593790847-66a48ccc.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/figma-company-logo-modern-design-tool-br-1772593792200-4abb1791.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASl78LMG3D94avT7Hg5dOKDcHb/shopify-company-logo-professional-ecomme-1772593795433-6ae4bb9b.png"
]}
speed={40}
showCard={true}
/>
@@ -208,9 +239,11 @@ export default function LandingPage() {
useInvertedBackground={false}
buttons={[
{
text: "Start Your Project", href: "#"},
text: "Start Your Project", href: "#"
},
{
text: "Schedule a Call", href: "#"},
text: "Schedule a Call", href: "#"
},
]}
/>
</div>
@@ -222,13 +255,16 @@ export default function LandingPage() {
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com", ariaLabel: "Follow us on Twitter"},
href: "https://twitter.com", ariaLabel: "Follow us on Twitter"
},
{
icon: Linkedin,
href: "https://linkedin.com", ariaLabel: "Connect with us on LinkedIn"},
href: "https://linkedin.com", ariaLabel: "Connect with us on LinkedIn"
},
{
icon: Github,
href: "https://github.com", ariaLabel: "View our code on GitHub"},
href: "https://github.com", ariaLabel: "View our code on GitHub"
},
]}
/>
</div>