admin/32427
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert to version b2bc0a0

Browse Source
This commit is contained in:
Flatlogic Bot 2025-06-27 13:51:18 +00:00
parent 1855135aba
commit f26cc8d498
13 changed files with 79 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app-shell/src/_schema.json
View File

File diff suppressed because one or more lines are too long

2
frontend/src/components/AsideMenuLayer.tsx
View File

@ -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='italic text-green-800 font-black'>YarKoop</b>
<b className='font-black'>yarkoop</b>
</Link>
{organizationName && <p>{organizationName}</p>}

2
frontend/src/components/WebPageComponents/Footer.tsx
View File

@ -37,7 +37,7 @@ export default function WebSiteFooter({ projectName }: WebSiteFooterProps) {
© {currentYear} Flatlogic. All rights reserved
</p>
{style ? (
<p className='italic font-bold text-green-800 py-6'>{projectName}</p>
<p className='py-6 font-bold'>{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) => {

2
frontend/src/components/WebPageComponents/Header.tsx
View File

@ -38,7 +38,7 @@ export default function WebSiteHeader({ projectName }: WebSiteHeaderProps) {
style ? 'md:w-auto' : 'justify-between mr-6'
} `}
>
<div className='italic font-bold py-2 lg:mr-6 text-center md:text-left text-green-800'>
<div className='font-bold py-2 lg:mr-6 text-center md:text-left'>
{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'>

35
frontend/src/components/WebPageComponents/HeroComponent/designs/HeroImageBg.tsx
View File

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

10
frontend/src/menuNavBar.ts
View File

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

41
frontend/src/pages/index.tsx
View File

@ -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,11 +36,30 @@ export default function WebSite() {
}
}, []);
const pages = [
{ href: '/home', label: 'Ana sayfa' },
{ href: '/about', label: 'Hakkımızda' },
{ href: '/contact', label: 'İletişim' },
{ href: '/faq', label: 'SSS' },
{ href: '/blog', label: 'Blog' },
{
href: '/home',
label: 'home',
},
{
href: '/about',
label: 'about',
},
{
href: '/contact',
label: 'contact',
},
{
href: '/faq',
label: 'FAQ',
},
{
href: '/blog',
label: 'blog',
},
];
const features_points = [
@ -100,22 +119,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="https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1950&q=80"
image={['Cooperative teamwork and growth']}
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`}
/>
@ -124,7 +143,7 @@ export default function WebSite() {
image={['Icons representing key features']}
withBg={0}
features={features_points}
mainText={`${projectName}'un temel özelliklerini keşfedin`}
mainText={`Discover ${projectName} Key Features`}
subTitle={`Explore the powerful features of ${projectName} designed to enhance cooperation and business growth.`}
design={FeaturesDesigns.CARDS_GRID_WITH_ICONS || ''}
/>

6
frontend/src/pages/web_pages/about.tsx
View File

@ -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>
<title>{`About YarKoop - Our Mission and Vision`}</title>
<meta
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 `}
>

4
frontend/src/pages/web_pages/blog.tsx
View File

@ -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>
<title>{`YarKoop Blog - Insights and Updates`}</title>
<meta
name='description'
content={`Stay informed with the latest insights, updates, and stories from Yarkoop. Explore our blog for valuable information and cooperative success stories.`}
/>

4
frontend/src/pages/web_pages/contact.tsx
View File

@ -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.`}

4
frontend/src/pages/web_pages/faq.tsx
View File

@ -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>
<title>{`YarKoop FAQ - Frequently Asked Questions`}</title>
<meta
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.`}
/>

6
frontend/src/pages/web_pages/home.tsx
View File

@ -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>
<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.`}
/>
@ -117,7 +117,7 @@ export default function WebSite() {
image={['Icons representing key features']}
withBg={1}
features={features_points}
mainText={`${projectName}'un temel özelliklerini keşfedin`}
mainText={`Discover ${projectName} Key Features`}
subTitle={`Explore the powerful features of ${projectName} designed to enhance cooperation and business growth.`}
design={FeaturesDesigns.CARDS_GRID_WITH_ICONS || ''}
/>

4
frontend/tailwind.config.js
View File

@ -1,8 +1,6 @@
/* 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}'],
@ -42,8 +40,6 @@ module.exports = {
'fade-in': 'fade-in 250ms ease-in-out',
},
colors: {
blue: colors.green,
dark: {
900: '#131618',
800: '#21242A',