Revert to version b2bc0a0
This commit is contained in:
parent
1609d1af9c
commit
2a1d6cc9ec
File diff suppressed because one or more lines are too long
@ -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>}
|
||||
|
||||
@ -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) => {
|
||||
|
||||
@ -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'>
|
||||
|
||||
@ -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>
|
||||
);
|
||||
|
||||
@ -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',
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
@ -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 || ''}
|
||||
/>
|
||||
|
||||
@ -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 `}
|
||||
>
|
||||
|
||||
@ -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.`}
|
||||
/>
|
||||
|
||||
@ -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.`}
|
||||
|
||||
@ -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.`}
|
||||
/>
|
||||
|
||||
@ -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 || ''}
|
||||
/>
|
||||
|
||||
@ -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',
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user