diff --git a/src/app/page.tsx b/src/app/page.tsx index f1ba9eb..c20cf11 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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} />