first commit

2023-11-17 19:04:17 +05:00
commit 48c06b8390
65 changed files with 6735 additions and 0 deletions
@@ -0,0 +1,34 @@
+import { motion } from "framer-motion";
+
+interface ExampleCardProps {
+  title: string;
+  company: string;
+  image: string;
+}
+
+function ExampleCard({ title, company, image }: ExampleCardProps) {
+  return (
+    <div className="mb-16 flex flex-col gap-4">
+      <motion.div
+        initial={{ opacity: 0, translateY: 64 }}
+        whileInView={{ opacity: 1, translateY: 0 }}
+        viewport={{ once: true, margin: "-200px" }}
+        transition={{ duration: 1, ease: [0.58, 0.12, 0.27, 0.98] }}
+        className="aspect-video bg-cover bg-center bg-no-repeat"
+        style={{ backgroundImage: `url('${image}')` }}
+      ></motion.div>
+      <motion.div
+        initial={{ opacity: 0, translateY: 64 }}
+        whileInView={{ opacity: 1, translateY: 0 }}
+        viewport={{ once: true, margin: "-100px" }}
+        transition={{ duration: 1, ease: [0.58, 0.12, 0.27, 0.98], delay: 0.2 }}
+        className="flex flex-col gap-1"
+      >
+        <p className="font-medium text-xl font-gilroy">{title}</p>
+        <p className="text-sm">{company}</p>
+      </motion.div>
+    </div>
+  );
+}
+
+export default ExampleCard;