export default function HomePage() {
return (

{/* Hero Section */} Innovative Software. Futuristic Solutions. We craft digital experiences and powerful software that help businesses grow in the era of technology. Explore Services Get in Touch

  {/* About Section */}
  <section className="py-20 px-6 text-center bg-gray-950">
    <h2 className="text-4xl font-bold text-cyan-400 mb-6">Who We Are</h2>
    <p className="max-w-3xl mx-auto text-gray-300 text-lg">
      We are a team of developers, designers, and tech enthusiasts passionate about transforming ideas into reality.
      Our mission: to deliver scalable, secure, and innovative solutions — from websites to advanced software systems.
    </p>
  </section>

  {/* Services Section */}
  <section className="py-20 px-6 bg-black">
    <h2 className="text-4xl font-bold text-center text-cyan-400 mb-12">Our Expertise</h2>
    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-6xl mx-auto">
      <Card className="bg-gray-900 text-center p-6 rounded-2xl shadow-lg border border-cyan-600">
        <CardContent>
          <Globe className="w-12 h-12 mx-auto text-cyan-400 mb-4" />
          <h3 className="text-xl font-semibold mb-2">Web Development</h3>
          <p className="text-gray-400 text-sm">Responsive websites, e-commerce, and custom platforms.</p>
        </CardContent>
      </Card>

      <Card className="bg-gray-900 text-center p-6 rounded-2xl shadow-lg border border-purple-600">
        <CardContent>
          <Cpu className="w-12 h-12 mx-auto text-purple-400 mb-4" />
          <h3 className="text-xl font-semibold mb-2">Software Development</h3>
          <p className="text-gray-400 text-sm">Tailored apps and systems to empower your business growth.</p>
        </CardContent>
      </Card>

      <Card className="bg-gray-900 text-center p-6 rounded-2xl shadow-lg border border-green-600">
        <CardContent>
          <Code className="w-12 h-12 mx-auto text-green-400 mb-4" />
          <h3 className="text-xl font-semibold mb-2">Emerging Tech</h3>
          <p className="text-gray-400 text-sm">AI, blockchain, and cloud solutions for the future.</p>
        </CardContent>
      </Card>

      <Card className="bg-gray-900 text-center p-6 rounded-2xl shadow-lg border border-pink-600">
        <CardContent>
          <Settings className="w-12 h-12 mx-auto text-pink-400 mb-4" />
          <h3 className="text-xl font-semibold mb-2">Consulting</h3>
          <p className="text-gray-400 text-sm">Strategic advice, code review, and optimization.</p>
        </CardContent>
      </Card>
    </div>
  </section>

  {/* CTA Section */}
  <section className="py-20 px-6 text-center bg-gradient-to-r from-cyan-600 to-purple-700">
    <h2 className="text-4xl font-bold text-black mb-6">Let’s Build Something Extraordinary</h2>
    <Button className="bg-black text-white text-lg px-8 py-3 rounded-2xl hover:bg-gray-900">
      Contact Us
    </Button>
  </section>

  {/* Footer */}
  <footer className="py-10 text-center bg-black border-t border-gray-800">
    <p className="text-gray-500">© 2025 — Crafted with passion for technology.</p>
  </footer>
</div>

);
}

export default function HomePage() {
return (

{/* Hero Section */} Innovative Software. Futuristic Solutions. We craft digital experiences and powerful software that help businesses grow in the era of technology. Explore Services Get in Touch

  {/* About Section */}
  <section className="py-20 px-6 text-center bg-gray-950">
    <h2 className="text-4xl font-bold text-cyan-400 mb-6">Who We Are</h2>
    <p className="max-w-3xl mx-auto text-gray-300 text-lg">
      We are a team of developers, designers, and tech enthusiasts passionate about transforming ideas into reality.
      Our mission: to deliver scalable, secure, and innovative solutions — from websites to advanced software systems.
    </p>
  </section>

  {/* Services Section */}
  <section className="py-20 px-6 bg-black">
    <h2 className="text-4xl font-bold text-center text-cyan-400 mb-12">Our Expertise</h2>
    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-6xl mx-auto">
      <Card className="bg-gray-900 text-center p-6 rounded-2xl shadow-lg border border-cyan-600">
        <CardContent>
          <Globe className="w-12 h-12 mx-auto text-cyan-400 mb-4" />
          <h3 className="text-xl font-semibold mb-2">Web Development</h3>
          <p className="text-gray-400 text-sm">Responsive websites, e-commerce, and custom platforms.</p>
        </CardContent>
      </Card>

      <Card className="bg-gray-900 text-center p-6 rounded-2xl shadow-lg border border-purple-600">
        <CardContent>
          <Cpu className="w-12 h-12 mx-auto text-purple-400 mb-4" />
          <h3 className="text-xl font-semibold mb-2">Software Development</h3>
          <p className="text-gray-400 text-sm">Tailored apps and systems to empower your business growth.</p>
        </CardContent>
      </Card>

      <Card className="bg-gray-900 text-center p-6 rounded-2xl shadow-lg border border-green-600">
        <CardContent>
          <Code className="w-12 h-12 mx-auto text-green-400 mb-4" />
          <h3 className="text-xl font-semibold mb-2">Emerging Tech</h3>
          <p className="text-gray-400 text-sm">AI, blockchain, and cloud solutions for the future.</p>
        </CardContent>
      </Card>

      <Card className="bg-gray-900 text-center p-6 rounded-2xl shadow-lg border border-pink-600">
        <CardContent>
          <Settings className="w-12 h-12 mx-auto text-pink-400 mb-4" />
          <h3 className="text-xl font-semibold mb-2">Consulting</h3>
          <p className="text-gray-400 text-sm">Strategic advice, code review, and optimization.</p>
        </CardContent>
      </Card>
    </div>
  </section>

  {/* CTA Section */}
  <section className="py-20 px-6 text-center bg-gradient-to-r from-cyan-600 to-purple-700">
    <h2 className="text-4xl font-bold text-black mb-6">Let’s Build Something Extraordinary</h2>
    <Button className="bg-black text-white text-lg px-8 py-3 rounded-2xl hover:bg-gray-900">
      Contact Us
    </Button>
  </section>

  {/* Footer */}
  <footer className="py-10 text-center bg-black border-t border-gray-800">
    <p className="text-gray-500">© 2025 — Crafted with passion for technology.</p>
  </footer>
</div>

);
}

{/* Hero Section */} Innovative Software. Futuristic Solutions. We craft digital experiences and powerful software that help businesses grow in the era of technology. Explore Services Get in Touch

  {/* About Section */}
  <section className="py-20 px-6 text-center bg-gray-950">
    <h2 className="text-4xl font-bold text-cyan-400 mb-6">Who We Are</h2>
    <p className="max-w-3xl mx-auto text-gray-300 text-lg">
      We are a team of developers, designers, and tech enthusiasts passionate about transforming ideas into reality.
      Our mission: to deliver scalable, secure, and innovative solutions — from websites to advanced software systems.
    </p>
  </section>

  {/* Services Section */}
  <section className="py-20 px-6 bg-black">
    <h2 className="text-4xl font-bold text-center text-cyan-400 mb-12">Our Expertise</h2>
    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-6xl mx-auto">
      <Card className="bg-gray-900 text-center p-6 rounded-2xl shadow-lg border border-cyan-600">
        <CardContent>
          <Globe className="w-12 h-12 mx-auto text-cyan-400 mb-4" />
          <h3 className="text-xl font-semibold mb-2">Web Development</h3>
          <p className="text-gray-400 text-sm">Responsive websites, e-commerce, and custom platforms.</p>
        </CardContent>
      </Card>

      <Card className="bg-gray-900 text-center p-6 rounded-2xl shadow-lg border border-purple-600">
        <CardContent>
          <Cpu className="w-12 h-12 mx-auto text-purple-400 mb-4" />
          <h3 className="text-xl font-semibold mb-2">Software Development</h3>
          <p className="text-gray-400 text-sm">Tailored apps and systems to empower your business growth.</p>
        </CardContent>
      </Card>

      <Card className="bg-gray-900 text-center p-6 rounded-2xl shadow-lg border border-green-600">
        <CardContent>
          <Code className="w-12 h-12 mx-auto text-green-400 mb-4" />
          <h3 className="text-xl font-semibold mb-2">Emerging Tech</h3>
          <p className="text-gray-400 text-sm">AI, blockchain, and cloud solutions for the future.</p>
        </CardContent>
      </Card>

      <Card className="bg-gray-900 text-center p-6 rounded-2xl shadow-lg border border-pink-600">
        <CardContent>
          <Settings className="w-12 h-12 mx-auto text-pink-400 mb-4" />
          <h3 className="text-xl font-semibold mb-2">Consulting</h3>
          <p className="text-gray-400 text-sm">Strategic advice, code review, and optimization.</p>
        </CardContent>
      </Card>
    </div>
  </section>

  {/* CTA Section */}
  <section className="py-20 px-6 text-center bg-gradient-to-r from-cyan-600 to-purple-700">
    <h2 className="text-4xl font-bold text-black mb-6">Let’s Build Something Extraordinary</h2>
    <Button className="bg-black text-white text-lg px-8 py-3 rounded-2xl hover:bg-gray-900">
      Contact Us
    </Button>
  </section>

  {/* Footer */}
  <footer className="py-10 text-center bg-black border-t border-gray-800">
    <p className="text-gray-500">© 2025 — Crafted with passion for technology.</p>
  </footer>
</div>

export default function HomePage() {
return (

);
}

import { Button } from “@/components/ui/button”;
import { Card, CardContent } from “@/components/ui/card”;
import { motion } from “framer-motion”;
import { Code, Cpu, Globe, Settings } from “lucide-react”;

export default function HomePage() {
return (

{/* Hero Section */} Innovative Software. Futuristic Solutions. We craft digital experiences and powerful software that help businesses grow in the era of technology. Explore Services Get in Touch

  {/* About Section */}
  <section className="py-20 px-6 text-center bg-gray-950">
    <h2 className="text-4xl font-bold text-cyan-400 mb-6">Who We Are</h2>
    <p className="max-w-3xl mx-auto text-gray-300 text-lg">
      We are a team of developers, designers, and tech enthusiasts passionate about transforming ideas into reality.
      Our mission: to deliver scalable, secure, and innovative solutions — from websites to advanced software systems.
    </p>
  </section>

  {/* Services Section */}
  <section className="py-20 px-6 bg-black">
    <h2 className="text-4xl font-bold text-center text-cyan-400 mb-12">Our Expertise</h2>
    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-6xl mx-auto">
      <Card className="bg-gray-900 text-center p-6 rounded-2xl shadow-lg border border-cyan-600">
        <CardContent>
          <Globe className="w-12 h-12 mx-auto text-cyan-400 mb-4" />
          <h3 className="text-xl font-semibold mb-2">Web Development</h3>
          <p className="text-gray-400 text-sm">Responsive websites, e-commerce, and custom platforms.</p>
        </CardContent>
      </Card>

      <Card className="bg-gray-900 text-center p-6 rounded-2xl shadow-lg border border-purple-600">
        <CardContent>
          <Cpu className="w-12 h-12 mx-auto text-purple-400 mb-4" />
          <h3 className="text-xl font-semibold mb-2">Software Development</h3>
          <p className="text-gray-400 text-sm">Tailored apps and systems to empower your business growth.</p>
        </CardContent>
      </Card>

      <Card className="bg-gray-900 text-center p-6 rounded-2xl shadow-lg border border-green-600">
        <CardContent>
          <Code className="w-12 h-12 mx-auto text-green-400 mb-4" />
          <h3 className="text-xl font-semibold mb-2">Emerging Tech</h3>
          <p className="text-gray-400 text-sm">AI, blockchain, and cloud solutions for the future.</p>
        </CardContent>
      </Card>

      <Card className="bg-gray-900 text-center p-6 rounded-2xl shadow-lg border border-pink-600">
        <CardContent>
          <Settings className="w-12 h-12 mx-auto text-pink-400 mb-4" />
          <h3 className="text-xl font-semibold mb-2">Consulting</h3>
          <p className="text-gray-400 text-sm">Strategic advice, code review, and optimization.</p>
        </CardContent>
      </Card>
    </div>
  </section>

  {/* CTA Section */}
  <section className="py-20 px-6 text-center bg-gradient-to-r from-cyan-600 to-purple-700">
    <h2 className="text-4xl font-bold text-black mb-6">Let’s Build Something Extraordinary</h2>
    <Button className="bg-black text-white text-lg px-8 py-3 rounded-2xl hover:bg-gray-900">
      Contact Us
    </Button>
  </section>

  {/* Footer */}
  <footer className="py-10 text-center bg-black border-t border-gray-800">
    <p className="text-gray-500">© 2025 — Crafted with passion for technology.</p>
  </footer>
</div>

);
}