bender/0b0b47a3-c0c2-46c4-bbe2-b38750082dbf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-22 10:44:07 +00:00
parent 61c6ae181f
commit b35419a18f
1 changed files with 26 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

148
src/app/page.tsx
View File

@@ -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" }]}
/>
</div>
@@ -128,15 +109,7 @@ export default function HomePage() {
<SocialProofOne
names={["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"]}
title="Trusted by Leading Companies"
description="Join 200+ businesses that have transformed their digital presence with Webild."
tag="Industry Leaders"
@@ -180,59 +153,17 @@ export default function HomePage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Game-Changing Partnership",
quote: "Webild transformed our vision into reality. Their team understood our needs perfectly and delivered a platform that exceeded expectations.",
name: "Sarah Johnson",
role: "CEO",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-corporate-headshot-of-a-wom-1774175712062-cde939ee.png",
imageAlt: "Professional corporate headshot of a woman CEO, business attire, warm lighting, neutral background, ",
},
id: "1", title: "Game-Changing Partnership", quote: "Webild transformed our vision into reality. Their team understood our needs perfectly and delivered a platform that exceeded expectations.", name: "Sarah Johnson", role: "CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-corporate-headshot-of-a-wom-1774175712062-cde939ee.png", imageAlt: "Professional corporate headshot of a woman CEO, business attire, warm lighting, neutral background, "},
{
id: "2",
title: "Exceptional Expertise",
quote: "The AI integration was seamless. They didn't just build what we asked for—they improved upon our initial concept with innovative solutions.",
name: "Michael Chen",
role: "CTO",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-corporate-headshot-of-a-man-1774175710793-195169d1.png",
imageAlt: "Professional corporate headshot of a man CTO, tech professional, business attire, neutral background",
},
id: "2", title: "Exceptional Expertise", quote: "The AI integration was seamless. They didn't just build what we asked for—they improved upon our initial concept with innovative solutions.", name: "Michael Chen", role: "CTO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-corporate-headshot-of-a-man-1774175710793-195169d1.png", imageAlt: "Professional corporate headshot of a man CTO, tech professional, business attire, neutral background"},
{
id: "3",
title: "Professional Excellence",
quote: "Our website traffic increased 300% within 3 months. The design, performance, and user experience are outstanding.",
name: "Emily Rodriguez",
role: "Marketing Director",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-corporate-headshot-of-a-wom-1774175710366-40003847.png",
imageAlt: "Professional corporate headshot of a woman marketing director, business attire, warm lighting, profe",
},
id: "3", title: "Professional Excellence", quote: "Our website traffic increased 300% within 3 months. The design, performance, and user experience are outstanding.", name: "Emily Rodriguez", role: "Marketing Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-corporate-headshot-of-a-wom-1774175710366-40003847.png", imageAlt: "Professional corporate headshot of a woman marketing director, business attire, warm lighting, profe"},
{
id: "4",
title: "Incredible Support",
quote: "Working with Webild was smooth from start to finish. Their communication, expertise, and commitment to quality are unmatched.",
name: "David Kim",
role: "Product Manager",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-corporate-headshot-of-a-man-1774175711172-07144041.png",
imageAlt: "Professional corporate headshot of a man product manager, tech professional, business attire, execut",
},
id: "4", title: "Incredible Support", quote: "Working with Webild was smooth from start to finish. Their communication, expertise, and commitment to quality are unmatched.", name: "David Kim", role: "Product Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-corporate-headshot-of-a-man-1774175711172-07144041.png", imageAlt: "Professional corporate headshot of a man product manager, tech professional, business attire, execut"},
{
id: "5",
title: "ROI Delivered",
quote: "We saw immediate results. The platform is stable, scalable, and our customers love it. Best investment we've made.",
name: "Lisa Anderson",
role: "Founder",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-corporate-headshot-of-a-wom-1774175711157-5aae26d4.png",
imageAlt: "Professional corporate headshot of a woman entrepreneur founder, business attire, confident expressi",
},
id: "5", title: "ROI Delivered", quote: "We saw immediate results. The platform is stable, scalable, and our customers love it. Best investment we've made.", name: "Lisa Anderson", role: "Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-corporate-headshot-of-a-wom-1774175711157-5aae26d4.png", imageAlt: "Professional corporate headshot of a woman entrepreneur founder, business attire, confident expressi"},
{
id: "6",
title: "True Partnership",
quote: "Webild became an extension of our team. They proactively solved problems and delivered solutions ahead of schedule.",
name: "James Wilson",
role: "Operations Director",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-corporate-headshot-of-a-man-1774175712500-df7dca28.png",
imageAlt: "Professional corporate headshot of a man operations director, business attire, executive presence, p",
},
id: "6", title: "True Partnership", quote: "Webild became an extension of our team. They proactively solved problems and delivered solutions ahead of schedule.", name: "James Wilson", role: "Operations Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITXJ7nuXoAXtVOUg4uIqqN4qr/professional-corporate-headshot-of-a-man-1774175712500-df7dca28.png", imageAlt: "Professional corporate headshot of a man operations director, business attire, executive presence, p"},
]}
/>
</div>
@@ -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" }]}
/>
</div>