diff --git a/src/app/page.tsx b/src/app/page.tsx index 2ca6219..80bcb01 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -37,7 +37,8 @@ export default function LandingPage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Get Started", href: "#contact"}} + text: "Get Started", href: "#contact" + }} /> @@ -56,9 +57,11 @@ export default function LandingPage() { buttonAnimation="slide-up" mediaItems={[ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/a-modern-web-design-agency-workspace-sho-1772762624353-7b47565e.png", imageAlt: "Web design agency workspace"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/a-modern-web-design-agency-workspace-sho-1772762624353-7b47565e.png", imageAlt: "Web design agency workspace" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/a-showcase-of-multiple-beautiful-website-1772762622248-fad76374.png?_wi=1", imageAlt: "Portfolio of beautiful website designs"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/a-showcase-of-multiple-beautiful-website-1772762622248-fad76374.png", imageAlt: "Portfolio of beautiful website designs" + }, ]} mediaAnimation="slide-up" rating={5} @@ -80,6 +83,7 @@ export default function LandingPage() { imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/a-diverse-team-of-web-designers-and-deve-1772762622345-edec92ca.png" imageAlt="Our creative team collaborating" mediaAnimation="slide-up" + metricsAnimation="slide-up" useInvertedBackground={false} /> @@ -95,17 +99,22 @@ export default function LandingPage() { buttonAnimation="slide-up" accordionItems={[ { - id: "1", title: "Custom Website Design", content: "We create beautiful, responsive websites tailored to your brand identity. Every design is crafted with user experience and conversion optimization in mind, ensuring your site engages visitors and drives action."}, + id: "1", title: "Custom Website Design", content: "We create beautiful, responsive websites tailored to your brand identity. Every design is crafted with user experience and conversion optimization in mind, ensuring your site engages visitors and drives action." + }, { - id: "2", title: "E-Commerce Solutions", content: "Build your online store with our comprehensive e-commerce development services. We integrate payment systems, inventory management, and marketing tools to maximize your sales potential."}, + id: "2", title: "E-Commerce Solutions", content: "Build your online store with our comprehensive e-commerce development services. We integrate payment systems, inventory management, and marketing tools to maximize your sales potential." + }, { - id: "3", title: "Web Application Development", content: "Develop powerful web applications that scale with your business. We specialize in modern frameworks and technologies to build fast, secure, and maintainable applications."}, + id: "3", title: "Web Application Development", content: "Develop powerful web applications that scale with your business. We specialize in modern frameworks and technologies to build fast, secure, and maintainable applications." + }, { - id: "4", title: "UI/UX Design", content: "User-centered design is at the heart of everything we do. We research, prototype, and test to create intuitive interfaces that delight users and achieve business goals."}, + id: "4", title: "UI/UX Design", content: "User-centered design is at the heart of everything we do. We research, prototype, and test to create intuitive interfaces that delight users and achieve business goals." + }, { - id: "5", title: "Website Optimization", content: "Improve your existing website's performance, speed, and conversions. We audit, analyze, and implement data-driven improvements to enhance user experience and ROI."}, + id: "5", title: "Website Optimization", content: "Improve your existing website's performance, speed, and conversions. We audit, analyze, and implement data-driven improvements to enhance user experience and ROI." + }, ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/a-modern-saas-dashboard-design-showcasin-1772762623572-c125c046.png?_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/a-modern-saas-dashboard-design-showcasin-1772762623572-c125c046.png" imageAlt="Modern web application interface" mediaAnimation="slide-up" useInvertedBackground={false} @@ -125,13 +134,16 @@ export default function LandingPage() { products={[ { id: "1", brand: "Tech Startup", name: "Modern SaaS Dashboard", price: "↑ 240% Conversion", rating: 5, - reviewCount: "2.3k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/a-modern-saas-dashboard-design-showcasin-1772762623572-c125c046.png?_wi=2", imageAlt: "SaaS dashboard redesign"}, + reviewCount: "2.3k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/a-modern-saas-dashboard-design-showcasin-1772762623572-c125c046.png", imageAlt: "SaaS dashboard redesign" + }, { id: "2", brand: "E-Commerce Brand", name: "Fashion Store Redesign", price: "↑ 185% Sales", rating: 5, - reviewCount: "1.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/a-before-and-after-comparison-of-an-e-co-1772762623747-a04325d4.png", imageAlt: "E-commerce redesign"}, + reviewCount: "1.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/a-before-and-after-comparison-of-an-e-co-1772762623747-a04325d4.png", imageAlt: "E-commerce redesign" + }, { id: "3", brand: "Digital Agency", name: "Landing Page Campaign", price: "↑ 310% Leads", rating: 5, - reviewCount: "1.5k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/a-modern-landing-page-design-for-a-tech--1772762622668-ad391b81.png", imageAlt: "Landing page design"}, + reviewCount: "1.5k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/a-modern-landing-page-design-for-a-tech--1772762622668-ad391b81.png", imageAlt: "Landing page design" + }, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -150,22 +162,28 @@ export default function LandingPage() { testimonials={[ { id: "1", name: "Sarah Johnson", role: "CEO", company: "GrowthCo", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/professional-portrait-of-a-confident-bus-1772762621379-b0300efc.png", imageAlt: "Sarah Johnson testimonial"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/professional-portrait-of-a-confident-bus-1772762621379-b0300efc.png", imageAlt: "Sarah Johnson testimonial" + }, { id: "2", name: "Michael Chen", role: "Founder", company: "TechVenture", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/professional-portrait-of-a-successful-en-1772762623349-68bcc73e.png", imageAlt: "Michael Chen testimonial"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/professional-portrait-of-a-successful-en-1772762623349-68bcc73e.png", imageAlt: "Michael Chen testimonial" + }, { id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "BrandWorks", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/professional-portrait-of-a-creative-prof-1772762621949-8e6126f8.png", imageAlt: "Emily Rodriguez testimonial"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/professional-portrait-of-a-creative-prof-1772762621949-8e6126f8.png", imageAlt: "Emily Rodriguez testimonial" + }, { id: "4", name: "David Kim", role: "Product Manager", company: "InnovateLab", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/professional-portrait-of-a-business-exec-1772762621774-cc9474c9.png", imageAlt: "David Kim testimonial"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/professional-portrait-of-a-business-exec-1772762621774-cc9474c9.png", imageAlt: "David Kim testimonial" + }, { id: "5", name: "Jessica Martinez", role: "Business Owner", company: "Digital Dreams", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/professional-portrait-of-an-innovative-b-1772762622191-0cb9a467.png", imageAlt: "Jessica Martinez testimonial"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/professional-portrait-of-an-innovative-b-1772762622191-0cb9a467.png", imageAlt: "Jessica Martinez testimonial" + }, { id: "6", name: "Robert Thompson", role: "Executive Director", company: "Enterprise Plus", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/professional-portrait-of-a-successful-bu-1772762621888-b3adffe6.png", imageAlt: "Robert Thompson testimonial"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/professional-portrait-of-a-successful-bu-1772762621888-b3adffe6.png", imageAlt: "Robert Thompson testimonial" + }, ]} gridVariant="uniform-all-items-equal" animationType="slide-up" @@ -183,17 +201,23 @@ export default function LandingPage() { tagAnimation="slide-up" faqs={[ { - id: "1", title: "What is your typical design process?", content: "Our process starts with discovery and strategy, followed by wireframing, design mockups, and interactive prototypes. We involve you at every stage to ensure the final product matches your vision and business goals."}, + id: "1", title: "What is your typical design process?", content: "Our process starts with discovery and strategy, followed by wireframing, design mockups, and interactive prototypes. We involve you at every stage to ensure the final product matches your vision and business goals." + }, { - id: "2", title: "How long does a typical website project take?", content: "Project timelines vary depending on scope and complexity. A standard website typically takes 6-12 weeks from kickoff to launch. We'll provide a detailed timeline after our initial consultation."}, + id: "2", title: "How long does a typical website project take?", content: "Project timelines vary depending on scope and complexity. A standard website typically takes 6-12 weeks from kickoff to launch. We'll provide a detailed timeline after our initial consultation." + }, { - id: "3", title: "Do you provide ongoing support?", content: "Yes! We offer ongoing maintenance, hosting, and support packages to keep your website running smoothly. We can handle updates, security, backups, and performance optimization."}, + id: "3", title: "Do you provide ongoing support?", content: "Yes! We offer ongoing maintenance, hosting, and support packages to keep your website running smoothly. We can handle updates, security, backups, and performance optimization." + }, { - id: "4", title: "Can you redesign my existing website?", content: "Absolutely. We specialize in website redesigns that modernize your site while preserving SEO performance and user trust. We'll conduct a thorough audit before recommending improvements."}, + id: "4", title: "Can you redesign my existing website?", content: "Absolutely. We specialize in website redesigns that modernize your site while preserving SEO performance and user trust. We'll conduct a thorough audit before recommending improvements." + }, { - id: "5", title: "What platforms do you build on?", content: "We work with modern platforms and technologies including React, Next.js, WordPress, Shopify, and custom solutions. We choose the best technology for your specific needs."}, + id: "5", title: "What platforms do you build on?", content: "We work with modern platforms and technologies including React, Next.js, WordPress, Shopify, and custom solutions. We choose the best technology for your specific needs." + }, { - id: "6", title: "Do you offer SEO services?", content: "Yes, we build SEO-friendly websites with proper structure, performance optimization, and best practices built in. We also offer dedicated SEO services to improve your search rankings."}, + id: "6", title: "Do you offer SEO services?", content: "Yes, we build SEO-friendly websites with proper structure, performance optimization, and best practices built in. We also offer dedicated SEO services to improve your search rankings." + }, ]} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/a-modern-customer-support-or-team-commun-1772762623510-b4587b82.png" imageAlt="Customer support team" @@ -222,7 +246,7 @@ export default function LandingPage() { }} buttonText="Send Message" useInvertedBackground={false} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/a-showcase-of-multiple-beautiful-website-1772762622248-fad76374.png?_wi=2" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYHPbE4TSqSbVsn4YVBcRdJzpQ/a-showcase-of-multiple-beautiful-website-1772762622248-fad76374.png" imageAlt="Our portfolio of web designs" mediaAnimation="slide-up" mediaPosition="right"