WDIPL/Wdipl-react
2
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

worked on the pages changes content

Browse Source
This commit is contained in:
Parth Ramani
2026-03-20 13:50:28 +05:30
parent 6451c09ea5
commit 2088f44fbd
4 changed files with 126 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

153
pages/CustomWebAppDevelopment.tsx
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

38
pages/SaaSProductEngineering.tsx
View File

@@ -120,9 +120,7 @@ const SaaSHeroWithCTA = () => {
</h1>
<p className="text-lg text-gray-300 leading-relaxed max-w-lg">
From ideation to scalable deployment, WDI specializes in
engineering robust, multi-tenant SaaS products that drive
recurring revenue.
From ideation to scalable deployment, WDI specializes in engineering robust, multi-tenant SaaS products with AI-powered design that drive recurring revenue.
</p>
</div>
@@ -380,6 +378,13 @@ const SaaSBenefits = () => {
<h2 className="text-4xl lg:text-5xl font-semibold text-foreground mb-6">
Why Partner with WDI for Your SaaS Product?
</h2>
<p className="mt-4 text-gray-400 max-w-2xl mx-auto">
{/* End-to-end solutions for every stage of your product lifecycle. */}
Discover expert SaaS product development that scales your vision into a revenue-driving platform with WDI's proven 25+ years of excellence.
</p>
</motion.div>
<motion.div
@@ -515,6 +520,11 @@ const SaaSProcess = () => {
<h2 className="text-4xl lg:text-5xl font-semibold text-foreground mb-6">
Your SaaS Journey: From Concept to Market Leader
</h2>
<p className="mt-4 text-gray-400 max-w-2xl mx-auto">
Embark on a seamless SaaS development journey with WDI, where we transform your concept into an MVP, optimize for growth, and propel you to market dominance with data-driven scaling.
</p>
</motion.div>
<div className="relative">
@@ -667,6 +677,12 @@ const SaaSServices = () => {
<h2 className="text-4xl lg:text-5xl font-semibold text-white mb-6">
Comprehensive SaaS Engineering Capabilities
</h2>
<p className="mt-4 text-gray-400 max-w-2xl mx-auto">
{/* End-to-end solutions for every stage of your product lifecycle. */}
Unlock WDI's full-spectrum SaaS engineering prowess, from ideation and MVP builds to cloud-native architecture, AI integrations, DevOps automation, and ongoing optimization for peak performance.
</p>
</motion.div>
<motion.div
@@ -914,8 +930,7 @@ const SaaSTechStack = () => {
Building Resilient and High-Performing SaaS Products
</h2>
<p className="text-xl text-muted-foreground max-w-3xl mx-auto leading-relaxed">
With cutting-edge technologies designed for scale, security, and
performance.
With cutting-edge technologies designed for scale, security, and performance, WDI leverages AI mobile app development and AI-powered features to engineer unbreakable SaaS products with 99.99% uptime and global speed.
</p>
</motion.div>
@@ -1147,6 +1162,13 @@ const SaaSCaseStudies = () => {
<h2 className="text-4xl lg:text-5xl font-semibold text-white mb-8">
Successful SaaS Products Engineered by WDI
</h2>
<p className="mt-4 text-gray-400 max-w-2xl mx-auto">
{/* End-to-end solutions for every stage of your product lifecycle. */}
Explore powerhouse SaaS platforms like AI-powered trading portals, yoga/meditation subscription apps, and fintech ecosystems, delivered with scalable architecture for startups and enterprises.
</p>
</motion.div>
<motion.div
@@ -1358,8 +1380,7 @@ const HireSaaSDevelopers = () => {
Need Specialized SaaS Talent?
</h2>
<p className="text-xl text-gray-300 max-w-3xl mx-auto leading-relaxed">
Hire experienced SaaS architects, engineers, and DevOps specialists
to accelerate your product development.
Hire experienced SaaS architects, AI mobile application developers, and DevOps specialists from WDI to accelerate your AI mobile app development and iOS mobile app development product timelines.
</p>
</motion.div>
@@ -1563,8 +1584,7 @@ const SaaSFinalCTA = () => {
viewport={{ once: true }}
className="text-xl text-muted-foreground mb-12 max-w-2xl mx-auto leading-relaxed"
>
Partner with our experts to build a scalable, secure, and
user-centric SaaS solution that captivates your market.
Partner with our AI mobile application developers and AI app development company experts to build a scalable, secure AI mobile app with AI-powered features that captivates your market.
</motion.p>
<motion.div

24
pages/WebCloudServices.tsx
View File

@@ -150,8 +150,7 @@ const HeroWithCTA = () => {
</h1>
<p className="text-lg text-gray-300 leading-relaxed max-w-lg">
Build high-performance web applications and robust cloud
infrastructure that scales with your business growth.
Build high-performance web development applications and robust cloud infrastructure with AI-powered design that scales with your business growth.
</p>
</div>
@@ -258,8 +257,7 @@ const HorizontalTagScroller = () => {
<span className="text-foreground"> We Master</span>
</h2>
<p className="text-2xl text-muted-foreground max-w-4xl mx-auto leading-relaxed">
Modern web and cloud technologies that power enterprise-grade
solutions.
Modern web development and cloud technologies with AI-powered features that power enterprise-grade AI mobile app solutions.
</p>
</motion.div>
@@ -386,7 +384,7 @@ const SideBySideContentWithIcons = () => {
</h2>
<p className="text-2xl text-gray-300 leading-relaxed">
Enterprise-grade solutions with proven reliability.
Enterprise-grade web development solutions with proven reliability and AI-powered design.
</p>
</motion.div>
@@ -490,8 +488,8 @@ const TabbedServiceDisplay = () => {
Web & Cloud Service Areas
</h2>
<p className="text-lg text-gray-300 max-w-4xl mx-auto leading-relaxed">
Comprehensive web development and cloud solutions designed for
scalability and performance.
Comprehensive web development and cloud solutions with AI-powered design designed for scalability and performance.
</p>
</motion.div>
@@ -582,8 +580,7 @@ const InlineCTA = () => {
{/* Subtitle */}
<p className="text-xl text-muted-foreground leading-relaxed max-w-2xl mx-auto">
Deploy robust, secure, and high-performance applications that
scale with your business growth.
Deploy robust, secure, and high-performance web development applications with AI-powered design that scale with your business growth.
</p>
{/* CTA Button */}
@@ -650,7 +647,7 @@ const HireDevelopersSection = () => {
];
const navigate = useNavigate();
return (
<section className="py-32 bg-background">
<div className="container mx-auto px-6 lg:px-8">
@@ -666,8 +663,7 @@ const HireDevelopersSection = () => {
<span className="text-[#E5195E]">Cloud Specialists</span>
</h2>
<p className="text-2xl text-muted-foreground max-w-4xl mx-auto leading-relaxed">
Get access to expert developers who specialize in modern web and
cloud technologies.
Get access to expert developers who specialize in modern web development and cloud technologies with AI-powered design.
</p>
</motion.div>
@@ -757,7 +753,7 @@ const webCloudFAQs = [
{
question: "What web technologies do you specialize in?",
answer:
"We specialize in modern web technologies including React, Next.js, Node.js, Python, TypeScript, and various cloud platforms like AWS, Azure, and Google Cloud. Our team stays current with the latest frameworks and best practices.",
"We specialize in modern web development technologies including React, Next.js, Node.js, Python, TypeScript, and various cloud platforms like AWS, Azure, and Google Cloud with AI-powered design. Our team stays current with the latest frameworks and best practices.",
},
{
question: "How do you ensure web application security?",
@@ -772,7 +768,7 @@ const webCloudFAQs = [
{
question: "What is your approach to scalable architecture?",
answer:
"We design applications with scalability in mind from the start, using microservices architecture, containerization, load balancing, and auto-scaling features. This ensures your application can handle growth efficiently.",
"We design applications with scalability in mind from the start, using microservices architecture, containerization, load balancing, and auto-scaling features with AI-powered design. This ensures your application can handle growth efficiently.",
},
{
question: "Do you provide ongoing maintenance and support?",