-
-
-
- Get started by editing{" "}
-
- src/app/page.tsx -- . -
- - - Save and see your changes instantly. - -
Name: ${firstName} ${lastName}
+ //Email: ${email}
+ //Phone: ${phone}
+ //Message: ${message || 'No message provided'}
+ // ` + // }); + + // Return success response + return NextResponse.json( + { + success: true, + message: 'Thank you for your submission. We will contact you soon.', + data: { + firstName, + lastName, + email + } + }, + { status: 200 } + ); + + } catch (error) { + console.error('Error processing contact form:', error); + return NextResponse.json( + { error: 'Internal server error. Please try again later.' }, + { status: 500 } + ); + } +} \ No newline at end of file diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx new file mode 100644 index 0000000..b38a900 --- /dev/null +++ b/src/app/contact/page.tsx @@ -0,0 +1,596 @@ +'use client'; + +import { useState, useEffect, useRef } from 'react'; +import Image from 'next/image'; +import { useMediaQuery } from '@react-hook/media-query'; +import { ChevronDown, Phone, Mail } from 'lucide-react'; +import { z } from 'zod'; +import { useForm } from 'react-hook-form'; +import { zodResolver } from '@hookform/resolvers/zod'; +import { Button } from '@/components/ui/button'; +import { + Form, + FormControl, + FormField, + FormItem, +} from '@/components/ui/form'; +import { Input } from '@/components/ui/input'; +import { Textarea } from '@/components/ui/textarea'; + +const formSchema = z.object({ + firstName: z.string().min(1, 'First name is required'), + lastName: z.string().min(1, 'Last name is required'), + email: z.string().email('Invalid email address'), + phone: z.string().min(1, 'Phone is required'), + message: z.string().optional(), +}); + +export default function ContactPage() { + const [mounted, setMounted] = useState(false); + const [logoPosition, setLogoPosition] = useState('center'); + const [logoStyle, setLogoStyle] = useState
- src/app/page.tsx
-
- .
- + {body} +
+ ) +} + +export { + useFormField, + Form, + FormItem, + FormLabel, + FormControl, + FormDescription, + FormMessage, + FormField, +} diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx new file mode 100644 index 0000000..8916905 --- /dev/null +++ b/src/components/ui/input.tsx @@ -0,0 +1,21 @@ +import * as React from "react" + +import { cn } from "@/lib/utils" + +function Input({ className, type, ...props }: React.ComponentProps<"input">) { + return ( + + ) +} + +export { Input } diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx new file mode 100644 index 0000000..fb5fbc3 --- /dev/null +++ b/src/components/ui/label.tsx @@ -0,0 +1,24 @@ +"use client" + +import * as React from "react" +import * as LabelPrimitive from "@radix-ui/react-label" + +import { cn } from "@/lib/utils" + +function Label({ + className, + ...props +}: React.ComponentProps