diff --git a/components/IndustriesGrid.js b/components/IndustriesGrid.js new file mode 100644 index 0000000..620f011 --- /dev/null +++ b/components/IndustriesGrid.js @@ -0,0 +1,113 @@ +import styles from './IndustriesGrid.module.css'; +import Image from 'next/image'; + +export default function IndustriesGrid() { + + const gridData = [ + { + title: 'HR', + descriptions: 'Transform HR operations and boost team productivity with automation, driving strategic decision-making and talent management.', + buttonLabel: 'Join Waitlist', + logo: '/images/noun-human-resources.svg', + }, + { + title: 'Law', + descriptions: 'Streamline your legal procedures and amplify case management efficacy by delegating repetitive tasks to our automation solution.', + buttonLabel: 'Join Waitlist', + logo: '/images/noun-law.svg', + }, + { + title: 'Insurance', + descriptions: 'Optimize operational costs', + buttonLabel: 'Join Waitlist', + logo: '/images/noun-insurance.svg', + }, + { + title: 'Healthcare', + descriptions: 'Optimize patient care and medical record keeping by integrating our automation tool, freeing healthcare professionals for critical tasks.', + buttonLabel: 'Join Waitlist', + logo: '/images/noun-healthcare.svg', + }, + { + title: 'Freight', + descriptions: 'Upgrade your logistics, ensure on-time deliveries and increase efficiency by automating repetitive tasks in your freight business.', + buttonLabel: 'Join Waitlist', + logo: '/images/noun-freight.svg', + }, + { + title: 'Pharmacy', + descriptions: 'Reinforce accuracy, patient safety and efficient inventory management in your pharmacy with our dependable automation product.', + buttonLabel: 'Join Waitlist', + logo: '/images/noun-pharmacy.svg', + }, + { + title: 'Customer Support', + descriptions: 'Revolutionize customer service by automifying mundane tasks, enhancing response times and fostering superior customer satisfaction.', + buttonLabel: 'Join Waitlist', + logo: '/images/noun-customer-support.svg', + }, + { + title: 'Sales Development', + descriptions: 'Elevate your sales strategy by automating repetitive tasks, freeing your team to focus on strategic client engagement and revenue growth.', + buttonLabel: 'Join Waitlist', + logo: '/images/noun-sales-development.svg', + }, + { + title: 'Let us build for you', + descriptions: 'Customize automation solutions', + buttonLabel: 'Join Waitlist', + logo: '/images/noun-build.svg', + }, + { + title: 'Developers', + descriptions: 'Simplify software development processes', + buttonLabel: 'Join Waitlist', + logo: '/images/noun-developer.svg', + }, + ]; + + return ( +
+
+

Achieve more with less effort.

+

+ Our technology observes and records your software interactions, automating repetitive tasks.
+ Spend less time on manual processes and more on tasks that truly matter. +

+
+
+

+ Revolutionizing Industries with AI-First Automation for Growth and Transformation. +

+
+ {gridData.map((grid, index) => ( +
+
+ {grid.title} +
+

{grid.title}

+
    + {grid.descriptions.split('\n').map((description) => ( +
  • {description}
    • + ))} +
+ {grid.title === 'Developers' ? ( + + {grid.buttonLabel} + + ) : ( + + )} +
+ ))} +
+
+ ); +} diff --git a/components/IndustriesGrid.module.css b/components/IndustriesGrid.module.css new file mode 100644 index 0000000..0fbfb3f --- /dev/null +++ b/components/IndustriesGrid.module.css @@ -0,0 +1,78 @@ +.background { + background: rgb(10, 27, 96); + background: radial-gradient( circle, rgba(10, 27, 96, 1) 19%, rgba(12, 16, 46, 1) 44%, rgba(0, 0, 30, 1) 66% ); +} +.row { + display: flex; + flex-wrap: wrap; + justify-content: center; + padding-bottom:25px; +} +.card { + font-size: medium; + width: 380px; + height: 330px; + margin: 20px; + padding: 20px; + border-radius: 30px; + background: rgba(62, 48, 103, 0.6); + display: flex; + flex-direction: column; + align-items: center; + /* Add this line */ +} +.title { + margin: 10px; + color: whitesmoke; + font-size: 22px; + font-weight: bold; + text-align: center; +} +.button { + background-color: transparent; + color: #b58bff; + padding: 6px 15px; + border: 2px solid #b58bff; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.3s, color 0.3s; + margin-top: auto; + margin-bottom: 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + width: 40%; + margin-left: auto; + margin-right: auto; +} +.button:hover { + background-color: #661ae6; + border: #661ae6; + color: white; +} +.descriptions { + text-align: center; + margin-bottom: 10px; + padding: 0; + font-size: 15px; + color: rgb(204, 194, 194); +} +.heading { + font-size: 30px; + font-weight: bold; + text-align: center; + margin: 10px; +} +.p { + padding: 30px; + font-size: 18px; + text-align: center; + color: rgb(204, 194, 194); +} +.logo { + transition: transform 0.3s ease; +} +.logo:hover { + transform: scale(1.2); +} \ No newline at end of file diff --git a/components/MastHead.js b/components/MastHead.js index 8e0fad5..6475ce3 100644 --- a/components/MastHead.js +++ b/components/MastHead.js @@ -1,10 +1,9 @@ import Link from "next/link" -import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' -import { faBoxOpen, faBrain } from '@fortawesome/free-solid-svg-icons' import { motion } from "framer-motion" import Image from 'next/image'; import EmailForm from '@components/EmailForm' +import IndustriesGrid from '@components/IndustriesGrid' import styles from './MastHead.module.css' @@ -33,33 +32,22 @@ export default function Home() { repeatDelay: 0, }} > - {/* - - Large Language Model - */} Large Language Model -

AI for Humans.

- + Get Started
@@ -102,6 +90,7 @@ export default function Home() { + {/*
*/} @@ -174,4 +163,4 @@ export default function Home() {
) -} +} \ No newline at end of file diff --git a/components/MastHead.module.css b/components/MastHead.module.css index 6e7faa3..4535331 100644 --- a/components/MastHead.module.css +++ b/components/MastHead.module.css @@ -16,4 +16,4 @@ rgba(0,0,60,1) 75%, rgba(0,0,45,1) 100% ); -} +} \ No newline at end of file diff --git a/public/images/masthead.svg b/public/images/masthead.svg new file mode 100644 index 0000000..c02e67c --- /dev/null +++ b/public/images/masthead.svg @@ -0,0 +1,110 @@ + +Created with Fabric.js 3.5.0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/images/noun-build.svg b/public/images/noun-build.svg new file mode 100644 index 0000000..7907ea2 --- /dev/null +++ b/public/images/noun-build.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/noun-customer-support.svg b/public/images/noun-customer-support.svg new file mode 100644 index 0000000..b7bb981 --- /dev/null +++ b/public/images/noun-customer-support.svg @@ -0,0 +1,5 @@ + \ No newline at end of file diff --git a/public/images/noun-developer.svg b/public/images/noun-developer.svg new file mode 100644 index 0000000..b149f73 --- /dev/null +++ b/public/images/noun-developer.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/noun-freight.svg b/public/images/noun-freight.svg new file mode 100644 index 0000000..dbb9c10 --- /dev/null +++ b/public/images/noun-freight.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/noun-healthcare.svg b/public/images/noun-healthcare.svg new file mode 100644 index 0000000..af4adf0 --- /dev/null +++ b/public/images/noun-healthcare.svg @@ -0,0 +1 @@ +health_011-healthcare-online-computer-stethoscopeCreated with Sketch. \ No newline at end of file diff --git a/public/images/noun-human-resources.svg b/public/images/noun-human-resources.svg new file mode 100644 index 0000000..a966468 --- /dev/null +++ b/public/images/noun-human-resources.svg @@ -0,0 +1 @@ +Created by Aficonsfrom the Noun Project \ No newline at end of file diff --git a/public/images/noun-insurance.svg b/public/images/noun-insurance.svg new file mode 100644 index 0000000..0361536 --- /dev/null +++ b/public/images/noun-insurance.svg @@ -0,0 +1 @@ +Created by Josy Dom Alexisfrom the Noun Project \ No newline at end of file diff --git a/public/images/noun-law.svg b/public/images/noun-law.svg new file mode 100644 index 0000000..bced7b4 --- /dev/null +++ b/public/images/noun-law.svg @@ -0,0 +1 @@ +4 \ No newline at end of file diff --git a/public/images/noun-pharmacy.svg b/public/images/noun-pharmacy.svg new file mode 100644 index 0000000..5b54237 --- /dev/null +++ b/public/images/noun-pharmacy.svg @@ -0,0 +1 @@ +pharmacy, pills, vitamin, supplement, medical \ No newline at end of file diff --git a/public/images/noun-sales-development.svg b/public/images/noun-sales-development.svg new file mode 100644 index 0000000..37fe719 --- /dev/null +++ b/public/images/noun-sales-development.svg @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/web b/web new file mode 160000 index 0000000..38855be --- /dev/null +++ b/web @@ -0,0 +1 @@ +Subproject commit 38855bef1160579d2d631f312b48d4bff06651b1