feat: add Card and Carousel components; integrate them into NewsPage layout with Newsletter

app/components/ui/card.tsx

@@ -0,0 +1,15 @@
+import type { ComponentProps, FC, PropsWithChildren } from 'react'
+
+type TProperties = PropsWithChildren<ComponentProps<'div'>>
+
+export const Card: FC<TProperties> = (properties) => {
+  const { children, ...rest } = properties
+  return (
+    <div
+      className="border-[.2px] border-black bg-white p-[30px]"
+      {...rest}
+    >
+      {children}
+    </div>
+  )
+}

app/components/ui/carousel.tsx

@@ -0,0 +1,3 @@
+export const Carousel = () => {
+  return <div>Carousel</div>
+}

app/pages/news/index.tsx

@@ -1,7 +1,18 @@
+import { Card } from '~/components/ui/card'
+import { Carousel } from '~/components/ui/carousel'
+
+import { Newsletter } from './newsletter'
+
 export const NewsPage = () => {
   return (
-    <div className="border-[.2px] border-black bg-white p-[30px]">
+    <div className="relative">
-      <div>News</div>
+      <Card>
+        <Carousel />
+      </Card>
+      <Newsletter />
+      <Card>
+        <Carousel />
+      </Card>
     </div>
   )
 }

app/pages/news/newsletter.tsx

@@ -0,0 +1,3 @@
+export const Newsletter = () => {
+  return <div>Newsletter</div>
+}