Skip to content

Commit 71b310d

Browse files
allexandrahuallexandrahu
authored
Merge pull request #154 from HackBeanpot/AH/livesiteplaceholder
Add placeholder to livesite
2 parents c1b1ab4 + 068f610 commit 71b310d

File tree

2 files changed

+90
-88
lines changed

2 files changed

+90
-88
lines changed

‎apps/live/src/app/Sections/Landing.tsx‎

Lines changed: 78 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -1,86 +1,88 @@
11
"use client";
22

33
import React from "react";
4-
import Section from "@repo/ui/Section";
5-
import Typography from "@repo/ui/Typography";
6-
import Image from "next/image";
7-
import TimeRemainingSign from "../components/TimeRemainingSign";
8-
import useIsMobile from "@repo/util/hooks/useIsMobile";
4+
// import Section from "@repo/ui/Section";
5+
// import Typography from "@repo/ui/Typography";
6+
// import Image from "next/image";
7+
// import TimeRemainingSign from "../components/TimeRemainingSign";
8+
// import useIsMobile from "@repo/util/hooks/useIsMobile";
9+
import Placeholder from "@repo/ui/Placeholder";
910
export default function Landing(): JSX.Element {
10-
const isMobile = useIsMobile();
11+
// const isMobile = useIsMobile();
1112

12-
const background = (
13-
<div className="w-full h-full overflow-hidden pointer-events-none relative">
14-
<Image
15-
alt="ProjectsBackground"
16-
src="/landing_live_background.svg"
17-
layout="fill"
18-
objectFit="cover"
19-
/>
20-
</div>
21-
);
13+
// const background = (
14+
// <div className="w-full h-full overflow-hidden pointer-events-none relative">
15+
// <Image
16+
// alt="ProjectsBackground"
17+
// src="/landing_live_background.svg"
18+
// layout="fill"
19+
// objectFit="cover"
20+
// />
21+
// </div>
22+
// );
2223

23-
const content = (
24-
<div className="relative w-full h-full flex flex-col justify-between p-20 items-center">
25-
<div className="text-center z-50">
26-
<h3 className="text-[clamp(0.9rem,2vw,3rem)] text-center text-white font-GT-Walsheim-Regular">
27-
Buckle up! We&apos;re going on a...
28-
</h3>
29-
<Typography.Heading className="text-granolaLite">
30-
ROADTRIP!
31-
</Typography.Heading>
32-
</div>
33-
<div
34-
className={`absolute right-[0] ${isMobile ? "top-[25vh]" : "top-[15vh]"} z-50`}
35-
>
36-
<TimeRemainingSign target={new Date("02/9/2025 9:00:00")} />
37-
</div>
38-
<div className="relative w-full h-full">
39-
<div
40-
className={`absolute left-1/2 transform -translate-x-1/2 -translate-y-1/2 ${
41-
isMobile ? "top-[80%]" : "top-[60%]"
42-
}`}
43-
>
44-
<Image
45-
alt="Van"
46-
src="/van.png"
47-
width={400}
48-
height={200}
49-
className="w-[40vw] max-w-[600px] h-[35vh] max-h-[500px] object-contain"
50-
/>
51-
</div>
52-
</div>
53-
{!isMobile && (
54-
<div className="absolute bottom-0 left-0 w-full flex flex-row justify-between">
55-
<div>
56-
<Image
57-
alt="Fern"
58-
src="/fern.png"
59-
width={400}
60-
height={200}
61-
className="w-[20vw] h-auto max-w-[550px] min-w-[100px] scale-x-[-1]"
62-
/>
63-
</div>
64-
<div>
65-
<Image
66-
alt="Fern"
67-
src="/fern.png"
68-
width={400}
69-
height={200}
70-
className="w-[20vw] h-auto max-w-[550px] min-w-[100px]"
71-
/>
72-
</div>
73-
</div>
74-
)}
75-
</div>
76-
);
24+
// const content = (
25+
// <div className="relative w-full h-full flex flex-col justify-between p-20 items-center">
26+
// <div className="text-center z-50">
27+
// <h3 className="text-[clamp(0.9rem,2vw,3rem)] text-center text-white font-GT-Walsheim-Regular">
28+
// Buckle up! We&apos;re going on a...
29+
// </h3>
30+
// <Typography.Heading className="text-granolaLite">
31+
// ROADTRIP!
32+
// </Typography.Heading>
33+
// </div>
34+
// <div
35+
// className={`absolute right-[0] ${isMobile ? "top-[25vh]" : "top-[15vh]"} z-50`}
36+
// >
37+
// <TimeRemainingSign target={new Date("02/9/2025 9:00:00")} />
38+
// </div>
39+
// <div className="relative w-full h-full">
40+
// <div
41+
// className={`absolute left-1/2 transform -translate-x-1/2 -translate-y-1/2 ${
42+
// isMobile ? "top-[80%]" : "top-[60%]"
43+
// }`}
44+
// >
45+
// <Image
46+
// alt="Van"
47+
// src="/van.png"
48+
// width={400}
49+
// height={200}
50+
// className="w-[40vw] max-w-[600px] h-[35vh] max-h-[500px] object-contain"
51+
// />
52+
// </div>
53+
// </div>
54+
// {!isMobile && (
55+
// <div className="absolute bottom-0 left-0 w-full flex flex-row justify-between">
56+
// <div>
57+
// <Image
58+
// alt="Fern"
59+
// src="/fern.png"
60+
// width={400}
61+
// height={200}
62+
// className="w-[20vw] h-auto max-w-[550px] min-w-[100px] scale-x-[-1]"
63+
// />
64+
// </div>
65+
// <div>
66+
// <Image
67+
// alt="Fern"
68+
// src="/fern.png"
69+
// width={400}
70+
// height={200}
71+
// className="w-[20vw] h-auto max-w-[550px] min-w-[100px]"
72+
// />
73+
// </div>
74+
// </div>
75+
// )}
76+
// </div>
77+
// );
7778

7879
return (
79-
<Section
80-
name={"landing"}
81-
background={background}
82-
content={content}
83-
height={70}
84-
/>
80+
// <Section
81+
// name={"landing"}
82+
// background={background}
83+
// content={content}
84+
// height={70}
85+
// />
86+
<Placeholder />
8587
);
8688
}

‎apps/live/src/app/page.tsx‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
11
import React from "react";
22
import Landing from "./Sections/Landing";
3-
import EventSchedule from "./Sections/EventSchedule";
4-
import MentorSection from "./Sections/Mentors";
5-
import OurTeamBackground from "./Sections/OurTeamBackground";
6-
import HitTheRoad from "./Sections/HitTheRoad";
7-
import Resources from "./Sections/Resources";
8-
import NavBar from "./lib/Components/NavBar";
9-
import Footer from "./lib/Components/Footer";
10-
import ComingUp from "./Sections/ComingUp/ComingUp";
11-
import OurTeam from "./Sections/OurTeam";
12-
import Keynote from "./Sections/Keynote";
3+
// import EventSchedule from "./Sections/EventSchedule";
4+
// import MentorSection from "./Sections/Mentors";
5+
// import OurTeamBackground from "./Sections/OurTeamBackground";
6+
// import HitTheRoad from "./Sections/HitTheRoad";
7+
// import Resources from "./Sections/Resources";
8+
// import NavBar from "./lib/Components/NavBar";
9+
// import Footer from "./lib/Components/Footer";
10+
// import ComingUp from "./Sections/ComingUp/ComingUp";
11+
// import OurTeam from "./Sections/OurTeam";
12+
// import Keynote from "./Sections/Keynote";
1313

1414
export default function Page(): JSX.Element {
1515
return (
1616
<main className="flex flex-col items-center">
17-
<NavBar />
1817
<Landing />
18+
{/* <NavBar />
1919
<ComingUp />
2020
<HitTheRoad />
2121
<EventSchedule />
@@ -24,7 +24,7 @@ export default function Page(): JSX.Element {
2424
<Resources />
2525
<OurTeam />
2626
<OurTeamBackground />
27-
<Footer />
27+
<Footer /> */}
2828
</main>
2929
);
3030
}

0 commit comments

Comments
 (0)