aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/SectionTitle.js
diff options
context:
space:
mode:
authorJeff <jeffkleinaitis@gmail.com>2024-04-09 15:02:44 -0400
committerJeff <jeffkleinaitis@gmail.com>2024-04-09 15:02:44 -0400
commit7c2574f1985cddba1e6fa6fcc6f8e1c019aaf7ed (patch)
tree34b1f3e90dd6a7d83cb7c3c9b71b34a138194548 /src/components/SectionTitle.js
parent1425783fe7f22efcdcc320de6d3ba49a83a44f3c (diff)
refactor: Removed NextJS from project
Diffstat (limited to 'src/components/SectionTitle.js')
-rw-r--r--src/components/SectionTitle.js31
1 files changed, 31 insertions, 0 deletions
diff --git a/src/components/SectionTitle.js b/src/components/SectionTitle.js
new file mode 100644
index 0000000..a0492d2
--- /dev/null
+++ b/src/components/SectionTitle.js
@@ -0,0 +1,31 @@
+import React from "react";
+import Container from "./Container";
+
+const SectionTitle = (props) => {
+ return (
+ <Container
+ className={`flex w-full flex-col ${
+ props.align === "left" ? "" : "items-center justify-center text-center"
+ }`}>
+ {props.pretitle && (
+ <div className="text-sm font-bold tracking-wider text-indigo-600 uppercase">
+ {props.pretitle}
+ </div>
+ )}
+
+ {props.title && (
+ <h2 className="max-w-2xl mt-3 text-3xl font-bold leading-snug tracking-tight text-gray-800 lg:leading-tight lg:text-4xl dark:text-white">
+ {props.title}
+ </h2>
+ )}
+
+ {props.children && (
+ <p className="max-w-2xl py-4 text-lg leading-normal text-gray-500 lg:text-xl xl:text-xl dark:text-gray-300">
+ {props.children}
+ </p>
+ )}
+ </Container>
+ );
+}
+
+export default SectionTitle; \ No newline at end of file