-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #72 from TEDx-SJEC/contact
Contact
- Loading branch information
Showing
13 changed files
with
837 additions
and
566 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,149 +1,147 @@ | ||
| "use client"; | ||
|
|
||
| import Link from "next/link"; | ||
| // import Image from "next/image" | ||
| import { | ||
| Mail, | ||
| Phone, | ||
| MapPin, | ||
| Instagram, | ||
| Linkedin, | ||
| Calendar, | ||
| Guitar, | ||
| Users, | ||
| Mic2, | ||
| } from "lucide-react"; | ||
| import { Button } from "@/components/ui/button"; | ||
| import { Card, CardContent } from "@/components/ui/card"; | ||
| import { Mail, Phone, MapPin, Instagram, Linkedin } from "lucide-react"; | ||
| import { motion } from "framer-motion"; | ||
|
|
||
| export default function Footer() { | ||
| export default function ContactPage() { | ||
| return ( | ||
| <footer className="text-white w-full min-h-screen flex flex-col justify-between bg-gradient-to-b from-transparent to-black/30"> | ||
| <div className="flex-grow flex flex-col lg:flex-row"> | ||
| <div className="lg:w-1/2 lg:px-12 px-5 flex flex-col justify-center items-center lg:items-start space-y-8 py-12"> | ||
| <div className="w-full max-w-lg space-y-8"> | ||
| <h2 className="text-3xl md:text-4xl font-bold text-center lg:text-left">Contact Us</h2> | ||
| <div className="grid grid-cols-1 md:grid-cols-2 gap-6"> | ||
| <Card className="bg-black/30 border-none hover:bg-black/40 transition-colors"> | ||
| <CardContent className="p-6 flex items-start space-x-4"> | ||
| <Mail className="h-6 w-6 text-red-500 mt-1 flex-shrink-0" /> | ||
| <div> | ||
| <h3 className="font-semibold text-lg mb-2">Email Us</h3> | ||
| <a | ||
| href="mailto:[email protected]" | ||
| className="hover:text-red-500 transition-colors break-all text-sm" | ||
| > | ||
| [email protected] | ||
| </a> | ||
| </div> | ||
| </CardContent> | ||
| </Card> | ||
| <Card className="bg-black/30 border-none hover:bg-black/40 transition-colors"> | ||
| <CardContent className="p-6 flex items-start space-x-4"> | ||
| <Phone className="h-6 w-6 text-red-500 mt-1 flex-shrink-0" /> | ||
| <div> | ||
| <h3 className="font-semibold text-lg mb-2">Call Us</h3> | ||
| <p className="text-sm mb-1">Dr. Binu KG</p> | ||
| <a | ||
| href="tel:+91-9739866947" | ||
| className="hover:text-red-500 transition-colors text-sm" | ||
| > | ||
| +91-9739866947 | ||
| </a> | ||
| </div> | ||
| </CardContent> | ||
| </Card> | ||
| <Card className="bg-black/30 border-none hover:bg-black/40 transition-colors md:col-span-2"> | ||
| <CardContent className="p-6 flex flex-col md:flex-row md:items-start md:justify-between"> | ||
| <div className="flex items-start space-x-4 mb-4 md:mb-0"> | ||
| <MapPin className="h-6 w-6 text-red-500 mt-1 flex-shrink-0" /> | ||
| <div> | ||
| <h3 className="font-semibold text-lg mb-2">Visit Us</h3> | ||
| <address className="not-italic text-sm"> | ||
| St Joseph Engineering College, | ||
| <br /> | ||
| Vamanjoor, Mangalore - 575028 | ||
| <br /> | ||
| Karnataka, India | ||
| </address> | ||
| </div> | ||
| </div> | ||
| <div className="flex justify-center md:justify-end space-x-4 mt-4 md:mt-0"> | ||
| <Link | ||
| href="https://instagram.com/tedxsjec" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| <Button | ||
| variant="outline" | ||
| size="icon" | ||
| className="rounded-full bg-red-600 hover:bg-red-700 border-none" | ||
| > | ||
| <span className="sr-only">Instagram</span> | ||
| <Instagram className="h-5 w-5" aria-hidden="true" /> | ||
| </Button> | ||
| </Link> | ||
| <Link | ||
| href="https://www.linkedin.com/company/tedxsjec" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| <Button | ||
| variant="outline" | ||
| size="icon" | ||
| className="rounded-full bg-red-600 hover:bg-red-700 border-none" | ||
| > | ||
| <span className="sr-only">LinkedIn</span> | ||
| <Linkedin className="h-5 w-5" aria-hidden="true" /> | ||
| </Button> | ||
| </Link> | ||
| </div> | ||
| </CardContent> | ||
| </Card> | ||
| </div> | ||
| <div className="h-[700px] flex flex-col text-white px-5 py-4 md:px-10 md:py-4"> | ||
| <h1 className="text-3xl md:text-5xl font-bold text-center mb-4"> | ||
| Contact TEDxSJEC | ||
| </h1> | ||
| <p className="text-center text-xl text-gray-400 mb-8"> | ||
| Have questions or want to get involved? We'd love to hear from you! | ||
| </p> | ||
| <div className="flex-grow grid grid-cols-1 md:grid-cols-2 gap-8 mb-8"> | ||
| <div className="flex items-center justify-center bg-black/40 rounded-lg shadow-md overflow-hidden"> | ||
| <iframe | ||
| src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3888.9520361386985!2d74.89609701022555!3d12.910804316156533!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba359dfac132663%3A0xa7bf228838232d32!2sSt%20Joseph%20Engineering%20College!5e0!3m2!1sen!2sin!4v1713257369845!5m2!1sen!2sin" | ||
| width="100%" | ||
| height="100%" | ||
| style={{ border: 0 }} | ||
| allowFullScreen | ||
| loading="lazy" | ||
| referrerPolicy="no-referrer-when-downgrade" | ||
| title="St Joseph Engineering College Map" | ||
| className="rounded-md" | ||
| ></iframe> | ||
| </div> | ||
|
|
||
| <div className="p-6 bg-black/30 rounded-lg shadow-md flex flex-col justify-between"> | ||
| <div> | ||
| <div className="flex justify-between items-center mb-8"> | ||
| <h2 className="text-2xl font-bold text-center">CONNECT WITH TEDxSJEC</h2> | ||
| </div> | ||
| <div className="flex flex-col ml-5 md:ml-5 md:flex-row justify-between"> | ||
| <div className="space-y-4 text-sm mb-6"> | ||
| <motion.div | ||
| className="flex items-center space-x-3" | ||
| whileHover={{ x: 10 }} | ||
| transition={{ type: "spring", stiffness: 300 }} | ||
| > | ||
| <Mail className="h-5 w-5 text-red-600" /> | ||
| <a | ||
| href="mailto:[email protected]" | ||
| className="hover:text-red-600 transition-colors" | ||
| > | ||
| [email protected] | ||
| </a> | ||
| </motion.div> | ||
| <motion.div | ||
| className="flex items-center space-x-3" | ||
| whileHover={{ x: 10 }} | ||
| transition={{ type: "spring", stiffness: 300 }} | ||
| > | ||
| <Phone className="h-5 w-5 text-red-600" /> | ||
| <div> | ||
| <p className="font-semibold">Dr. Binu KG</p> | ||
| <a | ||
| href="tel:+91-9739866947" | ||
| className="hover:text-red-600 transition-colors" | ||
| > | ||
| +91-9739866947 | ||
| </a> | ||
| </div> | ||
| </motion.div> | ||
| <motion.div | ||
| className="flex items-start space-x-3" | ||
| whileHover={{ x: 10 }} | ||
| transition={{ type: "spring", stiffness: 300 }} | ||
| > | ||
| <MapPin className="h-5 w-5 text-red-600 mt-1" /> | ||
| <address className="not-italic"> | ||
| St Joseph Engineering College, | ||
| <br /> | ||
| Vamanjoor, Mangalore - 575028 | ||
| <br /> | ||
| Karnataka, India | ||
| </address> | ||
| </motion.div> | ||
| </div> | ||
| <div className="lg:w-1/2 lg:px-8 px-3 flex items-center justify-center py-12"> | ||
| <div className="w-full h-[400px] md:h-[500px] lg:h-[600px] rounded-lg overflow-hidden shadow-lg"> | ||
| <iframe | ||
| src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3888.9520361386985!2d74.89609701022555!3d12.910804316156533!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba359dfac132663%3A0xa7bf228838232d32!2sSt%20Joseph%20Engineering%20College!5e0!3m2!1sen!2sin!4v1713257369845!5m2!1sen!2sin" | ||
| width="100%" | ||
| height="100%" | ||
| style={{ border: 0 }} | ||
| allowFullScreen | ||
| loading="lazy" | ||
| referrerPolicy="no-referrer-when-downgrade" | ||
| title="St Joseph Engineering College Map" | ||
| ></iframe> | ||
| </div> | ||
| <div className="flex flex-col space-y-4 md:mt-0"> | ||
| <motion.div | ||
| className="flex items-center space-x-3" | ||
| whileHover={{ x: 10 }} | ||
| transition={{ type: "spring", stiffness: 300 }} | ||
| > | ||
| <Instagram className="h-5 w-5 text-red-600" /> | ||
| <Link | ||
| href="https://instagram.com/tedxsjec" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| className="hover:text-red-600 transition-colors" | ||
| > | ||
| </Link> | ||
| </motion.div> | ||
| <motion.div | ||
| className="flex items-center space-x-3" | ||
| whileHover={{ x: 10 }} | ||
| transition={{ type: "spring", stiffness: 300 }} | ||
| > | ||
| <Linkedin className="h-5 w-5 text-red-600" /> | ||
| <Link | ||
| href="https://www.linkedin.com/company/tedxsjec" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| className="hover:text-red-600 transition-colors" | ||
| > | ||
| </Link> | ||
| </motion.div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div className="w-full p-4 md:p-6 bg-black/20"> | ||
| <div className="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center space-y-2 md:space-y-0"> | ||
| <p className="text-xs md:text-sm text-gray-400 text-center md:text-left"> | ||
| © 2024 TEDxSJEC. All Rights Reserved. This independent TEDx event is operated under | ||
| license from TED. | ||
| </p> | ||
| <div className="flex space-x-4"> | ||
| <Link | ||
| href="/privacy-policy" | ||
| className="text-xs md:text-sm text-gray-400 hover:text-white transition-colors" | ||
| > | ||
| Privacy Policy | ||
| </Link> | ||
| <Link | ||
| href="/terms-of-service" | ||
| className="text-xs md:text-sm text-gray-400 hover:text-white transition-colors" | ||
| > | ||
| Terms of Service | ||
| </Link> | ||
| <Link | ||
| href="/refund" | ||
| className="text-xs md:text-sm text-gray-400 hover:text-white transition-colors" | ||
| > | ||
| Refund Policy | ||
| </Link> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
| {/* <div className="text-center text-sm mt-10 "> | ||
| <p> | ||
| © 2024 Developed & Maintained by{" "} | ||
| <span className="font-bold inline-block">Google DG SJEC</span> | ||
| </p> | ||
| </div> */} | ||
| </div> | ||
| </div> | ||
|
|
||
| <div className="text-center text-sm text-gray-400"> | ||
| <p className=""> | ||
| © 2024 TEDxSJEC. This independent TEDx event is operated under license | ||
| from TED. | ||
| </p> | ||
| <div className="mt-4 md:pb-0 pb-4"> | ||
| <Link | ||
| href="/privacy-policy" | ||
| className="mr-4 hover:text-red-600 transition-colors" | ||
| > | ||
| Privacy Policy | ||
| </Link> | ||
| <Link | ||
| href="/terms-of-service" | ||
| className="hover:text-red-600 transition-colors" | ||
| > | ||
| Terms of Service | ||
| </Link> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.