diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index cbda889..cf77ff5 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -7,15 +7,14 @@ import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwen import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen"; import ContactSplitForm from "@/components/sections/contact/ContactSplitForm"; import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal"; -import { Heart, Zap, Globe } from "lucide-react"; +import { Heart, Zap, Globe, Code, Palette, Award } from "lucide-react"; export default function AboutPage() { const navItems = [ - { name: "Home", id: "home" }, - { name: "Services", id: "services" }, - { name: "Work", id: "work" }, - { name: "About", id: "about" }, - { name: "Contact", id: "contact" }, + { name: "Home", id: "/" }, + { name: "Services", id: "/services" }, + { name: "About", id: "/about" }, + { name: "Contact", id: "/contact" }, ]; return ( @@ -52,48 +51,30 @@ export default function AboutPage() { useInvertedBackground={false} features={[ { - title: "Technical Excellence", - description: "Our engineers and architects bring 15+ years of combined experience in building scalable SaaS platforms. We stay at the forefront of technology trends.", - icon: "Code", + title: "Technical Excellence", description: "Our engineers and architects bring 15+ years of combined experience in building scalable SaaS platforms. We stay at the forefront of technology trends.", icon: Code, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/futuristic-ai-tool-interface-with-neural-1774175711602-70eafb9f.png?_wi=2", - imageAlt: "Futuristic AI tool interface with neural networks, machine learning visualization, and data processi", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/futuristic-ai-tool-interface-with-neural-1774175711602-70eafb9f.png?_wi=2", imageAlt: "Futuristic AI tool interface with neural networks, machine learning visualization, and data processi"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/cloud-infrastructure-architecture-diagra-1774175712366-d2ba30ed.png?_wi=2", - imageAlt: "Cloud infrastructure architecture diagram showing SaaS platform components, servers, databases, and ", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/cloud-infrastructure-architecture-diagra-1774175712366-d2ba30ed.png?_wi=2", imageAlt: "Cloud infrastructure architecture diagram showing SaaS platform components, servers, databases, and "}, ], }, { - title: "Design Innovation", - description: "Our design team creates stunning, conversion-optimized interfaces that delight users. Every pixel is purposeful, every interaction meaningful.", - icon: "Palette", + title: "Design Innovation", description: "Our design team creates stunning, conversion-optimized interfaces that delight users. Every pixel is purposeful, every interaction meaningful.", icon: Palette, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/modern-website-design-mockup-on-desktop--1774175712327-286efaea.png?_wi=2", - imageAlt: "Modern website design mockup on desktop and mobile showing clean layout, warm orange accents, and pr", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/modern-website-design-mockup-on-desktop--1774175712327-286efaea.png?_wi=2", imageAlt: "Modern website design mockup on desktop and mobile showing clean layout, warm orange accents, and pr"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/custom-website-interface-design-featurin-1774175712425-14074063.png?_wi=2", - imageAlt: "Custom website interface design featuring navigation bar, content sections, and interactive elements", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/custom-website-interface-design-featurin-1774175712425-14074063.png?_wi=2", imageAlt: "Custom website interface design featuring navigation bar, content sections, and interactive elements"}, ], }, { - title: "Client Success", - description: "We treat every project as a partnership. Our success is measured by your success—we're committed to delivering exceptional results and lasting relationships.", - icon: "Award", + title: "Client Success", description: "We treat every project as a partnership. Our success is measured by your success—we're committed to delivering exceptional results and lasting relationships.", icon: Award, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/team-collaboration-image-showing-diverse-1774175711622-a3246466.png?_wi=2", - imageAlt: "Team collaboration image showing diverse SaaS professionals working together, modern office environm", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/team-collaboration-image-showing-diverse-1774175711622-a3246466.png?_wi=2", imageAlt: "Team collaboration image showing diverse SaaS professionals working together, modern office environm"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/ai-powered-automation-dashboard-showing--1774175713317-2e71d89c.png?_wi=2", - imageAlt: "AI-powered automation dashboard showing machine learning models, predictive analytics, and intellige", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/ai-powered-automation-dashboard-showing--1774175713317-2e71d89c.png?_wi=2", imageAlt: "AI-powered automation dashboard showing machine learning models, predictive analytics, and intellige"}, ], }, ]} @@ -112,32 +93,11 @@ export default function AboutPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - title: "Innovation First", - quote: "We don't just follow trends—we create them. Our team is constantly exploring new technologies and methodologies to bring cutting-edge solutions to our clients.", - name: "Innovation Team", - role: "Core Philosophy", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-author-portrait-of-male-tec-1774175710598-1ab4abf2.png", - imageAlt: "Professional author portrait of male tech blogger, casual but professional attire, friendly expressi", - }, + id: "1", title: "Innovation First", quote: "We don't just follow trends—we create them. Our team is constantly exploring new technologies and methodologies to bring cutting-edge solutions to our clients.", name: "Innovation Team", role: "Core Philosophy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-author-portrait-of-male-tec-1774175710598-1ab4abf2.png", imageAlt: "Professional author portrait of male tech blogger, casual but professional attire, friendly expressi"}, { - id: "2", - title: "Quality Obsessed", - quote: "We sweat the details so you don't have to. Every line of code, every design decision is tested, refined, and optimized for excellence.", - name: "Quality Assurance", - role: "Our Commitment", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-author-portrait-tech-writer-1774175711438-c2e88b7a.png", - imageAlt: "Professional author portrait, tech writer, professional attire, approachable expression, portrait li", - }, + id: "2", title: "Quality Obsessed", quote: "We sweat the details so you don't have to. Every line of code, every design decision is tested, refined, and optimized for excellence.", name: "Quality Assurance", role: "Our Commitment", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-author-portrait-tech-writer-1774175711438-c2e88b7a.png", imageAlt: "Professional author portrait, tech writer, professional attire, approachable expression, portrait li"}, { - id: "3", - title: "Transparent Partnership", - quote: "Clear communication is the foundation of every successful project. We keep you informed at every step, celebrate wins together, and solve challenges collaboratively.", - name: "Client Relations", - role: "Our Promise", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-author-portrait-of-design-e-1774175711465-bcf045ee.png", - imageAlt: "Professional author portrait of design expert, professional attire, warm lighting, friendly corporat", - }, + id: "3", title: "Transparent Partnership", quote: "Clear communication is the foundation of every successful project. We keep you informed at every step, celebrate wins together, and solve challenges collaboratively.", name: "Client Relations", role: "Our Promise", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-author-portrait-of-design-e-1774175711465-bcf045ee.png", imageAlt: "Professional author portrait of design expert, professional attire, warm lighting, friendly corporat"}, ]} /> diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 71e4cfb..c15259c 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -11,11 +11,10 @@ import { Rocket, Award } from "lucide-react"; export default function ContactPage() { const navItems = [ - { name: "Home", id: "home" }, - { name: "Services", id: "services" }, - { name: "Work", id: "work" }, - { name: "About", id: "about" }, - { name: "Contact", id: "contact" }, + { name: "Home", id: "/" }, + { name: "Services", id: "/services" }, + { name: "About", id: "/about" }, + { name: "Contact", id: "/contact" }, ]; return ( @@ -76,9 +75,7 @@ export default function ContactPage() { { name: "phone", type: "tel", placeholder: "+1 (555) 000-0000", required: false }, ]} textarea={{ - name: "message", - placeholder: "Tell us about your project...", - rows: 5, + name: "message", placeholder: "Tell us about your project...", rows: 5, required: true, }} /> @@ -94,25 +91,9 @@ export default function ContactPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "TechCorp", - "InnovateLab", - "CloudDynamics", - "DataStream", - "FinTechHub", - "NeuralWave", - "VelocityAI", - "PrimeScale", - ]} + "TechCorp", "InnovateLab", "CloudDynamics", "DataStream", "FinTechHub", "NeuralWave", "VelocityAI", "PrimeScale"]} logos={[ - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/techcorp-company-logo-professional-corpo-1774175712095-b23a9f5c.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/innovatelab-company-logo-innovation-focu-1774175711122-6d5b36e8.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/clouddynamics-company-logo-cloud-computi-1774175710922-1fd2eb46.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/datastream-company-logo-data-analytics-b-1774175712238-8461d6c6.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/fintechhub-company-logo-fintech-financia-1774175710995-ea8801ef.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/neuralwave-company-logo-ai-neural-networ-1774175711317-a2ac0775.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/velocityai-company-logo-artificial-intel-1774175711071-5562c621.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/primescale-company-logo-scalable-solutio-1774175712845-195ab587.png", - ]} + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/techcorp-company-logo-professional-corpo-1774175712095-b23a9f5c.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/innovatelab-company-logo-innovation-focu-1774175711122-6d5b36e8.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/clouddynamics-company-logo-cloud-computi-1774175710922-1fd2eb46.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/datastream-company-logo-data-analytics-b-1774175712238-8461d6c6.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/fintechhub-company-logo-fintech-financia-1774175710995-ea8801ef.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/neuralwave-company-logo-ai-neural-networ-1774175711317-a2ac0775.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/velocityai-company-logo-artificial-intel-1774175711071-5562c621.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/primescale-company-logo-scalable-solutio-1774175712845-195ab587.png"]} speed={40} showCard={true} /> @@ -122,13 +103,9 @@ export default function ContactPage() { diff --git a/src/app/page.tsx b/src/app/page.tsx index 2aba8a9..f8d48f5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,15 +11,14 @@ import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCar import BlogCardThree from "@/components/sections/blog/BlogCardThree"; import ContactSplitForm from "@/components/sections/contact/ContactSplitForm"; import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal"; -import { Rocket, Sparkles, Award, TrendingUp, Heart, BookOpen } from "lucide-react"; +import { Rocket, Sparkles, Award, TrendingUp, Heart, BookOpen, Globe, Zap, Cloud } from "lucide-react"; export default function HomePage() { const navItems = [ - { name: "Home", id: "home" }, - { name: "Services", id: "services" }, - { name: "Work", id: "work" }, - { name: "About", id: "about" }, - { name: "Contact", id: "contact" }, + { name: "Home", id: "/" }, + { name: "Services", id: "/services" }, + { name: "About", id: "/about" }, + { name: "Contact", id: "/contact" }, ]; return ( @@ -75,52 +74,34 @@ export default function HomePage() { useInvertedBackground={false} features={[ { - title: "Website Design & Development", - description: "Custom, high-converting websites built with modern tech stack. Fully responsive, SEO-optimized, and designed for performance.", - icon: "Globe", + title: "Website Design & Development", description: "Custom, high-converting websites built with modern tech stack. Fully responsive, SEO-optimized, and designed for performance.", icon: Globe, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/modern-website-design-mockup-on-desktop--1774175712327-286efaea.png?_wi=1", - imageAlt: "Modern website design mockup on desktop and mobile showing clean layout, warm orange accents, and pr", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/modern-website-design-mockup-on-desktop--1774175712327-286efaea.png?_wi=1", imageAlt: "Modern website design mockup on desktop and mobile showing clean layout, warm orange accents, and pr"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/custom-website-interface-design-featurin-1774175712425-14074063.png?_wi=1", - imageAlt: "Custom website interface design featuring navigation bar, content sections, and interactive elements", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/custom-website-interface-design-featurin-1774175712425-14074063.png?_wi=1", imageAlt: "Custom website interface design featuring navigation bar, content sections, and interactive elements"}, ], }, { - title: "AI Tool Development", - description: "Intelligent automation solutions powered by cutting-edge AI. From chatbots to predictive analytics, we build tools that scale.", - icon: "Zap", + title: "AI Tool Development", description: "Intelligent automation solutions powered by cutting-edge AI. From chatbots to predictive analytics, we build tools that scale.", icon: Zap, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/futuristic-ai-tool-interface-with-neural-1774175711602-70eafb9f.png?_wi=1", - imageAlt: "Futuristic AI tool interface with neural networks, machine learning visualization, and data processi", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/futuristic-ai-tool-interface-with-neural-1774175711602-70eafb9f.png?_wi=1", imageAlt: "Futuristic AI tool interface with neural networks, machine learning visualization, and data processi"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/ai-powered-automation-dashboard-showing--1774175713317-2e71d89c.png?_wi=1", - imageAlt: "AI-powered automation dashboard showing machine learning models, predictive analytics, and intellige", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/ai-powered-automation-dashboard-showing--1774175713317-2e71d89c.png?_wi=1", imageAlt: "AI-powered automation dashboard showing machine learning models, predictive analytics, and intellige"}, ], }, { - title: "SaaS Platform Architecture", - description: "Scalable cloud infrastructure and backend systems. Multi-tenant platforms built for growth and reliability.", - icon: "Cloud", + title: "SaaS Platform Architecture", description: "Scalable cloud infrastructure and backend systems. Multi-tenant platforms built for growth and reliability.", icon: Cloud, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/cloud-infrastructure-architecture-diagra-1774175712366-d2ba30ed.png?_wi=1", - imageAlt: "Cloud infrastructure architecture diagram showing SaaS platform components, servers, databases, and ", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/cloud-infrastructure-architecture-diagra-1774175712366-d2ba30ed.png?_wi=1", imageAlt: "Cloud infrastructure architecture diagram showing SaaS platform components, servers, databases, and "}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/scalable-platform-backend-interface-show-1774175716803-d4a0175a.png?_wi=1", - imageAlt: "Scalable platform backend interface showing cloud services, microservices architecture, and system i", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/scalable-platform-backend-interface-show-1774175716803-d4a0175a.png?_wi=1", imageAlt: "Scalable platform backend interface showing cloud services, microservices architecture, and system i"}, ], }, ]} - buttons={[{ text: "Learn More", href: "/about" }]} + buttons={[{ text: "Learn More", href: "/services" }]} /> @@ -128,15 +109,7 @@ export default function HomePage() { @@ -249,40 +180,13 @@ export default function HomePage() { useInvertedBackground={false} blogs={[ { - id: "1", - category: "SaaS Strategy", - title: "Building Scalable SaaS Platforms in 2024", - excerpt: "Learn the essential architecture patterns and best practices for building SaaS platforms that grow with your business.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/blog-article-featured-image-showing-scal-1774175713150-fa4cbdc8.png", - imageAlt: "Blog article featured image showing scalable SaaS platform architecture, modern tech stack visualiza", - authorName: "Alex Turner", - authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-author-portrait-of-male-tec-1774175710598-1ab4abf2.png", - date: "Jan 15, 2024", - }, + id: "1", category: "SaaS Strategy", title: "Building Scalable SaaS Platforms in 2024", excerpt: "Learn the essential architecture patterns and best practices for building SaaS platforms that grow with your business.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/blog-article-featured-image-showing-scal-1774175713150-fa4cbdc8.png", imageAlt: "Blog article featured image showing scalable SaaS platform architecture, modern tech stack visualiza", authorName: "Alex Turner", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-author-portrait-of-male-tec-1774175710598-1ab4abf2.png", date: "Jan 15, 2024"}, { - id: "2", - category: "AI Technology", - title: "Integrating AI into Your Website: A Practical Guide", - excerpt: "Discover how to leverage AI technology to enhance user experience and drive conversions on your website.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/blog-featured-image-showing-ai-integrati-1774175711289-88b3a2bd.png", - imageAlt: "Blog featured image showing AI integration into website design, machine learning algorithms, chatbot", - authorName: "Jordan Smith", - authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-author-portrait-tech-writer-1774175711438-c2e88b7a.png", - date: "Jan 12, 2024", - }, + id: "2", category: "AI Technology", title: "Integrating AI into Your Website: A Practical Guide", excerpt: "Discover how to leverage AI technology to enhance user experience and drive conversions on your website.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/blog-featured-image-showing-ai-integrati-1774175711289-88b3a2bd.png", imageAlt: "Blog featured image showing AI integration into website design, machine learning algorithms, chatbot", authorName: "Jordan Smith", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-author-portrait-tech-writer-1774175711438-c2e88b7a.png", date: "Jan 12, 2024"}, { - id: "3", - category: "Web Design", - title: "The Psychology of Conversion-Focused Design", - excerpt: "Explore the design principles that turn visitors into customers and maximize your website's ROI.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/blog-featured-image-about-conversion-psy-1774175712667-42280390.png", - imageAlt: "Blog featured image about conversion psychology design, website user experience, call-to-action elem", - authorName: "Casey Miller", - authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-author-portrait-of-design-e-1774175711465-bcf045ee.png", - date: "Jan 10, 2024", - }, + id: "3", category: "Web Design", title: "The Psychology of Conversion-Focused Design", excerpt: "Explore the design principles that turn visitors into customers and maximize your website's ROI.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/blog-featured-image-about-conversion-psy-1774175712667-42280390.png", imageAlt: "Blog featured image about conversion psychology design, website user experience, call-to-action elem", authorName: "Casey Miller", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-author-portrait-of-design-e-1774175711465-bcf045ee.png", date: "Jan 10, 2024"}, ]} - buttons={[{ text: "Read All Articles", href: "/about" }]} + buttons={[{ text: "Read All Articles", href: "/services" }]} /> diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index ffe6613..1cc1a5b 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -7,15 +7,14 @@ import HeroOverlay from "@/components/sections/hero/HeroOverlay"; import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive"; import ContactSplitForm from "@/components/sections/contact/ContactSplitForm"; import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal"; -import { Rocket, Sparkles, Globe, Zap, Cloud } from "lucide-react"; +import { Rocket, Sparkles, Globe, Zap, Cloud, Code, Palette, Award } from "lucide-react"; export default function ServicesPage() { const navItems = [ - { name: "Home", id: "home" }, - { name: "Services", id: "services" }, - { name: "Work", id: "work" }, - { name: "About", id: "about" }, - { name: "Contact", id: "contact" }, + { name: "Home", id: "/" }, + { name: "Services", id: "/services" }, + { name: "About", id: "/about" }, + { name: "Contact", id: "/contact" }, ]; return ( @@ -71,48 +70,30 @@ export default function ServicesPage() { useInvertedBackground={false} features={[ { - title: "Website Design & Development", - description: "Custom, high-converting websites built with modern tech stack. Fully responsive, SEO-optimized, and designed for performance.", - icon: Globe, + title: "Website Design & Development", description: "Custom, high-converting websites built with modern tech stack. Fully responsive, SEO-optimized, and designed for performance.", icon: Globe, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/modern-website-design-mockup-on-desktop--1774175712327-286efaea.png?_wi=3", - imageAlt: "Modern website design mockup", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/modern-website-design-mockup-on-desktop--1774175712327-286efaea.png?_wi=3", imageAlt: "Modern website design mockup"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/custom-website-interface-design-featurin-1774175712425-14074063.png?_wi=3", - imageAlt: "Custom website interface design", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/custom-website-interface-design-featurin-1774175712425-14074063.png?_wi=3", imageAlt: "Custom website interface design"}, ], }, { - title: "AI Tool Development", - description: "Intelligent automation solutions powered by cutting-edge AI. From chatbots to predictive analytics, we build tools that scale.", - icon: Zap, + title: "AI Tool Development", description: "Intelligent automation solutions powered by cutting-edge AI. From chatbots to predictive analytics, we build tools that scale.", icon: Zap, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/futuristic-ai-tool-interface-with-neural-1774175711602-70eafb9f.png?_wi=3", - imageAlt: "Futuristic AI tool interface", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/futuristic-ai-tool-interface-with-neural-1774175711602-70eafb9f.png?_wi=3", imageAlt: "Futuristic AI tool interface"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/ai-powered-automation-dashboard-showing--1774175713317-2e71d89c.png?_wi=3", - imageAlt: "AI-powered automation dashboard", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/ai-powered-automation-dashboard-showing--1774175713317-2e71d89c.png?_wi=3", imageAlt: "AI-powered automation dashboard"}, ], }, { - title: "SaaS Platform Architecture", - description: "Scalable cloud infrastructure and backend systems. Multi-tenant platforms built for growth and reliability.", - icon: Cloud, + title: "SaaS Platform Architecture", description: "Scalable cloud infrastructure and backend systems. Multi-tenant platforms built for growth and reliability.", icon: Cloud, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/cloud-infrastructure-architecture-diagra-1774175712366-d2ba30ed.png?_wi=3", - imageAlt: "Cloud infrastructure architecture", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/cloud-infrastructure-architecture-diagra-1774175712366-d2ba30ed.png?_wi=3", imageAlt: "Cloud infrastructure architecture"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/scalable-platform-backend-interface-show-1774175716803-d4a0175a.png?_wi=2", - imageAlt: "Scalable platform backend interface", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/scalable-platform-backend-interface-show-1774175716803-d4a0175a.png?_wi=2", imageAlt: "Scalable platform backend interface"}, ], }, ]} @@ -139,9 +120,7 @@ export default function ServicesPage() { { name: "phone", type: "tel", placeholder: "+1 (555) 000-0000" }, ]} textarea={{ - name: "message", - placeholder: "Tell us about your project...", - rows: 5, + name: "message", placeholder: "Tell us about your project...", rows: 5, }} /> @@ -150,13 +129,9 @@ export default function ServicesPage() {