YarKoop2

frontend/src/components/AsideMenuLayer.tsx

@@ -76,7 +76,7 @@ export default function AsideMenuLayer({
         >
           <div className='text-center flex-1 lg:text-left lg:pl-6 xl:text-center xl:pl-0'>
             <Link href={'/home'}>
-              <b className='font-black'>yarkoop</b>
+              <b className='italic text-green-800 font-black'>YarKoop</b>
             </Link>
 
             {organizationName && <p>{organizationName}</p>}

frontend/src/components/WebPageComponents/Footer.tsx

@@ -37,7 +37,7 @@ export default function WebSiteFooter({ projectName }: WebSiteFooterProps) {
             © {currentYear} Flatlogic. All rights reserved
           </p>
           {style ? (
-            <p className='py-6 font-bold'>{projectName}</p>
+            <p className='italic font-bold text-green-800 py-6'>{projectName}</p>
           ) : (
             <div className='py-6 md:py-0 flex flex-col md:flex-row w-full md:w-auto space-y-4 md:space-y-0 items-center md:space-x-4'>
               {webPagesNavBar.map((page, index) => {

frontend/src/components/WebPageComponents/Header.tsx

@@ -38,7 +38,7 @@ export default function WebSiteHeader({ projectName }: WebSiteHeaderProps) {
                 style ? 'md:w-auto' : 'justify-between mr-6'
               } `}
             >
-              <div className='font-bold py-2 lg:mr-6 text-center md:text-left'>
+              <div className='italic font-bold py-2 lg:mr-6 text-center md:text-left text-green-800'>
                 {projectName}
               </div>
               <div className='py-6 md:py-0 flex flex-col md:flex-row w-full md:w-auto space-y-4 md:space-y-0 md:space-x-4'>

frontend/src/components/WebPageComponents/HeroComponent/designs/HeroImageBg.tsx

@@ -1,36 +1,15 @@
 import React from 'react';
-import BaseButton from '../../../BaseButton';
 
-const HeroImageBg = ({
+const HeroImageBg = () => (
-  mainText,
-  subTitle,
-  buttonText,
-  imageHero,
-  textSecondary,
-}) => (
   <div
-    className='relative w-full h-screen flex items-center justify-center text-center mb-24  bg-cover bg-center'
+    className="w-full h-screen relative flex items-center justify-center text-center mb-24 bg-cover bg-center"
-    style={{
+    style={{ backgroundImage: "url('https://images.unsplash.com/photo-1508873535684-277a3cbcc62f?auto=format&fit=crop&w=1950&q=80')" }}
-      backgroundImage: `url(${imageHero[0]?.src})`,
-    }}
   >
-    <div className='absolute inset-0 bg-black opacity-50'></div>
+    <div className="absolute inset-0 bg-black opacity-50" />
-    <div className='relative container z-10 p-8 md:p-16 text-white'>
+    <div className="relative z-10 container p-8 md:p-16 text-white">
-      <h1 className='text-4xl sm:text-5xl lg:text-6xl font-bold mb-4'>
+      <h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold">
-        {mainText}
+        Karşılıklı Yardımlaşmayı Karşılık Beklemeden Yapıyoruz...
       </h1>
-      <p className={`text-sm mb-8`}>{subTitle}</p>
-      <BaseButton
-        href='/login'
-        label={`${buttonText}`}
-        color='info'
-        className='px-4 sm:px-6 py-2 '
-      />
-    </div>
-    <div className='absolute bottom-2 text-[8px] text-white w-full flex justify-center'>
-      <a href={imageHero[0]?.photographer_url} target='_blank' rel='noreferrer'>
-        Photo by {imageHero[0]?.photographer} on Pexels
-      </a>
     </div>
   </div>
 );

frontend/src/menuNavBar.ts

@@ -49,23 +49,23 @@ const menuNavBar: MenuNavBarItem[] = [
 export const webPagesNavBar = [
   {
     href: '/home',
-    label: 'home',
+    label: 'Ana sayfa',
   },
   {
     href: '/about',
-    label: 'about',
+    label: 'Hakkımızda',
   },
   {
     href: '/contact',
-    label: 'contact',
+    label: 'İletişim',
   },
   {
     href: '/faq',
-    label: 'FAQ',
+    label: 'SSS',
   },
   {
     href: '/blog',
-    label: 'blog',
+    label: 'Blog',
   },
 ];
 

frontend/src/pages/index.tsx

@@ -27,7 +27,7 @@ import TestimonialsSection from '../components/WebPageComponents/TestimonialsCom
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'yarkoop';
+  const projectName = 'YarKoop';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -36,30 +36,11 @@ export default function WebSite() {
     }
   }, []);
   const pages = [
-    {
+    { href: '/home', label: 'Ana sayfa' },
-      href: '/home',
+    { href: '/about', label: 'Hakkımızda' },
-      label: 'home',
+    { href: '/contact', label: 'İletişim' },
-    },
+    { href: '/faq', label: 'SSS' },
-
+    { href: '/blog', label: 'Blog' },
-    {
-      href: '/about',
-      label: 'about',
-    },
-
-    {
-      href: '/contact',
-      label: 'contact',
-    },
-
-    {
-      href: '/faq',
-      label: 'FAQ',
-    },
-
-    {
-      href: '/blog',
-      label: 'blog',
-    },
   ];
 
   const features_points = [
@@ -119,22 +100,22 @@ export default function WebSite() {
   return (
     <div className='flex flex-col min-h-screen'>
       <Head>
-        <title>{`Yarkoop - Cooperative Platform for Mutual Assistance and Business`}</title>
+        <title>{`YarKoop - Cooperative Platform for Mutual Assistance and Business`}</title>
         <meta
           name='description'
           content={`Welcome to Yarkoop, a cooperative platform dedicated to mutual assistance and business collaboration. Discover our features, learn about our mission, and connect with us today.`}
         />
       </Head>
-      <WebSiteHeader projectName={'yarkoop'} pages={pages} />
+      <WebSiteHeader projectName={'YarKoop'} pages={pages} />
       <main
         className={`flex-grow   bg-skyBlueTheme-websiteBG   rounded-none  `}
       >
         <HeroSection
           projectName={'yarkoop'}
-          image={['Cooperative teamwork and growth']}
+          image="https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1950&q=80"
           mainText={`Empower Your Future with ${projectName}`}
           subTitle={`${projectName} is your gateway to cooperative success, fostering mutual assistance and business growth. Join us to unlock new opportunities and strengthen community ties.`}
-          design={HeroDesigns.IMAGE_BG || ''}
+          design={HeroDesigns.IMAGE_BG}
           buttonText={`Join Us Now`}
         />
 
@@ -143,7 +124,7 @@ export default function WebSite() {
           image={['Icons representing key features']}
           withBg={0}
           features={features_points}
-          mainText={`Discover ${projectName} Key Features`}
+          mainText={`${projectName}'un temel özelliklerini keşfedin`}
           subTitle={`Explore the powerful features of ${projectName} designed to enhance cooperation and business growth.`}
           design={FeaturesDesigns.CARDS_GRID_WITH_ICONS || ''}
         />

frontend/src/pages/web_pages/about.tsx

@@ -24,7 +24,7 @@ import TestimonialsSection from '../../components/WebPageComponents/Testimonials
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'yarkoop';
+  const projectName = 'YarKoop';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -91,12 +91,12 @@ export default function WebSite() {
     <div className='flex flex-col min-h-screen'>
       <Head>
         <title>{`About Yarkoop - Our Mission and Vision`}</title>
-        <meta
+        <title>{`About YarKoop - Our Mission and Vision`}</title>
           name='description'
           content={`Learn more about Yarkoop, our mission to foster cooperative growth, and how we empower communities through mutual assistance and collaboration.`}
         />
       </Head>
-      <WebSiteHeader projectName={'yarkoop'} />
+      <WebSiteHeader projectName={'YarKoop'} />
       <main
         className={`flex-grow   bg-skyBlueTheme-websiteBG   rounded-none  `}
       >

frontend/src/pages/web_pages/blog.tsx

@@ -18,7 +18,7 @@ import FeaturesSection from '../../components/WebPageComponents/FeaturesComponen
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'yarkoop';
+  const projectName = 'YarKoop';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -52,7 +52,7 @@ export default function WebSite() {
     <div className='flex flex-col min-h-screen'>
       <Head>
         <title>{`Yarkoop Blog - Insights and Updates`}</title>
-        <meta
+        <title>{`YarKoop Blog - Insights and Updates`}</title>
           name='description'
           content={`Stay informed with the latest insights, updates, and stories from Yarkoop. Explore our blog for valuable information and cooperative success stories.`}
         />

frontend/src/pages/web_pages/contact.tsx

@@ -18,7 +18,7 @@ import ContactFormSection from '../../components/WebPageComponents/ContactFormCo
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'yarkoop';
+  const projectName = 'YarKoop';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -30,7 +30,7 @@ export default function WebSite() {
   return (
     <div className='flex flex-col min-h-screen'>
       <Head>
-        <title>{`Contact Yarkoop - Get in Touch`}</title>
+        <title>{`Contact YarKoop - Get in Touch`}</title>
         <meta
           name='description'
           content={`Reach out to Yarkoop for any inquiries, support, or collaboration opportunities. We're here to assist and connect with you.`}

frontend/src/pages/web_pages/faq.tsx

@@ -18,7 +18,7 @@ import FaqSection from '../../components/WebPageComponents/FaqComponent';
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'yarkoop';
+  const projectName = 'YarKoop';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -69,7 +69,7 @@ export default function WebSite() {
     <div className='flex flex-col min-h-screen'>
       <Head>
         <title>{`Yarkoop FAQ - Frequently Asked Questions`}</title>
-        <meta
+        <title>{`YarKoop FAQ - Frequently Asked Questions`}</title>
           name='description'
           content={`Find answers to common questions about Yarkoop, our services, and how we can assist you. Explore our FAQ section for more information.`}
         />

frontend/src/pages/web_pages/home.tsx

@@ -27,7 +27,7 @@ import TestimonialsSection from '../../components/WebPageComponents/Testimonials
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'yarkoop';
+  const projectName = 'YarKoop';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -94,7 +94,7 @@ export default function WebSite() {
     <div className='flex flex-col min-h-screen'>
       <Head>
         <title>{`Yarkoop - Cooperative Platform for Mutual Assistance and Business`}</title>
-        <meta
+        <title>{`YarKoop - Cooperative Platform for Mutual Assistance and Business`}</title>
           name='description'
           content={`Welcome to Yarkoop, a cooperative platform dedicated to mutual assistance and business collaboration. Discover our features, learn about our mission, and connect with us today.`}
         />
@@ -117,7 +117,7 @@ export default function WebSite() {
           image={['Icons representing key features']}
           withBg={1}
           features={features_points}
-          mainText={`Discover ${projectName} Key Features`}
+          mainText={`${projectName}'un temel özelliklerini keşfedin`}
           subTitle={`Explore the powerful features of ${projectName} designed to enhance cooperation and business growth.`}
           design={FeaturesDesigns.CARDS_GRID_WITH_ICONS || ''}
         />

frontend/tailwind.config.js

@@ -1,6 +1,8 @@
 /* eslint-env node */
 /* eslint-disable-next-line */
 const plugin = require('tailwindcss/plugin');
+const colors = require('tailwindcss/colors');
+
 
 module.exports = {
   content: ['./src/**/*.{js,ts,jsx,tsx}'],
@@ -40,6 +42,8 @@ module.exports = {
         'fade-in': 'fade-in 250ms ease-in-out',
       },
       colors: {
+        blue: colors.green,
+
         dark: {
           900: '#131618',
           800: '#21242A',