fdeployment

Team303 · Jun 8, 2024 · f92de58 · f92de58
commit f92de58
Show file tree

Hide file tree

Showing 99 changed files with 7,133 additions and 0 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/README.md b/README.md
@@ -0,0 +1 @@
+# T.E.S.T team 303 Website
diff --git a/app/contact/page.tsx b/app/contact/page.tsx
@@ -0,0 +1,34 @@
+import Image from "next/image"
+import { IoLogoInstagram, IoLogoYoutube, IoLogoTwitter, IoLogoFlickr, IoLogoFacebook, IoLocation } from "react-icons/io5";
+
+export default async function Home() {
+    return (
+        <main className="flex flex-col justify-center items-center text-left px-20 py-48 gap-10 bg-[#EEE]">
+            <Image src="/content/contact.svg" alt="contact us" width={400} height={5} />
+            <br /><br /><br />
+            <div className="flex justify-between gap-72 px-24">
+                <div>
+                    <h1 className="text-xl py-4">Mail:</h1>
+                    <p>Team 303 RAMP, Inc P.O. Box 8113 Bridgewater, NJ 08807</p>
+
+                    <h1 className="text-xl py-4">Email:</h1>
+                    <p >[email protected]<br />
+                        [email protected]<br />
+                        [email protected]<br />
+                        [email protected]</p>
+                </div>
+
+                <div className="flex justify-start flex-col items-center gap-10 text-3xl text-[#008080]">
+                    <a href="https://www.instagram.com/frcteam303/"><IoLogoInstagram /></a>
+                    <a href="https://www.youtube.com/@TheTESTTeam"><IoLogoYoutube /></a>
+                    <a href="https://twitter.com/frcteam303?lang=en"><IoLogoTwitter /></a>
+                    <a href="https://www.flickr.com/people/99551619@N07/"><IoLogoFlickr /></a>
+                    <a href="https://www.facebook.com/frcteam303/"><IoLogoFacebook /></a>
+
+                </div>
+
+            </div>
+
+        </main>
+    );
+}
diff --git a/app/globals.css b/app/globals.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -0,0 +1,29 @@
+import type { Metadata } from "next";
+import { Inter,Varela } from "next/font/google";
+import "./globals.css";
+import Nav from "../components/nav";
+import Footer from "../components/footer";
+
+const inter = Varela({ subsets: ["latin"], weight: "400" });
+
+export const metadata: Metadata = {
+  title: "The T.E.S.T. Team 303",
+  description: "FIRST robotics team 303, based in Bridgewater, New Jersy",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <link rel="icon" href="/img/Testy.png" sizes="any" />
+      <body className={`bg-[#EEE] ${inter.className}`}>
+        <Nav />
+        {children}
+        <Footer />
+      </body>
+    </html>
+  );
+}
diff --git a/app/new/page.tsx b/app/new/page.tsx
@@ -0,0 +1,14 @@
+import Image from "next/image"
+
+export default function Hero() {
+    return (
+        <main className="bg-[url('/content/test.svg')] flex justify-between px-20 py-36 gap-8 items-center bg-[#091314]">
+            <div>
+                <Image src="/dark/test-dark.png" alt="image" width={600} height={100} />
+            </div>
+            <div>
+                <Image src="/dark/dark.png" alt="image" width={650} height={100} />
+            </div>
+        </main>
+    );
+}
diff --git a/app/outreach/page.tsx b/app/outreach/page.tsx
@@ -0,0 +1,9 @@
+import Image from "next/image"
+
+export default async function Home() {
+    return (
+        <main>
+
+        </main>
+    );
+}
diff --git a/app/page.tsx b/app/page.tsx
@@ -0,0 +1,18 @@
+import Hero from "../components/hero";
+import Mission from "../components/mission";
+import Bot from "../components/bot";
+
+import { Varela,Roboto } from "next/font/google";
+
+const varela = Varela({ weight: "400", subsets: ["latin"] });
+
+
+export default async function Home() {
+  return (
+    <main className={`${varela.className} bg-[url('/content/test.svg')] bg-no-repeat bg-[#091314]`}>
+      <Hero />
+      <Mission />
+      <Bot />
+    </main>
+  );
+}
diff --git a/app/sponsors/page.tsx b/app/sponsors/page.tsx
@@ -0,0 +1,74 @@
+import Image from "next/image"
+import { sponsors } from "../../components/data/sponsors.json";
+
+export default async function Home() {
+
+    const { platinum, gold, sliver, bronze } = sponsors;
+
+    return (
+        <>
+            <main className="flex flex-col justify-center items-center text-center px-20 py-48 gap-10 bg-[url('/content/test2.svg')] bg-no-repeat bg-[#091314] text-[#729AA9]">
+                <Image src="/content/spon.svg" alt="sponsors" width="500" height="100" />
+                <p className="w-4/5 text-sm">A big thank you to all of our sponsors! Our success depends on the support of our generous sponsors. Scroll down to see our current sponsors, as well as our sponsor packages. If you are interested in becoming a sponsor for Team 303, please feel free to contact us. </p>
+                <div className="flex flex-row justify-center items-center font-bold gap-10 px-12 py-6">
+                    <a href="./sponsors" className="border-b-2 border-[#008080] text-[#7AB7B7]">Sponsors</a>
+                    <a href="./sponsors/ramp" className="text-[#729AA9AA]">Ramp & Mentors</a>
+                </div>
+
+                <Image src="/sponsors/txt1.svg" alt="" width={320} height={5} />
+                <div className="flex justify-normal flex-wrap flex-col justify-center items-center sm:flex-row gap-10 bg-[#A5E7E740] items-center p-12 rounded-3xl w-4/5">
+                    {
+                        platinum.map((item, index) => (
+
+                            <a key={index} href={item.link}>
+                                <Image src={`/sponsors/${item.image}`} alt="j&j" width="300" height="5" />
+                            </a>
+
+                        ))
+                    }
+                </div>
+                <Image src="/sponsors/txt2.svg" alt="" width={190} height={5} />
+                <div className="flex justify-normal flex-wrap flex-col justify-center items-center sm:flex-row gap-10 bg-[#A5E7E740] items-center p-12 rounded-3xl w-4/5">
+                    {
+                        gold.map((item, index) => (
+
+                            <a key={index} href={item.link}>
+                                <Image src={`/sponsors/${item.image}`} alt="j&j" width="300" height="5" />
+                            </a>
+
+                        ))
+                    }
+                </div>
+                <Image src="/sponsors/txt3.svg" alt="" width={250} height={5} />
+                <div className="flex justify-normal flex-wrap flex-col justify-center items-center sm:flex-row gap-10 bg-[#A5E7E740] items-center p-12 rounded-3xl w-4/5">
+                    {
+                        sliver.map((item, index) => (
+
+                            <a key={index} href={item.link}>
+                                <Image src={`/sponsors/${item.image}`} alt="j&j" width="300" height="5" />
+                            </a>
+
+                        ))
+                    }
+                </div>
+                <Image src="/sponsors/txt4.svg" alt="" width={250} height={5} />
+                <div className="flex justify-normal flex-wrap flex-col justify-center items-center sm:flex-row gap-10 bg-[#A5E7E740] items-center p-12 rounded-3xl w-4/5">
+                    {
+                        bronze.map((item, index) => (
+
+                            <a key={index} href={item.link}>
+                                <Image src={`/sponsors/${item.image}`} alt="j&j" width="300" height="5" />
+                            </a>
+
+                        ))
+                    }
+                </div>
+
+                <div>
+                    NUMBERS
+                </div>
+
+            </main>
+        </>
+    );
+}
diff --git a/app/sponsors/ramp/page.tsx b/app/sponsors/ramp/page.tsx
@@ -0,0 +1,15 @@
+import Image from "next/image"
+
+export default async function Home() {
+    return (
+        <main className="flex flex-col justify-center items-center text-center px-20 py-48 gap-10 bg-[#EEE]">
+            <Image src="/content/spon.svg" alt="sponsors" width="500" height="100" />
+            <p className="w-4/5 text-sm">A big thank you to all of our sponsors! Our success depends on the support of our generous sponsors. Scroll down to see our current sponsors, as well as our sponsor packages. If you are interested in becoming a sponsor for Team 303, please feel free to contact us. </p>
+            <div className="flex flex-row justify-center items-center font-bold gap-10 px-12 py-6">
+                <a href="../sponsors" className="text-[#555]">Sponsors</a>
+                <a href="#" className="border-b-2 border-[#008080]">Ramp & Mentors</a>
+            </div>
+            <Image src="/sponsors/ramp.png" alt="" width={1000} height={5} className="rounded-3xl" />
+        </main>
+    );
+}
diff --git a/app/story/page.tsx b/app/story/page.tsx
@@ -0,0 +1,17 @@
+import Image from "next/image"
+import { BotCarousel, StoryCarousel } from "../../components/bots";
+
+
+export default async function Home() {
+    return (
+        <main className="flex justify-center flex-col items-center px-20 py-40 bg-[url('/content/test2.svg')] bg-no-repeat bg-[#091314] text-[#6A8FB1] ">
+            <Image src="/content/about.svg" width={300} height={5} alt="about" />
+            <div className="w-full sm:w-4/5">
+                <p className="text-center text-xs sm:text-sm p-12">Hailing from Bridgewater, New Jersey, The T.E.S.T. Team 303 competes in FIRST Mid-Atlantic events throughout the year. Based in Bridgewater-Raritan High School, the team participates in two kinds of robotics competitions each year: the FIRST Robotics Competition (FRC) in the winter/early spring, and the FIRST Tech Challenge (FTC) in the fall. Each competition season includes  a kickoff, in which that year’s challenge is revealed to teams at the same time worldwide, as well as six weeks for the teams to design, build, and test their robots, and travel to a variety of venues, in which Team 303 competes with and against other students from around the world. Both corporate and local sponsors are key to the team’s sustainability. These sponsors support the team financially and supply mentors and services, such as sheet metal fabrication. The contributions of the sponsors enable the team members to have the best possible resources, as well as the ability to acquire skills that are applicable to various future professions.</p>
+            </div>
+            <StoryCarousel />
+            <BotCarousel />
+
+        </main>
+    );
+}
diff --git a/components.json b/components.json
@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "app/globals.css",
+    "baseColor": "slate",
+    "cssVariables": false,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}
diff --git a/components/bot.tsx b/components/bot.tsx
@@ -0,0 +1,77 @@
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion"
+
+import Image from "next/image"
+
+export default function Bot() {
+  return (
+    <main className="flex justify-between px-48 py-20 gap-20 items-center text-[#729AA9]">
+      <div className="w-1/2 text-sm py-12">
+        <Image src="/dark/2024-dark.svg" alt="image" width={500} height={100} />
+        <p className="pb-6 pt-4">Check out our 2024 robot the for the FIRST robotics competition, Crescendo<br /></p>
+
+        <Accordion type="single" collapsible className="w-full">
+          <AccordionItem value="item-1">
+            <AccordionTrigger className="text-lg font-bold pt-4 pb-1 border-[#729AA9]">Hatboro-Horsham</AccordionTrigger>
+            <AccordionContent>
+              The team faced many wiring and inspection issues resulting in several issues the pit crew desperately fixed, and the team still managed to secure 3rd pick from alliance 4.
+            </AccordionContent>
+          </AccordionItem>
+          <AccordionItem value="item-2">
+            <AccordionTrigger className="text-lg font-bold pt-4 pb-1">Warren Hills</AccordionTrigger>
+            <AccordionContent>
+              The team came back with a revised robot for their week 4 event, which did exceptionally well during the first couple games,however misfortune led to some mechanical failures later into the event. The team proudly accept EI award, and are now going to Lehigh, to participate in the Mid-Atlantic District Championships
+            </AccordionContent>
+          </AccordionItem>
+        </Accordion>
+      </div>
+      <div className="w-3/5">
+        <Image src="/dark/2024bot-dark.png" alt="txt" width={1000} height={0} />
+
+      </div>
+    </main>
+  );
+}
+
+// import {
+//   Accordion,
+//   AccordionContent,
+//   AccordionItem,
+//   AccordionTrigger,
+// } from "@/components/ui/accordion"
+
+// import Image from "next/image"
+
+// export default function Bot() {
+//   return (
+//     <main className="flex justify-between px-48 py-20 gap-20 items-center">
+//       <div className="w-1/2 text-sm py-12">
+//         <Image src="/content/2024.svg" alt="image" width={500} height={100} />
+//         <p className="pb-6">Check out our 2024 robot the for the FIRST robotics competition, Crescendo<br /></p>
+
+//         <Accordion type="single" collapsible className="w-full">
+//           <AccordionItem value="item-1">
+//             <AccordionTrigger className="text-lg font-bold pt-4 pb-1">Hatboro-Horsham</AccordionTrigger>
+//             <AccordionContent>
+//               The team faced many wiring and inspection issues resulting in several issues the pit crew desperately fixed, and the team still managed to secure 3rd pick from alliance 4.
+//             </AccordionContent>
+//           </AccordionItem>
+//           <AccordionItem value="item-2">
+//             <AccordionTrigger className="text-lg font-bold pt-4 pb-1">Warren Hills</AccordionTrigger>
+//             <AccordionContent>
+//               The team came back with a revised robot for their week 4 event, which did exceptionally well during the first couple games,however misfortune led to some mechanical failures later into the event. The team proudly accept EI award, and are now going to Lehigh, to participate in the Mid-Atlantic District Championships
+//             </AccordionContent>
+//           </AccordionItem>
+//         </Accordion>
+//       </div>
+//       <div className="w-1/3">
+//         <Image src="/img/chompy.png" alt="txt" width={300} height={0} />
+
+//       </div>
+//     </main>
+//   );
+// }