Skip to content

Commit be2a0df

Browse files
ujsquaredujsquared
authored
Merge branch 'main' into loginPage
2 parents 101c97e + ccfb0a2 commit be2a0df

File tree

8 files changed

+204
-26
lines changed

8 files changed

+204
-26
lines changed

‎apps/web/public/favicon.ico‎

-14.7 KB
Binary file not shown.

‎apps/web/public/images/logo.png‎

1.8 MB
Loading

‎apps/web/src/components/LandingPage/header.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ const Header = () => {
77
<header className="border-b-4 border-primary bg-background/95 backdrop-blur-sm sticky top-0 z-50">
88
<div className="container mx-auto px-4 py-4 flex items-center justify-between">
99
<Link to="/" className="flex items-center space-x-2">
10-
<div className="w-8 h-8 bg-secondary border-2 border-primary pixel-pulse"></div>
10+
<img src="/public/images/logo.png" alt="IIITBuzz Logo" className="w-8 h-8" />
1111
<h1 className="pixel-font text-xl text-primary">IIITBuzz</h1>
1212
</Link>
1313

‎apps/web/src/components/LandingPage/hero.tsx‎

Lines changed: 33 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,23 @@
11
import { Button } from "@/components/ui/button";
22

3+
4+
const Bee = () => {
5+
return (
6+
<div className="bee-container">
7+
<div className="bee-body">
8+
<div className="body"></div>
9+
<div className="wing1"></div>
10+
<div className="wing2"></div>
11+
<div className="stinger"></div>
12+
<div className="eyes">
13+
<div className="pupil"></div>
14+
</div>
15+
</div>
16+
</div>
17+
);
18+
};
19+
20+
321
const Hero = () => {
422
return (
523
<section className="relative min-h-screen flex items-center justify-center overflow-hidden">
@@ -28,8 +46,6 @@ const Hero = () => {
2846
></div>
2947
</div>
3048

31-
<div className="absolute inset-0 opacity-10 pixel-pattern z-10"></div>
32-
3349
<div className="container mx-auto px-4 text-center relative z-20">
3450
<div className="max-w-4xl mx-auto fade-in-up">
3551
<div className="flex justify-center mb-8 space-x-4">
@@ -56,22 +72,25 @@ const Hero = () => {
5672
</div>
5773
</div>
5874

59-
<h1
60-
className="pixel-font text-4xl md:text-6xl lg:text-7xl mb-6 glitch-text font-bold text-primary ghibli-title"
61-
data-text="IIITBuzz"
62-
>
63-
IIITBuzz
64-
</h1>
75+
<div className="flex justify-center items-center gap-4 mb-6">
76+
<h1
77+
className="pixel-font text-4xl md:text-6xl lg:text-7xl glitch-text font-bold text-primary ghibli-title"
78+
data-text="IIITBuzz"
79+
>
80+
IIITBuzz
81+
</h1>
82+
<Bee />
83+
</div>
6584

66-
<p className="text-2xl md:text-3xl mb-8 text-primary font-bold ghibli-title ">
85+
<p className="text-2xl md:text-3xl mb-8 text-primary font-bold ghibli-title pixel-font">
6786
CONNECT • LEARN • WIN • REPEAT
6887
</p>
6988

7089
<div className="neo-brutal-card p-8 mb-8 max-w-2xl mx-auto ghibli-card ">
71-
<p className="text-lg md:text-xl mb-4 text-foreground para-text-font">
72-
🎓 The ultimate community forum for IIIT students!
90+
<p className="text-lg md:text-xl mb-4 text-foreground pixel-font">
91+
<b> 🎓 The ultimate community forum for IIIT students!</b>
7392
</p>
74-
<p className="text-muted-foreground para-text-font">
93+
<p className="text-muted-foreground public-sans-font">
7594
Connect, collaborate, and conquer your academic journey with
7695
fellow IIITians. Your digital campus hub for discussions,
7796
resources, and everything in between.
@@ -81,14 +100,14 @@ const Hero = () => {
81100
<div className="flex flex-col sm:flex-row gap-4 justify-center items-center mb-12 fade-in-up">
82101
<Button
83102
size="lg"
84-
className="neo-brutal-button bg-foreground text-black hover:bg-primary/90 border-primary text-lg px-8 py-6 ghibli-button"
103+
className="neo-brutal-button bg-foreground text-black hover:bg-primary/90 border-primary text-lg px-8 py-6 ghibli-button pixel-font"
85104
>
86105
🚀 JOIN THE BUZZ
87106
</Button>
88107
<Button
89108
size="lg"
90109
variant="outline"
91-
className="neo-brutal-button bg-secondary border-primary text-primary hover:bg-secondary hover:text-black text-lg px-8 py-6 ghibli-button"
110+
className="neo-brutal-button bg-secondary border-primary text-primary hover:bg-secondary hover:text-black text-lg px-8 py-6 ghibli-button pixel-font"
92111
>
93112
📖 EXPLORE FIRST
94113
</Button>

‎apps/web/src/components/mode-toggle.tsx‎

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,20 +14,25 @@ export function ModeToggle() {
1414
return (
1515
<DropdownMenu>
1616
<DropdownMenuTrigger asChild>
17-
<Button variant="outline" size="icon" className="bg-ring">
17+
<Button
18+
variant="outline"
19+
size="icon"
20+
className="neo-brutal-button bg-[var(--button-red)] border-black hover:opacity-90 focus-visible:ring-0 focus-visible:border-black shadow-[4px_4px_0_0_black] active:shadow-[2px_2px_0_0_black] active:translate-x-[2px] active:translate-y-[2px]"
21+
style={{ color: 'black' }}
22+
>
1823
<Sun className="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" />
1924
<Moon className="absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" />
2025
<span className="sr-only">Toggle theme</span>
2126
</Button>
2227
</DropdownMenuTrigger>
23-
<DropdownMenuContent align="end" className="bg-ring m-2">
24-
<DropdownMenuItem className="mx-4" onClick={() => setTheme("light")}>
28+
<DropdownMenuContent align="end" className="bg-white border-4 border-black shadow-lg m-2">
29+
<DropdownMenuItem className="mx-4 text-black font-bold" onClick={() => setTheme("light")}>
2530
Light
2631
</DropdownMenuItem>
27-
<DropdownMenuItem className="mx-4" onClick={() => setTheme("dark")}>
32+
<DropdownMenuItem className="mx-4 text-black font-bold" onClick={() => setTheme("dark")}>
2833
Dark
2934
</DropdownMenuItem>
30-
<DropdownMenuItem className="mx-4" onClick={() => setTheme("system")}>
35+
<DropdownMenuItem className="mx-4 text-black font-bold" onClick={() => setTheme("system")}>
3136
System
3237
</DropdownMenuItem>
3338
</DropdownMenuContent>

‎apps/web/src/index.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Orbitron:wght@400;700;900&display=swap");
22
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
3+
@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&family=Rowdies:wght@300;400;700&display=swap");
34
@import "tailwindcss";
45
@import "tw-animate-css";
56

‎apps/web/src/routes/_index.tsx‎

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,14 @@ export default function HomePage() {
77
return (
88
<div className="flex flex-col min-h-screen">
99
<Header />
10-
<main className="flex-1">
11-
<Hero />
12-
<FeaturesPage />
13-
</main>
10+
<div className="relative flex-1">
11+
{/* Pattern background covers all main content */}
12+
<div className="absolute inset-0 pixel-pattern opacity-10 -z-10" />
13+
<main className="relative z-10">
14+
<Hero />
15+
<FeaturesPage />
16+
</main>
17+
</div>
1418
<Footer />
1519
</div>
1620
);

‎apps/web/src/styles/landingpage.css‎

Lines changed: 151 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
body {
2-
font-family: "Share Tech Mono", "Press Start 2P", monospace;
2+
font-family: "Public Sans", monospace;
33
background: #ffffff;
44
background-size: cover;
55
background-attachment: fixed;
@@ -10,10 +10,24 @@ body {
1010
line-height: 1.6;
1111
}
1212

13+
/* .pixel-font { */
14+
/* font-family: "Press Start 2P", monospace; */
15+
/* } */
1316
.pixel-font {
14-
font-family: "Press Start 2P", monospace;
17+
font-family: "Rowdies", sans-serif;
18+
font-weight: 700;
19+
font-style: normal;
1520
}
1621

22+
.public-sans-font{
23+
font-family: "Public Sans", sans-serif;
24+
font-optical-sizing: auto;
25+
font-weight: 400;
26+
font-style: normal;
27+
}
28+
29+
30+
1731
.para-text-font {
1832
font-family: "Share Tech Mono", monospace;
1933
font-style: normal;
@@ -338,3 +352,138 @@ body {
338352
.hidden {
339353
display: none;
340354
}
355+
/* .wrap { */
356+
/* z-index: 100; */
357+
/* position: relative; */
358+
/* } */
359+
.bee-container {
360+
display: inline-block;
361+
margin-left: 1rem;
362+
position: relative;
363+
animation: gentle-float 4s ease-in-out infinite;
364+
}
365+
366+
.bee-body {
367+
position: relative;
368+
width: 150px;
369+
height: 100px;
370+
}
371+
372+
/* THE BEE THE BEE THE BEE THE BEE */
373+
@keyframes dodging1 {
374+
0% {
375+
top:0;
376+
}
377+
50% {
378+
top:75px;
379+
}
380+
100% {
381+
top:0;
382+
}
383+
}
384+
.body {
385+
position:absolute;
386+
/* top:250px; */
387+
/* left:250px; */
388+
top: 15px;
389+
height:85px;
390+
width:75px;
391+
border-radius:100%;
392+
background-color:#FFB733;
393+
box-shadow:
394+
20px 0 0 #000,
395+
40px -3px 0 #ffb733,
396+
60px -7px 0 #000,
397+
80px -11px 0 #ffb733;
398+
}
399+
/* BODY BODY BODY BODY */
400+
/* WINGS WINGS WINGS WINGS */
401+
@keyframes flutter2 {
402+
0% {
403+
transform:rotate(80deg);
404+
}
405+
50% {
406+
transform:rotate(100deg);
407+
}
408+
}
409+
@keyframes flutter1 {
410+
0% {
411+
transform:rotate(20deg);
412+
}
413+
50% {
414+
transform:rotate(40deg);
415+
}
416+
}
417+
.wing1 {
418+
position: absolute;
419+
height:55px;
420+
width:55px;
421+
top:-40px;
422+
left:10px;
423+
transform:rotate(20deg);
424+
transform-origin:bottom right;
425+
border-top-right-radius:100%;
426+
border-bottom-left-radius:100%;
427+
border-top-left-radius:10px;
428+
background-color:#ddd;
429+
z-index:-1;
430+
filter:blur(1px);
431+
animation: flutter1 0.01s linear reverse infinite;
432+
}
433+
.wing2 {
434+
position: absolute;
435+
height:55px;
436+
width:55px;
437+
top:-35px;
438+
left:40px;
439+
transform:rotate(80deg);
440+
transform-origin:bottom right;
441+
border-top-right-radius:100%;
442+
border-bottom-left-radius:100%;
443+
border-top-left-radius:10px;
444+
background-color:#ddd;
445+
z-index:1;
446+
filter:blur(1px);
447+
animation: flutter2 0.01s linear infinite;
448+
}
449+
/* WINGS WINGS WINGS WINGS */
450+
/* STINGER STINGER STINGER STINGER */
451+
452+
.stinger {
453+
position: absolute;
454+
height:55px;
455+
width:55px;
456+
top:25px;
457+
left:105px;
458+
transform:rotate(320deg);
459+
border-top-right-radius:50%;
460+
border-bottom-left-radius:100%;
461+
border-top-left-radius:10px;
462+
background-color:#000;
463+
z-index:-1;
464+
}
465+
466+
/* STINGER STINGER STINGER STINGER */
467+
/* EYES EYES EYES EYES */
468+
.eyes {
469+
position: absolute;
470+
height:25px;
471+
width:25px;
472+
top:25px;
473+
background-color:#eee;
474+
box-shadow:
475+
20px 0 0 #eee;
476+
border-radius:100%;
477+
.pupil {
478+
position:absolute;
479+
height:4px;
480+
width:4px;
481+
top:13px;
482+
left:2px;
483+
background-color:#000;
484+
border-radius:100%;
485+
box-shadow:
486+
20px 0 0 #000;
487+
}
488+
}
489+
/* EYES EYES EYES EYES */

0 commit comments

Comments
 (0)