diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 98fe2fb..5fd7872 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -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" diff --git a/src/app/page.tsx b/src/app/page.tsx index 68d6883..4dd2414 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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%"}, ]} /> @@ -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" diff --git a/src/app/process/page.tsx b/src/app/process/page.tsx index 88a9ff2..38070f1 100644 --- a/src/app/process/page.tsx +++ b/src/app/process/page.tsx @@ -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" diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index d43ea24..776af3d 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -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"