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

worked on the usa page

Browse Source
This commit is contained in:
Parth Ramani
2026-04-13 11:40:39 +05:30
parent 637100abd9
commit caf5b864ff
3 changed files with 845 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
components/ProcessSection.tsx
View File

@@ -20,7 +20,7 @@ const steps = [
id: "step-1",
title: "1. Define Scope",
description:
"We begin by gathering all project inputs, defining clear goals, creating technical documentation, and aligning on expectations.",
"We start by gathering project data and requirements, defining the project goals, creating technical documentation, and aligning these with the client’s expectations.",
visual: {
type: "icon_or_doc_mockup",
style: "minimal_ui",
@@ -30,7 +30,7 @@ const steps = [
id: "step-2",
title: "2. Design UI/UX",
description:
"Our designers craft user-centric interfaces in Figma with clickable flows, visual systems, and detailed wireframes for all screens.",
"Using Figma, our designers craft user-centric interfaces that feature clickable flows, visual systems, and detailed wireframes for work across all screens.",
tags: [
{ label: "Wireframes", color: "#6366F1" },
{ label: "Prototyping", color: "#10B981" },
@@ -39,9 +39,9 @@ const steps = [
},
{
id: "step-3",
title: "3. Develop with Agile Sprints",
title: "3. Development with Agile Sprints",
description:
"We use Agile sprints to turn designs into production-ready code, with continuous integration and weekly builds.",
"Using Agile sprints, we turn designs into production-ready code that supports continuous integration and weekly builds.",
tags: [
{ label: "Frontend", color: "#3B82F6" },
{ label: "Backend", color: "#0EA5E9" },
@@ -50,9 +50,9 @@ const steps = [
},
{
id: "step-4",
title: "4. Test, Launch & Scale",
title: "4. Testing, Launch, and Scale",
description:
"After QA and UAT, we help launch confidently. Then we monitor, iterate, and scale your product to grow with your users.",
"Once we are through with QA and UAT, we launch the app. Then we monitor, iterate, and scale the app to grow alongside your user base and demand.",
chat_simulation: [
{ from: "You", text: "Are we ready to go live?" },
{ from: "Team", text: "Yes! Final tests passed 🚀" },
@@ -264,8 +264,8 @@ export const ProcessSection = () => {
viewport={{ once: true }}
className="text-4xl lg:text-5xl font-semibold text-foreground mb-4"
>
How We Turn an Idea into a{" "}
<span className="text-accent">Scalable Product</span>
From Ideation to Implementation:{" "}
<span className="text-accent">How We Convert Ideas Into Market-Ready Products</span>
</motion.h2>
<motion.p
initial={{ opacity: 0, y: 20 }}
@@ -274,7 +274,7 @@ export const ProcessSection = () => {
viewport={{ once: true }}
className="text-muted-foreground text-xl max-w-2xl mx-auto"
>
Our AI‑driven product development process transforms your vision into a scalable web or mobile product through strategic planning, AI‑powered design, and expert engineering at every stage.
As a mobile app development company in the USA, we turn the vision you have for your app into reality through expert planning, innovative design, and intuitive engineering.
</motion.p>