worked on the pages changes content

This commit is contained in:
2026-03-20 13:50:28 +05:30
parent 6451c09ea5
commit 2088f44fbd
4 changed files with 126 additions and 93 deletions

View File

@@ -127,8 +127,7 @@ const CustomWebAppHeroWithCTA = () => {
</h1>
<p className="text-lg text-gray-300 leading-relaxed max-w-lg">
Building bespoke, scalable, and secure web applications tailored
to your unique business processes and user needs.
Building bespoke, scalable, and secure web applications tailored to your unique business processes and user needs.
</p>
</div>
@@ -351,6 +350,10 @@ const CustomWebAppBenefits = () => {
<h2 className="text-4xl lg:text-5xl font-semibold text-foreground mb-6">
Why Invest in a Custom Web Application?
</h2>
<p className="mt-4 text-gray-400 max-w-2xl mx-auto">
{/* End-to-end solutions for every stage of your product lifecycle. */}
Tailored web development solutions with AI-powered design that scale, secure your data, and streamline your unique business workflows.
</p>
</motion.div>
<motion.div
@@ -480,6 +483,10 @@ const CustomWebAppProcess = () => {
<h2 className="text-4xl lg:text-5xl font-semibold text-foreground mb-6">
Our Collaborative Journey to Your Custom Web App
</h2>
<p className="mt-4 text-gray-400 max-w-2xl mx-auto">
From requirement gathering and AI-powered design to development, testing, and deployment. We partner every step for scalable web development success.
</p>
</motion.div>
<div className="relative">
@@ -625,6 +632,10 @@ const CustomWebAppServices = () => {
<h2 className="text-4xl lg:text-5xl font-semibold text-white mb-6">
Our Expertise in Custom Web Solutions
</h2>
<p className="mt-4 text-gray-400 max-w-2xl mx-auto">
Mastering web development with AI-powered design, from React/Next.js frontends and Node.js backends to AWS/Azure cloud integration and scalable microservices architecture.
</p>
</motion.div>
<motion.div
@@ -686,68 +697,68 @@ const CustomWebAppServices = () => {
// Web App Tech Stack
const WebAppTechStack = () => {
const technologies = [
{
name: "React",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg",
category: "Frontend",
color: "blue",
},
{
name: "Angular",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/angularjs/angularjs-original.svg",
category: "Frontend",
color: "blue",
},
{
name: "Vue.js",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/vuejs/vuejs-original.svg",
category: "Frontend",
color: "blue",
},
{
name: "Node.js",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg",
category: "Backend",
color: "green",
},
{
name: "Python",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg",
category: "Backend",
color: "green",
},
{
name: "Java",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg",
category: "Backend",
color: "green",
},
{
name: "AWS",
logo: awsLogo,
category: "Cloud",
color: "red",
},
{
name: "Azure",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/azure/azure-original.svg",
category: "Cloud",
color: "orange",
},
{
name: "PostgreSQL",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg",
category: "Database",
color: "red",
},
{
name: "MongoDB",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mongodb/mongodb-original.svg",
category: "Database",
color: "red",
},
];
const technologies = [
{
name: "React",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg",
category: "Frontend",
color: "blue",
},
{
name: "Angular",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/angularjs/angularjs-original.svg",
category: "Frontend",
color: "blue",
},
{
name: "Vue.js",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/vuejs/vuejs-original.svg",
category: "Frontend",
color: "blue",
},
{
name: "Node.js",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg",
category: "Backend",
color: "green",
},
{
name: "Python",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg",
category: "Backend",
color: "green",
},
{
name: "Java",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg",
category: "Backend",
color: "green",
},
{
name: "AWS",
logo: awsLogo,
category: "Cloud",
color: "red",
},
{
name: "Azure",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/azure/azure-original.svg",
category: "Cloud",
color: "orange",
},
{
name: "PostgreSQL",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg",
category: "Database",
color: "red",
},
{
name: "MongoDB",
logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mongodb/mongodb-original.svg",
category: "Database",
color: "red",
},
];
const frameworks = [
@@ -786,6 +797,10 @@ const WebAppTechStack = () => {
<h2 className="text-4xl lg:text-5xl font-semibold text-foreground mb-6">
Leveraging Robust and Modern Web Technologies
</h2>
<p className="mt-4 text-gray-400 max-w-2xl mx-auto">
Powering web development with AI-powered design, React/Next.js frontends, Node.js backends, and cloud-native stacks like Jamstack for superior performance and scalability.
</p>
</motion.div>
{/* Core Technologies */}
@@ -932,6 +947,10 @@ const WebAppCaseStudies = () => {
<h2 className="text-4xl lg:text-5xl font-semibold text-white mb-8">
Custom Web Applications That Drive Business Growth
</h2>
<p className="mt-4 text-gray-400 max-w-2xl mx-auto">
Scalable web development solutions with AI-powered design that boost efficiency, enhance security, and fuel your business expansion.
</p>
</motion.div>
<motion.div
@@ -1144,8 +1163,7 @@ const HireWebDevelopers = () => {
Augment Your Team with Our Expert Web App Developers
</h2>
<p className="text-xl text-gray-300 max-w-3xl mx-auto leading-relaxed">
Access highly skilled frontend, backend, and full-stack developers
specializing in custom web solutions.
Access highly skilled frontend, backend, and full-stack developers specializing in custom web development solutions with AI-powered design.
</p>
</motion.div>
@@ -1349,8 +1367,7 @@ const CustomWebAppFinalCTA = () => {
viewport={{ once: true }}
className="text-xl text-muted-foreground mb-12 max-w-2xl mx-auto leading-relaxed"
>
WDI crafts powerful, secure, and intuitive web solutions designed
specifically for your business success.
WDI crafts powerful, secure, and intuitive web development solutions with AI-powered design specifically for your business success.
</motion.p>
<motion.div