From 565ed33aa0c78de599742dcae3b62b058a593486 Mon Sep 17 00:00:00 2001 From: jyswee Date: Thu, 23 Jul 2026 22:12:26 +0000 Subject: [PATCH] Seed: education template (18 files) --- src/pages/Contact.tsx | 152 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 152 insertions(+) create mode 100644 src/pages/Contact.tsx diff --git a/src/pages/Contact.tsx b/src/pages/Contact.tsx new file mode 100644 index 0000000..eb08772 --- /dev/null +++ b/src/pages/Contact.tsx @@ -0,0 +1,152 @@ +import { useState } from "react"; +import Header from "@/components/Header"; +import Footer from "@/components/Footer"; +import { Button } from "@/components/ui/button"; +import { Card, CardContent } from "@/components/ui/card"; +import { Input } from "@/components/ui/input"; +import { Textarea } from "@/components/ui/textarea"; +import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"; +import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"; +import { Mail, Phone, MapPin, Clock, Send } from "lucide-react"; +import { toast } from "sonner"; + +const faqs = [ + { q: "How do I enroll in a course?", a: "Simply browse our course catalog, select a course, and click Enroll Now. You can start learning immediately after payment. We also offer a free trial for new students." }, + { q: "Do I receive a certificate upon completion?", a: "Yes! Every course includes a verifiable certificate of completion that you can share on LinkedIn and add to your resume. Our certificates are recognized by industry leaders." }, + { q: "What is your refund policy?", a: "We offer a 30-day money-back guarantee on all courses. If you are not satisfied, contact our support team for a full refund — no questions asked." }, + { q: "Are there any prerequisites for courses?", a: "Prerequisites vary by course. Beginner courses require no prior experience. Intermediate and advanced courses list their prerequisites on the course detail page." }, +]; + +export default function ContactPage() { + const [sending, setSending] = useState(false); + + const handleSubmit = (e: React.FormEvent) => { + e.preventDefault(); + setSending(true); + setTimeout(() => { + setSending(false); + toast.success("Message sent! We will get back to you within 24 hours."); + }, 1200); + }; + + return ( +
+
+ + {/* ── Contact Section ── */} +
+
+
+

Get In Touch

+

Have questions about courses, enrollment, or partnerships? We are here to help.

+
+ +
+ {/* Info */} +
+ + +
+
+ +
+
+
Email
+
hello@luminaracademy.com
+
+
+
+
+ +
+
+
Phone
+
+1 (555) 234-5678
+
+
+
+
+ +
+
+
Address
+
500 Innovation Drive, Suite 300, San Francisco, CA 94105
+
+
+
+
+ +
+
+
Office Hours
+
Mon–Fri 9:00 AM – 6:00 PM PST
+
+
+ + +
+ + {/* Form */} +
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+ +