Skip to content

Commit

Permalink
Page
Browse files Browse the repository at this point in the history
  • Loading branch information
@RobinNagpal
RobinNagpal committed Feb 19, 2025
1 parent cbe67d9 commit ebe5611
Show file tree
Hide file tree
Showing 3 changed files with 146 additions and 9 deletions.
11 changes: 2 additions & 9 deletions insights-ui/src/app/layout.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
import clsx from 'clsx';
import type { Metadata } from 'next';
import { Geist, Geist_Mono, Inter } from 'next/font/google';
import { Geist, Geist_Mono } from 'next/font/google';
import 'tailwindcss/tailwind.css';
import './globals.scss';
import { CSSProperties } from 'react';
Expand All @@ -20,12 +19,6 @@ export const metadata: Metadata = {
description: 'Agents progress and reports',
};

const inter = Inter({
subsets: ['latin'],
display: 'swap',
variable: '--font-inter',
});

export default function RootLayout({
children,
}: Readonly<{
Expand All @@ -44,7 +37,7 @@ export default function RootLayout({
} as CSSProperties;

return (
<html lang="en" className={clsx('h-full scroll-smooth bg-white antialiased', inter.variable)}>
<html lang="en">
<head>
<link rel="preconnect" href="https://cdn.fontshare.com" crossOrigin="anonymous" />
<link rel="stylesheet" href="https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@800,500,700&display=swap" />
Expand Down
2 changes: 2 additions & 0 deletions insights-ui/src/app/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import AllInOnePlatform from '@/components/home-page/AllInOnePlatform';
import Contact from '@/components/home-page/Contact';
import Features from '@/components/home-page/Features';
import { Footer } from '@/components/home-page/Footer';
import FromTheBlog from '@/components/home-page/FromTheBlog';
Expand All @@ -24,6 +25,7 @@ export default function Home() {
<AllInOnePlatform />
<Features />
<FromTheBlog />
<Contact />
<Footer />
</div>
);
Expand Down
142 changes: 142 additions & 0 deletions insights-ui/src/components/home-page/Contact.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,142 @@
import { BuildingOffice2Icon, EnvelopeIcon, PhoneIcon } from '@heroicons/react/24/outline';

export default function Contact() {
return (
<div className="bg-white py-24 sm:py-32">
<div className="mx-auto max-w-7xl px-6 lg:px-8">
<div className="relative isolate bg-white">
<div className="mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2">
<div className="relative px-6 lg:static lg:px-8">
<div className="mx-auto max-w-xl lg:mx-0 lg:max-w-lg">
<h2 className="text-pretty text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl">Get in touch</h2>
<p className="mt-6 text-lg/8 text-gray-600">
Proin volutpat consequat porttitor cras nullam gravida at. Orci molestie a eu arcu. Sed ut tincidunt integer elementum id sem. Arcu sed
malesuada et magna.
</p>
<dl className="mt-10 space-y-4 text-base/7 text-gray-600">
<div className="flex gap-x-4">
<dt className="flex-none">
<span className="sr-only">Address</span>
<BuildingOffice2Icon aria-hidden="true" className="h-7 w-6 text-gray-400" />
</dt>
<dd>
545 Mavis Island
<br />
Chicago, IL 99191
</dd>
</div>
<div className="flex gap-x-4">
<dt className="flex-none">
<span className="sr-only">Telephone</span>
<PhoneIcon aria-hidden="true" className="h-7 w-6 text-gray-400" />
</dt>
<dd>
<a href="tel:+1 (555) 234-5678" className="hover:text-gray-900">
+1 (555) 234-5678
</a>
</dd>
</div>
<div className="flex gap-x-4">
<dt className="flex-none">
<span className="sr-only">Email</span>
<EnvelopeIcon aria-hidden="true" className="h-7 w-6 text-gray-400" />
</dt>
<dd>
<a href="mailto:hello@example.com" className="hover:text-gray-900">
hello@example.com
</a>
</dd>
</div>
</dl>
</div>
</div>
<form action="#" method="POST" className="px-6 lg:px-8">
<div className="mx-auto max-w-xl lg:mr-0 lg:max-w-lg">
<div className="grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2">
<div>
<label htmlFor="first-name" className="block text-sm/6 font-semibold text-gray-900">
First name
</label>
<div className="mt-2.5">
<input
id="first-name"
name="first-name"
type="text"
autoComplete="given-name"
className="block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600"
/>
</div>
</div>
<div>
<label htmlFor="last-name" className="block text-sm/6 font-semibold text-gray-900">
Last name
</label>
<div className="mt-2.5">
<input
id="last-name"
name="last-name"
type="text"
autoComplete="family-name"
className="block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600"
/>
</div>
</div>
<div className="sm:col-span-2">
<label htmlFor="email" className="block text-sm/6 font-semibold text-gray-900">
Email
</label>
<div className="mt-2.5">
<input
id="email"
name="email"
type="email"
autoComplete="email"
className="block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600"
/>
</div>
</div>
<div className="sm:col-span-2">
<label htmlFor="phone-number" className="block text-sm/6 font-semibold text-gray-900">
Phone number
</label>
<div className="mt-2.5">
<input
id="phone-number"
name="phone-number"
type="tel"
autoComplete="tel"
className="block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600"
/>
</div>
</div>
<div className="sm:col-span-2">
<label htmlFor="message" className="block text-sm/6 font-semibold text-gray-900">
Message
</label>
<div className="mt-2.5">
<textarea
id="message"
name="message"
rows={4}
className="block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600"
defaultValue={''}
/>
</div>
</div>
</div>
<div className="mt-8 flex justify-end">
<button
type="submit"
className="rounded-md bg-indigo-600 px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
>
Send message
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
);
}

0 comments on commit ebe5611

Please sign in to comment.