feat: initial frontend build for RIT Freshers Hub

2026-07-21 12:21:53 +05:30
commit e2c86755ef
40 changed files with 8544 additions and 0 deletions
--- a/src/components/SectionTitle/SectionTitle.tsx
+++ b/src/components/SectionTitle/SectionTitle.tsx
@@ -0,0 +1,82 @@
+import { motion } from 'framer-motion';
+
+interface SectionTitleProps {
+  tag?: string;
+  title: string;
+  highlight?: string;
+  subtitle?: string;
+  align?: 'left' | 'center';
+}
+
+export default function SectionTitle({
+  tag,
+  title,
+  highlight,
+  subtitle,
+  align = 'center',
+}: SectionTitleProps) {
+  const isCenter = align === 'center';
+
+  return (
+    <div className={`mb-12 ${isCenter ? 'text-center' : 'text-left'}`}>
+      {tag && (
+        <motion.div
+          initial={{ opacity: 0, y: 10 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          viewport={{ once: true }}
+          transition={{ duration: 0.4 }}
+          className={`inline-flex items-center gap-2 mb-3 ${isCenter ? 'mx-auto' : ''}`}
+        >
+          <span
+            className="px-3 py-1 rounded-full text-xs font-semibold tracking-wider uppercase"
+            style={{
+              fontFamily: 'Poppins, sans-serif',
+              backgroundColor: '#FFF7ED',
+              color: '#F97316',
+              border: '1px solid #FED7AA',
+            }}
+          >
+            {tag}
+          </span>
+        </motion.div>
+      )}
+
+      <motion.h2
+        initial={{ opacity: 0, y: 15 }}
+        whileInView={{ opacity: 1, y: 0 }}
+        viewport={{ once: true }}
+        transition={{ duration: 0.5, delay: 0.1 }}
+        className="text-3xl md:text-4xl font-bold"
+        style={{ fontFamily: 'Playfair Display, serif', color: '#1E293B' }}
+      >
+        {title}{' '}
+        {highlight && (
+          <span
+            className="relative inline-block"
+            style={{
+              background: 'linear-gradient(135deg, #F97316, #FB923C)',
+              WebkitBackgroundClip: 'text',
+              WebkitTextFillColor: 'transparent',
+              backgroundClip: 'text',
+            }}
+          >
+            {highlight}
+          </span>
+        )}
+      </motion.h2>
+
+      {subtitle && (
+        <motion.p
+          initial={{ opacity: 0, y: 10 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          viewport={{ once: true }}
+          transition={{ duration: 0.5, delay: 0.2 }}
+          className={`mt-3 text-base text-[#475569] max-w-xl ${isCenter ? 'mx-auto' : ''}`}
+          style={{ fontFamily: 'Inter, sans-serif' }}
+        >
+          {subtitle}
+        </motion.p>
+      )}
+    </div>
+  );
+}