From 2ef17fce72ce9b9bbaba192b20d43a01a9609295 Mon Sep 17 00:00:00 2001 From: Bodhish Thomas Date: Wed, 12 Jun 2024 03:10:56 +0530 Subject: [PATCH] Fix build issues --- package-lock.json | 22 +++++ package.json | 1 + pages/index.js | 211 ++++++++++++++++++++++++++------------------- tailwind.config.js | 6 +- 4 files changed, 147 insertions(+), 93 deletions(-) diff --git a/package-lock.json b/package-lock.json index 6d46867..13a6e3c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,6 +15,7 @@ "react-dom": "^18" }, "devDependencies": { + "@tailwindcss/forms": "^0.5.7", "eslint": "^8", "eslint-config-next": "14.2.3", "postcss": "^8", @@ -593,6 +594,18 @@ "tslib": "^2.4.0" } }, + "node_modules/@tailwindcss/forms": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.7.tgz", + "integrity": "sha512-QE7X69iQI+ZXwldE+rzasvbJiyV/ju1FGHH0Qn2W3FKbuYtqp8LKcy6iSw79fVUT5/Vvf+0XgLCeYVG+UV6hOw==", + "dev": true, + "dependencies": { + "mini-svg-data-uri": "^1.2.3" + }, + "peerDependencies": { + "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1" + } + }, "node_modules/@tanstack/react-virtual": { "version": "3.5.0", "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.5.0.tgz", @@ -3186,6 +3199,15 @@ "node": ">=8.6" } }, + "node_modules/mini-svg-data-uri": { + "version": "1.4.4", + "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz", + "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==", + "dev": true, + "bin": { + "mini-svg-data-uri": "cli.js" + } + }, "node_modules/minimatch": { "version": "3.1.2", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", diff --git a/package.json b/package.json index 0af0bc5..c4603a0 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "react-dom": "^18" }, "devDependencies": { + "@tailwindcss/forms": "^0.5.7", "eslint": "^8", "eslint-config-next": "14.2.3", "postcss": "^8", diff --git a/pages/index.js b/pages/index.js index 04f0b57..d2440d3 100644 --- a/pages/index.js +++ b/pages/index.js @@ -1,24 +1,24 @@ /* eslint-disable @next/next/no-img-element */ -import { useState } from 'react' -import { Dialog, DialogPanel } from '@headlessui/react' -import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline' +import { useState } from "react"; +import { Dialog, DialogPanel } from "@headlessui/react"; +import { Bars3Icon, XMarkIcon } from "@heroicons/react/24/outline"; import { ArrowPathIcon, ChevronRightIcon, CloudArrowUpIcon, LockClosedIcon, ServerIcon, -} from '@heroicons/react/20/solid' -import Image from 'next/image' -import LoadVideoPlayer from '@/components/LoadVideoPlayer' +} from "@heroicons/react/20/solid"; +import Image from "next/image"; +import LoadVideoPlayer from "@/components/LoadVideoPlayer"; const navigation = [ - { name: 'Product', href: '#' }, - { name: 'AI Features', href: '#' }, - { name: 'Deployments', href: '#' }, - { name: 'Contact', href: '#' }, -] + { name: "Product", href: "#" }, + { name: "AI Features", href: "#" }, + { name: "Deployments", href: "#" }, + { name: "Contact", href: "#" }, +]; const footerNavigation = [ // { @@ -57,8 +57,8 @@ const footerNavigation = [ // ), // }, { - name: 'GitHub', - href: 'https://github.com/coronasafe', + name: "GitHub", + href: "https://github.com/coronasafe", icon: (props) => ( ( ), }, -] +]; const primaryFeatures = [ { - name: 'Push to deploy.', - description: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit aute id magna.', + name: "Push to deploy.", + description: + "Lorem ipsum, dolor sit amet consectetur adipisicing elit aute id magna.", icon: CloudArrowUpIcon, }, { - name: 'SSL certificates.', - description: 'Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.', + name: "SSL certificates.", + description: + "Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.", icon: LockClosedIcon, }, { - name: 'Database backups.', - description: 'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus.', + name: "Database backups.", + description: + "Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus.", icon: ServerIcon, }, -] +]; const secondaryFeatures = [ { - name: 'Push to deploy', + name: "Push to deploy", description: - 'Commodo nec sagittis tortor mauris sed. Turpis tortor quis scelerisque diam id accumsan nullam tempus. Pulvinar etiam lacus volutpat eu. Phasellus praesent ligula sit faucibus.', - href: '#', + "Commodo nec sagittis tortor mauris sed. Turpis tortor quis scelerisque diam id accumsan nullam tempus. Pulvinar etiam lacus volutpat eu. Phasellus praesent ligula sit faucibus.", + href: "#", icon: CloudArrowUpIcon, }, { - name: 'SSL certificates', + name: "SSL certificates", description: - 'Pellentesque enim a commodo malesuada turpis eleifend risus. Facilisis donec placerat sapien consequat tempor fermentum nibh.', - href: '#', + "Pellentesque enim a commodo malesuada turpis eleifend risus. Facilisis donec placerat sapien consequat tempor fermentum nibh.", + href: "#", icon: LockClosedIcon, }, { - name: 'Simple queues', + name: "Simple queues", description: - 'Pellentesque sit elit congue ante nec amet. Dolor aenean curabitur viverra suspendisse iaculis eget. Nec mollis placerat ultricies euismod ut condimentum.', - href: '#', + "Pellentesque sit elit congue ante nec amet. Dolor aenean curabitur viverra suspendisse iaculis eget. Nec mollis placerat ultricies euismod ut condimentum.", + href: "#", icon: ArrowPathIcon, }, -] +]; const featuredTestimonial = { - body: 'Open Healthcare Network in India is a profoundly inspiring story of how we can accelerate human progress by enabling the world\'s soon-to-be largest developer community with the possibilities of AI. India\'s developers, building with their copilot companion, will help save lives -- one commit at a time. 🇮🇳', + body: "Open Healthcare Network in India is a profoundly inspiring story of how we can accelerate human progress by enabling the world's soon-to-be largest developer community with the possibilities of AI. India's developers, building with their copilot companion, will help save lives -- one commit at a time. 🇮🇳", author: { - name: 'Thomas Dohmke', - handle: 'GitHub CEO', - imageUrl: - 'thomas_dohmke', - logoUrl: '', + name: "Thomas Dohmke", + handle: "GitHub CEO", + imageUrl: "thomas_dohmke", + logoUrl: "", }, -} +}; const testimonials = [ [ [ { body: 'Great work by@10BedICU in putting 200+ tele-ICUs in remote districts in India, all operational and connected to 11 regional expertise centers or "hubs" for people who had no access to an ICU during COVID. Now they can permanently have nearby ICU access. Goal is to get to all 700 districts of India.', author: { - name: 'Vinod Khosla', - handle: 'Founder, Khosla Ventures', - imageUrl: - 'vinod_khosla', + name: "Vinod Khosla", + handle: "Founder, Khosla Ventures", + imageUrl: "vinod_khosla", }, }, // More testimonials... ], [ { - body: 'It gives me immense pleasure to attend the inauguration of the first of its kind 10 Bedded ICU Ward and Tele ICU Hub in JNIMS today. Equipped with some the best equipments, this facility will immensely help in serving the patients in JNIMS as well as the remote areas of Manipur.', + body: "It gives me immense pleasure to attend the inauguration of the first of its kind 10 Bedded ICU Ward and Tele ICU Hub in JNIMS today. Equipped with some the best equipments, this facility will immensely help in serving the patients in JNIMS as well as the remote areas of Manipur.", author: { - name: 'Biren Singh', - handle: 'Chief Minister of Manipur', - imageUrl: - 'biren_singh', + name: "Biren Singh", + handle: "Chief Minister of Manipur", + imageUrl: "biren_singh", }, }, // More testimonials... @@ -164,12 +164,11 @@ const testimonials = [ [ [ { - body: 'What a journey it has been for CARE from a COVID dashboard fully run by volunteers for a district in Kerala to this... phew!!! In a symbolic view, for me this feels almost like an unicorn valuation equivalent for social sector #india #dpg #innovation #healthcare #ai #tech4good', + body: "What a journey it has been for CARE from a COVID dashboard fully run by volunteers for a district in Kerala to this... phew!!! In a symbolic view, for me this feels almost like an unicorn valuation equivalent for social sector #india #dpg #innovation #healthcare #ai #tech4good", author: { - name: 'Sreevas Sahasranam', - handle: 'University of Glasgow', - imageUrl: - 'sreevas_sahasranam', + name: "Sreevas Sahasranam", + handle: "University of Glasgow", + imageUrl: "sreevas_sahasranam", }, }, // More testimonials... @@ -179,19 +178,18 @@ const testimonials = [ body: `One of the coolest non-profits operating in the healthcare space just turned 4 🐣 - they bring advanced ICU care to places in rural India. Meeting and working with the team has been a major highlight of the past couple months :)`, author: { - name: 'Kai Chen', - handle: 'OpenAI', - imageUrl: - 'kai_chen', + name: "Kai Chen", + handle: "OpenAI", + imageUrl: "kai_chen", }, }, // More testimonials... ], ], -] +]; function classNames(...classes) { - return classes.filter(Boolean).join(' ') + return classes.filter(Boolean).join(" "); } const aiTools = [ @@ -213,17 +211,20 @@ const aiTools = [ ]; export default function Example() { - const [mobileMenuOpen, setMobileMenuOpen] = useState(false) + const [mobileMenuOpen, setMobileMenuOpen] = useState(false); const [banner, setBanner] = useState({ - message: 'ohc.network @ GitHub Constellation ', - href: '#', - }) + message: "ohc.network @ GitHub Constellation ", + href: "#", + }); return (
{/* Header */}
-
+ )}

Reimagining Healthcare Delivery

- We are reimagining the way healthcare resources are managed, to improve clinical outcomes. - + We are reimagining the way healthcare resources are managed, to + improve clinical outcomes.

{/* CTA Buttons */} - {/* + {/*
@@ -481,7 +491,7 @@ export default function Example() { {/* Video Section */}

- Watch Satya Nadella's keynote at Microsoft AI Tour + Watch Satya Nadella's keynote at Microsoft AI Tour

Mentioning the Open Healthcare Network, an open-source work done by @@ -682,7 +692,12 @@ export default function Example() { strokeWidth={0} /> - +

@@ -705,13 +720,15 @@ export default function Example() { className="ml-[-22rem] aspect-[1313/771] w-[82.0625rem] flex-none origin-top-right rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] xl:ml-0 xl:mr-[calc(50%-12rem)]" style={{ clipPath: - 'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)', + "polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)", }} />
-

What the Community says about us

+

+ What the Community says about us +

We have worked with some amazing people

@@ -728,23 +745,33 @@ export default function Example() { alt="" />
-
{featuredTestimonial.author.name}
+
+ {featuredTestimonial.author.name} +
{`${featuredTestimonial.author.handle}`}
- + {testimonials.map((columnGroup, columnGroupIdx) => ( -
+ ); -} \ No newline at end of file +} diff --git a/tailwind.config.js b/tailwind.config.js index ca9023a..0b8b81d 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -25,10 +25,8 @@ module.exports = { 800: "#03543F", 900: "#014737", }, - } + }, }, }, - plugins: [ - require('@tailwindcss/forms'), - ], + plugins: [require("@tailwindcss/forms")], };