Skip to content

Commit 386d533

Browse files
sagarmusabbirsagarmusabbir
committed
first-commit
1 parent 494279a commit 386d533

18 files changed

+2206
-274
lines changed

‎.eslintrc.json‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
11
{
2-
"extends": "next/core-web-vitals"
3-
}
2+
"extends": "next/core-web-vitals",
3+
"rules": {
4+
"react/no-unescaped-entities": "off",
5+
"@next/next/no-page-custom-font": "off"
6+
}
7+
}

‎app/components/alternate.tsx‎

Lines changed: 196 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,196 @@
1+
import type { FC } from "react";
2+
3+
const AlternateImageWithFeatureListSection: FC = function () {
4+
return (
5+
<section className="bg-gray-50 dark:bg-gray-800 ">
6+
<div className="mx-auto max-w-screen-xl space-y-12 px-4 py-16 sm:py-16 lg:space-y-20 lg:px-6">
7+
<div className="items-center gap-8 lg:grid lg:grid-cols-2 xl:gap-16">
8+
<div className="text-gray-500 dark:text-gray-400 sm:text-lg">
9+
<h2 className="mb-4 text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white">
10+
Work with tools you already use
11+
</h2>
12+
<p className="mb-8 lg:text-xl">
13+
Deliver great service experiences fast - without the complexity of
14+
traditional ITSM solutions. Accelerate critical development work,
15+
eliminate toil, and deploy changes with ease.
16+
</p>
17+
<ul className="my-7 space-y-5 border-t border-gray-200 pt-8 dark:border-gray-700">
18+
<li className="flex space-x-3">
19+
<svg
20+
className="h-5 w-5 flex-shrink-0 text-primary-600 dark:text-primary-500"
21+
fill="currentColor"
22+
viewBox="0 0 20 20"
23+
xmlns="http://www.w3.org/2000/svg"
24+
>
25+
<path
26+
fillRule="evenodd"
27+
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
28+
clipRule="evenodd"
29+
/>
30+
</svg>
31+
<span className="text-base font-medium leading-tight text-gray-900 dark:text-white">
32+
Continuous integration and deployment
33+
</span>
34+
</li>
35+
<li className="flex space-x-3">
36+
<svg
37+
className="h-5 w-5 flex-shrink-0 text-primary-600 dark:text-primary-500"
38+
fill="currentColor"
39+
viewBox="0 0 20 20"
40+
xmlns="http://www.w3.org/2000/svg"
41+
>
42+
<path
43+
fillRule="evenodd"
44+
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
45+
clipRule="evenodd"
46+
/>
47+
</svg>
48+
<span className="text-base font-medium leading-tight text-gray-900 dark:text-white">
49+
Development workflow
50+
</span>
51+
</li>
52+
<li className="flex space-x-3">
53+
<svg
54+
className="h-5 w-5 flex-shrink-0 text-primary-600 dark:text-primary-500"
55+
fill="currentColor"
56+
viewBox="0 0 20 20"
57+
xmlns="http://www.w3.org/2000/svg"
58+
>
59+
<path
60+
fillRule="evenodd"
61+
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
62+
clipRule="evenodd"
63+
/>
64+
</svg>
65+
<span className="text-base font-medium leading-tight text-gray-900 dark:text-white">
66+
Knowledge management
67+
</span>
68+
</li>
69+
</ul>
70+
<p className="mb-8 lg:text-xl">
71+
Deliver great service experiences fast - without the complexity of
72+
traditional ITSM solutions.
73+
</p>
74+
</div>
75+
<img
76+
alt=""
77+
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/features/feature-office-1.png"
78+
className="mb-4 hidden w-full rounded-lg lg:mb-0 lg:flex"
79+
/>
80+
</div>
81+
82+
<div className="items-center gap-8 lg:grid lg:grid-cols-2 xl:gap-16">
83+
<img
84+
alt=""
85+
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/features/feature-office-2.png"
86+
className="mb-4 hidden w-full rounded-lg lg:mb-0 lg:flex"
87+
/>
88+
<div className="text-gray-500 dark:text-gray-400 sm:text-lg">
89+
<h2 className="mb-4 text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white">
90+
We invest in the world’s potential
91+
</h2>
92+
<p className="mb-8 lg:text-xl">
93+
Deliver great service experiences fast - without the complexity of
94+
traditional ITSM solutions. Accelerate critical development work,
95+
eliminate toil, and deploy changes with ease.
96+
</p>
97+
98+
<ul className="my-7 space-y-5 border-t border-gray-200 pt-8 dark:border-gray-700">
99+
<li className="flex space-x-3">
100+
<svg
101+
className="h-5 w-5 flex-shrink-0 text-primary-600 dark:text-primary-500"
102+
fill="currentColor"
103+
viewBox="0 0 20 20"
104+
xmlns="http://www.w3.org/2000/svg"
105+
>
106+
<path
107+
fillRule="evenodd"
108+
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
109+
clipRule="evenodd"
110+
/>
111+
</svg>
112+
<span className="text-base font-medium leading-tight text-gray-900 dark:text-white">
113+
Dynamic reports and dashboards
114+
</span>
115+
</li>
116+
<li className="flex space-x-3">
117+
<svg
118+
className="h-5 w-5 flex-shrink-0 text-primary-600 dark:text-primary-500"
119+
fill="currentColor"
120+
viewBox="0 0 20 20"
121+
xmlns="http://www.w3.org/2000/svg"
122+
>
123+
<path
124+
fillRule="evenodd"
125+
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
126+
clipRule="evenodd"
127+
/>
128+
</svg>
129+
<span className="text-base font-medium leading-tight text-gray-900 dark:text-white">
130+
Templates for everyone
131+
</span>
132+
</li>
133+
<li className="flex space-x-3">
134+
<svg
135+
className="h-5 w-5 flex-shrink-0 text-primary-600 dark:text-primary-500"
136+
fill="currentColor"
137+
viewBox="0 0 20 20"
138+
xmlns="http://www.w3.org/2000/svg"
139+
>
140+
<path
141+
fillRule="evenodd"
142+
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
143+
clipRule="evenodd"
144+
/>
145+
</svg>
146+
<span className="text-base font-medium leading-tight text-gray-900 dark:text-white">
147+
Development workflow
148+
</span>
149+
</li>
150+
<li className="flex space-x-3">
151+
<svg
152+
className="h-5 w-5 flex-shrink-0 text-primary-600 dark:text-primary-500"
153+
fill="currentColor"
154+
viewBox="0 0 20 20"
155+
xmlns="http://www.w3.org/2000/svg"
156+
>
157+
<path
158+
fillRule="evenodd"
159+
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
160+
clipRule="evenodd"
161+
/>
162+
</svg>
163+
<span className="text-base font-medium leading-tight text-gray-900 dark:text-white">
164+
Limitless business automation
165+
</span>
166+
</li>
167+
<li className="flex space-x-3">
168+
<svg
169+
className="h-5 w-5 flex-shrink-0 text-primary-600 dark:text-primary-500"
170+
fill="currentColor"
171+
viewBox="0 0 20 20"
172+
xmlns="http://www.w3.org/2000/svg"
173+
>
174+
<path
175+
fillRule="evenodd"
176+
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
177+
clipRule="evenodd"
178+
/>
179+
</svg>
180+
<span className="text-base font-medium leading-tight text-gray-900 dark:text-white">
181+
Knowledge management
182+
</span>
183+
</li>
184+
</ul>
185+
<p className="lg:text-xl">
186+
Deliver great service experiences fast - without the complexity of
187+
traditional ITSM solutions.
188+
</p>
189+
</div>
190+
</div>
191+
</div>
192+
</section>
193+
);
194+
};
195+
196+
export default AlternateImageWithFeatureListSection;

0 commit comments

Comments
 (0)