contact page

src/app/contact/page.tsx

@@ -0,0 +1,89 @@
+import Input from '@/components/Input'
+import { Textarea } from '@/components/ui/textarea'
+import { Button } from '@/components/ui/button'
+import Layout from '@/hoc/Layout'
+import { NextPage } from 'next'
+import Image from 'next/image'
+import { Call, Location, Sms } from 'iconsax-react'
+
+const ContactPage: NextPage = () => {
+    return (
+        <Layout>
+            <div className='mt-14 px-20'>
+                <div className='flex gap-24'>
+                    <div className='flex-1'>
+                        <h1 className='font-black text-2xl'>ارتباط با ما</h1>
+                        <p className='text-[#7F7F7F] mt-3 font-light'>اطلاعات تماس و متن پیام خود را وارد کنید</p>
+
+                        <div className='mt-12'>
+                            <Input
+                                placeholder='نام و نام خانوادگی'
+                            />
+                            <Input
+                                placeholder='شماره تماس'
+                                className='mt-6'
+                            />
+                            <Input
+                                placeholder='ایمیل'
+                                className='mt-6'
+                            />
+
+                            <Textarea
+                                placeholder='متن پیام'
+                                className='mt-6 h-[120px]'
+                            />
+
+                            <Button className='mt-6 w-full'>ارسال پیام</Button>
+                        </div>
+                    </div>
+
+                    <div className='flex-1'>
+                        <Image
+                            src='/images/map.png'
+                            alt='contact'
+                            width={500}
+                            height={500}
+                            className='w-full h-[450px] object-contain'
+                        />
+                    </div>
+                </div>
+
+                <div className='mt-20'>
+                    <div className='flex flex-col gap-6'>
+                        <div className='flex items-center gap-3 text-[#7F7F7F]'>
+                            <div className='bg-blue-500 w-10 h-10 rounded-full flex items-center justify-center'>
+                                <Call size={20} color='white' />
+                            </div>
+                            <div>
+                                <div className='font-medium'>تلفن:</div>
+                                <span className='text-black font-semibold text-lg'>67341</span>
+                            </div>
+                        </div>
+
+                        <div className='flex items-center gap-3 text-[#7F7F7F]'>
+                            <div className='bg-green-500 w-10 h-10 rounded-full flex items-center justify-center'>
+                                <Sms size={20} color='white' />
+                            </div>
+                            <div>
+                                <div className='font-medium'>کدپستی:</div>
+                                <span className='text-black font-semibold text-lg'>1136834843</span>
+                            </div>
+                        </div>
+
+                        <div className='flex items-start gap-3 text-[#7F7F7F]'>
+                            <div className='bg-red-500 w-10 h-10 rounded-full flex items-center justify-center mt-1'>
+                                <Location size={20} color='white' />
+                            </div>
+                            <div>
+                                <div className='font-medium'>دفتر مرکزی:</div>
+                                <span className='text-black font-semibold text-sm leading-relaxed'>تهران، میدان امام خمینی، خیابان فردوسی، خیابان سرهنگ سخائی نبش کوچه بهنیا، پلاک 40، طبقه چهارم، واحد 12</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </Layout>
+    )
+}
+
+export default ContactPage

src/app/home/components/LatestProducts.tsx

@@ -15,9 +15,6 @@ const NewestProducts: FC = () => {
 
     const { data: landing } = useGetLanding()
 
-    console.log('landing', landing?.results?.
-        latestProducts);
-
 
     return (
         <div>

src/app/profile/page.tsx

@@ -33,7 +33,6 @@ const ProfilePage = () => {
     const handleSubmit = () => {
         // Handle form submission
         setIsEditing(false)
-        console.log('Form submitted:', userInfo)
     }
 
     return (

src/components/ui/textarea.tsx

@@ -0,0 +1,18 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
+  return (
+    <textarea
+      data-slot="textarea"
+      className={cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Textarea }