import React from 'react'; import { motion, useReducedMotion } from 'framer-motion'; import { Package } from 'lucide-react'; const fadeUpPreset = (delay = 0, duration = 1.2) => ({ initial: { opacity: 0, y: 20 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true, amount: 0.2 }, transition: { delay, duration, ease: "easeOut" } }); const Hero = () => { const shouldReduceMotion = useReducedMotion(); if (shouldReduceMotion) { return (

AI-powered
web and mobile
in 12 weeks

Powered by
n8n
{/* Tech Stack */}
{[ { name: 'React', color: 'bg-blue-100 text-blue-700' }, { name: 'Node.js', color: 'bg-green-100 text-green-700' }, { name: 'NestJS', color: 'bg-red-100 text-red-700' }, { name: 'MySQL', color: 'bg-orange-100 text-orange-700' }, { name: 'MongoDB', color: 'bg-green-100 text-green-700' }, { name: 'Nginx', color: 'bg-green-100 text-green-700' }, { name: 'Redis', color: 'bg-red-100 text-red-700' }, { name: 'TypeScript', color: 'bg-blue-100 text-blue-700' } ].map((tech, index) => ( #{tech.name.toLowerCase()} ))}
); } return (
AI-powered
web and mobile
in 12 weeks
Powered by
n8n
{/* Tech Stack */} {[ { name: 'React', color: 'bg-blue-100 text-blue-700' }, { name: 'Node.js', color: 'bg-green-100 text-green-700' }, { name: 'NestJS', color: 'bg-red-100 text-red-700' }, { name: 'MySQL', color: 'bg-orange-100 text-orange-700' }, { name: 'MongoDB', color: 'bg-green-100 text-green-700' }, { name: 'Nginx', color: 'bg-green-100 text-green-700' }, { name: 'Redis', color: 'bg-red-100 text-red-700' }, { name: 'TypeScript', color: 'bg-blue-100 text-blue-700' } ].map((tech, index) => ( #{tech.name.toLowerCase()} ))}
); }; export default Hero;