[V0_FILE]typescriptreact:file="components/theme-provider.tsx" isMerged="true" "use client" import { ThemeProvider as NextThemesProvider } from "next-themes" import type { ThemeProviderProps } from "next-themes" export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return {children} } [V0_FILE]css:file="app/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 0 0% 3.9%; --card: 0 0% 100%; --card-foreground: 0 0% 3.9%; --popover: 0 0% 100%; --popover-foreground: 0 0% 3.9%; --primary: 0 0% 9%; --primary-foreground: 0 0% 98%; --secondary: 0 0% 96.1%; --secondary-foreground: 0 0% 9%; --muted: 0 0% 96.1%; --muted-foreground: 0 0% 45.1%; --accent: 0 0% 96.1%; --accent-foreground: 0 0% 9%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 0 0% 89.8%; --input: 0 0% 89.8%; --ring: 0 0% 3.9%; --radius: 0.5rem; /* New surface colors for dark theme elevation */ --surface-elevation-1: 0 0% 10%; --surface-elevation-2: 0 0% 15%; } .dark { --background: 0 0% 3.9%; --foreground: 0 0% 98%; --card: 0 0% 3.9%; --card-foreground: 0 0% 98%; --popover: 0 0% 3.9%; --popover-foreground: 0 0% 98%; --primary: 0 0% 98%; --primary-foreground: 0 0% 9%; --secondary: 0 0% 14.9%; --secondary-foreground: 0 0% 98%; --muted: 0 0% 14.9%; --muted-foreground: 0 0% 63.9%; --accent: 0 0% 14.9%; --accent-foreground: 0 0% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 98%; --border: 0 0% 14.9%; --input: 0 0% 14.9%; --ring: 0 0% 83.1%; /* Dark theme surface colors */ --surface-elevation-1: 0 0% 10%; --surface-elevation-2: 0 0% 15%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/actions.ts" isQuickEdit="true" isMerged="true" "use server" export async function downloadResume() { const resume = `Juan Software Engineer Manager Mexico City, Mexico (GMT-6) (+52) 55 83 67 99 08 jironjuarezjuan@outlook.com juancarlosjiron.com As a Software Engineer, I developed an Android application used nationwide for delivering medicine in Mexico, created a website that receives 100,000 visitors per month, built an e-commerce platform generating $500,000 in sales per month, and contributed to open-source libraries in the real estate sector. My experience includes working with technologies such as React, Android, Java, Kotlin, TypeScript, and Spring Boot. [... rest of resume content ...]` return new Response(resume, { headers: { "Content-Type": "text/plain", "Content-Disposition": 'attachment; filename="juan-carlos-jiron-resume.txt"', }, }) } [V0_FILE]css:file="styles/globals.css" isQuickEdit="true" isMerged="true" /* This file is automatically generated. Do not edit directly. */ [V0_FILE]typescriptreact:file="app/work/casai/components/HeroSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function HeroSection() { return (

{/* Upper Content Area */}

Transforming Hospitality
Through Technology

A comprehensive mobile solution that revolutionized property management and guest experiences, setting new standards in the hospitality industry across Mexico.

{/* Hero Image Area */}

Casai Mobile App

Revolutionizing property management with seamless digital experiences and efficient operations.

01 / 03

) } [V0_FILE]typescriptreact:file="app/work/casai/components/StatisticsSection.tsx" isMerged="true" import Image from "next/image" type StatType = { number: string plus?: boolean label: string sublabel: string avatars?: string[] } const stats: StatType[] = [ { number: "10K", plus: true, label: "Partnership", sublabel: "Local & International", avatars: [ "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", ], }, { number: "2M", plus: true, label: "Followers", sublabel: "Social Media Account", }, { number: "1.5M", label: "Subscriber", sublabel: "Vlog Channel", }, ] export default function StatisticsSection() { return (

{/* Elevation effect background */}

{/* Main content card */}

STATISTIC

You Can Be Sure That Every Trip Always Results In A Very Positive Collaboration

{stats.map((stat, index) => (

{stat.number} {stat.plus && +}

{stat.label}

{stat.sublabel}

{stat.avatars && (

{stat.avatars.map((avatar, i) => (

))}

)}

))}

) } [V0_FILE]typescriptreact:file="app/work/casai/components/ProjectDetailsSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function ProjectDetailsSection() { return (

ABOUT THE PROJECT

Innovative Solutions for Modern Hospitality

As Tech Lead at Casai, I spearheaded the development of two Android applications that revolutionized property management and guest experiences. The project involved implementing cutting-edge technologies and best practices to create a seamless, user-friendly platform.

Key Achievements

Migrated Android application from RxJava to Kotlin Coroutines
Reduced app bundle size by 50%
Successfully migrated to Jetpack Compose

) } [V0_FILE]typescriptreact:file="app/work/casai/components/ServicesSection.tsx" isMerged="true" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" type ServiceItem = { type: "text" | "image" icon?: string title?: string description?: string image?: string alt?: string } const services: ServiceItem[] = [ { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Android Development", description: "Built with Kotlin and modern Android practices including Jetpack Compose, Coroutines, Room, and Hilt for dependency injection.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/casai-UfUulLmLkNIJpj08jTCGCKJXW1DfIX.webp", alt: "Android development showcase", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Location & Notifications", description: "Integrated GPS, Maps, and Push Notifications for real-time location tracking and user engagement features.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/casai-UfUulLmLkNIJpj08jTCGCKJXW1DfIX.webp", alt: "Location features showcase", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Firebase & Analytics", description: "Implemented Firebase Crashlytics, Analytics, Remote Config, and Google Tag Manager for comprehensive app monitoring.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/casai-UfUulLmLkNIJpj08jTCGCKJXW1DfIX.webp", alt: "Analytics dashboard", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Web Technologies", description: "Developed complementary web interfaces using React, TypeScript, and Next.js, styled with SCSS and Bootstrap.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/casai-UfUulLmLkNIJpj08jTCGCKJXW1DfIX.webp", alt: "Web interface showcase", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "DevOps & Infrastructure", description: "Automated deployment with Fastlane, Bitrise, and Docker, utilizing AWS S3 for storage solutions.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/casai-UfUulLmLkNIJpj08jTCGCKJXW1DfIX.webp", alt: "DevOps workflow", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Project Management", description: "Managed workflow with Jira, Confluence, and Slack for efficient team collaboration and project tracking.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/casai-UfUulLmLkNIJpj08jTCGCKJXW1DfIX.webp", alt: "Project management tools", }, ] export default function ServicesSection() { return (

SERVICE

Technologies & Tools Used
In This Project

A comprehensive tech stack that enabled us to build a robust, scalable, and user-friendly mobile application.

{services.map((item, index) => item.type === "text" ? ( // Text Card

{item.title}

{item.description}

) : ( // Image Card

), )}

) } [V0_FILE]typescriptreact:file="app/work/casai/components/CTASection.tsx" isMerged="true" import Link from "next/link" import { ArrowRight } from "lucide-react" export default function CTASection() { return (

Ready to Build Something Amazing?

Let's collaborate on your next project and create innovative solutions that drive real results.

Start a Project

) } [V0_FILE]typescriptreact:file="app/work/casai/page.tsx" isMerged="true" import type { Metadata } from "next" import HeroSection from "./components/HeroSection" import StatisticsSection from "./components/StatisticsSection" import ProjectDetailsSection from "./components/ProjectDetailsSection" import ServicesSection from "./components/ServicesSection" import CTASection from "./components/CTASection" export const metadata: Metadata = { title: "Casai Project | Juan Carlos - Mobile App Development", description: "Discover how we developed a nationwide mobile application for Casai, revolutionizing the property management and hospitality industry in Mexico.", openGraph: { title: "Casai Project | Juan Carlos - Mobile App Development", description: "Explore our work on the Casai mobile app, showcasing innovative solutions in property management and hospitality.", images: [ { url: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/casai-UfUulLmLkNIJpj08jTCGCKJXW1DfIX.webp", width: 1200, height: 630, alt: "Casai Project Showcase", }, ], }, } export default function CasaiProjectPage() { return (

) } [V0_FILE]typescriptreact:file="app/work/movinglake/page.tsx" isMerged="true" import type { Metadata } from "next" import HeroSection from "./components/HeroSection" import StatisticsSection from "./components/StatisticsSection" import ProjectDetailsSection from "./components/ProjectDetailsSection" import ServicesSection from "./components/ServicesSection" import CTASection from "../casai/components/CTASection" // We can reuse this component export const metadata: Metadata = { title: "MovingLake Project | Juan Carlos - Web Platform Development", description: "Explore how we built a high-performance web platform for MovingLake, delivering scalable solutions and exceptional user experiences.", openGraph: { title: "MovingLake Project | Juan Carlos - Web Platform Development", description: "Discover our work on the MovingLake platform, showcasing modern web development and cloud infrastructure solutions.", images: [ { url: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/movinglake.jpg-DgdR0Rro26b57BB3aKF2FfDzWIS2eg.jpeg", width: 1200, height: 630, alt: "MovingLake Project Showcase", }, ], }, } export default function MovingLakeProjectPage() { return (

) } [V0_FILE]typescriptreact:file="app/work/movinglake/components/HeroSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function HeroSection() { return (

{/* Upper Content Area */}

Modern Solutions for
Digital Platforms

A comprehensive web platform that revolutionized online sales and user engagement, generating $500,000 in monthly revenue through innovative digital solutions.

{/* Hero Image Area */}

MovingLake Platform

A modern web platform built with React, Next.js, and Django, delivering exceptional user experiences.

01 / 03

) } [V0_FILE]typescriptreact:file="app/work/movinglake/components/ProjectDetailsSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function ProjectDetailsSection() { return (

ABOUT THE PROJECT

Building the Future of Digital Sales

As a Software Engineer at MovingLake, I led the development of a sales platform that transformed the way businesses connect with their customers. The project combined modern frontend technologies with robust backend solutions to create a scalable and efficient platform.

Key Achievements

Developed a high-performance sales platform
Implemented CI/CD pipelines for automated deployments
Created comprehensive design systems

) } [V0_FILE]typescriptreact:file="app/work/movinglake/components/ServicesSection.tsx" isMerged="true" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" type ServiceItem = { type: "text" | "image" icon?: string title?: string description?: string image?: string alt?: string } const services: ServiceItem[] = [ { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Frontend Development", description: "Built with React, TypeScript, and Next.js, creating responsive and performant user interfaces.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/movinglake.jpg-DgdR0Rro26b57BB3aKF2FfDzWIS2eg.jpeg", alt: "Frontend development showcase", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Backend Architecture", description: "Powered by Django and PostgreSQL, with Python microservices for scalable backend operations.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/movinglake.jpg-DgdR0Rro26b57BB3aKF2FfDzWIS2eg.jpeg", alt: "Backend architecture", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Cloud Infrastructure", description: "Deployed on AWS with Docker and Kubernetes for container orchestration and scalability.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/movinglake.jpg-DgdR0Rro26b57BB3aKF2FfDzWIS2eg.jpeg", alt: "Cloud infrastructure", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Design Systems", description: "Created with Tailwind CSS and custom components, ensuring consistent UI across the platform.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/movinglake.jpg-DgdR0Rro26b57BB3aKF2FfDzWIS2eg.jpeg", alt: "Design systems showcase", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Performance Optimization", description: "Implemented caching strategies and optimized database queries for maximum performance.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/movinglake.jpg-DgdR0Rro26b57BB3aKF2FfDzWIS2eg.jpeg", alt: "Performance metrics", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Internationalization", description: "Added multi-language support and region-specific features for global accessibility.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/movinglake.jpg-DgdR0Rro26b57BB3aKF2FfDzWIS2eg.jpeg", alt: "Internationalization features", }, ] export default function ServicesSection() { return (

SERVICE

Technologies & Tools Used
In This Project

A modern tech stack that enabled us to build a scalable, high-performance web platform with exceptional user experiences.

{services.map((item, index) => item.type === "text" ? (

{item.title}

{item.description}

) : (

), )}

) } [V0_FILE]typescriptreact:file="app/work/movinglake/components/StatisticsSection.tsx" isMerged="true" import Image from "next/image" type StatType = { number: string plus?: boolean label: string sublabel: string avatars?: string[] } const stats: StatType[] = [ { number: "500K", plus: true, label: "Monthly Revenue", sublabel: "In USD", avatars: [ "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", ], }, { number: "100K", plus: true, label: "Monthly Visitors", sublabel: "Active Users", }, { number: "99.9", label: "Uptime", sublabel: "Platform Reliability", }, ] export default function StatisticsSection() { return (

IMPACT

Delivering Measurable Results Through Digital Innovation

{stats.map((stat, index) => (

{stat.number} {stat.plus && +}

{stat.label}

{stat.sublabel}

{stat.avatars && (

{stat.avatars.map((avatar, i) => (

))}

)}

))}

) } [V0_FILE]typescriptreact:file="app/work/fesa/page.tsx" isMerged="true" import type { Metadata } from "next" import HeroSection from "./components/HeroSection" import StatisticsSection from "./components/StatisticsSection" import ProjectDetailsSection from "./components/ProjectDetailsSection" import ServicesSection from "./components/ServicesSection" import CTASection from "../casai/components/CTASection" // Reusing the CTA component export const metadata: Metadata = { title: "FESA Project | Juan Carlos - Mobile App Development", description: "Discover how we developed a nationwide medicine delivery application for Farmacias Especializadas, revolutionizing healthcare accessibility in Mexico.", openGraph: { title: "FESA Project | Juan Carlos - Mobile App Development", description: "Explore our work on the Farmacias Especializadas delivery app, showcasing innovative solutions in healthcare logistics.", images: [ { url: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/fesa-N4ChbTd8kgRmw4s62eW64l1KHdB8cK.webp", width: 1200, height: 630, alt: "FESA Project Showcase", }, ], }, } export default function FesaProjectPage() { return (

) } [V0_FILE]typescriptreact:file="app/work/fesa/components/HeroSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function HeroSection() { return (

{/* Upper Content Area */}

Revolutionizing
Healthcare Delivery

A nationwide mobile application that transformed medicine delivery services, making healthcare more accessible across Mexico through innovative logistics and user-friendly design.

{/* Hero Image Area */}

FESA Delivery App

Connecting patients with essential medications through an intuitive and efficient delivery platform.

01 / 03

) } [V0_FILE]typescriptreact:file="app/work/fesa/components/ProjectDetailsSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function ProjectDetailsSection() { return (

ABOUT THE PROJECT

Innovative Healthcare Logistics

As an Android Developer at SPS, I designed and developed a comprehensive delivery application for Farmacias Especializadas that streamlined medicine delivery across Mexico. The project focused on creating an intuitive interface while ensuring reliable delivery tracking and efficient logistics.

Key Achievements

Designed and developed the complete delivery app UI
Integrated Google Maps and real-time geolocation
Optimized app performance for battery efficiency

) } [V0_FILE]typescriptreact:file="app/work/fesa/components/ServicesSection.tsx" isMerged="true" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" type ServiceItem = { type: "text" | "image" icon?: string title?: string description?: string image?: string alt?: string } const services: ServiceItem[] = [ { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Android Development", description: "Built with Kotlin, utilizing Coroutines, Retrofit, Hilt, and Room for a robust mobile application.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/fesa-N4ChbTd8kgRmw4s62eW64l1KHdB8cK.webp", alt: "Android development showcase", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Location Services", description: "Integrated Google Maps API and geolocation services for real-time delivery tracking and navigation.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/fesa-N4ChbTd8kgRmw4s62eW64l1KHdB8cK.webp", alt: "Location tracking features", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "UI/UX Design", description: "Created an intuitive interface with Material Design components and Jetpack Compose.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/fesa-N4ChbTd8kgRmw4s62eW64l1KHdB8cK.webp", alt: "UI/UX design showcase", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Background Services", description: "Implemented efficient background processes for location updates and delivery notifications.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/fesa-N4ChbTd8kgRmw4s62eW64l1KHdB8cK.webp", alt: "Background services", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Testing & QA", description: "Comprehensive testing with JUnit and Espresso, including geolocation scenario simulations.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/fesa-N4ChbTd8kgRmw4s62eW64l1KHdB8cK.webp", alt: "Testing procedures", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Deployment", description: "Managed Android releases and APK deployments to Google Play Store with automated workflows.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/fesa-N4ChbTd8kgRmw4s62eW64l1KHdB8cK.webp", alt: "Deployment process", }, ] export default function ServicesSection() { return (

SERVICE

Technologies & Tools Used
In This Project

A comprehensive mobile development stack that enabled us to build a reliable and efficient delivery application.

{services.map((item, index) => item.type === "text" ? (

{item.title}

{item.description}

) : (

), )}

) } [V0_FILE]typescriptreact:file="app/work/fesa/components/StatisticsSection.tsx" isMerged="true" import Image from "next/image" type StatType = { number: string plus?: boolean label: string sublabel: string avatars?: string[] } const stats: StatType[] = [ { number: "1000", plus: true, label: "Daily Deliveries", sublabel: "Nationwide Coverage", avatars: [ "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", ], }, { number: "50", label: "Cities Covered", sublabel: "Across Mexico", }, { number: "98", label: "On-Time Delivery", sublabel: "Percentage Rate", }, ] export default function StatisticsSection() { return (

IMPACT

Making Healthcare Accessible Across Mexico

{stats.map((stat, index) => (

{stat.number} {stat.plus && +}

{stat.label}

{stat.sublabel}

{stat.avatars && (

{stat.avatars.map((avatar, i) => (

))}

)}

))}

) } [V0_FILE]typescriptreact:file="app/work/tcs/page.tsx" isMerged="true" import type { Metadata } from "next" import HeroSection from "./components/HeroSection" import StatisticsSection from "./components/StatisticsSection" import ProjectDetailsSection from "./components/ProjectDetailsSection" import ServicesSection from "./components/ServicesSection" import CTASection from "../casai/components/CTASection" export const metadata: Metadata = { title: "TCS Projects | Juan Carlos - Software Engineering Manager", description: "Leading software engineering initiatives at TCS, implementing scalable solutions and mentoring development teams.", openGraph: { title: "TCS Projects | Juan Carlos - Software Engineering Manager", description: "Discover our innovative software engineering solutions and team leadership at TCS.", images: [ { url: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/featured-work-NnKV456M3xYtzxAXoDe9yZ1pG0q3oM.webp", width: 1200, height: 630, alt: "TCS Project Showcase", }, ], }, } export default function TCSProjectPage() { return (

) } [V0_FILE]typescriptreact:file="app/work/afirma/page.tsx" isMerged="true" import type { Metadata } from "next" import HeroSection from "./components/HeroSection" import StatisticsSection from "./components/StatisticsSection" import ProjectDetailsSection from "./components/ProjectDetailsSection" import ServicesSection from "./components/ServicesSection" import CTASection from "../casai/components/CTASection" // Reusing the CTA component export const metadata: Metadata = { title: "Santander Loyalty Program | Juan Carlos - Frontend Development", description: "Development of Santander Mexico's bank loyalty program website, implementing Redux patterns and optimizing performance.", openGraph: { title: "Santander Loyalty Program | Juan Carlos - Frontend Development", description: "Explore our work on Santander Mexico's loyalty program, showcasing modern web development solutions.", images: [ { url: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/featured-work-NnKV456M3xYtzxAXoDe9yZ1pG0q3oM.webp", width: 1200, height: 630, alt: "Afirma Solutions Project Showcase", }, ], }, } export default function AfirmaProjectPage() { return (

) } [V0_FILE]typescriptreact:file="app/work/gft/page.tsx" isMerged="true" import type { Metadata } from "next" import HeroSection from "./components/HeroSection" import StatisticsSection from "./components/StatisticsSection" import ProjectDetailsSection from "./components/ProjectDetailsSection" import ServicesSection from "./components/ServicesSection" import CTASection from "../casai/components/CTASection" export const metadata: Metadata = { title: "Banking & Inventory Systems | Juan Carlos - Frontend Development", description: "Development of critical systems for Apple device inventory and Sabadell Bank's online banking platform.", openGraph: { title: "Banking & Inventory Systems | Juan Carlos - Frontend Development", description: "Explore our work on enterprise-level systems for major tech and banking clients.", images: [ { url: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/featured-work-NnKV456M3xYtzxAXoDe9yZ1pG0q3oM.webp", width: 1200, height: 630, alt: "GFT Projects Showcase", }, ], }, } export default function GFTProjectPage() { return (

) } [V0_FILE]typescriptreact:file="app/work/beyserin/page.tsx" isMerged="true" import type { Metadata } from "next" import HeroSection from "./components/HeroSection" import StatisticsSection from "./components/StatisticsSection" import ProjectDetailsSection from "./components/ProjectDetailsSection" import ServicesSection from "./components/ServicesSection" import CTASection from "../casai/components/CTASection" // Reusing the CTA component export const metadata: Metadata = { title: "Beyserin Consulting | Juan Carlos - Android Development", description: "Android development for Girl Scouts USA cookie selling application, focusing on UI improvements and bug resolution.", openGraph: { title: "Beyserin Consulting | Juan Carlos - Android Development", description: "Specialized Android development and bug resolution for Girl Scouts USA application.", images: [ { url: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/featured-work-NnKV456M3xYtzxAXoDe9yZ1pG0q3oM.webp", width: 1200, height: 630, alt: "Beyserin Consulting Android Development Showcase", }, ], }, } export default function BeyserinProjectPage() { return (

) } [V0_FILE]typescriptreact:file="app/work/ibm/page.tsx" isMerged="true" import type { Metadata } from "next" import HeroSection from "./components/HeroSection" import StatisticsSection from "./components/StatisticsSection" import ProjectDetailsSection from "./components/ProjectDetailsSection" import ServicesSection from "./components/ServicesSection" import CTASection from "../casai/components/CTASection" export const metadata: Metadata = { title: "IBM Technical Support System | Juan Carlos - Full Stack Development", description: "Development of a comprehensive technical support system for IBM clients, featuring web and mobile interfaces.", openGraph: { title: "IBM Technical Support System | Juan Carlos - Full Stack Development", description: "Explore our work on IBM's technical support system solution.", images: [ { url: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/featured-work-NnKV456M3xYtzxAXoDe9yZ1pG0q3oM.webp", width: 1200, height: 630, alt: "IBM Project Showcase", }, ], }, } export default function IBMProjectPage() { return (

) } [V0_FILE]typescriptreact:file="app/work/tcs/components/HeroSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function HeroSection() { return (

{/* Upper Content Area */}

Engineering Excellence
Through Leadership

Leading software engineering initiatives at TCS, implementing scalable solutions and mentoring development teams to deliver exceptional results.

{/* Hero Image Area */}

Software Engineering Leadership

Implementing scalable solutions and fostering technical excellence across teams.

01 / 03

) } [V0_FILE]typescriptreact:file="app/work/tcs/components/ProjectDetailsSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function ProjectDetailsSection() { return (

ABOUT THE ROLE

Technical Leadership & Innovation

As a Software Engineer Manager at TCS, I focus on implementing scalable, maintainable, and efficient code while leading and mentoring development teams. My role involves proposing sustainable technical solutions and ensuring code quality through thorough reviews.

Key Responsibilities

Implement scalable and maintainable code solutions
Conduct thorough code reviews and technical mentoring
Propose and implement sustainable technical solutions

) } [V0_FILE]typescriptreact:file="app/work/tcs/components/ServicesSection.tsx" isMerged="true" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" type ServiceItem = { type: "text" | "image" icon?: string title?: string description?: string image?: string alt?: string } const services: ServiceItem[] = [ { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Technical Leadership", description: "Leading development teams and ensuring code quality through thorough reviews and mentoring.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Technical leadership showcase", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Solution Architecture", description: "Designing and implementing scalable, maintainable solutions for complex business requirements.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Solution architecture", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Team Development", description: "Mentoring team members and teaching new technologies and design patterns.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Team development", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Code Quality", description: "Implementing best practices and ensuring high-quality code through reviews and standards.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Code quality", }, ] export default function ServicesSection() { return (

EXPERTISE

Technical Excellence
Through Leadership

Leading development teams and implementing sustainable technical solutions for complex business challenges.

{services.map((item, index) => item.type === "text" ? (

{item.title}

{item.description}

) : (

), )}

) } [V0_FILE]typescriptreact:file="app/work/tcs/components/StatisticsSection.tsx" isMerged="true" import Image from "next/image" type StatType = { number: string plus?: boolean label: string sublabel: string avatars?: string[] } const stats: StatType[] = [ { number: "100", plus: true, label: "Code Reviews", sublabel: "Monthly Average", avatars: [ "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", ], }, { number: "15", plus: true, label: "Team Members", sublabel: "Mentored", }, { number: "95", label: "Code Quality", sublabel: "Score Percentage", }, ] export default function StatisticsSection() { return (

IMPACT

Driving Technical Excellence Through Leadership

{stats.map((stat, index) => (

{stat.number} {stat.plus && +}

{stat.label}

{stat.sublabel}

{stat.avatars && (

{stat.avatars.map((avatar, i) => (

))}

)}

))}

) } [V0_FILE]typescriptreact:file="app/work/gft/components/HeroSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function HeroSection() { return (

{/* Upper Content Area */}

Enterprise Solutions
for Global Clients

Developing critical systems for Apple device inventory and Sabadell Bank's online banking platform, delivering robust solutions for enterprise clients.

{/* Hero Image Area */}

Enterprise Development

Building robust solutions for inventory management and online banking platforms.

01 / 03

) } [V0_FILE]typescriptreact:file="app/work/gft/components/ProjectDetailsSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function ProjectDetailsSection() { return (

ABOUT THE PROJECTS

Enterprise-Level Solutions

At GFT, I worked on two significant projects: an inventory system for Apple devices and Sabadell Bank's online banking platform. These projects showcased my ability to work with complex systems and regulatory requirements.

Key Achievements

Developed inventory management system for Apple devices
Built online banking features for Sabadell Bank
Implemented regulatory compliance requirements

) } [V0_FILE]typescriptreact:file="app/work/gft/components/ServicesSection.tsx" isMerged="true" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" type ServiceItem = { type: "text" | "image" icon?: string title?: string description?: string image?: string alt?: string } const services: ServiceItem[] = [ { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Inventory Management", description: "Building robust inventory tracking systems for Apple devices with Angular.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Inventory system showcase", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Online Banking", description: "Developing secure and compliant banking features for Sabadell Bank's platform.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Banking platform", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Regulatory Compliance", description: "Implementing features to meet banking regulatory requirements and standards.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Compliance features", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Knowledge Transfer", description: "Facilitating knowledge transfer between international teams and locations.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Knowledge transfer", }, ] export default function ServicesSection() { return (

EXPERTISE

Enterprise Solutions
& Banking Systems

Delivering robust solutions for inventory management and online banking platforms with a focus on security and compliance.

{services.map((item, index) => item.type === "text" ? (

{item.title}

{item.description}

) : (

), )}

) } [V0_FILE]typescriptreact:file="app/work/gft/components/StatisticsSection.tsx" isMerged="true" import Image from "next/image" type StatType = { number: string plus?: boolean label: string sublabel: string avatars?: string[] } const stats: StatType[] = [ { number: "2", label: "Major Projects", sublabel: "Successfully Delivered", avatars: [ "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", ], }, { number: "100", plus: true, label: "Features", sublabel: "Implemented", }, { number: "99.9", label: "System Uptime", sublabel: "Percentage", }, ] export default function StatisticsSection() { return (

IMPACT

Delivering Enterprise Solutions at Scale

{stats.map((stat, index) => (

{stat.number} {stat.plus && +}

{stat.label}

{stat.sublabel}

{stat.avatars && (

{stat.avatars.map((avatar, i) => (

))}

)}

))}

) } [V0_FILE]typescriptreact:file="app/work/ibm/components/HeroSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function HeroSection() { return (

{/* Upper Content Area */}

Full Stack Solutions
for Enterprise Support

Developing comprehensive technical support systems for IBM clients, combining web and mobile interfaces with robust backend solutions.

{/* Hero Image Area */}

Technical Support System

A comprehensive solution for managing and resolving technical support requests.

01 / 03

) } [V0_FILE]typescriptreact:file="app/work/ibm/components/ProjectDetailsSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function ProjectDetailsSection() { return (

ABOUT THE PROJECT

Enterprise Support Solutions

During my internship at IBM, I designed and developed a comprehensive technical support system that streamlined support processes for IBM clients. The project involved both web and mobile interfaces, backed by a robust REST server.

Key Achievements

Designed technical support system architecture
Developed web interface with Angular
Created Android application for mobile access

) } [V0_FILE]typescriptreact:file="app/work/ibm/components/ServicesSection.tsx" isMerged="true" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" type ServiceItem = { type: "text" | "image" icon?: string title?: string description?: string image?: string alt?: string } const services: ServiceItem[] = [ { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Web Development", description: "Building responsive web interfaces with Angular for the support system.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Web interface showcase", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Mobile Development", description: "Creating Android applications for on-the-go access to support features.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Mobile app interface", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Backend Development", description: "Implementing REST APIs with Spring Boot for robust backend operations.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Backend architecture", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Database Design", description: "Designing and implementing MySQL databases for efficient data management.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Database architecture", }, ] export default function ServicesSection() { return (

EXPERTISE

Full Stack Development
for Enterprise Support

Delivering comprehensive technical support solutions through web, mobile, and backend development.

{services.map((item, index) => item.type === "text" ? (

{item.title}

{item.description}

) : (

), )}

) } [V0_FILE]typescriptreact:file="app/work/ibm/components/StatisticsSection.tsx" isMerged="true" import Image from "next/image" type StatType = { number: string plus?: boolean label: string sublabel: string avatars?: string[] } const stats: StatType[] = [ { number: "3", label: "Components", sublabel: "Web, Mobile, Backend", avatars: [ "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", ], }, { number: "1000", plus: true, label: "Support Tickets", sublabel: "Handled Monthly", }, { number: "95", label: "Resolution Rate", sublabel: "Percentage", }, ] export default function StatisticsSection() { return (

IMPACT

Streamlining Enterprise Support Operations

{stats.map((stat, index) => (

{stat.number} {stat.plus && +}

{stat.label}

{stat.sublabel}

{stat.avatars && (

{stat.avatars.map((avatar, i) => (

))}

)}

))}

) } [V0_FILE]typescriptreact:file="app/work/afirma/components/HeroSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function HeroSection() { return (

{/* Upper Content Area */}

Banking Loyalty
Redefined

Developing Santander Mexico's bank loyalty program website with modern technologies and optimized performance, reducing pre-production bugs by 95%.

{/* Hero Image Area */}

Loyalty Program Platform

A modern web platform for managing and redeeming loyalty rewards.

01 / 03

) } [V0_FILE]typescriptreact:file="app/work/afirma/components/ProjectDetailsSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function ProjectDetailsSection() { return (

ABOUT THE PROJECT

Modern Banking Solutions

At Afirma Solutions, I played a key role in developing Santander Mexico's bank loyalty program website. The project focused on creating a robust and user-friendly platform while maintaining high performance and reliability standards.

Key Achievements

Reduced pre-production bugs by 95%
Implemented Redux design pattern
Configured web application server

) } [V0_FILE]typescriptreact:file="app/work/afirma/components/ServicesSection.tsx" isMerged="true" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" type ServiceItem = { type: "text" | "image" icon?: string title?: string description?: string image?: string alt?: string } const services: ServiceItem[] = [ { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Frontend Development", description: "Building responsive interfaces with Angular and implementing Redux patterns.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Frontend development showcase", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Server Configuration", description: "Setting up and optimizing NGINX web server for optimal performance.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Server configuration", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "State Management", description: "Implementing Redux design patterns for efficient state management.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "State management", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Analytics Integration", description: "Implementing Google Analytics for tracking user activity and behavior.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Analytics dashboard", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Bug Tracking", description: "Daily monitoring and resolution of reported issues using Jira.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Bug tracking system", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Browser Support", description: "Implementing polyfills to ensure cross-browser compatibility.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Browser compatibility", }, ] export default function ServicesSection() { return (

EXPERTISE

Technologies & Tools Used
In This Project

A comprehensive tech stack that enabled us to build a robust and efficient loyalty program platform.

{services.map((item, index) => item.type === "text" ? (

{item.title}

{item.description}

) : (

), )}

) } [V0_FILE]typescriptreact:file="app/work/afirma/components/StatisticsSection.tsx" isMerged="true" import Image from "next/image" type StatType = { number: string plus?: boolean label: string sublabel: string avatars?: string[] } const stats: StatType[] = [ { number: "95", label: "Bug Reduction", sublabel: "Pre-production", avatars: [ "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", ], }, { number: "100K", plus: true, label: "Users", sublabel: "Active Monthly", }, { number: "99.9", label: "Platform Uptime", sublabel: "Percentage", }, ] export default function StatisticsSection() { return (

IMPACT

Delivering Excellence in Banking Solutions

{stats.map((stat, index) => (

{stat.number} {stat.plus && +}

{stat.label}

{stat.sublabel}

{stat.avatars && (

{stat.avatars.map((avatar, i) => (

))}

)}

))}

) } [V0_FILE]typescriptreact:file="app/work/beyserin/components/HeroSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function HeroSection() { return (

{/* Upper Content Area */}

Android Development
Excellence

Delivering high-quality Android solutions through expert development and debugging, ensuring optimal user experiences for the Girl Scouts USA cookie selling application.

{/* Hero Image Area */}

Android Development

January 2022 - January 2022 | Mexico City

01 / 03

) } [V0_FILE]typescriptreact:file="app/work/beyserin/components/ProjectDetailsSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function ProjectDetailsSection() { return (

ABOUT THE WORK

Android Development Excellence

At Beyserin Consulting, I specialized in Android development for the Girl Scouts USA cookie selling application, focusing on UI improvements and bug resolution to enhance user experience.

Key Achievements

Resolved critical UI bugs in the application
Conducted thorough testing in simulators
Managed and closed defect tickets efficiently

) } [V0_FILE]typescriptreact:file="app/work/beyserin/components/ServicesSection.tsx" isMerged="true" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" type ServiceItem = { type: "text" | "image" icon?: string title?: string description?: string image?: string alt?: string } const services: ServiceItem[] = [ { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Kotlin Development", description: "Building robust Android applications using modern Kotlin features and best practices.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Kotlin development showcase", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "UI Development", description: "Creating intuitive user interfaces using Activities, Fragments, and Material Design.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "UI development", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Bug Resolution", description: "Efficiently identifying and resolving application defects and UI issues.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Bug resolution process", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Testing", description: "Comprehensive testing using Android simulators to ensure application quality.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Testing process", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Project Management", description: "Efficient ticket management and daily status reporting using Jira.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Project management", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Version Control", description: "Code management and collaboration using Git and GitHub.", }, { type: "image", image: "/placeholder.svg?height=400&width=600", alt: "Version control", }, ] export default function ServicesSection() { return (

TECH STACK

Technologies &
Expertise

Leveraging modern Android development tools and practices to deliver high-quality solutions.

{services.map((item, index) => item.type === "text" ? (

{item.title}

{item.description}

) : (

), )}

) } [V0_FILE]typescriptreact:file="app/work/beyserin/components/StatisticsSection.tsx" isMerged="true" import Image from "next/image" type StatType = { number: string plus?: boolean label: string sublabel: string avatars?: string[] } const stats: StatType[] = [ { number: "100", label: "Bug Resolution", sublabel: "Success Rate", }, { number: "30", plus: true, label: "UI Improvements", sublabel: "Implemented", }, { number: "100", label: "On-Time Delivery", sublabel: "Percentage Rate", }, ] export default function StatisticsSection() { return (

IMPACT

Delivering Results Through Technical Excellence

{stats.map((stat, index) => (

{stat.number} {stat.plus && +}

{stat.label}

{stat.sublabel}

))}

) } [V0_FILE]typescriptreact:file="components/ui/button.tsx" isMerged="true" import * as React from "react" import { Slot } from "@radix-ui/react-slot" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const buttonVariants = cva( "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", { variants: { variant: { default: "bg-primary text-primary-foreground hover:bg-primary/90", destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90", outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground", secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80", ghost: "hover:bg-accent hover:text-accent-foreground", link: "text-primary underline-offset-4 hover:underline", }, size: { default: "h-10 px-4 py-2", sm: "h-9 rounded-md px-3", lg: "h-11 rounded-md px-8", icon: "h-10 w-10", }, }, defaultVariants: { variant: "default", size: "default", }, }, ) export interface ButtonProps extends React.ButtonHTMLAttributes, VariantProps { asChild?: boolean } const Button = React.forwardRef( ({ className, variant, size, asChild = false, ...props }, ref) => { const Comp = asChild ? Slot : "button" return }, ) Button.displayName = "Button" export { Button, buttonVariants } [V0_FILE]typescript:file="lib/utils.ts" isMerged="true" import { type ClassValue, clsx } from "clsx" import { twMerge } from "tailwind-merge" export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)) } [V0_FILE]typescript:file="utils/social-media.ts" isMerged="true" export function getWhatsappUrl(message: string): string { const encodedMessage = encodeURIComponent(message) return `https://wa.me/5583679908?text=${encodedMessage}` } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import type { Metadata } from "next" import MainSection from "@/components/MainSection" import FeaturedWorkSection from "@/components/FeaturedWorkSection" import RunningProjectsSection from "@/components/RunningProjectsSection" import TestimonialsSection from "@/components/TestimonialsSection" import ContactSection from "@/components/ContactSection" import { Footer } from "@/components/Footer" export const metadata: Metadata = { title: "Juan Carlos | Web Design & Development Expert", description: "Expert web designer and developer with 7+ years of experience. Specializing in luxury web design, modern web development, and strategic branding solutions for businesses.", keywords: [ "web design", "web development", "branding", "UI/UX design", "React developer", "Next.js expert", "Juan Carlos Jiron", "frontend developer", "software engineer", "Mexico City developer", ], openGraph: { title: "Juan Carlos | Web Design & Development Expert", description: "Transform your digital presence with expert web design, development, and branding services. View my portfolio of high-impact digital solutions.", type: "website", url: "https://juancarlosjiron.com", images: [ { url: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_2292-019aWEtaQKO4sx5JgMnU206SpQrOH0.webp", width: 1200, height: 630, alt: "Juan Carlos - Web Design & Development Expert", }, ], }, twitter: { card: "summary_large_image", title: "Juan Carlos | Web Design & Development Expert", description: "Transform your digital presence with expert web design, development, and branding services. View my portfolio of high-impact digital solutions.", images: ["https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_2292-019aWEtaQKO4sx5JgMnU206SpQrOH0.webp"], }, alternates: { canonical: "https://juancarlosjiron.com", }, authors: [{ name: "Juan Carlos Jiron" }], category: "Technology", robots: { index: true, follow: true, googleBot: { index: true, follow: true, "max-video-preview": -1, "max-image-preview": "large", "max-snippet": -1, }, }, } export default function HomePage() { return (

{/* Navigation */}

) } [V0_FILE]typescriptreact:file="components/ui/card.tsx" isQuickEdit="true" isMerged="true" import * as React from "react" import { cn } from "@/lib/utils" const Card = React.forwardRef>(({ className, ...props }, ref) => (

)) Card.displayName = "Card" const CardHeader = React.forwardRef>( ({ className, ...props }, ref) => (

), ) CardHeader.displayName = "CardHeader" const CardTitle = React.forwardRef>( ({ className, ...props }, ref) => (

), ) CardTitle.displayName = "CardTitle" const CardDescription = React.forwardRef>( ({ className, ...props }, ref) => (
), ) CardDescription.displayName = "CardDescription" const CardContent = React.forwardRef>( ({ className, ...props }, ref) =>
, ) CardContent.displayName = "CardContent" export { Card, CardHeader, CardTitle, CardDescription, CardContent } [V0_FILE]typescriptreact:file="app/work/page.tsx" isQuickEdit="true" isMerged="true" import Image from "next/image" import { Button } from "@/components/ui/button" import type { Metadata } from "next" import { Code, Smartphone, Palette, Users } from "lucide-react" import { Projects } from "./components/Projects" export const metadata: Metadata = { title: "Work | Juan Carlos - Digital Solutions & Development", description: "Explore our portfolio of innovative digital solutions, from nationwide mobile apps to high-traffic websites. See how we transform ideas into impactful digital experiences.", keywords: [ "portfolio", "web development projects", "mobile app development", "UI/UX design portfolio", "digital solutions", "software projects", "Juan Carlos work", "development case studies", "tech portfolio", "Mexico City developer portfolio", ], openGraph: { title: "Work | Juan Carlos - Digital Solutions & Development", description: "Discover our portfolio of innovative digital solutions and transformative development projects. See how we bring ideas to life.", type: "website", url: "https://juancarlosjiron.com/work", images: [ { url: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/featured-work-NnKV456M3xYtzxAXoDe9yZ1pG0q3oM.webp", width: 1200, height: 630, alt: "Juan Carlos - Portfolio Showcase", }, ], }, twitter: { card: "summary_large_image", title: "Work | Juan Carlos - Digital Solutions & Development", description: "Discover our portfolio of innovative digital solutions and transformative development projects. See how we bring ideas to life.", images: [ "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/featured-work-NnKV456M3xYtzxAXoDe9yZ1pG0q3oM.webp", ], }, } export default function WorkPage() { return (
{/* Hero Section - Enhanced Responsiveness /}

Design Your Digital Future
with the Experts

7+ Years Experience • Innovative Solutions

{/ Experience Section - Enhanced Responsiveness /}

{/ Left Column /}

STATISTIC

You Can Be Sure That Every Trip Always Results In A Very Positive Collaboration

{/ Stats Grid - Responsive for all screens /}
{[ { number: "10K", plus: true, label: "Partnership", sublabel: "Local & International", }, { number: "2M", plus: true, label: "Followers", sublabel: "Social Media Account", }, { number: "1.5M", plus: false, label: "Subscriber", sublabel: "Vlog Channel", }, ].map((stat, index) => (

{stat.number} {stat.plus && +}

{stat.label}

{stat.sublabel}

))}

{/ Right Column - Image /}

{/ Portfolio Grid - Enhanced Responsiveness /} {/ Service Highlights - Enhanced Responsiveness /}

We work to an extremely high standard of customer satisfaction

Our commitment to excellence is reflected in every project we deliver

{[ { icon: `, title: "Web Development", description: "Creating powerful and scalable web applications", }, { icon: , title: "Mobile Apps", description: "Native and cross-platform mobile solutions", }, { icon: , title: "UI/UX Design", description: "Intuitive and engaging user experiences", }, { icon: , title: "Support", description: "Ongoing maintenance and technical support", }, ].map((service) => ( {service.icon} {service.title} {service.description} ))}`
) } [V0_FILE]typescript:file="app/work/components/index.ts" isQuickEdit="true" isMerged="true" export from "./Projects" [V0_FILE]typescriptreact:file="app/work/components/Projects.tsx" isMerged="true" import Image from "next/image" import Link from "next/link" const projects = [ { title: "Moving Lake", category: "Web Platform", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/movinglake.jpg-DgdR0Rro26b57BB3aKF2FfDzWIS2eg.jpeg", link: "/work/movinglake", }, { title: "Casai", category: "Mobile App", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/casai-UfUulLmLkNIJpj08jTCGCKJXW1DfIX.webp", link: "/work/casai", }, { title: "FESA", category: "Delivery App", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/fesa-N4ChbTd8kgRmw4s62eW64l1KHdB8cK.webp", link: "/work/fesa", }, { title: "Ofertacero", category: "E-commerce", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/muebles-A5xVCsLbOEVKVWpNLV9ZmUSDfCVfuz.jpeg", link: "#", }, ] export const Projects = () => { return ( {projects.map((project) => ( {project.category} {project.title} ))} ) } [V0_FILE]typescriptreact:file="components/ui/progress.tsx" isQuickEdit="true" isMerged="true" import * as React from "react" import { cn } from "@/lib/utils" const Progress = React.forwardRef>( ({ className, value, max, ...props }, ref) => { return ( ) }, ) Progress.displayName = "Progress" export { Progress } [V0_FILE]typescriptreact:file="app/work/mobile/page.tsx" isMerged="true" import type { Metadata } from "next" import HeroSection from "./components/HeroSection" import StatisticsSection from "./components/StatisticsSection" import ProjectDetailsSection from "./components/ProjectDetailsSection" import ServicesSection from "./components/ServicesSection" import CTASection from "../casai/components/CTASection" // Reusing the CTA component export const metadata: Metadata = { title: "Mobile Development | Juan Carlos - Android & Mobile Solutions", description: "Explore our mobile development portfolio featuring nationwide apps for Casai and FESA, showcasing expertise in Android development with Kotlin and modern practices.", openGraph: { title: "Mobile Development | Juan Carlos - Android & Mobile Solutions", description: "Discover our innovative mobile solutions that revolutionize industries through cutting-edge Android development.", images: [ { url: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/casai-UfUulLmLkNIJpj08jTCGCKJXW1DfIX.webp", width: 1200, height: 630, alt: "Mobile Development Portfolio", }, ], }, } export default function MobilePage() { return ( ) } [V0_FILE]typescriptreact:file="app/work/mobile/components/HeroSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function HeroSection() { return ( {/* Upper Content Area /} Mobile Excellence Through Innovation From nationwide delivery apps to property management solutions, we create powerful mobile experiences that transform industries and delight users across Mexico. {/ Hero Image Area /} Android Development Building powerful mobile solutions with Kotlin, Jetpack Compose, and modern Android practices. 01 / 03 ) } [V0_FILE]typescriptreact:file="app/work/mobile/components/StatisticsSection.tsx" isMerged="true" import Image from "next/image" type StatType = { number: string plus?: boolean label: string sublabel: string avatars?: string[] } const stats: StatType[] = [ { number: "2", label: "Major Apps", sublabel: "Nationwide Coverage", avatars: [ "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", ], }, { number: "50", plus: true, label: "Cities Covered", sublabel: "Across Mexico", }, { number: "50", label: "Bundle Size Reduction", sublabel: "Performance Improvement", }, ] export default function StatisticsSection() { return ( IMPACT Transforming Industries Through Mobile Innovation {stats.map((stat, index) => ( {stat.number} {stat.plus && +}% {stat.label} {stat.sublabel} {stat.avatars && ( {stat.avatars.map((avatar, i) => ( ))} )} ))} ) } [V0_FILE]typescriptreact:file="app/work/mobile/components/ProjectDetailsSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function ProjectDetailsSection() { return ( FEATURED PROJECTS Nationwide Mobile Solutions Leading the development of transformative mobile applications that serve thousands of users across Mexico. Our projects include Casai's property management platform and FESA's nationwide medicine delivery service. Key Achievements Migrated from RxJava to Kotlin Coroutines for improved performance Reduced app bundle size by 50% through optimization Successfully implemented Jetpack Compose for modern UI Integrated real-time location tracking and notifications ) } [V0_FILE]typescriptreact:file="app/work/mobile/components/ServicesSection.tsx" isQuickEdit="true" isMerged="true" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" type ServiceItem = { type: "text" | "image" icon?: string title?: string description?: string image?: string alt?: string } const servicesPictures = [ { src: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/ci_and_cd.jpg-BXo3cvx2ta7NcAdEGIF8EWdCVxR2GF.jpeg", alt: "Continuous Integration and Deployment with GitHub Actions", title: "CI/CD Pipeline", }, { src: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/android_development.jpg-ADLYFba6cMhG1bTzQf1pQECBIMLwhC.jpeg", alt: "Android Mobile Application Development", title: "Android Development", }, { src: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/performance_optimization.jpg-JbWvbLK5Cdq2F7MPuTGOEcz3BrB9K2.jpeg", alt: "Mobile Performance Optimization", title: "Performance Optimization", }, { src: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/location_services.jpg-CUDKs1F9DRbrzqOs5pOkCIObLP2dMa.jpeg", alt: "Location Services Integration", title: "Location Services", }, { src: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/firebase.jpg-h9o82O5HtrcgItDZ0kn2rhJEv9dD8y.jpeg", alt: "Firebase Services Integration", title: "Firebase Integration", }, { src: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/play_store.jpg-w9bBmf1P2jwYH3keFs1oCNJ97g8mVs.jpeg", alt: "Google Play Store Publication", title: "Play Store Publishing", }, ] const services: ServiceItem[] = [ { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Modern Android Development", description: "Building with Kotlin, Coroutines, and Jetpack Compose for optimal performance and maintainability.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/android_development.jpg-ADLYFba6cMhG1bTzQf1pQECBIMLwhC.jpeg", alt: "Android Mobile Application Development", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Location Services", description: "Implementing real-time tracking and navigation with Google Maps integration and geolocation services.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/location_services.jpg-CUDKs1F9DRbrzqOs5pOkCIObLP2dMa.jpeg", alt: "Location Services Integration", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Performance Optimization", description: "Enhancing app performance through bundle size reduction and efficient background processes.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/performance_optimization.jpg-JbWvbLK5Cdq2F7MPuTGOEcz3BrB9K2.jpeg", alt: "Mobile Performance Optimization", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Firebase Integration", description: "Utilizing Firebase services for analytics, crash reporting, and remote configuration management.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/firebase.jpg-h9o82O5HtrcgItDZ0kn2rhJEv9dD8y.jpeg", alt: "Firebase Services Integration", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "CI/CD Implementation", description: "Automating deployment processes with Fastlane and Bitrise for efficient release management.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/ci_and_cd.jpg-BXo3cvx2ta7NcAdEGIF8EWdCVxR2GF.jpeg", alt: "Continuous Integration and Deployment with GitHub Actions", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Testing & Quality Assurance", description: "Comprehensive testing with JUnit and Espresso, ensuring reliable app performance.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/play_store.jpg-w9bBmf1P2jwYH3keFs1oCNJ97g8mVs.jpeg", alt: "Google Play Store Publication", }, ] export default function ServicesSection() { return ( EXPERTISE Mobile Development Technologies & Services Comprehensive mobile development solutions leveraging modern technologies and best practices for optimal performance and user experience. {services.map((item, index) => item.type === "text" ? ( {item.title} {item.description} ) : ( ), )} ) } [V0_FILE]typescriptreact:file="components/Footer.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Link from "next/link" import { routes } from "@/routes/routes" const links = [ { url: "https://www.linkedin.com/in/juancarlosjiron", label: "LinkedIn", id: "linkedin", }, { url: "https://github.com/jcjiron", label: "GitHub", id: "github", }, { id: "youtube", url: "https://www.youtube.com/@jcjiron", label: "YouTube", }, ] export const navigationLinks = [ { title: "Work", number: "01", url: "/work", }, { title: "About", number: "02", url: "/about", }, { title: "Contact", url: "#contact", }, { title: "Services", shortTitle: "Services", number: "03", url: "#services", }, ] export const Footer = () => { return ( {/ Main Footer Content /} {/ Navigation Links /} Navigation {navigationLinks.map((item) => ( {item.title} ))} {/ Services Links /} Services {routes.map((route) => ( {route.title} ))} {/ Social Links /} Connect {links.map((link) => ( {link.label} ))} {/ Footer Bottom /} © 2023 Juan Carlos Jirón Juárez. All rights reserved. Privacy Policy Terms of Service ) } [V0_FILE]typescript:file="routes/routes.ts" isMerged="true" export const routes = [ { title: "Web Development", shortTitle: "Web", number: "01", description: "Creating engaging digital experiences that captivate and convert", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/featured-work-NnKV456M3xYtzxAXoDe9yZ1pG0q3oM.webp", url: "/work/web", linkLabel: "View projects", }, { title: "Mobile Development", shortTitle: "Mobile", number: "02", description: "Building scalable, high-performance websites and applications", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/casai-UfUulLmLkNIJpj08jTCGCKJXW1DfIX.webp", url: "/work/mobile", linkLabel: "View projects", }, { title: "Branding", shortTitle: "Branding", number: "03", description: "Crafting unique brand identities that resonate with your audience", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-01-20%20at%2016.59.01-ibCB67QY10et58WW1RgWTpbuaUJdTl.jpeg", url: "/work/branding", linkLabel: "Comming soon", }, ] [V0_FILE]plaintext:file="app/Navbar" isMerged="true" [V0_FILE]typescript:file="contexts/language-context.tsx" isMerged="true" "use client" import type React from "react" import { createContext, useContext, useState, useEffect } from "react" import { en } from "@/dictionaries/en" import { es } from "@/dictionaries/es" type Language = "en" | "es" type Dictionary = typeof en interface LanguageContextType { language: Language dictionary: Dictionary setLanguage: (language: Language) => void } const LanguageContext = createContext(undefined) export function LanguageProvider({ children }: { children: React.ReactNode }) { const [language, setLanguage] = useState("en") const [dictionary, setDictionary] = useState(en) useEffect(() => { // Get stored language preference or use browser language const storedLanguage = localStorage.getItem("language") as Language const browserLanguage = navigator.language.startsWith("es") ? "es" : "en" const initialLanguage = storedLanguage || browserLanguage setLanguage(initialLanguage) }, []) useEffect(() => { // Update dictionary when language changes setDictionary(language === "en" ? en : es) // Store language preference localStorage.setItem("language", language) }, [language]) return {children} } export function useLanguage() { const context = useContext(LanguageContext) if (context === undefined) { throw new Error("useLanguage must be used within a LanguageProvider") } return context } [V0_FILE]typescriptreact:file="dictionaries/en.ts" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true" export const en = { navbar: { work: "Work", about: "About", contact: "Contact", language: "ES", }, banner: { message: "Information may change as we update and refine content.", }, main: { greeting: "HELLO, I'M JUAN CARLOS", title: "SOFTWARE engineer MANAGER", description: "Transforming ideas into powerful digital solutions. Specializing in web design, development, and branding for businesses that demand excellence.", cta: "Let's collaborate", experience: "With over 7 years of experience, I bring your vision to life with cutting-edge designs and robust development, creating waves of innovation and success for your brand.", }, services: { webDesign: "WEB DESIGN", webDevelopment: "WEB DEVELOPMENT", branding: "BRANDING", mobileApps: "MOBILE APPS", explore: "Explore", }, featuredWork: { title: "FEATURED WORK", description: "From nationwide mobile apps to high-traffic websites and e-commerce platforms, my portfolio showcases a blend of innovation and technical expertise.", cta: "Let's create", }, expertise: { title: "MY SERVICE EXPERTISE", description: "Leveraging cutting-edge technologies and years of experience to deliver exceptional results across web design, development, and branding.", cta: "Start a project", webDesign: { title: "WEB DESIGN", desc1: "Creating intuitive user interfaces that enhance interaction.", desc2: "Focusing on user needs to deliver exceptional experiences.", }, webDevelopment: { title: "WEB DEVELOPMENT", desc1: "Building scalable and maintainable web applications.", desc2: "Utilizing modern frameworks like React, Next.js, and Django.", }, branding: { title: "BRANDING", desc1: "Crafting unique visual identities that stand out.", desc2: "Implementing consistent branding across digital platforms.", }, }, runningProject: { title: "OUR RUNNING PROJECT", description: "As a front end developer using modern ideas simplicity design and universal visual identification tailored to dedicated and current market.", cta: "Let's discuss", }, testimonials: { title: "PEOPLE SAYS ABOUT ME", description: "As a front end developer using modern ideas simplicity design and universal visual identification tailored to dedicated and current market.", cta: "Let's discuss", }, contact: { title: "Juan Carlos.", subtitle: "ATTENTION RECRUITERS", description: "Looking for a skilled software engineer with a proven track record? I bring over 7 years of experience in web design, development, and innovative solutions. Explore my portfolio and discover how I can add value to your team.", cta: "Download My Resume", }, termsAndConditions: { title: "Terms and Conditions", meta: { title: "Terms and Conditions | Juan Carlos Jirón", description: "Terms and conditions for software engineering consulting services provided by Juan Carlos Jirón.", }, introduction: { title: "1. Introduction", content1: "Welcome to Juan Carlos Jirón's software engineering consulting services. These Terms and Conditions govern your use of my services and form a binding contractual agreement between you, the Client, and me, Juan Carlos Jirón, the Consultant.", content2: "By engaging my services, you acknowledge that you have read, understood, and agree to be bound by these Terms and Conditions.", }, services: { title: "2. Services Offered", content: "I provide the following software engineering consulting services:", service1: "Web Development: Frontend and backend development using React, TypeScript, JavaScript, NextJS, and other modern web technologies.", service2: "Mobile Development: Native Android application development using Kotlin and Java, including UI/UX implementation, API integration, and performance optimization.", service3: "Design Services: UI/UX design, wireframing, prototyping, and implementation of design systems.", service4: "Technical Leadership: Architecture planning, code reviews, team mentoring, and technical decision-making.", service5: "Full-Stack Solutions: End-to-end development of applications, from database design to frontend implementation.", }, engagement: { title: "3. Project Engagement", content: "All projects begin with a detailed consultation to understand your requirements. Following this, I will provide:", item1: "A written proposal outlining the scope of work", item2: "Estimated timeline for completion", item3: "Cost estimate and payment schedule", item4: "Deliverables and milestones", additional: "Work will commence upon written approval of the proposal and receipt of any agreed-upon initial payment.", }, intellectualProperty: { title: "4. Intellectual Property Rights", content: "Upon full payment of all invoices, the Client will receive full ownership rights to the deliverables, except for:", exception1: "Third-party components that are subject to their own licenses", exception2: "Pre-existing tools, libraries, or frameworks that I have developed prior to our engagement", exception3: "General programming techniques, algorithms, or approaches that are not unique to your project", additional: "I reserve the right to display and link to your completed project as part of my portfolio unless specifically requested not to do so.", }, payment: { title: "5. Payment Terms", content: "My payment terms are as follows:", term1: "A non-refundable deposit of 30% of the total project fee is required before work begins", term2: "Remaining payments will be invoiced according to the agreed-upon schedule in the proposal", term3: "All invoices are payable within 14 days of receipt", term4: "Late payments may incur a fee of 5% per month on the outstanding amount", term5: "For hourly work, I will provide detailed time sheets with each invoice", }, confidentiality: { title: "6. Confidentiality", content: "I agree to keep confidential all information provided by you and marked as confidential. This includes business strategies, customer data, proprietary processes, and any other sensitive information shared during our engagement. Similarly, you agree to keep confidential any proprietary information I share regarding my development processes and techniques.", }, liability: { title: "7. Limitation of Liability", content: "While I strive for excellence in all my work, I cannot guarantee that my services will be error-free or uninterrupted. My liability is limited to the amount paid for the services. I am not liable for any consequential, incidental, indirect, or special damages arising out of or in any way related to our engagement.", }, termination: { title: "8. Termination", content: "Either party may terminate the engagement with 14 days written notice. In case of termination, you will be invoiced for all work completed up to the termination date, and all rights to unused deliverables will remain with me unless otherwise agreed upon.", }, governingLaw: { title: "9. Governing Law", content: "These Terms and Conditions are governed by the laws of Mexico. Any disputes arising from our engagement will be resolved through arbitration in Mexico City, Mexico.", }, contact: { title: "10. Contact Information", content: "If you have any questions about these Terms and Conditions, please contact me at:", email: "Email: jironjuarezjuan@outlook.com", phone: "Phone: (+52) 55 83 67 99 08", location: "Location: Mexico City, Mexico", }, footer: { lastUpdated: "Last updated: March 11, 2025", returnHome: "Return to Homepage", }, }, privacyPolicy: { title: "Privacy Policy", meta: { title: "Privacy Policy | Juan Carlos Jirón", description: "Privacy policy for software engineering consulting services provided by Juan Carlos Jirón.", }, introduction: { title: "1. Introduction", content1: "This Privacy Policy explains how I, Juan Carlos Jirón, collect, use, and protect your personal information when you use my software engineering consulting services or visit my portfolio website.", content2: "I am committed to ensuring that your privacy is protected. Any information you provide will only be used in accordance with this privacy statement.", }, informationCollected: { title: "2. Information Collected", content: "I may collect the following information:", item1: "Name and job title", item2: "Contact information including email address and phone number", item3: "Company information", item4: "Project requirements and specifications", item5: "Website usage data through analytics", additional: "I collect this information to understand your needs and provide you with better service.", }, useOfInformation: { title: "3. Use of Information", content: "I use the information collected for the following purposes:", purpose1: "To provide the consulting services you have requested", purpose2: "To improve my services and website based on your feedback", purpose3: "To communicate with you about your project", purpose4: "To send periodic emails regarding your project or other services that may be of interest to you", purpose5: "To maintain records of our professional relationship", }, dataSecurity: { title: "4. Data Security", content1: "I am committed to ensuring that your information is secure. I have implemented suitable physical, electronic, and managerial procedures to safeguard and secure the information I collect to prevent unauthorized access or disclosure.", content2: "All electronic communications and data transfers are encrypted using industry-standard protocols.", }, thirdPartyServices: { title: "5. Third-Party Services", content1: "I may use third-party services to help me operate my business and this website or administer activities on my behalf, such as sending emails or analyzing website usage.", content2: "These third parties have their own privacy policies and I recommend you review their policies as I cannot accept responsibility for their privacy practices.", services: "Third-party services I may use include:", service1: "Google Analytics for website usage statistics", service2: "Email service providers for communication", service3: "Cloud storage providers for secure document storage", service4: "Project management tools for tracking project progress", }, userRights: { title: "6. Your Rights", content: "You have the following rights regarding your personal data:", right1: "The right to access your personal data", right2: "The right to request correction of inaccurate data", right3: "The right to request deletion of your data", right4: "The right to restrict processing of your data", right5: "The right to data portability", right6: "The right to object to the processing of your data", exercise: "To exercise any of these rights, please contact me using the information provided in the Contact section.", }, cookies: { title: "7. Cookies Policy", content1: "This website uses cookies to improve your experience. Cookies are small files that a site or its service provider transfers to your computer's hard drive through your web browser that enables the site to recognize your browser and capture and remember certain information.", content2: "I use cookies to understand and save your preferences for future visits and compile aggregate data about site traffic and site interaction so that I can offer better site experiences in the future.", types: "The types of cookies used on this website include:", type1: "Essential cookies: Necessary for the website to function properly", type2: "Analytics cookies: Help me understand how visitors interact with my website", type3: "Preference cookies: Allow the website to remember choices you make", manage: "You can choose to have your computer warn you each time a cookie is being sent, or you can choose to turn off all cookies through your browser settings.", }, changes: { title: "8. Changes to This Privacy Policy", content: "I may update this Privacy Policy from time to time. Any changes will be posted on this page with an updated revision date. I encourage you to review this Privacy Policy periodically to stay informed about how I am protecting your information.", }, contact: { title: "9. Contact Information", content: "If you have any questions about this Privacy Policy or my data practices, please contact me at:", email: "Email: jironjuarezjuan@outlook.com", phone: "Phone: (+52) 55 83 67 99 08", location: "Location: Mexico City, Mexico", }, footer: { lastUpdated: "Last updated: March 11, 2025", returnHome: "Return to Homepage", }, }, } [V0_FILE]typescriptreact:file="dictionaries/es.ts" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true" export const es = { navbar: { work: "Proyectos", about: "Acerca", contact: "Contacto", language: "EN", }, banner: { message: "La información puede cambiar a medida que actualizamos y refinamos el contenido.", }, main: { greeting: "HOLA, SOY JUAN CARLOS", title: "GERENTE de Ingeniería de SOFTWARE", description: "Transformando ideas en soluciones digitales poderosas. Especializado en diseño web, desarrollo y branding para empresas que exigen excelencia.", cta: "Colaboremos", experience: "Con más de 7 años de experiencia, doy vida a tu visión con diseños de vanguardia y desarrollo robusto, creando olas de innovación y éxito para tu marca.", }, services: { webDesign: "DISEÑO WEB", webDevelopment: "DESARROLLO WEB", branding: "BRANDING", mobileApps: "APPS MÓVILES", explore: "Explorar", }, featuredWork: { title: "TRABAJO DESTACADO", description: "Desde aplicaciones móviles nacionales hasta sitios web de alto tráfico y plataformas de comercio electrónico, mi portafolio muestra una mezcla de innovación y experiencia técnica.", cta: "Vamos a crear", }, expertise: { title: "MI EXPERIENCIA EN SERVICIOS", description: "Aprovechando tecnologías de vanguardia y años de experiencia para ofrecer resultados excepcionales en diseño web, desarrollo y branding.", cta: "Iniciar un proyecto", webDesign: { title: "DISEÑO WEB", desc1: "Creando interfaces de usuario intuitivas que mejoran la interacción.", desc2: "Enfocándome en las necesidades del usuario para ofrecer experiencias excepcionales.", }, webDevelopment: { title: "DESARROLLO WEB", desc1: "Construyendo aplicaciones web escalables y mantenibles.", desc2: "Utilizando frameworks modernos como React, Next.js y Django.", }, branding: { title: "BRANDING", desc1: "Creando identidades visuales únicas que destacan.", desc2: "Implementando branding consistente en plataformas digitales.", }, }, runningProject: { title: "NUESTRO PROYECTO EN CURSO", description: "Como desarrollador front-end utilizando ideas modernas, diseño de simplicidad e identificación visual universal adaptada al mercado actual y dedicado.", cta: "Hablemos", }, testimonials: { title: "LO QUE DICEN DE MÍ", description: "Como desarrollador front-end utilizando ideas modernas, diseño de simplicidad e identificación visual universal adaptada al mercado actual y dedicado.", cta: "Hablemos", }, contact: { title: "Juan Carlos.", subtitle: "ATENCIÓN RECLUTADORES", description: "¿Buscas un ingeniero de software calificado con un historial probado? Aporto más de 7 años de experiencia en diseño web, desarrollo y soluciones innovadoras. Explora mi portafolio y descubre cómo puedo agregar valor a tu equipo.", cta: "Descargar Mi Currículum", }, termsAndConditions: { title: "Términos y Condiciones", meta: { title: "Términos y Condiciones | Juan Carlos Jirón", description: "Términos y condiciones para servicios de consultoría en ingeniería de software proporcionados por Juan Carlos Jirón.", }, introduction: { title: "1. Introducción", content1: "Bienvenido a los servicios de consultoría en ingeniería de software de Juan Carlos Jirón. Estos Términos y Condiciones rigen el uso de mis servicios y forman un acuerdo contractual vinculante entre usted, el Cliente, y yo, Juan Carlos Jirón, el Consultor.", content2: "Al contratar mis servicios, reconoce que ha leído, entendido y acepta estar sujeto a estos Términos y Condiciones.", }, services: { title: "2. Servicios Ofrecidos", content: "Proporciono los siguientes servicios de consultoría en ingeniería de software:", service1: "Desarrollo Web: Desarrollo frontend y backend utilizando React, TypeScript, JavaScript, NextJS y otras tecnologías web modernas.", service2: "Desarrollo Móvil: Desarrollo de aplicaciones nativas para Android utilizando Kotlin y Java, incluyendo implementación de UI/UX, integración de API y optimización de rendimiento.", service3: "Servicios de Diseño: Diseño UI/UX, wireframing, prototipado e implementación de sistemas de diseño.", service4: "Liderazgo Técnico: Planificación de arquitectura, revisiones de código, mentoría de equipos y toma de decisiones técnicas.", service5: "Soluciones Full-Stack: Desarrollo integral de aplicaciones, desde el diseño de bases de datos hasta la implementación frontend.", }, engagement: { title: "3. Compromiso del Proyecto", content: "Todos los proyectos comienzan con una consulta detallada para entender sus requisitos. Después de esto, proporcionaré:", item1: "Una propuesta escrita que describa el alcance del trabajo", item2: "Cronograma estimado para la finalización", item3: "Estimación de costos y calendario de pagos", item4: "Entregables e hitos", additional: "El trabajo comenzará tras la aprobación escrita de la propuesta y la recepción de cualquier pago inicial acordado.", }, intellectualProperty: { title: "4. Derechos de Propiedad Intelectual", content: "Tras el pago completo de todas las facturas, el Cliente recibirá todos los derechos de propiedad sobre los entregables, excepto por:", exception1: "Componentes de terceros que están sujetos a sus propias licencias", exception2: "Herramientas, bibliotecas o frameworks preexistentes que he desarrollado antes de nuestro compromiso", exception3: "Técnicas generales de programación, algoritmos o enfoques que no son exclusivos de su proyecto", additional: "Me reservo el derecho de mostrar y enlazar a su proyecto completado como parte de mi portafolio, a menos que se solicite específicamente no hacerlo.", }, payment: { title: "5. Términos de Pago", content: "Mis términos de pago son los siguientes:", term1: "Se requiere un depósito no reembolsable del 30% del costo total del proyecto antes de comenzar el trabajo", term2: "Los pagos restantes se facturarán de acuerdo con el calendario acordado en la propuesta", term3: "Todas las facturas son pagaderas dentro de los 14 días posteriores a la recepción", term4: "Los pagos atrasados pueden incurrir en una tarifa del 5% mensual sobre el monto pendiente", term5: "Para trabajo por hora, proporcionaré hojas de tiempo detalladas con cada factura", }, confidentiality: { title: "6. Confidencialidad", content: "Me comprometo a mantener la confidencialidad de toda la información proporcionada por usted y marcada como confidencial. Esto incluye estrategias comerciales, datos de clientes, procesos propietarios y cualquier otra información sensible compartida durante nuestro compromiso. De manera similar, usted acepta mantener la confidencialidad de cualquier información propietaria que comparta sobre mis procesos y técnicas de desarrollo.", }, liability: { title: "7. Limitación de Responsabilidad", content: "Aunque me esfuerzo por la excelencia en todo mi trabajo, no puedo garantizar que mis servicios estén libres de errores o sean ininterrumpidos. Mi responsabilidad está limitada al monto pagado por los servicios. No soy responsable por daños consecuentes, incidentales, indirectos o especiales que surjan de o estén relacionados de alguna manera con nuestro compromiso.", }, termination: { title: "8. Terminación", content: "Cualquiera de las partes puede terminar el compromiso con un aviso por escrito de 14 días. En caso de terminación, se le facturará por todo el trabajo completado hasta la fecha de terminación, y todos los derechos sobre los entregables no utilizados permanecerán conmigo a menos que se acuerde lo contrario.", }, governingLaw: { title: "9. Ley Aplicable", content: "Estos Términos y Condiciones se rigen por las leyes de México. Cualquier disputa que surja de nuestro compromiso se resolverá mediante arbitraje en la Ciudad de México, México.", }, contact: { title: "10. Información de Contacto", content: "Si tiene alguna pregunta sobre estos Términos y Condiciones, por favor contácteme en:", email: "Correo electrónico: jironjuarezjuan@outlook.com", phone: "Teléfono: (+52) 55 83 67 99 08", location: "Ubicación: Ciudad de México, México", }, footer: { lastUpdated: "Última actualización: 11 de marzo de 2025", returnHome: "Volver a la Página Principal", }, }, privacyPolicy: { title: "Política de Privacidad", meta: { title: "Política de Privacidad | Juan Carlos Jirón", description: "Política de privacidad para servicios de consultoría en ingeniería de software proporcionados por Juan Carlos Jirón", }, introduction: { title: "1. Introducción", content1: "Esta Política de Privacidad explica cómo yo, Juan Carlos Jirón, recopilo, uso y protejo su información personal cuando utiliza mis servicios de consultoría en ingeniería de software o visita mi sitio web de portafolio.", content2: "Estoy comprometido a garantizar que su privacidad esté protegida. Cualquier información que proporcione solo se utilizará de acuerdo con esta declaración de privacidad.", }, informationCollected: { title: "2. Información Recopilada", content: "Puedo recopilar la siguiente información:", item1: "Nombre y cargo", item2: "Información de contacto, incluida dirección de correo electrónico y número de teléfono", item3: "Información de la empresa", item4: "Requisitos y especificaciones del proyecto", item5: "Datos de uso del sitio web a través de análisis", additional: "Recopilo esta información para entender sus necesidades y brindarle un mejor servicio.", }, useOfInformation: { title: "3. Uso de la Información", content: "Utilizo la información recopilada para los siguientes propósitos:", purpose1: "Para proporcionar los servicios de consultoría que ha solicitado", purpose2: "Para mejorar mis servicios y sitio web según sus comentarios", purpose3: "Para comunicarme con usted sobre su proyecto", purpose4: "Para enviar correos electrónicos periódicos sobre su proyecto u otros servicios que puedan ser de su interés", purpose5: "Para mantener registros de nuestra relación profesional", }, dataSecurity: { title: "4. Seguridad de Datos", content1: "Estoy comprometido a garantizar que su información esté segura. He implementado procedimientos físicos, electrónicos y administrativos adecuados para salvaguardar y proteger la información que recopilo para evitar el acceso o la divulgación no autorizados.", content2: "Todas las comunicaciones electrónicas y transferencias de datos están cifradas utilizando protocolos estándar de la industria.", }, thirdPartyServices: { title: "5. Servicios de Terceros", content1: "Puedo utilizar servicios de terceros para ayudarme a operar mi negocio y este sitio web o administrar actividades en mi nombre, como enviar correos electrónicos o analizar el uso del sitio web.", content2: "Estos terceros tienen sus propias políticas de privacidad y le recomiendo que revise sus políticas, ya que no puedo aceptar responsabilidad por sus prácticas de privacidad.", services: "Los servicios de terceros que puedo utilizar incluyen:", service1: "Google Analytics para estadísticas de uso del sitio web", service2: "Proveedores de servicios de correo electrónico para comunicación", service3: "Proveedores de almacenamiento en la nube para almacenamiento seguro de documentos", service4: "Herramientas de gestión de proyectos para seguimiento del progreso del proyecto", }, userRights: { title: "6. Sus Derechos", content: "Tiene los siguientes derechos con respecto a sus datos personales:", right1: "El derecho a acceder a sus datos personales", right2: "El derecho a solicitar la corrección de datos inexactos", right3: "El derecho a solicitar la eliminación de sus datos", right4: "El derecho a restringir el procesamiento de sus datos", right5: "El derecho a la portabilidad de datos", right6: "El derecho a oponerse al procesamiento de sus datos", exercise: "Para ejercer cualquiera de estos derechos, contácteme utilizando la información proporcionada en la sección de Contacto.", }, cookies: { title: "7. Política de Cookies", content1: "Este sitio web utiliza cookies para mejorar su experiencia. Las cookies son pequeños archivos que un sitio o su proveedor de servicios transfiere al disco duro de su computadora a través de su navegador web, lo que permite que el sitio reconozca su navegador y capture y recuerde cierta información.", content2: "Utilizo cookies para entender y guardar sus preferencias para futuras visitas y compilar datos agregados sobre el tráfico del sitio y la interacción del sitio para poder ofrecer mejores experiencias del sitio en el futuro.", types: "Los tipos de cookies utilizadas en este sitio web incluyen:", type1: "Cookies esenciales: Necesarias para que el sitio web funcione correctamente", type2: "Cookies de análisis: Me ayudan a entender cómo los visitantes interactúan con mi sitio web", type3: "Cookies de preferencia: Permiten que el sitio web recuerde las elecciones que realiza", manage: "Puede elegir que su computadora le advierta cada vez que se envía una cookie, o puede elegir desactivar todas las cookies a través de la configuración de su navegador.", }, changes: { title: "8. Cambios en esta Política de Privacidad", content: "Puedo actualizar esta Política de Privacidad de vez en cuando. Cualquier cambio se publicará en esta página con una fecha de revisión actualizada. Le animo a revisar esta Política de Privacidad periódicamente para mantenerse informado sobre cómo estoy protegiendo su información.", }, contact: { title: "9. Información de Contacto", content: "Si tiene alguna pregunta sobre esta Política de Privacidad o mis prácticas de datos, contácteme en:", email: "Correo electrónico: jironjuarezjuan@outlook.com", phone: "Teléfono: (+52) 55 83 67 99 08", location: "Ubicación: Ciudad de México, México", }, footer: { lastUpdated: "Última actualización: 11 de marzo de 2025", returnHome: "Volver a la Página Principal", }, }, } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import "@/styles/globals.css" import { Inter } from "next/font/google" import { ThemeProvider } from "@/components/theme-provider" import { Navbar } from "@/components/Navbar" import { Banner } from "@/components/ui/Banner" import { LanguageProvider } from "@/contexts/language-context" const inter = Inter({ subsets: ["latin"] }) export const metadata = { title: "Juan - Luxury Web Designs", description: "Portfolio of Juan, specializing in luxury web design and development", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/Navbar.tsx" isQuickEdit="true" isMerged="true" "use client" import Link from "next/link" import { useLanguage } from "@/contexts/language-context" export const Navbar = () => { const { language, dictionary, setLanguage } = useLanguage() const toggleLanguage = () => { setLanguage(language === "en" ? "es" : "en") } return ( <> Juan. {dictionary.navbar.work} {dictionary.navbar.about} {dictionary.navbar.contact} ) } [V0_FILE]typescriptreact:file="components/ui/Banner.tsx" isMerged="true" "use client" import { useLanguage } from "@/contexts/language-context" interface Props { message?: string } const Banner = ({ message }: Props) => { const { dictionary } = useLanguage() const displayMessage = message || dictionary.banner.message return ( {displayMessage} ) } export { Banner } [V0_FILE]typescriptreact:file="components/MainSection.tsx" isMerged="true" "use client" import React from "react" import Image from "next/image" import Link from "next/link" import { ArrowRight } from "lucide-react" import { getWhatsappUrl } from "@/utils/social-media" import { useLanguage } from "@/contexts/language-context" export default function MainSection() { const { dictionary } = useLanguage() return ( {/ Project Images Grid /} {/ Hero Section /} ({dictionary.main.greeting}) {dictionary.main.title.split(" ").map((word, index) => { if (word === "engineer") { return ( {word} ) } return {word} })} {dictionary.main.description} {dictionary.main.cta} {/ Services Section /} {dictionary.main.experience} {[ { title: dictionary.services.webDesign, linkLabel: dictionary.services.explore, url: "/work/design" }, { title: dictionary.services.webDevelopment, linkLabel: dictionary.services.explore, url: "/work/web" }, { title: dictionary.services.branding, linkLabel: dictionary.services.explore, url: "/work/branding" }, { title: dictionary.services.mobileApps, linkLabel: dictionary.services.explore, url: "/work/mobile" }, ].map((service, index) => ( {service.title} {service.linkLabel} ))} ) } [V0_FILE]typescriptreact:file="components/FeaturedWorkSection.tsx" isQuickEdit="true" isMerged="true" "use client" import React from "react" import Image from "next/image" import Link from "next/link" import { ArrowRight } from "lucide-react" import { getWhatsappUrl } from "@/utils/social-media" import { routes } from "@/routes/routes" import { useLanguage } from "@/contexts/language-context" export default function FeaturedWorkSection() { const { dictionary } = useLanguage() return ( {dictionary.featuredWork.title.split(" ").map((word, i) => ( {word} {i === 0 && } {i !== 0 && i !== dictionary.featuredWork.title.split(" ").length - 1 && " "} ))} {dictionary.featuredWork.description} {dictionary.featuredWork.cta} {/ Project Categories /} {routes.map((category, index) => ( {category.title} ({category.number}) {category.description} View projects ))} {/ Our Service Expertise /} {dictionary.expertise.title.split(" ").map((word, i) => ( {word} {i === 0 && } {i !== 0 && i !== dictionary.expertise.title.split(" ").length - 1 && " "} ))} {dictionary.expertise.description} {dictionary.expertise.cta} {[ { number: "01", title: dictionary.expertise.webDesign.title, descriptions: [dictionary.expertise.webDesign.desc1, dictionary.expertise.webDesign.desc2], }, { number: "02", title: dictionary.expertise.webDevelopment.title, descriptions: [dictionary.expertise.webDevelopment.desc1, dictionary.expertise.webDevelopment.desc2], }, { number: "03", title: dictionary.expertise.branding.title, descriptions: [dictionary.expertise.branding.desc1, dictionary.expertise.branding.desc2], }, ].map((service, index) => ( ({service.number}) {service.title} {service.descriptions.map((desc, i) => ( {desc} ))} ))} ) } [V0_FILE]typescriptreact:file="components/RunningProjectsSection.tsx" isMerged="true" "use client" import React from "react" import Image from "next/image" import Link from "next/link" import { ArrowRight } from "lucide-react" import { getWhatsappUrl } from "@/utils/social-media" import { useLanguage } from "@/contexts/language-context" export default function RunningProjectsSection() { const { dictionary } = useLanguage() return ( {dictionary.runningProject.title.split(" ").map((word, i) => ( {word} {i === 0 && } {i !== 0 && i !== dictionary.runningProject.title.split(" ").length - 1 && " "} ))} {dictionary.runningProject.description} {dictionary.runningProject.cta} {/ Project Showcase /} ) } [V0_FILE]typescriptreact:file="components/TestimonialsSection.tsx" isMerged="true" "use client" import React from "react" import Image from "next/image" import Link from "next/link" import { ArrowRight } from "lucide-react" import { getWhatsappUrl } from "@/utils/social-media" import { useLanguage } from "@/contexts/language-context" export default function TestimonialsSection() { const { dictionary } = useLanguage() return ( {dictionary.testimonials.title.split(" ").map((word, i) => ( {word} {i === 0 && } {i !== 0 && i !== dictionary.testimonials.title.split(" ").length - 1 && " "} ))} {dictionary.testimonials.description} {dictionary.testimonials.cta} {/ Testimonials Grid /} {[ { image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/edgar-IGgzpU2NHiT9PMro7lFAivkLvfjmID.webp", quote: "Thanks for your resillience. JC is a super perfectionist and talented person.", name: "Edagr Cabrera", role: "Movinglake Founder", }, { image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/julio-8xl63BHqXPzyigapm0EHIcOpptaZle.webp", quote: "Great Developer, always on time and with a great attitude. I would recommend him to anyone.", name: "Julio cueto", role: "TCS Manager", }, ].map((testimonial, index) => ( {testimonial.quote} {testimonial.name} {testimonial.role} ))} ) } [V0_FILE]typescriptreact:file="components/ContactSection.tsx" isMerged="true" "use client" import Image from "next/image" import Link from "next/link" import { ArrowRight } from "lucide-react" import { useLanguage } from "@/contexts/language-context" export default function ContactSection() { const { dictionary } = useLanguage() return ( {dictionary.contact.title} {dictionary.contact.subtitle} {dictionary.contact.description} {dictionary.contact.cta} ) } [V0_FILE]typescriptreact:file="app/work/design/page.tsx" isMerged="true" import type { Metadata } from "next" import HeroSection from "./components/HeroSection" import StatisticsSection from "./components/StatisticsSection" import ProjectDetailsSection from "./components/ProjectDetailsSection" import ServicesSection from "./components/ServicesSection" import CTASection from "../casai/components/CTASection" // Reusing the CTA component export const metadata: Metadata = { title: "Design | Juan Carlos - UI/UX & Web Design Solutions", description: "Explore our design portfolio featuring innovative UI/UX solutions for web, showcasing expertise in modern design practices and user-centered approaches.", openGraph: { title: "Design | Juan Carlos - UI/UX & Web Design Solutions", description: "Discover our innovative web design solutions that revolutionize user experiences through cutting-edge UI/UX approaches.", images: [ { url: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/casai-UfUulLmLkNIJpj08jTCGCKJXW1DfIX.webp", width: 1200, height: 630, alt: "Web Design Portfolio", }, ], }, } export default function DesignPage() { return ( ) } [V0_FILE]typescriptreact:file="app/work/design/components/HeroSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function HeroSection() { return ( {/ Upper Content Area /} Web Design That Converts From e-commerce platforms to corporate websites, we create engaging digital experiences that transform visitor interactions into meaningful conversions and business growth. {/ Hero Image Area /} Responsive Web Design Creating seamless experiences across all devices with modern frameworks and design systems. 01 / 03 ) } [V0_FILE]typescriptreact:file="app/work/design/components/ProjectDetailsSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function ProjectDetailsSection() { return ( FEATURED PROJECTS Innovative Web Solutions Leading the development of transformative websites that serve thousands of users across various industries. Our projects include e-commerce platforms, corporate websites, and interactive web applications. Key Achievements Increased conversion rates by 45% through strategic UX improvements Reduced bounce rates by 30% with optimized page loading Successfully implemented responsive designs across all device types Integrated seamless e-commerce solutions with 99.9% uptime ) } [V0_FILE]typescriptreact:file="app/work/design/components/StatisticsSection.tsx" isMerged="true" import Image from "next/image" type StatType = { number: string plus?: boolean label: string sublabel: string avatars?: string[] } const stats: StatType[] = [ { number: "40", plus: true, label: "Websites Launched", sublabel: "Across Various Industries", avatars: [ "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", ], }, { number: "35", plus: true, label: "Conversion Rate Increase", sublabel: "Average Client Improvement", }, { number: "90", plus: true, label: "Page Speed Score", sublabel: "Performance Optimization", }, ] export default function StatisticsSection() { return ( IMPACT Transforming Businesses Through Strategic Web Design {stats.map((stat, index) => ( {stat.number} {stat.plus && +} {stat.label.includes("Speed") ? "" : "%"} {stat.label} {stat.sublabel} {stat.avatars && ( {stat.avatars.map((avatar, i) => ( ))} )} ))} ) } [V0_FILE]typescriptreact:file="app/work/web/page.tsx" isMerged="true" import type { Metadata } from "next" import HeroSection from "./components/HeroSection" import StatisticsSection from "./components/StatisticsSection" import ProjectDetailsSection from "./components/ProjectDetailsSection" import ServicesSection from "./components/ServicesSection" import CTASection from "../casai/components/CTASection" // Reusing the CTA component export const metadata: Metadata = { title: "Web Development | Juan Carlos - Frontend & Backend Solutions", description: "Explore our web development portfolio featuring high-traffic websites and e-commerce platforms, showcasing expertise in React, Next.js, and modern web technologies.", openGraph: { title: "Web Development | Juan Carlos - Frontend & Backend Solutions", description: "Discover our innovative web solutions that revolutionize digital experiences through cutting-edge technologies.", images: [ { url: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/movinglake.jpg-DgdR0Rro26b57BB3aKF2FfDzWIS2eg.jpeg", width: 1200, height: 630, alt: "Web Development Portfolio", }, ], }, } export default function WebPage() { return ( ) } [V0_FILE]typescriptreact:file="app/work/web/components/HeroSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function HeroSection() { return ( {/ Upper Content Area /} Web Excellence Through Innovation From high-traffic websites to e-commerce platforms, we create powerful web experiences that transform businesses and delight users with modern, responsive designs. {/ Hero Image Area /} Web Development Building powerful web solutions with React, Next.js, and modern web technologies. 01 / 03 ) } [V0_FILE]typescriptreact:file="app/work/web/components/ProjectDetailsSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function ProjectDetailsSection() { return ( FEATURED PROJECTS High-Impact Web Solutions Leading the development of transformative web applications that serve thousands of users. Our projects include MovingLake's e-commerce platform generating $500,000 in monthly revenue and high-traffic websites receiving over 100,000 monthly visitors. Key Achievements Developed scalable e-commerce platforms with React and Next.js Implemented CI/CD pipelines for automated deployments Created comprehensive design systems with Tailwind CSS Added internationalization support for global accessibility ) } [V0_FILE]typescriptreact:file="app/work/web/components/ServicesSection.tsx" isQuickEdit="true" isMerged="true" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" type ServiceItem = { type: "text" | "image" icon?: string title?: string description?: string image?: string alt?: string } const services: ServiceItem[] = [ { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Frontend Development", description: "Building responsive interfaces with React, Next.js, and TypeScript for optimal user experiences.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/frontende_development.jpg-MLquzGoL7E6B9t0haGhr6sl6QXwcuv.jpeg", alt: "Frontend development showcase with luxury UI design", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Backend Architecture", description: "Creating robust backend solutions with Django, Node.js, and PostgreSQL for scalable applications.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/backend_architecture.jpg-MOSVkXjNDIalM13B5uljEWvuQHlksn.jpeg", alt: "Backend architecture visualization", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "E-commerce Solutions", description: "Developing comprehensive e-commerce platforms with secure payment processing and inventory management.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/ecommerce.jpg-URBYvHfHsTGvK3T716Krt2y0uMGuEQ.jpeg", alt: "E-commerce mobile application interface", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Cloud Infrastructure", description: "Deploying applications on AWS with Docker and Kubernetes for optimal performance and scalability.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/cloud_computing.jpg-opou1RqANAscSKlAF7zDQj6f755vQP.jpeg", alt: "Cloud infrastructure visualization", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Performance Optimization", description: "Enhancing website speed and performance through caching, code splitting, and database optimization.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/performance_optimization.jpg-R0KLCrjfRVVZYMrcpz9pQHIYwKERa0.jpeg", alt: "Web performance metrics dashboard", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Internationalization", description: "Implementing multi-language support and region-specific features for global accessibility.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/internationalization.jpg-m3WbLhaHleSFWxfBlhcg7cFDUm0fDL.jpeg", alt: "Global internationalization map", }, ] export default function ServicesSection() { return ( EXPERTISE Web Development Technologies & Services Comprehensive web development solutions leveraging modern technologies and best practices for optimal performance and user experience. {services.map((item, index) => item.type === "text" ? ( {item.title} {item.description} ) : ( ), )} ) } [V0_FILE]typescriptreact:file="app/work/branding/page.tsx" isMerged="true" import type { Metadata } from "next" import HeroSection from "./components/HeroSection" import StatisticsSection from "./components/StatisticsSection" import ProjectDetailsSection from "./components/ProjectDetailsSection" import ServicesSection from "./components/ServicesSection" import CTASection from "../casai/components/CTASection" // Reusing the CTA component export const metadata: Metadata = { title: "Branding | Juan Carlos - Identity & Visual Design", description: "Explore our branding portfolio featuring unique visual identities and brand strategies, showcasing expertise in creating memorable and impactful brand experiences.", openGraph: { title: "Branding | Juan Carlos - Identity & Visual Design", description: "Discover our innovative branding solutions that help businesses establish strong identities and connect with their audiences.", images: [ { url: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-01-20%20at%2016.59.01-ibCB67QY10et58WW1RgWTpbuaUJdTl.jpeg", width: 1200, height: 630, alt: "Branding Portfolio", }, ], }, } export default function BrandingPage() { return ( ) } [V0_FILE]typescriptreact:file="app/work/branding/components/HeroSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function HeroSection() { return ( {/ Upper Content Area /} Brand Excellence Through Innovation From unique visual identities to comprehensive brand strategies, we create powerful brand experiences that connect with audiences and elevate businesses in their markets. {/ Hero Image Area /} Brand Development Creating distinctive brand identities and strategies that resonate with target audiences. 01 / 03 ) } [V0_FILE]typescriptreact:file="app/work/branding/components/StatisticsSection.tsx" isQuickEdit="true" isMerged="true" import Image from "next/image" type StatType = { number: string plus?: boolean label: string sublabel: string avatars?: string[] } const stats: StatType[] = [ { number: "25", plus: true, label: "Brand Identities", sublabel: "Created & Launched", avatars: [ "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", ], }, { number: "40", plus: true, label: "Brand Recognition", sublabel: "Percentage Increase", }, { number: "95", label: "Client Satisfaction", sublabel: "Percentage Rate", }, ] export default function StatisticsSection() { return ( IMPACT Transforming Businesses Through Brand Innovation {stats.map((stat, index) => ( {stat.number} {stat.plus && +} {stat.label} {stat.sublabel} {stat.avatars && ( {stat.avatars.map((avatar, i) => ( ))} )} ))} ) } [V0_FILE]typescriptreact:file="app/work/branding/components/ProjectDetailsSection.tsx" isMerged="true" import Image from "next/image" import { ArrowRight } from "lucide-react" export default function ProjectDetailsSection() { return ( FEATURED PROJECTS Distinctive Brand Identities Creating memorable and impactful brand identities that help businesses stand out in their markets. Our branding projects focus on developing unique visual languages and consistent brand experiences across all touchpoints. Key Achievements Developed comprehensive brand identity systems Created brand guidelines for consistent implementation Designed memorable logos and visual elements Implemented brand strategies that increased recognition ) } [V0_FILE]typescriptreact:file="app/work/branding/components/ServicesSection.tsx" isQuickEdit="true" isMerged="true" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" type ServiceItem = { type: "text" | "image" icon?: string title?: string description?: string image?: string alt?: string } const services: ServiceItem[] = [ { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Brand Strategy", description: "Developing comprehensive brand strategies that align with business goals and resonate with target audiences.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/brand_strategy.jpg-fMHFt0FyxEqLjJOkvEGsA7YIDT88nB.jpeg", alt: "Brand strategy analytics dashboard", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Visual Identity", description: "Creating distinctive visual systems including logos, color palettes, typography, and graphic elements.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/visual_identity.jpg-C6lFahhghWx88ZhqntqmbzSVT7pVZE.jpeg", alt: "Visual identity design tools", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Brand Guidelines", description: "Developing comprehensive documentation to ensure consistent brand implementation across all touchpoints.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/brand_guidelines.jpg-fpXTxOIuSONcaakm7sbhbyH5lXCDYE.jpeg", alt: "Brand guidelines development interface", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Brand Messaging", description: "Crafting compelling brand stories, taglines, and messaging frameworks that communicate brand values.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/brand_messaging.jpg-ATvKnZEGKx5YT78n9KD7gTHVtVH8xB.jpeg", alt: "Brand messaging and communication", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Brand Applications", description: "Implementing brand identity across various media including print, digital, packaging, and environmental design.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/brand_application.jpg-unQ9vF25ilD8GmjtWoWTkclMew7S8o.jpeg", alt: "Brand application on website", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Brand Audits", description: "Analyzing existing brand assets and performance to identify opportunities for improvement and refinement.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/brand_audit.jpg-3IdDQYKa8KAZ0nTpUkXnNDeIfLU7wd.jpeg", alt: "Brand audit examples", }, ] export default function ServicesSection() { return ( EXPERTISE Branding Services & Capabilities Comprehensive branding solutions leveraging strategic thinking and creative excellence to build memorable and effective brand identities. {services.map((item, index) => item.type === "text" ? ( {item.title} {item.description} ) : ( ), )} ) } [V0_FILE]typescriptreact:file="app/work/web/components/StatisticsSection.tsx" isQuickEdit="true" isMerged="true" import Image from "next/image" type StatType = { number: string plus?: boolean label: string sublabel: string avatars?: string[] } const stats: StatType[] = [ { number: "500K", plus: true, label: "Monthly Revenue", sublabel: "E-commerce Platform", avatars: [ "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", "/placeholder.svg?height=32&width=32", ], }, { number: "100K", plus: true, label: "Monthly Visitors", sublabel: "High-Traffic Websites", }, { number: "99.9", label: "Uptime Percentage", sublabel: "Platform Reliability", }, ] export default function StatisticsSection() { return ( IMPACT Transforming Businesses Through Web Innovation {stats.map((stat, index) => ( {stat.number} {stat.plus && +} {stat.label} {stat.sublabel} {stat.avatars && ( {stat.avatars.map((avatar, i) => ( ))} )} ))} ) } [V0_FILE]typescriptreact:file="app/work/design/components/ServicesSection.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" type ServiceItem = { type: "text" | "image" icon?: string title?: string description?: string image?: string alt?: string } const services: ServiceItem[] = [ { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "UI/UX Design", description: "Creating intuitive user interfaces and experiences that guide visitors toward conversion goals.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/ux_ui_design.jpg-fGEH1WnuUcIu6tASZ7c0AANqNwBqr6.jpeg", alt: "Figma UI/UX design interface showing design tools", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Responsive Web Design", description: "Ensuring perfect functionality and appearance across all devices, from mobile phones to large desktop screens.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/responsive.jpg-2NAVaKis8cwWKRyIvGSndeFLrmQQma.jpeg", alt: "Tailwind CSS logo with colorful background for responsive design", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "Performance Optimization", description: "Enhancing website speed and performance for better user experience and search engine rankings.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/performance.jpg-o2N7l13KklXwFpczHTr7PML92HXQt2.jpeg", alt: "Lighthouse Chrome Plugin showing website performance metrics", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "E-commerce Solutions", description: "Building robust online stores with secure payment processing and inventory management systems.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/ecommerce.jpg-g46lMkoZiZ6GfonVanmsV3r24YB3zR.jpeg", alt: "Shopify logo representing e-commerce solutions", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "CMS Implementation", description: "Setting up content management systems that empower clients to easily update their website content.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/cms.jpg-TvHzMD3JyKCKag6K03UQ1DMMXIYL8A.jpeg", alt: "Prismic CMS interface on a tablet with colorful design", }, { type: "text", icon: "/placeholder.svg?height=40&width=40", title: "SEO & Analytics Integration", description: "Implementing search engine optimization best practices and comprehensive analytics tracking.", }, { type: "image", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/seo.jpg-eJZhpqRWXztpdoZTaKNx7bQPS0b3GL.jpeg", alt: "Google Analytics dashboard on a smartphone showing colorful charts and metrics", }, ] export default function ServicesSection() { return ( EXPERTISE Web Design Services & Solutions Comprehensive web design and development solutions leveraging modern technologies and best practices for optimal user experience and business results. {services.map((item, index) => item.type === "text" ? ( {item.title} {item.description} ) : ( ), )} ) } [V0_FILE]typescriptreact:file="app/terms_and_conditions/page.tsx" isEdit="true" isMerged="true" import type { Metadata } from "next" import Link from "next/link" import { cookies } from "next/headers" import { getDictionary } from "@/dictionaries/dictionaries" export async function generateMetadata(): Promise { const cookieStore = cookies() const locale = cookieStore.get("locale")?.value || "en" const dict = await getDictionary(locale) return { title: dict.termsAndConditions.meta.title, description: dict.termsAndConditions.meta.description, } } export default async function TermsAndConditions() { const cookieStore = cookies() const locale = cookieStore.get("locale")?.value || "en" const dict = await getDictionary(locale) return ( {dict.termsAndConditions.title} {/ Introduction /} {dict.termsAndConditions.introduction.title} {dict.termsAndConditions.introduction.content1} {dict.termsAndConditions.introduction.content2} {/ Services /} {dict.termsAndConditions.services.title} {dict.termsAndConditions.services.content} {dict.termsAndConditions.services.service1} {dict.termsAndConditions.services.service2} {dict.termsAndConditions.services.service3} {dict.termsAndConditions.services.service4} {dict.termsAndConditions.services.service5} {/ Project Engagement /} {dict.termsAndConditions.engagement.title} {dict.termsAndConditions.engagement.content} {dict.termsAndConditions.engagement.item1} {dict.termsAndConditions.engagement.item2} {dict.termsAndConditions.engagement.item3} {dict.termsAndConditions.engagement.item4} {dict.termsAndConditions.engagement.additional} {/ Intellectual Property /} {dict.termsAndConditions.intellectualProperty.title} {dict.termsAndConditions.intellectualProperty.content} {dict.termsAndConditions.intellectualProperty.exception1} {dict.termsAndConditions.intellectualProperty.exception2} {dict.termsAndConditions.intellectualProperty.exception3} {dict.termsAndConditions.intellectualProperty.additional} {/ Payment Terms /} {dict.termsAndConditions.payment.title} {dict.termsAndConditions.payment.content} {dict.termsAndConditions.payment.term1} {dict.termsAndConditions.payment.term2} {dict.termsAndConditions.payment.term3} {dict.termsAndConditions.payment.term4} {dict.termsAndConditions.payment.term5} {/ Confidentiality /} {dict.termsAndConditions.confidentiality.title} {dict.termsAndConditions.confidentiality.content} {/ Limitation of Liability /} {dict.termsAndConditions.liability.title} {dict.termsAndConditions.liability.content} {/ Termination /} {dict.termsAndConditions.termination.title} {dict.termsAndConditions.termination.content} {/ Governing Law /} {dict.termsAndConditions.governingLaw.title} {dict.termsAndConditions.governingLaw.content} {/ Contact Information /} {dict.termsAndConditions.contact.title} {dict.termsAndConditions.contact.content} {dict.termsAndConditions.contact.email} {dict.termsAndConditions.contact.phone} {dict.termsAndConditions.contact.location} {/ Footer /} {dict.termsAndConditions.footer.lastUpdated} {dict.termsAndConditions.footer.returnHome} ) } [V0_FILE]typescriptreact:file="dictionaries/dictionaries.tsx" isQuickEdit="true" isMerged="true" export async function getDictionary(locale: string) { switch (locale) { case "es": return (await import("../dictionaries/es")).es case "en": default: return (await import("../dictionaries/en")).en } } [V0_FILE]typescriptreact:file="app/privacy_policy/page.tsx" isEdit="true" isMerged="true" import type { Metadata } from "next" import Link from "next/link" import { cookies } from "next/headers" import { getDictionary } from "@/dictionaries/dictionaries" export async function generateMetadata(): Promise { const cookieStore = cookies() const locale = cookieStore.get("locale")?.value || "en" const dict = await getDictionary(locale) return { title: "Privacy Policy | Juan Carlos Jirón", description: "Privacy policy for software engineering consulting services provided by Juan Carlos Jirón.", } } export default async function PrivacyPolicy() { const cookieStore = cookies() const locale = cookieStore.get("locale")?.value || "en" const dict = await getDictionary(locale) // Fallback content in case translations are missing const content = { title: "Privacy Policy", introduction: { title: "1. Introduction", content1: "This Privacy Policy explains how I, Juan Carlos Jirón, collect, use, and protect your personal information when you use my software engineering consulting services or visit my portfolio website.", content2: "I am committed to ensuring that your privacy is protected. Any information you provide will only be used in accordance with this privacy statement.", }, informationCollected: { title: "2. Information Collected", content: "I may collect the following information:", item1: "Name and job title", item2: "Contact information including email address and phone number", item3: "Company information", item4: "Project requirements and specifications", item5: "Website usage data through analytics", additional: "I collect this information to understand your needs and provide you with better service.", }, useOfInformation: { title: "3. Use of Information", content: "I use the information collected for the following purposes:", purpose1: "To provide the consulting services you have requested", purpose2: "To improve my services and website based on your feedback", purpose3: "To communicate with you about your project", purpose4: "To send periodic emails regarding your project or other services that may be of interest to you", purpose5: "To maintain records of our professional relationship", }, dataSecurity: { title: "4. Data Security", content1: "I am committed to ensuring that your information is secure. I have implemented suitable physical, electronic, and managerial procedures to safeguard and secure the information I collect to prevent unauthorized access or disclosure.", content2: "All electronic communications and data transfers are encrypted using industry-standard protocols.", }, thirdPartyServices: { title: "5. Third-Party Services", content1: "I may use third-party services to help me operate my business and this website or administer activities on my behalf, such as sending emails or analyzing website usage.", content2: "These third parties have their own privacy policies and I recommend you review their policies as I cannot accept responsibility for their privacy practices.", services: "Third-party services I may use include:", service1: "Google Analytics for website usage statistics", service2: "Email service providers for communication", service3: "Cloud storage providers for secure document storage", service4: "Project management tools for tracking project progress", }, userRights: { title: "6. Your Rights", content: "You have the following rights regarding your personal data:", right1: "The right to access your personal data", right2: "The right to request correction of inaccurate data", right3: "The right to request deletion of your data", right4: "The right to restrict processing of your data", right5: "The right to data portability", right6: "The right to object to the processing of your data", exercise: "To exercise any of these rights, please contact me using the information provided in the Contact section.", }, cookies: { title: "7. Cookies Policy", content1: "This website uses cookies to improve your experience. Cookies are small files that a site or its service provider transfers to your computer's hard drive through your web browser that enables the site to recognize your browser and capture and remember certain information.", content2: "I use cookies to understand and save your preferences for future visits and compile aggregate data about site traffic and site interaction so that I can offer better site experiences in the future.", types: "The types of cookies used on this website include:", type1: "Essential cookies: Necessary for the website to function properly", type2: "Analytics cookies: Help me understand how visitors interact with my website", type3: "Preference cookies: Allow the website to remember choices you make", manage: "You can choose to have your computer warn you each time a cookie is being sent, or you can choose to turn off all cookies through your browser settings.", }, changes: { title: "8. Changes to This Privacy Policy", content: "I may update this Privacy Policy from time to time. Any changes will be posted on this page with an updated revision date. I encourage you to review this Privacy Policy periodically to stay informed about how I am protecting your information.", }, contact: { title: "9. Contact Information", content: "If you have any questions about this Privacy Policy or my data practices, please contact me at:", email: "Email: jironjuarezjuan@outlook.com", phone: "Phone: (+52) 55 83 67 99 08", location: "Location: Mexico City, Mexico", }, footer: { lastUpdated: "Last updated: March 11, 2025", returnHome: "Return to Homepage", }, } // Use translations if available, otherwise use fallback content const privacyPolicy = dict.privacyPolicy || content return ( {privacyPolicy.title} {/ Introduction /} {privacyPolicy.introduction.title} {privacyPolicy.introduction.content1} {privacyPolicy.introduction.content2} {/ Information Collected /} {privacyPolicy.informationCollected.title} {privacyPolicy.informationCollected.content} {privacyPolicy.informationCollected.item1} {privacyPolicy.informationCollected.item2} {privacyPolicy.informationCollected.item3} {privacyPolicy.informationCollected.item4} {privacyPolicy.informationCollected.item5} {privacyPolicy.informationCollected.additional} {/ Use of Information /} {privacyPolicy.useOfInformation.title} {privacyPolicy.useOfInformation.content} {privacyPolicy.useOfInformation.purpose1} {privacyPolicy.useOfInformation.purpose2} {privacyPolicy.useOfInformation.purpose3} {privacyPolicy.useOfInformation.purpose4} {privacyPolicy.useOfInformation.purpose5} {/ Data Security /} {privacyPolicy.dataSecurity.title} {privacyPolicy.dataSecurity.content1} {privacyPolicy.dataSecurity.content2} {/ Third-Party Services /} {privacyPolicy.thirdPartyServices.title} {privacyPolicy.thirdPartyServices.content1} {privacyPolicy.thirdPartyServices.content2} {privacyPolicy.thirdPartyServices.services} {privacyPolicy.thirdPartyServices.service1} {privacyPolicy.thirdPartyServices.service2} {privacyPolicy.thirdPartyServices.service3} {privacyPolicy.thirdPartyServices.service4} {/ User Rights /} {privacyPolicy.userRights.title} {privacyPolicy.userRights.content} {privacyPolicy.userRights.right1} {privacyPolicy.userRights.right2} {privacyPolicy.userRights.right3} {privacyPolicy.userRights.right4} {privacyPolicy.userRights.right5} {privacyPolicy.userRights.right6} {privacyPolicy.userRights.exercise} {/ Cookies Policy /} {privacyPolicy.cookies.title} {privacyPolicy.cookies.content1} {privacyPolicy.cookies.content2} {privacyPolicy.cookies.types} {privacyPolicy.cookies.type1} {privacyPolicy.cookies.type2} {privacyPolicy.cookies.type3} {privacyPolicy.cookies.manage} {/ Changes to Policy /} {privacyPolicy.changes.title} {privacyPolicy.changes.content} {/ Contact Information /} {privacyPolicy.contact.title} {privacyPolicy.contact.content} {privacyPolicy.contact.email} {privacyPolicy.contact.phone} {privacyPolicy.contact.location} {/ Footer /} {privacyPolicy.footer.lastUpdated} {privacyPolicy.footer.returnHome} ) } [V0_FILE]typescriptreact:file="app/about/page.tsx" isEdit="true" isQuickEdit="true" import Image from "next/image" import Link from "next/link" import { Button } from "@/components/ui/button" import { Progress } from "@/components/ui/progress" import type { Metadata } from "next" export const metadata: Metadata = { title: "About Juan Carlos | Software Engineering & Design Excellence", description: "Learn about Juan Carlos's 7+ years of experience in software engineering, web development, and digital innovation. Discover our proven track record of delivering exceptional results for clients worldwide.", keywords: [ "about Juan Carlos", "software engineer background", "web development experience", "technical expertise", "development skills", "software engineering career", "professional background", "tech leadership", "development portfolio", "Mexico City developer", ], openGraph: { title: "About Juan Carlos | Software Engineering & Design Excellence", description: "Discover the expertise and innovation behind our software engineering and design services. Learn about our journey, skills, and commitment to excellence.", type: "website", url: "https://juancarlosjiron.com/about", images: [ { url: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_2292-019aWEtaQKO4sx5JgMnU206SpQrOH0.webp", width: 1200, height: 630, alt: "Juan Carlos - Software Engineering & Design Excellence", }, ], }, twitter: { card: "summary_large_image", title: "About Juan Carlos | Software Engineering & Design Excellence", description: "Discover the expertise and innovation behind our software engineering and design services. Learn about our journey, skills, and commitment to excellence.", images: ["https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_2292-019aWEtaQKO4sx5JgMnU206SpQrOH0.webp"], }, alternates: { canonical: "https://juancarlosjiron.com/about", }, authors: [{ name: "Juan Carlos Jiron" }], category: "Technology", robots: { index: true, follow: true, googleBot: { index: true, follow: true, "max-video-preview": -1, "max-image-preview": "large", "max-snippet": -1, }, }, } export default function AboutPage() { return ( {/ Hero Section /} About Us Home / About Us {/ Main Content Section /} About Us We Always Make The Best With over 7 years of experience in software development and design, we bring technical excellence and creative innovation to every project. Our commitment to quality and attention to detail ensures outstanding results for our clients. {/ Skills Section /} Our Skills We excel in multiple disciplines, bringing together technical expertise and creative innovation to deliver exceptional results. {[ { name: "Web Development", value: 85 }, { name: "UI/UX Design", value: 90 }, { name: "Mobile Development", value: 77 }, ].map((skill) => ( {skill.name} {skill.value}% ))} {[ { number: "20+", label: "Years Of Experience" }, { number: "1,000+", label: "Projects Done" }, { number: "300+", label: "Satisfied Clients" }, { number: "64", label: "Certified Awards" }, ].map((stat) => ( {stat.number} {stat.label} ))} {/ CTA Section */} Hire Us Now We Are Always Ready To Take A Perfect Shot ) }

Transforming Hospitality Through Technology

Casai Mobile App

You Can Be Sure That Every Trip Always Results In A Very Positive Collaboration

Innovative Solutions for Modern Hospitality

Key Achievements

Technologies & Tools Used In This Project

{item.title}

Ready to Build Something Amazing?

Modern Solutions for Digital Platforms

MovingLake Platform

Building the Future of Digital Sales

Key Achievements

Technologies & Tools Used In This Project

{item.title}

Delivering Measurable Results Through Digital Innovation

Revolutionizing Healthcare Delivery

FESA Delivery App

Innovative Healthcare Logistics

Key Achievements

Technologies & Tools Used In This Project

{item.title}

Making Healthcare Accessible Across Mexico

Engineering Excellence Through Leadership

Software Engineering Leadership

Technical Leadership & Innovation

Key Responsibilities

Technical Excellence Through Leadership

{item.title}

Driving Technical Excellence Through Leadership

Enterprise Solutions for Global Clients

Enterprise Development

Enterprise-Level Solutions

Key Achievements

Enterprise Solutions & Banking Systems

{item.title}

Delivering Enterprise Solutions at Scale

Full Stack Solutions for Enterprise Support

Technical Support System

Enterprise Support Solutions

Key Achievements

Full Stack Development for Enterprise Support

{item.title}

Streamlining Enterprise Support Operations

Banking Loyalty Redefined

Loyalty Program Platform

Modern Banking Solutions

Key Achievements

Technologies & Tools Used In This Project

{item.title}

Delivering Excellence in Banking Solutions

Android Development Excellence

Android Development

Android Development Excellence

Key Achievements

Technologies & Expertise

{item.title}

Delivering Results Through Technical Excellence

Design Your Digital Future with the Experts

You Can Be Sure That Every Trip Always Results In A Very Positive Collaboration

We work to an extremely high standard of customer satisfaction

{service.title}

Mobile Excellence Through Innovation

Android Development

Transforming Industries Through Mobile Innovation

Nationwide Mobile Solutions

Key Achievements

Mobile Development Technologies & Services

{item.title}

{dictionary.main.title.split(" ").map((word, index) => { if (word === "engineer") { return ( {word} ) } return {word} })}

{service.title}

{dictionary.featuredWork.title.split(" ").map((word, i) => ( {word} {i === 0 && } {i !== 0 && i !== dictionary.featuredWork.title.split(" ").length - 1 && " "} ))}

{category.title}

{dictionary.expertise.title.split(" ").map((word, i) => ( {word} {i === 0 && } {i !== 0 && i !== dictionary.expertise.title.split(" ").length - 1 && " "} ))}

{service.title}

{dictionary.runningProject.title.split(" ").map((word, i) => ( {word} {i === 0 && } {i !== 0 && i !== dictionary.runningProject.title.split(" ").length - 1 && " "} ))}

{dictionary.testimonials.title.split(" ").map((word, i) => ( {word} {i === 0 && } {i !== 0 && i !== dictionary.testimonials.title.split(" ").length - 1 && " "} ))}

{dictionary.contact.title}

{dictionary.contact.subtitle}

Web Design That Converts

Responsive Web Design

Transforming Hospitality
Through Technology

Technologies & Tools Used
In This Project

Modern Solutions for
Digital Platforms

Technologies & Tools Used
In This Project

Revolutionizing
Healthcare Delivery

Technologies & Tools Used
In This Project

Engineering Excellence
Through Leadership

Technical Excellence
Through Leadership

Enterprise Solutions
for Global Clients

Enterprise Solutions
& Banking Systems

Full Stack Solutions
for Enterprise Support

Full Stack Development
for Enterprise Support

Banking Loyalty
Redefined

Technologies & Tools Used
In This Project

Android Development
Excellence

Technologies &
Expertise

Design Your Digital Future
with the Experts

Mobile Excellence
Through Innovation

Mobile Development
Technologies & Services

{dictionary.featuredWork.title.split(" ").map((word, i) => ( {word} {i === 0 &&
} {i !== 0 && i !== dictionary.featuredWork.title.split(" ").length - 1 && " "} ))}

{dictionary.expertise.title.split(" ").map((word, i) => ( {word} {i === 0 &&
} {i !== 0 && i !== dictionary.expertise.title.split(" ").length - 1 && " "} ))}

{dictionary.runningProject.title.split(" ").map((word, i) => ( {word} {i === 0 &&
} {i !== 0 && i !== dictionary.runningProject.title.split(" ").length - 1 && " "} ))}

{dictionary.testimonials.title.split(" ").map((word, i) => ( {word} {i === 0 &&
} {i !== 0 && i !== dictionary.testimonials.title.split(" ").length - 1 && " "} ))}

Web Design
That Converts

Web Excellence
Through Innovation

Web Development
Technologies & Services

Brand Excellence
Through Innovation

Branding
Services & Capabilities

Web Design
Services & Solutions

About

Tags

Share

More from jcjiron

More Templates Like This

About

Tags

Share

About

Tags

Share

More from jcjiron

More Templates Like This