fixed mobile dev

This commit is contained in:
2026-04-17 14:52:57 +05:30
parent f1ab37a3d6
commit 789b5f43b8
3 changed files with 191 additions and 109 deletions

View File

@@ -75,14 +75,16 @@ const ChatSimulation = ({
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.5, delay: index * 0.3 }}
viewport={{ once: true }}
className={`flex ${message.from === "You" ? "justify-start" : "justify-end"
}`}
className={`flex ${
message.from === "You" ? "justify-start" : "justify-end"
}`}
>
<div
className={`max-w-[80%] px-3 py-1.5 rounded-lg ${message.from === "You"
? "bg-muted border border-border text-foreground"
: "bg-accent text-accent-foreground"
}`}
className={`max-w-[80%] px-3 py-1.5 rounded-lg ${
message.from === "You"
? "bg-muted border border-border text-foreground"
: "bg-accent text-accent-foreground"
}`}
>
<div className="text-xs font-medium mb-1 opacity-70">
{message.from}
@@ -248,7 +250,11 @@ const ProcessCard = ({
);
};
export const ProcessSection = () => {
interface ProcessSectionProps {
country?: string;
}
export const ProcessSection = ({ country = "USA" }: ProcessSectionProps) => {
const titleRef = useRef(null);
const navigate = useNavigate();
@@ -265,7 +271,9 @@ export const ProcessSection = () => {
className="text-4xl lg:text-5xl font-semibold text-foreground mb-4"
>
From Ideation to Implementation:{" "}
<span className="text-accent">How We Convert Ideas Into Market-Ready Products</span>
<span className="text-accent">
How We Convert Ideas Into Market-Ready Products
</span>
</motion.h2>
<motion.p
initial={{ opacity: 0, y: 20 }}
@@ -274,9 +282,9 @@ export const ProcessSection = () => {
viewport={{ once: true }}
className="text-muted-foreground text-xl max-w-2xl mx-auto"
>
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.
As a mobile app development company in the {country}, we turn the
vision you have for your app into reality through expert planning,
innovative design, and intuitive engineering.
</motion.p>
</div>