terms and privacy

components/AppFooter.vue

@@ -63,12 +63,12 @@ const localePath = useLocalePath()
                     {{ t('footer.copyright') }}
                 </p>
                 <div class="flex justify-between gap-4">
-                    <p class="footer__title cursor-pointer">
+                    <NuxtLink :to="localePath('/terms')" class="footer__title cursor-pointer">
                         ⦿ {{ t('footer.terms') }}
-                    </p>
-                    <p class="footer__title cursor-pointer">
+                    </NuxtLink>
+                    <NuxtLink :to="localePath('/privacy')" class="footer__title cursor-pointer">
                         ⦿ {{ t('footer.privacy') }}
-                    </p>
+                    </NuxtLink>
                 </div>
             </div>
         </div>

content/de/privacy.yml

@@ -0,0 +1,16 @@
+title: "Conop Systems - Privacy Policy"
+description: "At ConOp Systems, we value the protection of your personal data. We are committed to respecting your privacy and ensuring the security of all information you share with us. This privacy policy explains how we collect, use, and protect your data."
+hero:
+  title: "Privacy Policy"
+  subtitle: "At ConOp Systems, we value the protection of your personal data. We are committed to respecting your privacy and ensuring the security of all information you share with us. This privacy policy explains how we collect, use, and protect your data."
+  bg: "/img/hero_terms.jpg"
+privacy:
+  - title: "1. Data Collection"
+    des: "We collect personal information such as your name, email address, and phone number only when you voluntarily provide it to us, for example by filling out a form on our website."
+  - title: "2. Use of Data"
+    des: "The data we collect is used to provide you with personalized services, respond to your inquiries, and inform you about our products and services. We will not share your information with third parties without your consent."
+  - title: "3. Data Security"
+    des: "We implement security measures to protect your data against unauthorized access, disclosure, or destruction. We use secure protocols to ensure the confidentiality of your information."
+  - title: "4. Cookies"
+    des: "Our website uses cookies to enhance your user experience. You have the option to accept or reject them by changing your browser settings."
+  - des: "By using our website, you consent to our privacy policy. If you have any questions or concerns about data protection, feel free to contact us at: info@conopsystems.com"

content/de/terms.yml

@@ -0,0 +1,6 @@
+title: "Conop Systems - Unsere Dienstleistungen"
+description: "Erfahren Sie, wie Conop Systems Ihnen seit 2004 in Deutschland bei IT-Management, Softwareentwicklung und DevOps hilft"
+hero:
+  title: "Unsere Dienstleistungen"
+  subtitle: "Erfahren Sie, wie Conop Systems Ihnen seit 2004 in Deutschland bei IT-Management, Softwareentwicklung und DevOps hilft"
+  bg: "/img/hero_services.jpg"

content/en/index.yml

@@ -110,16 +110,23 @@ blog:
      author: 'Christian Lauinger'
      category: 'Cloud, Server, Security'
      image: '/img/blog/importance_server.jpg'
-     link: '/blog/exploreerersd'
-   - title: 'Explore our case studies showcasing successful projects.'
-     subtitle: 'Lorem ipsum dolor sit amet consectetur. Fusce euismod aliquet vel auctor. Mi felis'
-     author: 'Jonh Doe'
-     category: 'AI, Robotic'
-     image: '/img/blog/blog_3.jpg'
-     link: '/blog/exploreerersd'
-   - title: 'Explore our case studies showcasing successful projects.'
-     subtitle: 'Lorem ipsum dolor sit amet consectetur. Fusce euismod aliquet vel auctor. Mi felis'
-     author: 'Jonh Doe'
-     category: 'AI, Robotic'
-     image: '/img/blog/blog_4.png'
-     link: '/blog/exploreerersd'
+     link: '/blog/importance-server-security'
+   - title: 'The key steps in custom software development: how to design solutions tailored to your needs'
+     subtitle: "Custom software development is the process of creating unique software solutions tailored to meet the specific needs of a business or organization. This approach involves designing, developing, testing, and deploying software that addresses the unique challenges and requirements of a particular industry or company."
+     author: 'Kono Madou'
+     category: 'Design, Softwware, Management'
+     image: '/img/blog/keys_steps_design_systems.jpg'
+     link: '/blog/importance-server-security'
+   - title: 'The importance of data backup for your business'
+     subtitle: 'Data backup involves creating secure copies of all important information stored in a companys computer systems. This includes customer data, financial documents, internal reports, databases, and any other critical elements for the business operation.'
+     author: 'Christian Lauinger'
+     category: 'Backup, Data, Security'
+     image: '/img/blog/disk.jpg'
+     link: '/blog/data-backup-importance'
+   - title: 'IT Management Trends to Follow in 2024'
+     subtitle: 'In 2024, IT management trends will continue to evolve to meet the constantly changing technological needs of businesses. These trends include advanced automation, Internet of Things (IoT), Augmented and Virtual Reality (AR/VR), blockchain, and quantum computing.'
+     author: 'Kono Madou'
+     category: 'Management, IT, Business'
+     image: '/img/blog/it_management.jpg'
+     link: '/blog/it-management-trends'
+

content/en/privacy.yml

@@ -0,0 +1,16 @@
+title: "Conop Systems - Privacy Policy"
+description: "At ConOp Systems, we value the protection of your personal data. We are committed to respecting your privacy and ensuring the security of all information you share with us. This privacy policy explains how we collect, use, and protect your data."
+hero:
+  title: "Privacy Policy"
+  subtitle: "At ConOp Systems, we value the protection of your personal data. We are committed to respecting your privacy and ensuring the security of all information you share with us. This privacy policy explains how we collect, use, and protect your data."
+  bg: "/img/hero_terms.jpg"
+privacy:
+  - title: "1. Data Collection"
+    des: "We collect personal information such as your name, email address, and phone number only when you voluntarily provide it to us, for example by filling out a form on our website."
+  - title: "2. Use of Data"
+    des: "The data we collect is used to provide you with personalized services, respond to your inquiries, and inform you about our products and services. We will not share your information with third parties without your consent."
+  - title: "3. Data Security"
+    des: "We implement security measures to protect your data against unauthorized access, disclosure, or destruction. We use secure protocols to ensure the confidentiality of your information."
+  - title: "4. Cookies"
+    des: "Our website uses cookies to enhance your user experience. You have the option to accept or reject them by changing your browser settings."
+  - des: "By using our website, you consent to our privacy policy. If you have any questions or concerns about data protection, feel free to contact us at: info@conopsystems.com"

content/en/terms.yml

@@ -0,0 +1,16 @@
+title: "Conop Systems - Terms and Conditions"
+description: "Welcome to the ConOp Systems website. By accessing this site, you agree to comply with the terms and conditions outlined below. Please read these terms carefully before using our site."
+hero:
+  title: "Terms and Conditions"
+  subtitle: "Welcome to the ConOp Systems website. By accessing this site, you agree to comply with the terms and conditions outlined below. Please read these terms carefully before using our site."
+  bg: "/img/hero_terms.jpg"
+terms:
+  - title: "1. Ownership of the website"
+    des: "The ConOp Systems website is the exclusive property of the company ConOp Systems, founded in 2004 in Germany by 04 partners. All content, text, images, logos, and other elements on this site are the property of ConOp Systems and are protected by copyright laws."
+  - title: "2. Use of the website"
+    des: "By accessing our site, you agree not to use the content for illegal or unauthorized purposes. You also agree not to disrupt the operation of the site or hinder access by other users."
+  - title: "3. Data protection"
+    des: "ConOp Systems is committed to protecting your personal data in accordance with data protection laws. We will not share your information with third parties without your consent."
+  - title: "4. Liability"
+    des: "ConOp Systems cannot be held responsible for direct or indirect damages resulting from the use of this website. We reserve the right to modify the terms and conditions at any time without prior notice."
+  - des: "By using this website, you agree to these terms and conditions. If you have any questions or concerns, please contact us at: info@conopsystems.com"

pages/index.vue

@@ -264,7 +264,7 @@ const navigateTo = (base: string, id: string) => {
                     <span>*</span> <span>{{ page?.blog.title }}</span>
                 </h1>
                 <hr class="bg-c-blue h-1 my-4 md:my-6  w-full" v-motion-slide-visible-top>
-                <div class="blog__acticles grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+                <div class="blog__acticles grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 gap-y-10">
                     <div v-for="(blog, index) in page?.blog.items" :key="index" v-motion-pop-visible
                         class="blog__acticle w-full ">
                         <img :src="blog.image" class="w-full h-72 object-cover" alt="expertise case study">

pages/privacy.vue

@@ -0,0 +1,47 @@
+<script lang="ts" setup>
+const localePath = useLocalePath()
+const { data: page } = await useAsyncData('privacy', () => queryContent(localePath('/privacy')).findOne())
+useSeoMeta({
+    title: page.value?.title,
+    ogTitle: page.value?.title,
+    description: page.value?.description,
+    ogDescription: page.value?.description,
+    ogImage: '/img/logo_conop_systems.png',
+})
+
+useHead({
+    title: page.value?.title,
+    meta: [
+        { name: 'description', content: page.value?.description, }
+    ],
+})
+</script>
+<template>
+    <main class="min-h-screen">
+        <PageHero :title="page?.hero.title" :bg="page?.hero.bg" :subtitle="`${page?.hero.subtitle}`"></PageHero>
+
+        <!-- PRIVACY START -->
+        <section id="services" class="about py-6 px-4 lg:px-12 my-12">
+            <div class="container max-w-[1200px] mx-auto">
+                <div class="privacy__list grid grid-cols-1 gap-4">
+                    <div v-for="item in page?.privacy" class="privacy__item">
+                        <h1 v-if="item.title" v-motion-slide-visible-top
+                            class="text-lg lg:text-2xl text-c-blue flex items-center gap-4 uppercase">
+                            <span>*</span> <span>{{ item.title }}</span>
+                        </h1>
+                        <hr v-if="item.title" v-motion-slide-visible-top class="bg-c-blue h-1 my-4 md:my-6  w-full">
+                        <p v-motion-slide-visible-top class="text-base text-c-darkblue">
+                            {{ item.des }}
+                        </p>
+                    </div>
+
+                </div>
+            </div>
+        </section>
+        <!-- TERMS END -->
+    </main>
+</template>
+
+
+
+<style lang="scss" scoped></style>

pages/services.vue

@@ -29,21 +29,7 @@ useHead({
                     <service-item v-for="(service, index) in page?.services.items" :key="index" :icon="service.icon"
                         :title="service.title" :des="service.des" v-motion-slide-visible-top>
                     </service-item>
-                    <!-- <div v-for="(service, index) in page?.services.items" :key="index"
-                        class="service__item p-2 md:p-4  cursor-pointer transition border-b-2 border-solid border-c-darkblue hover:-translate-y-1"
-                        v-motion-slide-visible-top>
-                        <Icon :name="service.icon" class="text-c-blue" size="80"></Icon>
-                        <h1 class="text-c-blue text-xl my-3 font-bold">
-                            {{ service.title }}
-                        </h1>
-                        <p class="text-c-darkblue line-clamp-5">
-                            {{ service.des }}
-                        </p>
-                        <br>
-                        <button class="w-fit text-c-darkblue text-xs font-bold underline">
-                            READ MORE
-                        </button>
-                    </div> -->
+
                 </div>
             </div>
         </section>

pages/terms.vue

@@ -0,0 +1,47 @@
+<script lang="ts" setup>
+const localePath = useLocalePath()
+const { data: page } = await useAsyncData('terms', () => queryContent(localePath('/terms')).findOne())
+useSeoMeta({
+    title: page.value?.title,
+    ogTitle: page.value?.title,
+    description: page.value?.description,
+    ogDescription: page.value?.description,
+    ogImage: '/img/logo_conop_systems.png',
+})
+
+useHead({
+    title: page.value?.title,
+    meta: [
+        { name: 'description', content: page.value?.description, }
+    ],
+})
+</script>
+<template>
+    <main class="min-h-screen">
+        <PageHero :title="page?.hero.title" :bg="page?.hero.bg" :subtitle="`${page?.hero.subtitle}`"></PageHero>
+
+        <!-- TERMS START -->
+        <section id="services" class="about py-6 px-4 lg:px-12 my-12">
+            <div class="container max-w-[1200px] mx-auto">
+                <div class="terms__list grid grid-cols-1 gap-4">
+                    <div v-for="item in page?.terms" class="terms__item">
+                        <h1 v-if="item.title" v-motion-slide-visible-top
+                            class="text-lg lg:text-2xl text-c-blue flex items-center gap-4 uppercase">
+                            <span>*</span> <span>{{ item.title }}</span>
+                        </h1>
+                        <hr v-if="item.title" v-motion-slide-visible-top class="bg-c-blue h-1 my-4 md:my-6  w-full">
+                        <p v-motion-slide-visible-top class="text-base text-c-darkblue">
+                            {{ item.des }}
+                        </p>
+                    </div>
+
+                </div>
+            </div>
+        </section>
+        <!-- TERMS END -->
+    </main>
+</template>
+
+
+
+<style lang="scss" scoped></style>