From 3fa974aa66a28384ba2073c30f409ce4f7be37de Mon Sep 17 00:00:00 2001 From: deveshsawant05 <146441689+deveshsawant05@users.noreply.github.com> Date: Wed, 14 Aug 2024 20:56:02 +0530 Subject: [PATCH] Added Contact Us page (#101) Contact Us Page --- public/gmail.svg | 1 + .../components/manSittingAtTableSvg.js | 34 ++ .../contact_us/components/manWithLaptopSvg.js | 26 ++ src/app/contact_us/layout.tsx | 16 + src/app/contact_us/page.jsx | 368 ++++++++++++++++++ src/app/contact_us/styles.css | 3 + src/components/footer.jsx | 6 +- 7 files changed, 451 insertions(+), 3 deletions(-) create mode 100644 public/gmail.svg create mode 100644 src/app/contact_us/components/manSittingAtTableSvg.js create mode 100644 src/app/contact_us/components/manWithLaptopSvg.js create mode 100644 src/app/contact_us/layout.tsx create mode 100644 src/app/contact_us/page.jsx create mode 100644 src/app/contact_us/styles.css diff --git a/public/gmail.svg b/public/gmail.svg new file mode 100644 index 0000000..637fddf --- /dev/null +++ b/public/gmail.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/contact_us/components/manSittingAtTableSvg.js b/src/app/contact_us/components/manSittingAtTableSvg.js new file mode 100644 index 0000000..a38d55a --- /dev/null +++ b/src/app/contact_us/components/manSittingAtTableSvg.js @@ -0,0 +1,34 @@ +const ManSittingAtTableSvg = ()=>( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +); + +export default ManSittingAtTableSvg; \ No newline at end of file diff --git a/src/app/contact_us/components/manWithLaptopSvg.js b/src/app/contact_us/components/manWithLaptopSvg.js new file mode 100644 index 0000000..fd0cfb9 --- /dev/null +++ b/src/app/contact_us/components/manWithLaptopSvg.js @@ -0,0 +1,26 @@ +const ManWithLaptopSvg =()=> ( + + + + + + + + + + + + + + + + + + + + + + +); + +export default ManWithLaptopSvg; \ No newline at end of file diff --git a/src/app/contact_us/layout.tsx b/src/app/contact_us/layout.tsx new file mode 100644 index 0000000..49829f3 --- /dev/null +++ b/src/app/contact_us/layout.tsx @@ -0,0 +1,16 @@ +import React from "react"; +import Navbar from "@/components/navbar"; +import Footer from "@/components/footer"; + +interface RootLayoutProps { + children: React.ReactNode; +} + +export default function RootLayout({ children }: RootLayoutProps) { + return ( + <> + + {children} + + ); +} diff --git a/src/app/contact_us/page.jsx b/src/app/contact_us/page.jsx new file mode 100644 index 0000000..5c2b13c --- /dev/null +++ b/src/app/contact_us/page.jsx @@ -0,0 +1,368 @@ +"use client"; +import React, { useState}from "react"; +import Image from "next/image"; +import Link from "next/link"; +import { Input } from "@/components/ui/input"; +import { Label } from "@/components/ui/label"; +import ManWithLaptopSvg from "./components/manWithLaptopSvg"; +import ManSittingAtTableSvg from "./components/manSittingAtTableSvg"; +import "./styles.css"; + +import { Montserrat } from "next/font/google"; + +const montserratFont = Montserrat({ + weight: ["100", "200", "400", "600"], + subsets: ["latin"], +}); + +export default function Page() { + const [messageOrBugDropdown,setMessageOrBugDropdown] = useState(false); + const [messageOrBug, setMessageOrBug] = useState("Message"); + + const [formSubmitted, setFormSubmitted] = useState(false); + + const linkedInLink = "https://www.linkedin.com/company/iiitvcc/"; + const twitterLink = "https://x.com/iiitvcc"; + const instagramLink = "https://www.instagram.com/codingclub_iiitv/"; + const facebookLink = "https://www.facebook.com/iiitvcc/"; + const ccEmailLink = "mailto:codingclub@iiitvadodara.ac.in"; + + function handleDropDownClick(){ + setMessageOrBugDropdown(prev=>!prev) + } + return ( +
+
+

IIIT Vadodara

+
+

Coding Club

+
+
+

+ Contact Us +

+
+
+

+ At the Coding Club of IIIT Vadodara, we're more than just a group of + programmers—we're a community of innovators, creators, and + problem-solvers. Whether you have a burning question, a brilliant + idea, or just want to collaborate with like-minded tech enthusiasts, + we're here to connect. Reach out to us and let's turn your coding + dreams into reality! +

+
+
+
+ +
+ {formSubmitted? +
+ +

+ Message Send Succesfully... +

+
+ : +
+
+
{ + event.preventDefault(); + setFormSubmitted(true)}} + > +
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+

+ {messageOrBug} +

+ +
+
+
+ +
+ +
+
+
+
+
+