Skip to content

Commit 5493f45

Browse files
zzzzshawnapsinghdev
zzzzshawn
authored and
apsinghdev
committed
final
1 parent 3922e4a commit 5493f45

File tree

1 file changed

+9
-79
lines changed
  • apps/web/src/app/(main)/(landing)/pricing

1 file changed

+9
-79
lines changed

‎apps/web/src/app/(main)/(landing)/pricing/page.tsx‎

Lines changed: 9 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -87,31 +87,8 @@ const Pricing = () => {
8787
<main className="w-full overflow-hidden flex flex-col items-center justify-center relative">
8888
<Header title="We are working on Opensox 2.0" />
8989
<div className="flex flex-col bg-[#151515]/20 backdrop-blur-xl relative w-full ">
90-
<div className="h-full px-[30px] lg:px-[50px] pv relative" >
91-
<div
92-
style={{
93-
height: "100%",
94-
"--pattern-fg": "#252525",
95-
borderRight: "1px solid #252525",
96-
backgroundImage:
97-
"repeating-linear-gradient(315deg, #252525 0, #252525 1px, transparent 0, transparent 50%)",
98-
backgroundSize: "10px 10px",
99-
backgroundAttachment: "fixed",
100-
} as React.CSSProperties}
101-
className='absolute left-0 top-0 w-[30px] lg:w-[50px]'
102-
/>
103-
<div
104-
style={{
105-
height: "100%",
106-
"--pattern-fg": "#252525",
107-
borderLeft: "1px solid #252525",
108-
backgroundImage:
109-
"repeating-linear-gradient(315deg, #252525 0, #252525 1px, transparent 0, transparent 50%)",
110-
backgroundSize: "10px 10px",
111-
backgroundAttachment: "fixed",
112-
} as React.CSSProperties}
113-
className='absolute right-0 top-0 w-[30px] lg:w-[50px]'
114-
/>
90+
<div className="h-full pv relative" >
91+
11592
<div className=" py-8 border-b border-[#252525]">
11693
<motion.h2
11794
initial={{ opacity: 0, y: 30, filter: 'blur(10px)' }}
@@ -168,31 +145,8 @@ const Pricing = () => {
168145
</div>
169146

170147
</div>
171-
<div className="h-full px-[30px] lg:px-[50px] relative " >
172-
<div
173-
style={{
174-
height: "100%",
175-
"--pattern-fg": "#252525",
176-
borderRight: "1px solid #252525",
177-
backgroundImage:
178-
"repeating-linear-gradient(315deg, #252525 0, #252525 1px, transparent 0, transparent 50%)",
179-
backgroundSize: "10px 10px",
180-
backgroundAttachment: "fixed",
181-
} as React.CSSProperties}
182-
className='absolute left-0 top-0 w-[30px] lg:w-[50px]'
183-
/>
184-
<div
185-
style={{
186-
height: "100%",
187-
"--pattern-fg": "#252525",
188-
borderLeft: "1px solid #252525",
189-
backgroundImage:
190-
"repeating-linear-gradient(315deg, #252525 0, #252525 1px, transparent 0, transparent 50%)",
191-
backgroundSize: "10px 10px",
192-
backgroundAttachment: "fixed",
193-
} as React.CSSProperties}
194-
className='absolute right-0 top-0 w-[30px] lg:w-[50px]'
195-
/>
148+
<div className="h-full relative " >
149+
196150
<div className="py-8 border-b border-[#252525]">
197151
<motion.h2
198152
initial={{ opacity: 0, y: 30, filter: 'blur(10px)' }}
@@ -216,33 +170,6 @@ const Pricing = () => {
216170

217171
</div>
218172
<div className="relative border-b border-[#252525] lg:pb-10">
219-
<div className="hidden lg:block">
220-
<div
221-
style={{
222-
height: "100%",
223-
"--pattern-fg": "#252525",
224-
borderRight: "1px solid #252525",
225-
backgroundImage:
226-
"repeating-linear-gradient(315deg, #252525 0, #252525 1px, transparent 0, transparent 50%)",
227-
backgroundSize: "10px 10px",
228-
backgroundAttachment: "fixed",
229-
} as React.CSSProperties}
230-
className='absolute left-0 top-0 w-[30px] lg:w-[50px]'
231-
/>
232-
<div
233-
style={{
234-
height: "100%",
235-
"--pattern-fg": "#252525",
236-
borderLeft: "1px solid #252525",
237-
backgroundImage:
238-
"repeating-linear-gradient(315deg, #252525 0, #252525 1px, transparent 0, transparent 50%)",
239-
backgroundSize: "10px 10px",
240-
backgroundAttachment: "fixed",
241-
} as React.CSSProperties}
242-
className='absolute right-0 top-0 w-[30px] lg:w-[50px]'
243-
/>
244-
245-
</div>
246173

247174
<div className="flex flex-col gap-5 lg:gap-10 py-4 bg-[#151515]/20 backdrop-blur-xl h-full relative w-full overflow-hidden px-4 lg:px-10">
248175
<div className="absolute inset-0 -top-72">
@@ -261,6 +188,9 @@ const Pricing = () => {
261188
</div>
262189
</div>
263190
<TestimonialsSection/>
191+
<div className=" border-b border-[#252525] text-center py-4 font-bold px-4">
192+
NOTE: For any doubts or queries, feel free to ping us at <Link href="mailto:hi@opensox.ai" className='hover:underline bg-gradient-to-b from-[#a472ea] via-[#a472ea]/80 to-[#432ba0] bg-clip-text text-transparent'>hi@opensox.ai</Link>
193+
</div>
264194
</div>
265195
</main>
266196
<Footer />
@@ -500,9 +430,9 @@ const TestimonialsSection = () => {
500430
};
501431

502432
return (
503-
<div className=" text-white min-h-screen">
433+
<div className=" text-white ">
504434
<Header title="What our Premium customers say about us" />
505-
<div className="border-b border-x border-[#252525] w-full min-h-[80dvh] grid grid-cols-1 lg:grid-cols-7">
435+
<div className="border-b border-[#252525] w-full min-h-[80dvh] grid grid-cols-1 lg:grid-cols-7">
506436

507437
<div className="lg:col-span-2 flex flex-col font-medium divide-y divide-[#252525]">
508438
{groupedTestimonials[1].map((testimonial) => (

0 commit comments

Comments
 (0)