page about us & page contact us and responsive

2024-08-16 20:41:53 +03:30
parent fd3b82143b
commit d3f967ca67
22 changed files with 297 additions and 4 deletions
@@ -0,0 +1,18 @@
+import Image from 'next/image'
+import React from 'react'
+
+function Head() {
+    return (
+        <div className='bg-[#5559C2] rounded-lg w-full py-[24px] flex flex-col items-center justify-center gap-[16px]'>
+            <Image
+                src='/assets/images/logo-2.png'
+                height={46}
+                width={46}
+                alt='logo'
+            />
+            <p className="text-[#FAFAFA] text-[24px] font-bold">درباره نوبت ۷۲۴</p>
+        </div>
+    )
+}
+
+export default Head
@@ -0,0 +1,40 @@
+import AnimationTextHead from '@/app/component/AnimationTextHead';
+import UnderlineLG from '../icons/UnderlineLG';
+import TickOrangeA from '../icons/TickOrangeA';
+
+const ourServices = [
+    'برگزاری دوره های آنلاین',
+    'معرفی بهترین باشگاه های گردشگری',
+    'معرفی بهترین باشگاه های گردشگری',
+    'ارتباط با راهنمایان گردشگری',
+    'معرفی جاذبه های گردشگری',
+    'ارتباط با راهنمایان گردشگری',
+    'برگزاری تور ها و برنامه های متنوع',
+    'معرفی بومگردی های سراسر کشور',
+    'برگزاری تور ها و برنامه های متنوع'
+]
+
+function Services() {
+    return (
+        <div className='mt-[40px] px-[12%]'>
+            <div className='flex justify-center'>
+                <AnimationTextHead name='zoom-in-up' text='خدمات ما'>
+                    <UnderlineLG />
+                </AnimationTextHead>
+            </div>
+            <ul className='mt-[40px] grid grid-cols-3 gap-x-[72px] gap-y-[56px]'>
+                {ourServices.map((item, idx) => (
+                    <li
+                        key={idx}
+                        className='flex items-center justify-start gap-[8px]'
+                    >
+                        <TickOrangeA />
+                        <p className='text-[#525252] text-[16px] font-medium'>{item}</p>
+                    </li>
+                ))}
+            </ul>
+        </div>
+    )
+}
+
+export default Services
@@ -0,0 +1,14 @@
+import Head from "./Head";
+import Services from "./Services";
+
+function AboutUsPage() {
+    return (
+        <div className="pt-[120px] mt-[56px] padding-responsive">
+            <Head />
+            <p className="text-[#525252] text-[16px] font-normal text-center px-[15%] mt-[32px] leading-10">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.</p>
+            <Services />
+        </div>
+    )
+}
+
+export default AboutUsPage;