Skip to content

Update landing page branding and authorship text #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
tanmaik wants to merge 1 commit into
base: main
Choose a base branch
from
Draft

Update landing page branding and authorship text #3

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
52 changes: 13 additions & 39 deletions app/components/landing/HeroText.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,21 +1,8 @@
import { useState } from "react";
import { motion } from "framer-motion";
import { CheckIcon } from "@heroicons/react/20/solid";

const buttonCopy = {
idle: "Stay Updated",
loading: "Loading...",
success: (
<div className="flex gap-1 items-center">
<CheckIcon className="h-5 w-5 text-white" />
<span>Success!</span>
</div>
),
};


export default function HeroText() {
const [isCopied, setIsCopied] = useState(false);
const [buttonState, setButtonState] = useState("idle");

// Split the headline into two parts
const firstPart = "The smartest tool for";
Expand All @@ -41,7 +28,7 @@ export default function HeroText() {
}}
>
<span className="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-1 rounded-full">
Made for Pitt students
Exclusively for the University of Pittsburgh
</span>
</motion.div>
<div className="text-5xl tracking-tighter mt-4 font-medium">
Expand Down Expand Up @@ -100,7 +87,7 @@ export default function HeroText() {
and supercharge academic outcomes.
</motion.p>
<motion.div
className="flex justify-center mt-4"
className="flex justify-center mt-0"
initial={{ opacity: 0, y: 20 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
Expand All @@ -111,30 +98,17 @@ export default function HeroText() {
stiffness: 40,
}}
>
<div>
<p
className={
isCopied
? `mt-4 text-gray-500 text-xs`
: `mt-4 cursor-pointer hover:underline hover:text-gray-500 text-xs text-gray-400 transition-all`
}
onClick={() => {
navigator.clipboard.writeText("team@gradsteps.com");
setIsCopied(true);
}}
initial={{ opacity: 0 }}
whileInView={{ opacity: 1 }}
viewport={{ once: true }}
transition={{
delay: 1.4,
duration: 0.2,
}}
<p className="text-xs text-gray-400">
Made by {" "}
<a
href="https://www.tanmai.org"
target="_blank"
rel="noopener noreferrer"
className="text-gray-400 underline underline-offset-2 decoration-gray-400"
>
{isCopied
? "Email copied to clipboard!"
: "Interested in contributing? Email us"}
</p>
</div>
Tanmai Kalisipudi
</a>
</p>
</motion.div>
</div>
</div>
Expand Down