/ var / www / html / cqt / src / components / [ HOME SHELL ]

Name	Size	Permission	Action
ui	[ DIR ]	drwxr-xr-x
About.tsx	2.85 KB	-rw-r--r--
AdminLayout.tsx	4.85 KB	-rw-r--r--
Contact.tsx	10.4 KB	-rw-r--r--
DataTable.tsx	4.98 KB	-rw-r--r--
Footer.tsx	12.02 KB	-rw-r--r--
Hero.tsx	11.92 KB	-rw-r--r--
NavLink.tsx	751 B	-rw-r--r--
Navigation.tsx	24.92 KB	-rw-r--r--
News.tsx	3.48 KB	-rw-r--r--
ParticleNetwork.tsx	4.09 KB	-rw-r--r--
ProtectedRoute.tsx	813 B	-rw-r--r--
QuantumCircuit.tsx	3.47 KB	-rw-r--r--
RebuildWebsiteButton.tsx	4.28 KB	-rw-r--r--
Research.tsx	3.68 KB	-rw-r--r--
StatsCard.tsx	4.87 KB	-rw-r--r--
Team.tsx	6.63 KB	-rw-r--r--

Code Editor : About.tsx

import { Atom, Cpu, Radio, Microscope } from "lucide-react";

const About = () => {
  const highlights = [
    {
      icon: Atom,
      title: "Quantum Computing",
      description: "Developing novel quantum algorithms and architectures for next-generation computation.",
    },
    {
      icon: Radio,
      title: "Quantum Communication",
      description: "Advancing secure quantum networks and quantum cryptography protocols.",
    },
    {
      icon: Cpu,
      title: "Quantum Hardware",
      description: "Building and optimizing quantum processors and control systems.",
    },
    {
      icon: Microscope,
      title: "Quantum Sensing",
      description: "Creating ultra-precise quantum sensors for scientific and industrial applications.",
    },
  ];

return (
    <section className="py-24 bg-gradient-to-b from-background to-muted/30">
      <div className="container mx-auto px-4">
        <div className="max-w-6xl mx-auto">
          {/* Header */}
          <div className="text-center mb-16 animate-fade-in">
            <h2 className="text-4xl md:text-5xl font-bold text-foreground mb-6">
              About CQT
            </h2>
            <p className="text-xl text-muted-foreground max-w-3xl mx-auto leading-relaxed">
              The Centre for Quantum Technology at IIIT Delhi is a premier research center 
              dedicated to advancing quantum science and technology. We bring together leading 
              researchers, students, and industry partners to push the boundaries of what's possible 
              in the quantum realm.
            </p>
          </div>

{/* Research Areas Grid */}
          <div className="grid md:grid-cols-2 gap-8">
            {highlights.map((item, index) => (
              <div
                key={item.title}
                className="bg-card border border-border rounded-xl p-8 hover:shadow-quantum transition-all duration-300 animate-slide-up hover:border-primary/50"
                style={{ animationDelay: `${index * 0.1}s` }}
              >
                <div className="flex items-start gap-4">
                  <div className="flex-shrink-0">
                    <div className="w-14 h-14 bg-gradient-to-br from-primary to-accent rounded-lg flex items-center justify-center shadow-lg">
                      <item.icon className="h-7 w-7 text-primary-foreground" />
                    </div>
                  </div>
                  <div className="flex-1">
                    <h3 className="text-xl font-bold text-foreground mb-3">
                      {item.title}
                    </h3>
                    <p className="text-muted-foreground leading-relaxed">
                      {item.description}
                    </p>
                  </div>
                </div>
              </div>
            ))}
          </div>
        </div>
      </div>
    </section>
  );
};

export default About;

Urban Research Lab

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.