Compare commits

..

No commits in common. "master" and "f26cc8d498ea2efd38f82ab6bfd0863d05668eb5" have entirely different histories.

13 changed files with 79 additions and 44 deletions

File diff suppressed because one or more lines are too long

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>}

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) => {

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'>

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>
);

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',
},
];

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 || ''}
/>

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

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

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

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

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 || ''}
/>

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',