diff --git a/app/(pages)/about/page.tsx b/app/(pages)/about/page.tsx new file mode 100644 index 0000000..84a8132 --- /dev/null +++ b/app/(pages)/about/page.tsx @@ -0,0 +1,268 @@ +"use client"; + +import { motion } from "framer-motion"; +import { Diamond, Users, Trophy, Palette, Heart } from "lucide-react"; +import Link from "next/link"; + +const stats = [ + { number: "500+", label: "Expected Participants" }, + { number: "3", label: "Categories" }, + { number: "₹50K+", label: "Prize Pool" }, + { number: "1", label: "Week of Creativity" }, +]; + +const values = [ + { + icon: Palette, + title: "Creativity", + description: "We celebrate original thinking and artistic expression in all its forms.", + }, + { + icon: Users, + title: "Community", + description: "Building connections between artists and art enthusiasts across SJEC.", + }, + { + icon: Trophy, + title: "Excellence", + description: "Recognizing and rewarding outstanding artistic talent and dedication.", + }, + { + icon: Heart, + title: "Inclusivity", + description: "Welcoming artists of all skill levels and artistic backgrounds.", + }, +]; + +const timeline = [ + { date: "Feb 15, 2026", event: "Registration Opens", status: "completed" }, + { date: "Feb 21, 2026", event: "Submissions Begin", status: "active" }, + { date: "Feb 28, 2026", event: "Submission Deadline", status: "upcoming" }, + { date: "Mar 1-5, 2026", event: "Public Voting", status: "upcoming" }, + { date: "Mar 7, 2026", event: "Winners Announced", status: "upcoming" }, +]; + +export default function AboutPage() { + return ( +
+ {/* Hero Section */} +
+ + + ABOUT US + +

+ Celebrating Art at + SJEC +

+

+ ArtSplash is St. Joseph Engineering College's premier art competition, + brought to you by Sceptix — + the official technical club. We're on a mission to discover, celebrate, + and showcase the incredible artistic talent within our community. +

+ +
+ + {/* Stats Section */} +
+ + {stats.map((stat, index) => ( +
+
+ {stat.number} +
+
{stat.label}
+
+ ))} + +
+ + {/* Mission Section */} +
+
+ + + OUR MISSION + +

+ Empowering Artists, +
+ Inspiring Creativity +

+

+ ArtSplash was created to provide a platform where students can express + their creativity, gain recognition for their work, and connect with + fellow artists. Whether you're a digital artist, traditional painter, + or poster designer, there's a place for you here. +

+

+ Our competition is open to all SJEC students who want to showcase their + artistic talents. The public voting system ensures that the community + has a voice in celebrating the best artworks. +

+ + + + {values.map((value, index) => ( +
+
+ +
+

{value.title}

+

{value.description}

+
+ ))} + +
+
+ + {/* Timeline Section */} +
+ + + EVENT TIMELINE + +

+ Important Dates +

+ + +
+ {/* Timeline Line */} +
+ +
+ {timeline.map((item, index) => ( + +
+
+
{item.date}
+
{item.event}
+
+ {item.status === "active" + ? "In Progress" + : item.status === "completed" + ? "Completed" + : "Upcoming"} +
+
+
+ + {/* Center Dot */} +
+ +
+ + ))} +
+
+
+ + {/* Organized By Section */} +
+ + + ORGANIZED BY + +
+ + SCEPTIX +
+

+ Sceptix is the official technical club of St. Joseph Engineering College, + dedicated to fostering innovation, creativity, and technical excellence + among students. +

+
+ + JOIN ARTSPLASH + + + CONTACT US + +
+ +
+
+ ); +} diff --git a/app/(pages)/contact/page.tsx b/app/(pages)/contact/page.tsx new file mode 100644 index 0000000..e295cd1 --- /dev/null +++ b/app/(pages)/contact/page.tsx @@ -0,0 +1,360 @@ +"use client"; + +import { useState } from "react"; +import { motion } from "framer-motion"; +import { + Mail, + Phone, + MapPin, + Send, + Instagram, + Linkedin, + MessageSquare, + Clock, + CheckCircle +} from "lucide-react"; + +import Link from "next/link"; + +const contactMethods = [ + { + icon: Mail, + label: "Email", + value: "artsplash@sjec.ac.in", + href: "mailto:artsplash@sjec.ac.in", + description: "Best for detailed inquiries", + }, + { + icon: Phone, + label: "Phone", + value: "+91 98765 43210", + href: "tel:+919876543210", + description: "Mon-Fri, 10AM-5PM", + }, + { + icon: MapPin, + label: "Location", + value: "SJEC, Mangalore", + href: "https://maps.google.com/?q=St+Joseph+Engineering+College+Mangalore", + description: "Visit us on campus", + }, +]; + +const socialLinks = [ + { + icon: Instagram, + label: "Instagram", + href: "https://instagram.com/sceptix_sjec", + username: "@sceptix_sjec", + }, + { + icon: Linkedin, + label: "LinkedIn", + href: "https://linkedin.com/company/sceptix-sjec", + username: "Sceptix SJEC", + }, +]; + +const departments = [ + "General Inquiry", + "Registration Help", + "Technical Support", + "Submission Issues", + "Voting Questions", + "Partnership & Sponsorship", + "Other", +]; + +export default function ContactPage() { + const [formState, setFormState] = useState({ + name: "", + email: "", + department: "", + subject: "", + message: "", + }); + const [isSubmitting, setIsSubmitting] = useState(false); + const [isSubmitted, setIsSubmitted] = useState(false); + + const handleChange = (e: React.ChangeEvent) => { + const { name, value } = e.target; + setFormState((prev) => ({ ...prev, [name]: value })); + }; + + const handleSubmit = async (e: React.FormEvent) => { + e.preventDefault(); + setIsSubmitting(true); + + // Simulate API call + await new Promise((resolve) => setTimeout(resolve, 1500)); + + setIsSubmitting(false); + setIsSubmitted(true); + }; + + if (isSubmitted) { + return ( +
+
+ +
+ +
+

+ Message Sent! +

+

+ Thank you for reaching out. We'll get back to you within 24-48 hours. +

+ + Back to Home + + +
+
+ ); + } + + return ( +
+
+ {/* Header */} + + + CONTACT + +

+ Get in Touch +

+

+ Have a question about ArtSplash? We're here to help. Reach out to us + through any of the channels below. +

+ + +
+ {/* Contact Info Column */} + + {/* Contact Methods */} +
+ {contactMethods.map((method, index) => ( + +
+
+ +
+
+

{method.label}

+

{method.value}

+

{method.description}

+
+
+ + ))} +
+ + {/* Response Time */} +
+
+
+ +
+

Response Time

+
+

+ We typically respond within 24-48 hours on + business days. For urgent issues during the competition, we'll prioritize your query. +

+
+ + {/* Social Links */} +
+

Follow Us

+
+ {socialLinks.map((social) => ( + + + {social.username} + + ))} +
+
+ + + {/* Contact Form */} + +
+
+
+ +
+

Send us a Message

+
+ +
+ {/* Name & Email Row */} +
+
+ + +
+
+ + +
+
+ + {/* Department & Subject Row */} +
+
+ +
+ +
+ + + +
+
+
+
+ + +
+
+ + {/* Message */} +
+ +