af94ab6dd0
- Disabled development indicators in next.config.ts for cleaner output. - Updated English and Chinese message files to include new block titles for logo, login, signup, and contact sections. - Refactored routes to include new paths for login, signup, and contact blocks. - Introduced new layout and page components for marketing sections, including logo cloud and various call-to-action pages. - Enhanced blocks navigation component to utilize updated paths and improve user experience.
99 lines
3.1 KiB
TypeScript
99 lines
3.1 KiB
TypeScript
import { Button } from '@/components/ui/button';
|
||
import { Input } from '@/components/ui/input';
|
||
import { Label } from '@/components/ui/label';
|
||
import { Textarea } from '@/components/ui/textarea';
|
||
import {
|
||
Select,
|
||
SelectContent,
|
||
SelectItem,
|
||
SelectTrigger,
|
||
SelectValue,
|
||
} from '@/components/ui/select';
|
||
import { Card } from '@/components/ui/card';
|
||
|
||
export default function ContactSection() {
|
||
return (
|
||
<section className="py-32">
|
||
<div className="mx-auto max-w-3xl px-8 lg:px-0">
|
||
<h1 className="text-center text-4xl font-semibold lg:text-5xl">
|
||
Contact Sales
|
||
</h1>
|
||
<p className="mt-4 text-center">
|
||
We'll help you find the right plan and pricing for your business.
|
||
</p>
|
||
|
||
<Card className="mx-auto mt-12 max-w-lg p-8 shadow-md sm:p-16">
|
||
<div>
|
||
<h2 className="text-xl font-semibold">
|
||
Let's get you to the right place
|
||
</h2>
|
||
<p className="mt-4 text-sm">
|
||
Reach out to our sales team! We’re eager to learn more about how
|
||
you plan to use our application.
|
||
</p>
|
||
</div>
|
||
|
||
<form
|
||
action=""
|
||
className="**:[&>label]:block mt-12 space-y-6 *:space-y-3"
|
||
>
|
||
<div>
|
||
<Label htmlFor="name">Full name</Label>
|
||
<Input type="text" id="name" required />
|
||
</div>
|
||
|
||
<div>
|
||
<Label htmlFor="email">Work Email</Label>
|
||
<Input type="email" id="email" required />
|
||
</div>
|
||
|
||
<div>
|
||
<Label htmlFor="country">Country/Region</Label>
|
||
<Select>
|
||
<SelectTrigger>
|
||
<SelectValue placeholder="Select Country/Region" />
|
||
</SelectTrigger>
|
||
<SelectContent>
|
||
<SelectItem value="1">DR Congo</SelectItem>
|
||
<SelectItem value="2">United States</SelectItem>
|
||
<SelectItem value="3">France</SelectItem>
|
||
</SelectContent>
|
||
</Select>
|
||
</div>
|
||
|
||
<div>
|
||
<Label htmlFor="website">Company Website</Label>
|
||
<Input type="url" id="website" />
|
||
<span className="text-muted-foreground inline-block text-sm">
|
||
Must start with 'https'
|
||
</span>
|
||
</div>
|
||
|
||
<div>
|
||
<Label htmlFor="job">Job function</Label>
|
||
<Select>
|
||
<SelectTrigger>
|
||
<SelectValue placeholder="Select Job Function" />
|
||
</SelectTrigger>
|
||
<SelectContent>
|
||
<SelectItem value="1">Finance</SelectItem>
|
||
<SelectItem value="2">Education</SelectItem>
|
||
<SelectItem value="3">Legal</SelectItem>
|
||
<SelectItem value="4">More</SelectItem>
|
||
</SelectContent>
|
||
</Select>
|
||
</div>
|
||
|
||
<div>
|
||
<Label htmlFor="msg">Message</Label>
|
||
<Textarea id="msg" rows={3} />
|
||
</div>
|
||
|
||
<Button>Submit</Button>
|
||
</form>
|
||
</Card>
|
||
</div>
|
||
</section>
|
||
);
|
||
}
|