Skip to content

Commit

Permalink
fix: add link to ticket
Browse files Browse the repository at this point in the history
  • Loading branch information
Lettly committed Mar 12, 2024
1 parent ad03dfa commit a56bd24
Show file tree
Hide file tree
Showing 2 changed files with 63 additions and 48 deletions.
97 changes: 55 additions & 42 deletions src/Components/Home.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,49 +4,62 @@ import { Button } from "./ui/button";
import { TextGenerateEffect } from "./ui/text-generate-effect";
const Home = () => {
return (
<div className="flex h-full p-10 text-white ">
<div className="w-full h-full my-auto md:items-center md:flex md:justify-around">
<div className="space-y-5 ">
<h1 className="text-6xl font-extrabold">
Serverless Days <br /> Milan 🇮🇹
</h1>
<h3 className="text-4xl font-semibold text-secondary">
<a href="/Serverless_Day_2024.ics">June, 13th 2024</a>
&nbsp;@&nbsp;
<a href="https://maps.app.goo.gl/WYFXN32VHEQrjctJ8" target="_blank">
Milano C30
</a>
</h3>
<TextGenerateEffect
words={"Join the biggest Serverless community conference in Italy."}
className="text-2xl font-medium text-white text-secondary"
/>
<div className="flex h-full p-10 text-white ">
<div className="w-full h-full my-auto md:items-center md:flex md:justify-around">
<div className="space-y-5 ">
<h1 className="text-6xl font-extrabold">
Serverless Days <br /> Milan 🇮🇹
</h1>
<h3 className="text-4xl font-semibold text-secondary">
<a href="/Serverless_Day_2024.ics">June, 13th 2024</a>
&nbsp;@&nbsp;
<a
href="https://maps.app.goo.gl/WYFXN32VHEQrjctJ8"
target="_blank"
>
Milano C30
</a>
</h3>
<TextGenerateEffect
words={
"Join the biggest Serverless community conference in Italy."
}
className="text-2xl font-medium text-white text-secondary"
/>

<motion.div
animate={{
//jump with spring every 2 seconds
y: [0, -5, 0],
transition: {
duration: 0.3,
repeat: Infinity,
repeatDelay: 2,
},
}}
>
<Button className="font-semibold text-white rounded-xl">🎫 Buy your ticket!</Button>
</motion.div>
</div>
<div>
<img src={UnicornMascot} alt="unicorn" className="hidden md:block w-48 md:w-72 scale-x-[-1] " />
<motion.div
animate={{
//jump with spring every 2 seconds
y: [0, -5, 0],
transition: {
duration: 0.3,
repeat: Infinity,
repeatDelay: 2,
},
}}
>
<a href="https://www.eventbrite.it/e/biglietti-serverlessdays-milano-2024-788514818047">
<Button className="font-semibold text-white rounded-xl">
🎫 Buy your ticket!
</Button>
</a>
</motion.div>
</div>
<div>
<img
src={UnicornMascot}
alt="unicorn"
className="hidden md:block w-48 md:w-72 scale-x-[-1] "
/>

<img
src={UnicornMascot}
alt="unicorn"
className="absolute top-36 -right-24 block md:hidden w-48 md:w-72 scale-x-[-1] "
/>
</div>
</div>
</div>
);
<img
src={UnicornMascot}
alt="unicorn"
className="absolute top-36 -right-24 block md:hidden w-48 md:w-72 scale-x-[-1] "
/>
</div>
</div>
</div>
);
};
export default Home;
14 changes: 8 additions & 6 deletions src/Components/Navbar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -36,12 +36,14 @@ const Navbar = () => {
</div> */}
</div>
<div className="">
<Button
variant={"default"}
className="font-semibold text-white rounded-xl bg-gradient-to-br from-pink-400 to-purple-600 md:w-24"
>
Ticket
</Button>
<a href="https://www.eventbrite.it/e/biglietti-serverlessdays-milano-2024-788514818047">
<Button
variant={"default"}
className="font-semibold text-white rounded-xl bg-gradient-to-br from-pink-400 to-purple-600 md:w-24"
>
Ticket
</Button>
</a>
</div>
</div>
</nav>
Expand Down

0 comments on commit a56bd24

Please sign in to comment.