import { Head } from '@inertiajs/react'; import Layout from '@/Components/Layout'; import { Card, CardContent } from '@/components/ui/card'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Users, Target, Award, Globe, Sparkles, TrendingUp, Heart, Shield, Zap, Code2, Briefcase, CheckCircle2, ArrowRight, Building2, FileCode, Layers, Atom, Triangle, Server, FileType, Database, Cloud, Package, Smartphone, Boxes } from 'lucide-react'; import { useEffect, useRef, useState } from 'react'; import { Link } from '@inertiajs/react'; interface PageProps { page: { slug: string; title: string; body_html: string; meta_title?: string; meta_desc?: string; }; } // Animated Counter Component function Counter({ end, duration = 2000, suffix = '' }: { end: number; duration?: number; suffix?: string }) { const [count, setCount] = useState(0); const [isVisible, setIsVisible] = useState(false); const ref = useRef(null); useEffect(() => { const observer = new IntersectionObserver( ([entry]) => { if (entry.isIntersecting && !isVisible) { setIsVisible(true); } }, { threshold: 0.1 } ); if (ref.current) { observer.observe(ref.current); } return () => observer.disconnect(); }, [isVisible]); useEffect(() => { if (!isVisible) return; const increment = end / (duration / 16); let current = 0; const timer = setInterval(() => { current += increment; if (current >= end) { setCount(end); clearInterval(timer); } else { setCount(Math.floor(current)); } }, 16); return () => clearInterval(timer); }, [isVisible, end, duration]); return (
{count}{suffix}
); } export default function AboutUs({ page }: PageProps) { const teamMembers = [ { name: 'Team Member', role: 'CEO & Founder', image: '/img/team1.png' }, { name: 'Team Member', role: 'CTO', image: '/img/team2.png' }, { name: 'Team Member', role: 'Lead Developer', image: '/img/team5.png' }, { name: 'Team Member', role: 'UI/UX Designer', image: '/img/team6.png' }, ]; return ( {page.meta_desc && } {/* Hero Section - Light Modern Style */}
{/* Subtle Mesh Gradient Background */}
{/* Grid Pattern - very subtle */}
About Our Company

Hope & Innovation{' '} For Your Business

We're a passionate team of developers, designers, and innovators dedicated to transforming your digital vision into reality.

{/* Stats Section - Light with Colorful Counters */}
Years Experience
Projects Completed
Happy Clients
Satisfaction Rate
{/* Company Story Section */}
{/* Text Content */}
Our Story

Building Digital Excellence Since{' '} 2016

Home Tech is a software and web development company dedicated to providing Hope & Innovation for your digital business needs. We deliver high-quality, cost-effective solutions that help businesses grow online.

Our dedicated team of professionals includes developers, designers, project managers, and QA specialists who are passionate about delivering outstanding results.

ISO Certified
Award Winning
24/7 Support
{/* Image */}
About Home Tech {/* Floating Badge */}
10+
Years
{/* Core Values Section */}
Our Core Values

What Makes Us{' '} Different

Our commitment to excellence drives everything we do

{/* Value 1 */}

Excellent Price-Quality Ratio

Despite excellent quality, our costs are lower than the industry average. We provide detailed expense lists so you know exactly what you are paying for.

{/* Value 2 */}

Understand Client Needs

We carefully study each case to understand the client's needs and objectives and deliver a dependable solution. We make you aware of all available options.

{/* Value 3 */}

Full Commitment

We work hard to satisfy every customer and hope you will stay with us for years — like many of our clients do.

{/* Why Choose Us Features */}

Why Choose{' '} Home Tech

Expert Team

Skilled professionals dedicated to your success

Client Focused

Your goals drive our innovative solutions

Quality First

Excellence in every line of code we write

Global Reach

Serving clients across multiple countries

{/* Tech Stack */}
Technologies We Master

Cutting-Edge{' '} Technology Stack

We work with the latest technologies to build scalable, modern solutions

{/* PHP */}
PHP
{/* Laravel */}
Laravel
{/* React */}
React
{/* Vue.js */}
Vue.js
{/* Node.js */}
Node.js
{/* TypeScript */}
TypeScript
{/* MySQL */}
MySQL
{/* MongoDB */}
MongoDB
{/* AWS */}
AWS
{/* Docker */}
Docker
{/* iOS */}
iOS
{/* Android */}
Android
{/* Team Section */}
Meet Our Team

The People Behind{' '} Your Success

Talented professionals passionate about delivering excellence

{teamMembers.map((member, index) => (
{member.name}

{member.name}

{member.role}

))}
{/* Final CTA Section */}
{/* Animated Background */}

Ready to Start Your
Next Project?

Let's work together to bring your digital vision to life. Get in touch with us today!

); }