Merge version_1 into main #2
@@ -20,7 +20,7 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmall"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -47,17 +47,17 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
title="Smart Design. Strong Development."
|
||||
description="Vanguard Web transforms your ideas into powerful digital experiences. We combine cutting-edge design with bulletproof development to deliver web solutions that drive results."
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "plain" }}
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-sleek-web-development-workspace-with-m-1772482049340-4c0ef6c6.png?_wi=1", imageAlt: "Web development workspace" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-sleek-web-development-workspace-with-m-1772482049340-4c0ef6c6.png", imageAlt: "Web development workspace" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-stunning-mobile-first-web-design-mocku-1772482048742-c35b4c47.png", imageAlt: "Mobile-first design" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-clean-deployment-pipeline-visualizatio-1772482049470-a2b8f086.png?_wi=1", imageAlt: "Deployment pipeline" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-professional-analytics-dashboard-displ-1772482048879-42f8b1f6.png?_wi=1", imageAlt: "Analytics dashboard" }
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-clean-deployment-pipeline-visualizatio-1772482049470-a2b8f086.png", imageAlt: "Deployment pipeline" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-professional-analytics-dashboard-displ-1772482048879-42f8b1f6.png", imageAlt: "Analytics dashboard" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-dynamic-3d-visualization-of-interconne-1772482049292-6c35edae.png?_wi=1", imageAlt: "Web architecture" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-vibrant-illustration-of-a-digital-agen-1772482048506-6859acd7.png?_wi=1", imageAlt: "Team collaboration" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-modern-e-commerce-website-interface-wi-1772482050070-97f4f887.png?_wi=1", imageAlt: "E-commerce design" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-dynamic-3d-visualization-of-interconne-1772482049292-6c35edae.png", imageAlt: "Web architecture" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-vibrant-illustration-of-a-digital-agen-1772482048506-6859acd7.png", imageAlt: "Team collaboration" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-modern-e-commerce-website-interface-wi-1772482050070-97f4f887.png", imageAlt: "E-commerce design" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-web-application-development-timeline-s-1772482050134-49543b3d.png", imageAlt: "Development timeline" }
|
||||
]}
|
||||
buttons={[
|
||||
@@ -93,18 +93,18 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Custom Web Development", description: "We build scalable, high-performance web applications using modern frameworks and technologies. Our development process ensures clean code, security, and seamless integration with your business systems.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-dynamic-3d-visualization-of-interconne-1772482049292-6c35edae.png?_wi=2", imageAlt: "Backend architecture" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-clean-deployment-pipeline-visualizatio-1772482049470-a2b8f086.png?_wi=2", imageAlt: "Deployment systems" }
|
||||
title: "Custom Web Development", description: "We build scalable, high-performance web applications using modern frameworks and technologies. Our development process ensures clean code, security, and seamless integration with your business systems.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-dynamic-3d-visualization-of-interconne-1772482049292-6c35edae.png", imageAlt: "Backend architecture" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-clean-deployment-pipeline-visualizatio-1772482049470-a2b8f086.png", imageAlt: "Deployment systems" }
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "UI/UX Design", description: "Stunning interfaces that users love. We combine aesthetic excellence with intuitive user experience design, creating digital products that engage and convert.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-vibrant-illustration-of-a-digital-agen-1772482048506-6859acd7.png?_wi=2", imageAlt: "Design collaboration" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-modern-e-commerce-website-interface-wi-1772482050070-97f4f887.png?_wi=2", imageAlt: "Interface design" }
|
||||
title: "UI/UX Design", description: "Stunning interfaces that users love. We combine aesthetic excellence with intuitive user experience design, creating digital products that engage and convert.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-vibrant-illustration-of-a-digital-agen-1772482048506-6859acd7.png", imageAlt: "Design collaboration" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-modern-e-commerce-website-interface-wi-1772482050070-97f4f887.png", imageAlt: "Interface design" }
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "E-Commerce Solutions", description: "From product showcases to full-featured stores, we build e-commerce platforms that drive sales. Secure payments, inventory management, and analytics all integrated seamlessly.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-modern-e-commerce-website-interface-wi-1772482050070-97f4f887.png?_wi=3", imageAlt: "E-commerce interface" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-professional-analytics-dashboard-displ-1772482048879-42f8b1f6.png?_wi=2", imageAlt: "Sales analytics" }
|
||||
title: "E-Commerce Solutions", description: "From product showcases to full-featured stores, we build e-commerce platforms that drive sales. Secure payments, inventory management, and analytics all integrated seamlessly.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-modern-e-commerce-website-interface-wi-1772482050070-97f4f887.png", imageAlt: "E-commerce interface" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-professional-analytics-dashboard-displ-1772482048879-42f8b1f6.png", imageAlt: "Sales analytics" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -122,9 +122,9 @@ export default function LandingPage() {
|
||||
tagIcon={Briefcase}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{ id: "1", name: "SaaS Dashboard Platform", price: "Enterprise", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-sleek-web-development-workspace-with-m-1772482049340-4c0ef6c6.png?_wi=2", imageAlt: "SaaS dashboard" },
|
||||
{ id: "2", name: "E-Commerce Marketplace", price: "Growth", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-modern-e-commerce-website-interface-wi-1772482050070-97f4f887.png?_wi=4", imageAlt: "E-commerce platform" },
|
||||
{ id: "3", name: "Real-Time Analytics Engine", price: "Advanced", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-professional-analytics-dashboard-displ-1772482048879-42f8b1f6.png?_wi=3", imageAlt: "Analytics system" }
|
||||
{ id: "1", name: "SaaS Dashboard Platform", price: "Enterprise", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-sleek-web-development-workspace-with-m-1772482049340-4c0ef6c6.png", imageAlt: "SaaS dashboard" },
|
||||
{ id: "2", name: "E-Commerce Marketplace", price: "Growth", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-modern-e-commerce-website-interface-wi-1772482050070-97f4f887.png", imageAlt: "E-commerce platform" },
|
||||
{ id: "3", name: "Real-Time Analytics Engine", price: "Advanced", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP6kGqTwv2M6OZEBwsD7FMfNdL/a-professional-analytics-dashboard-displ-1772482048879-42f8b1f6.png", imageAlt: "Analytics system" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -176,7 +176,7 @@ export default function LandingPage() {
|
||||
{ text: "Send us an Email", href: "mailto:hello@vanguardweb.com" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user